@jobber/components 4.85.4-CJS-to-ESM.18 → 4.85.4-CJS-to-ESM.19

package/dist/DataList/components/DataListSearch/index.cjs

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var DataListSearch = require('../../../DataListSearch-69673bbb.js');
+var DataListSearch = require('../../../DataListSearch-5b8e6dd5.js');
 require('react');
-require('lodash/debounce');
+require('lodash');
 require('classnames');
 require('@jobber/design');
 require('../../../style-inject.es-9d2f5f4e.js');

package/dist/DataList/components/DataListSearch/index.mjs

@@ -1,6 +1,6 @@
-export { a as DATA_LIST_SEARCH_TEST_ID, D as DataListSearch, I as InternalDataListSearch } from '../../../DataListSearch-365c1adf.js';
+export { a as DATA_LIST_SEARCH_TEST_ID, D as DataListSearch, I as InternalDataListSearch } from '../../../DataListSearch-5400dc97.js';
 import 'react';
-import 'lodash/debounce';
+import 'lodash';
 import 'classnames';
 import '@jobber/design';
 import '../../../style-inject.es-a0e1a0ba.js';

package/dist/DataList/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var DataList = require('../DataList-c2e5a2f9.js');
+var DataList = require('../DataList-e144ee14.js');
 require('../tslib.es6-754e2961.js');
 require('react');
 require('../DataList-b5f0a522.js');
@@ -81,8 +81,8 @@ require('lodash-es/debounce');
 require('../ComboboxActivator-afc63f51.js');
 require('@jobber/hooks/useAssert');
 require('../DataListStickyHeader-0728e21b.js');
-require('../DataListSearch-69673bbb.js');
-require('lodash/debounce');
+require('../DataListSearch-5b8e6dd5.js');
+require('lodash');
 require('../InputText-55b6cb65.js');
 require('../FormField-6ff183f8.js');
 require('@jobber/hooks/useShowClear');

package/dist/DataList/index.mjs

@@ -1,4 +1,4 @@
-export { D as DataList } from '../DataList-3556bbc6.js';
+export { D as DataList } from '../DataList-e6918647.js';
 import '../tslib.es6-c563c1dd.js';
 import 'react';
 import '../DataList-1e0e9426.js';
@@ -77,8 +77,8 @@ import 'lodash-es/debounce';
 import '../ComboboxActivator-757941db.js';
 import '@jobber/hooks/useAssert';
 import '../DataListStickyHeader-ce11cbd9.js';
-import '../DataListSearch-365c1adf.js';
-import 'lodash/debounce';
+import '../DataListSearch-5400dc97.js';
+import 'lodash';
 import '../InputText-8dbcfe70.js';
 import '../FormField-8118cfc8.js';
 import '@jobber/hooks/useShowClear';

package/dist/{DataList-c2e5a2f9.js → DataList-e144ee14.js}

@@ -9,7 +9,7 @@ var DataListLayout = require('./DataListLayout-7218c357.js');
 var DataListHeader = require('./DataListHeader-75d83a60.js');
 var DataListFilters = require('./DataListFilters-79fb5ad3.js');
 var DataListStickyHeader = require('./DataListStickyHeader-0728e21b.js');
-var DataListSearch = require('./DataListSearch-69673bbb.js');
+var DataListSearch = require('./DataListSearch-5b8e6dd5.js');
 var DataListEmptyState = require('./DataListEmptyState-55047c95.js');
 var DataListLoadMore = require('./DataListLoadMore-74e6f2bd.js');
 var DataListItemActions = require('./DataListItemActions-77ed18fb.js');

package/dist/{DataList-3556bbc6.js → DataList-e6918647.js}

@@ -7,7 +7,7 @@ import { D as DataListLayout } from './DataListLayout-e6922bcb.js';
 import { D as DataListHeader } from './DataListHeader-43913366.js';
 import { I as InternalDataListFilters, D as DataListFilters } from './DataListFilters-af4810b6.js';
 import { D as DataListStickyHeader } from './DataListStickyHeader-ce11cbd9.js';
-import { I as InternalDataListSearch, D as DataListSearch } from './DataListSearch-365c1adf.js';
+import { I as InternalDataListSearch, D as DataListSearch } from './DataListSearch-5400dc97.js';
 import { I as InternalDataListEmptyState, D as DataListEmptyState } from './DataListEmptyState-95204ce0.js';
 import { D as DataListLoadMore } from './DataListLoadMore-74dba7dd.js';
 import { D as DataListItemActions } from './DataListItemActions-b0e94cb7.js';

package/dist/{DataListSearch-365c1adf.js → DataListSearch-5400dc97.js}

@@ -1,5 +1,5 @@
 import React, { useRef, useState, useCallback } from 'react';
-import debounce from 'lodash/debounce';
+import { debounce } from 'lodash';
 import classnames from 'classnames';
 import { tokens } from '@jobber/design';
 import { s as styleInject } from './style-inject.es-a0e1a0ba.js';

package/dist/{DataListSearch-69673bbb.js → DataListSearch-5b8e6dd5.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var debounce = require('lodash/debounce');
+var lodash = require('lodash');
 var classnames = require('classnames');
 var design = require('@jobber/design');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
@@ -14,7 +14,6 @@ var AnimatedSwitcher = require('./AnimatedSwitcher-3d45ec5d.js');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
 var css_248z = ".tj0MOMhLEEY- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n.SaPMOnvw-3c- {\n  --transition-properties: var(--timing-base) ease-in-out;\n  --button-offset: calc(var(--space-largest) - var(--space-smaller));\n\n  position: absolute;\n  top: 50%;\n  right: calc((16px * 3) - (16px / 4));\n  right: calc(calc(16px * 3) - calc(16px / 4));\n  right: var(--button-offset);\n  visibility: hidden;\n  width: 0;\n  padding: calc(16px / 4) 0;\n  padding: var(--space-smaller) 0;\n  background-color: rgba(255, 255, 255, 1);\n  background-color: var(--color-surface);\n  opacity: 0;\n  -webkit-transform: translateY(-50%);\n          transform: translateY(-50%);\n  transition: opacity 200ms ease-in-out,\n    width 200ms ease-in-out, visibility 200ms ease-in-out;\n  transition: opacity var(--transition-properties),\n    width var(--transition-properties), visibility var(--transition-properties);\n}\n\n._3S1-91v2SYI- {\n  visibility: visible;\n  width: calc(100% - var(--button-offset));\n  opacity: 1;\n}\n\n@media (min-width: 768px) {\n\n.SaPMOnvw-3c-,\n._3S1-91v2SYI- {\n    position: static;\n    visibility: visible;\n    width: auto;\n    padding: 0;\n    background-color: transparent;\n    opacity: 1;\n    -webkit-transform: none;\n            transform: none;\n    transition: none;\n}\n  }\n\n@media (--medium-screens-and-up) {\n\n.SaPMOnvw-3c-,\n._3S1-91v2SYI- {\n    position: static;\n    visibility: visible;\n    width: auto;\n    padding: 0;\n    background-color: transparent;\n    opacity: 1;\n    -webkit-transform: none;\n            transform: none;\n    transition: none;\n}\n  }\n\n._9GlBktsUALw- {\n  display: block;\n}\n\n@media (min-width: 768px) {\n\n._9GlBktsUALw- {\n    display: none;\n}\n  }\n\n@media (--medium-screens-and-up) {\n\n._9GlBktsUALw- {\n    display: none;\n}\n  }\n\n/*\n * No Filters Styling\n *\n * When there are no filters, the search input is always visible.\n * ------------------------------------------------------------------------- */\n\n._3Pjrt42x454- .SaPMOnvw-3c- {\n  position: static;\n  visibility: visible;\n  width: auto;\n  opacity: 1;\n  transition: none;\n}\n\n@media (min-width: 768px) {\n\n._3Pjrt42x454- .SaPMOnvw-3c- {\n    max-width: 30%;\n}\n  }\n\n@media (--medium-screens-and-up) {\n\n._3Pjrt42x454- .SaPMOnvw-3c- {\n    max-width: 30%;\n}\n  }\n\n._3Pjrt42x454- ._9GlBktsUALw- {\n  display: none;\n}\n";
@@ -34,7 +33,7 @@ function InternalDataListSearch() {
     const inputRef = React.useRef(null);
     const [visible, setVisible] = React.useState(false);
     const { searchComponent, filterComponent, sorting, title } = DataListContext.useDataListContext();
-    const debouncedSearch = React.useCallback(debounce__default["default"]((value) => { var _a; return (_a = searchComponent === null || searchComponent === void 0 ? void 0 : searchComponent.props) === null || _a === void 0 ? void 0 : _a.onSearch(value); }, DataList_const.SEARCH_DEBOUNCE_DELAY), [searchComponent === null || searchComponent === void 0 ? void 0 : searchComponent.props.onSearch]);
+    const debouncedSearch = React.useCallback(lodash.debounce((value) => { var _a; return (_a = searchComponent === null || searchComponent === void 0 ? void 0 : searchComponent.props) === null || _a === void 0 ? void 0 : _a.onSearch(value); }, DataList_const.SEARCH_DEBOUNCE_DELAY), [searchComponent === null || searchComponent === void 0 ? void 0 : searchComponent.props.onSearch]);
     if (!searchComponent)
         return null;
     const { placeholder, initialValue } = searchComponent.props;

package/dist/InputTime/index.cjs

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InputTime = require('../InputTime-ce24b2bf.js');
+var InputTime = require('../InputTime-3d4d8cd3.js');
 require('../tslib.es6-754e2961.js');
 require('react');
 require('@std-proposal/temporal');
-require('lodash/debounce');
+require('lodash');
 require('../FormField-6ff183f8.js');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');

package/dist/InputTime/index.mjs

@@ -1,8 +1,8 @@
-export { I as InputTime } from '../InputTime-13522852.js';
+export { I as InputTime } from '../InputTime-f892fd3c.js';
 import '../tslib.es6-c563c1dd.js';
 import 'react';
 import '@std-proposal/temporal';
-import 'lodash/debounce';
+import 'lodash';
 import '../FormField-8118cfc8.js';
 import 'react-hook-form';
 import '../style-inject.es-a0e1a0ba.js';

package/dist/{InputTime-ce24b2bf.js → InputTime-3d4d8cd3.js}

@@ -3,13 +3,12 @@
 var tslib_es6 = require('./tslib.es6-754e2961.js');
 var React = require('react');
 var temporal = require('@std-proposal/temporal');
-var debounce = require('lodash/debounce');
+var lodash = require('lodash');
 var FormField = require('./FormField-6ff183f8.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
 
 function civilTimeToHTMLTime(civilTime) {
     if (civilTime == undefined) {
@@ -33,7 +32,7 @@ function useTimePredict({ value, handleChange }) {
         hour: "numeric",
     }).resolvedOptions().hour12);
     const [typedTime, setTypedTime] = React.useState("");
-    const predictTime = React.useCallback(debounce__default["default"](() => {
+    const predictTime = React.useCallback(lodash.debounce(() => {
         if (value)
             return;
         handleChange(predictHours(typedTime, IS_12_HOUR_FORMAT.current));

package/dist/{InputTime-13522852.js → InputTime-f892fd3c.js}

@@ -1,7 +1,7 @@
 import { _ as __rest } from './tslib.es6-c563c1dd.js';
 import React, { useRef, useState, useCallback, useEffect } from 'react';
 import { CivilTime } from '@std-proposal/temporal';
-import debounce from 'lodash/debounce';
+import { debounce } from 'lodash';
 import { F as FormField } from './FormField-8118cfc8.js';
 
 function civilTimeToHTMLTime(civilTime) {

package/dist/List/index.cjs

@@ -2,11 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var List = require('../List-86c3acf0.js');
+var List = require('../List-1ba759c9.js');
 require('react');
 require('classnames');
-require('lodash-es/get');
-require('lodash-es/groupBy');
+require('lodash');
 require('../style-inject.es-9d2f5f4e.js');
 require('../Icon-405a216c.js');
 require('@jobber/design');

package/dist/List/index.mjs

@@ -1,8 +1,7 @@
-export { L as List, a as ListItem } from '../List-3a77c1ec.js';
+export { L as List, a as ListItem } from '../List-f8a2f9fc.js';
 import 'react';
 import 'classnames';
-import 'lodash-es/get';
-import 'lodash-es/groupBy';
+import 'lodash';
 import '../style-inject.es-a0e1a0ba.js';
 import '../Icon-22723fe6.js';
 import '@jobber/design';

package/dist/{List-86c3acf0.js → List-1ba759c9.js}

@@ -2,8 +2,7 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var get = require('lodash-es/get');
-var groupBy = require('lodash-es/groupBy');
+var lodash = require('lodash');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
 var Icon = require('./Icon-405a216c.js');
 var Text = require('./Text-259af966.js');
@@ -16,8 +15,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
-var get__default = /*#__PURE__*/_interopDefaultLegacy(get);
-var groupBy__default = /*#__PURE__*/_interopDefaultLegacy(groupBy);
 
 var css_248z$2 = ".u853Ql4cj50- {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.ig9l6LfEgwo-:not(:last-child) {\n  border-bottom: calc(16px / 16) solid rgb(217, 223, 225);\n  border-bottom: var(--border-base) solid var(--color-border);\n}\n\n.KIYTQdrufzY- {\n  position: relative;\n}\n\n.KIYTQdrufzY-:not(:last-child) .u853Ql4cj50- {\n  padding-bottom: calc(16px * 1.5);\n  padding-bottom: var(--space-large);\n}\n";
 var styles$1 = {"list":"u853Ql4cj50-","item":"ig9l6LfEgwo-","section":"KIYTQdrufzY-"};
@@ -74,7 +71,7 @@ function DisplayList({ items }) {
         React__default["default"].createElement(ListItem, Object.assign({}, item)))))));
 }
 function SectionedList({ items }) {
-    const sectionedItems = groupBy__default["default"](items, item => get__default["default"](item, "section", "Other"));
+    const sectionedItems = lodash.groupBy(items, item => lodash.get(item, "section", "Other"));
     const sectionHeaderClassNames = classnames__default["default"](sectionStyles.sectionHeader);
     return (React__default["default"].createElement("ul", { className: styles$1.list }, Object.keys(sectionedItems).map(sectionName => (React__default["default"].createElement("li", { key: sectionName, className: styles$1.section },
         React__default["default"].createElement("div", { className: sectionHeaderClassNames },

package/dist/{List-3a77c1ec.js → List-f8a2f9fc.js}

@@ -1,7 +1,6 @@
 import React from 'react';
 import classnames from 'classnames';
-import get from 'lodash-es/get';
-import groupBy from 'lodash-es/groupBy';
+import { groupBy, get } from 'lodash';
 import { s as styleInject } from './style-inject.es-a0e1a0ba.js';
 import { I as Icon } from './Icon-22723fe6.js';
 import { T as Text } from './Text-c9162504.js';

package/dist/index.cjs

@@ -27,7 +27,7 @@ var ConfirmationModal = require('./ConfirmationModal-52e16873.js');
 var Content = require('./Content-e3f7b6fc.js');
 var Countdown = require('./Countdown-961d8a6e.js');
 var DataDump = require('./DataDump-9addf519.js');
-var DataList = require('./DataList-c2e5a2f9.js');
+var DataList = require('./DataList-e144ee14.js');
 var DataTable = require('./DataTable-4afcfbc6.js');
 require('@jobber/hooks/useResizeObserver');
 var reactTable = require('@tanstack/react-table');
@@ -60,11 +60,11 @@ var InputNumber = require('./InputNumber-d451b52e.js');
 var InputPassword = require('./InputPassword-dd44b8d5.js');
 var InputPhoneNumber = require('./InputPhoneNumber-83d7ec95.js');
 var InputText = require('./InputText-55b6cb65.js');
-var InputTime = require('./InputTime-ce24b2bf.js');
+var InputTime = require('./InputTime-3d4d8cd3.js');
 var InputValidation = require('./InputValidation-05e839fa.js');
 var LightBox = require('./LightBox-f8056a57.js');
 var Link = require('./Link-fd7301ec.js');
-var List = require('./List-86c3acf0.js');
+var List = require('./List-1ba759c9.js');
 var Markdown = require('./Markdown-f7c55304.js');
 var Menu = require('./Menu-083fc4c4.js');
 var Modal = require('./Modal-c336cac6.js');
@@ -146,8 +146,8 @@ require('./DataListBulkActions-b7176b4d.js');
 require('./DataListFilters-79fb5ad3.js');
 require('./DataListSort-5d642586.js');
 require('./DataListStickyHeader-0728e21b.js');
-require('./DataListSearch-69673bbb.js');
-require('lodash/debounce');
+require('./DataListSearch-5b8e6dd5.js');
+require('lodash');
 require('./DataListEmptyState-55047c95.js');
 require('./DataListLoadMore-74e6f2bd.js');
 require('./DataListAction-9d8a33e0.js');
@@ -160,8 +160,6 @@ require('filesize');
 require('./InternalGridCell-58643b70.js');
 require('react-dropzone');
 require('axios');
-require('lodash-es/get');
-require('lodash-es/groupBy');
 require('react-markdown');
 require('@jobber/formatters');
 require('react-dom/client');

package/dist/index.mjs

@@ -23,7 +23,7 @@ export { C as ConfirmationModal } from './ConfirmationModal-916a1f09.js';
 export { C as Content } from './Content-c4ea919f.js';
 export { C as Countdown } from './Countdown-ac081ced.js';
 export { D as DataDump } from './DataDump-18f6e791.js';
-export { D as DataList } from './DataList-3556bbc6.js';
+export { D as DataList } from './DataList-e6918647.js';
 export { D as DataTable } from './DataTable-8d4b2d3a.js';
 import '@jobber/hooks/useResizeObserver';
 export { createColumnHelper } from '@tanstack/react-table';
@@ -56,11 +56,11 @@ export { I as InputNumber } from './InputNumber-0391311b.js';
 export { I as InputPassword } from './InputPassword-0ab4214d.js';
 export { I as InputPhoneNumber } from './InputPhoneNumber-bc761c12.js';
 export { I as InputText } from './InputText-8dbcfe70.js';
-export { I as InputTime } from './InputTime-13522852.js';
+export { I as InputTime } from './InputTime-f892fd3c.js';
 export { I as InputValidation } from './InputValidation-d68fb034.js';
 export { L as LightBox } from './LightBox-82e62d76.js';
 export { L as Link } from './Link-b41bc1d3.js';
-export { L as List, a as ListItem } from './List-3a77c1ec.js';
+export { L as List, a as ListItem } from './List-f8a2f9fc.js';
 export { M as Markdown } from './Markdown-8d44afcd.js';
 export { M as Menu } from './Menu-d99e0e5a.js';
 export { M as Modal } from './Modal-ecd845d2.js';
@@ -142,8 +142,8 @@ import './DataListBulkActions-67e9a7b1.js';
 import './DataListFilters-af4810b6.js';
 import './DataListSort-4ac7ffd3.js';
 import './DataListStickyHeader-ce11cbd9.js';
-import './DataListSearch-365c1adf.js';
-import 'lodash/debounce';
+import './DataListSearch-5400dc97.js';
+import 'lodash';
 import './DataListEmptyState-95204ce0.js';
 import './DataListLoadMore-74dba7dd.js';
 import './DataListAction-d570e8bf.js';
@@ -156,8 +156,6 @@ import 'filesize';
 import './InternalGridCell-eca14dd0.js';
 import 'react-dropzone';
 import 'axios';
-import 'lodash-es/get';
-import 'lodash-es/groupBy';
 import 'react-markdown';
 import '@jobber/formatters';
 import 'react-dom/client';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@jobber/components",
   "type": "module",
-  "version": "4.85.4-CJS-to-ESM.18+6dda60b4",
+  "version": "4.85.4-CJS-to-ESM.19+74418c1f",
   "license": "MIT",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
@@ -391,7 +391,7 @@
   "dependencies": {
     "@jobber/design": "^0.55.1",
     "@jobber/formatters": "^0.2.2",
-    "@jobber/hooks": "^2.9.2-CJS-to-ESM.18+6dda60b4",
+    "@jobber/hooks": "^2.9.2-CJS-to-ESM.19+74418c1f",
     "@popperjs/core": "^2.0.6",
     "@std-proposal/temporal": "0.0.1",
     "@tanstack/react-table": "8.5.13",
@@ -451,5 +451,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "6dda60b4f2b3ac5a532791dc0abeb4eae5cb8689"
+  "gitHead": "74418c1f36e859d72eae4ac9da4558a4d3927609"
 }

package/rollup.config.js

@@ -130,7 +130,6 @@ export default {
     "framer-motion",
     "classnames",
     new RegExp("lodash/.*"),
-    new RegExp("lodash-es/.*"),
     "@std-proposal/temporal",
     "@jobber/design",
     "@jobber/design/foundation",