@jobber/components 6.85.2 → 6.85.3-CLEANUPre-6d043f4.28

package/dist/tslib.es6-cjs.js

@@ -14,7 +14,7 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
 
 
 function __rest(s, e) {
@@ -40,8 +40,8 @@ function __awaiter(thisArg, _arguments, P, generator) {
 }
 
 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;
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["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.");

package/dist/tslib.es6-es.js

@@ -12,7 +12,7 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
 
 
 function __rest(s, e) {
@@ -38,8 +38,8 @@ function __awaiter(thisArg, _arguments, P, generator) {
 }
 
 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;
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["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.");

package/dist/useScrollToActive-cjs.js

@@ -9,6 +9,7 @@ var isTypedArray = require('./isTypedArray-cjs.js');
 var isSymbol$1 = require('./isSymbol-cjs.js');
 var identity$1 = require('./identity-cjs.js');
 var _isIterateeCall = require('./_isIterateeCall-cjs.js');
+var jobberHooks = require('@jobber/hooks');
 var debounce = require('./debounce-cjs.js');
 var Icon = require('./Icon-cjs.js');
 var floatingUi_react = require('./floating-ui.react-cjs.js');
@@ -248,49 +249,6 @@ var sortBy_1 = sortBy;
 
 var sortBy$1 = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(sortBy_1);
 
-var useLiveAnnounce$1 = {};
-
-Object.defineProperty(useLiveAnnounce$1, "__esModule", { value: true });
-var useLiveAnnounce_2 = useLiveAnnounce$1.useLiveAnnounce = useLiveAnnounce;
-const react_1 = React;
-/**
- * Announce a message on voice over whenever you do an action. This is
- * especially helpful when you have an action that adds or deletes an element
- * from the screen.
- */
-function useLiveAnnounce() {
-    const [announcedMessage, setAnnouncedMessage] = (0, react_1.useState)("");
-    (0, react_1.useEffect)(() => {
-        let target;
-        if (announcedMessage) {
-            target = createAnnouncedElement();
-            setTimeout(() => target.append(announcedMessage), 100);
-        }
-        return () => target === null || target === void 0 ? void 0 : target.remove();
-    }, [announcedMessage]);
-    return {
-        liveAnnounce: (message) => {
-            setAnnouncedMessage(message);
-        },
-    };
-}
-// eslint-disable-next-line max-statements
-function createAnnouncedElement() {
-    const el = document.createElement("div");
-    el.style.position = "absolute";
-    el.style.width = "1px";
-    el.style.height = "1px";
-    el.style.overflow = "hidden";
-    el.style.clipPath = " inset(100%)";
-    el.style.whiteSpace = " nowrap";
-    el.style.top = "0";
-    el.setAttribute("role", "status");
-    el.setAttribute("aria-atomic", "true");
-    el.setAttribute("aria-live", "assertive");
-    document.body.appendChild(el);
-    return el;
-}
-
 /**
  * Recursively finds a focusable element (div or button) in the specified direction
  */
@@ -316,7 +274,7 @@ function useInternalChipDismissible({ children, selected, onChange, onClick, onC
     const visibleChipOptions = chipOptions.filter(chip => selected.includes(chip.value));
     const sortedVisibleChipOptions = sortBy$1(visibleChipOptions, chip => selected.indexOf(chip.value));
     const availableChipOptions = chipOptions.filter(chip => !selected.includes(chip.value));
-    const { liveAnnounce } = useLiveAnnounce_2();
+    const { liveAnnounce } = jobberHooks.useLiveAnnounce();
     const actions = {
         handleChipRemove: (value) => {
             return () => {
@@ -386,7 +344,7 @@ function useInternalChipDismissibleInput({ options, isLoadingMore = false, onCus
     const [shouldCancelEnter, setShouldCancelEnter] = React.useState(false);
     const canAddCustomOption = onCustomOptionSelect !== undefined && !isLoadingMore;
     const maxOptionIndex = allOptions.length - 1;
-    const { liveAnnounce } = useLiveAnnounce_2();
+    const { liveAnnounce } = jobberHooks.useLiveAnnounce();
     React.useEffect(() => {
         setAllOptions(generateOptions(options, searchValue, canAddCustomOption));
     }, [options]);

package/dist/useScrollToActive-es.js

@@ -7,9 +7,10 @@ import { b as isArrayLike_1, k as _baseUnary, a as isArray_1 } from './isTypedAr
 import { i as isSymbol_1 } from './isSymbol-es.js';
 import { i as identity_1 } from './identity-es.js';
 import { _ as _baseRest, a as _isIterateeCall } from './_isIterateeCall-es.js';
-import { a as debounce } from './debounce-es.js';
+import { useLiveAnnounce } from '@jobber/hooks';
+import { d as debounce } from './debounce-es.js';
 import { I as Icon } from './Icon-es.js';
-import { u as useFloating, o as offset, f as flip, e as size, b as autoUpdate } from './floating-ui.react-es.js';
+import { u as useFloating, o as offset, f as flip, s as size, c as autoUpdate } from './floating-ui.react-es.js';
 import { c as calculateMaxHeight } from './maxHeight-es.js';
 
 var baseEach = _baseEach,
@@ -246,49 +247,6 @@ var sortBy_1 = sortBy;
 
 var sortBy$1 = /*@__PURE__*/getDefaultExportFromCjs(sortBy_1);
 
-var useLiveAnnounce$1 = {};
-
-Object.defineProperty(useLiveAnnounce$1, "__esModule", { value: true });
-var useLiveAnnounce_2 = useLiveAnnounce$1.useLiveAnnounce = useLiveAnnounce;
-const react_1 = React__default;
-/**
- * Announce a message on voice over whenever you do an action. This is
- * especially helpful when you have an action that adds or deletes an element
- * from the screen.
- */
-function useLiveAnnounce() {
-    const [announcedMessage, setAnnouncedMessage] = (0, react_1.useState)("");
-    (0, react_1.useEffect)(() => {
-        let target;
-        if (announcedMessage) {
-            target = createAnnouncedElement();
-            setTimeout(() => target.append(announcedMessage), 100);
-        }
-        return () => target === null || target === void 0 ? void 0 : target.remove();
-    }, [announcedMessage]);
-    return {
-        liveAnnounce: (message) => {
-            setAnnouncedMessage(message);
-        },
-    };
-}
-// eslint-disable-next-line max-statements
-function createAnnouncedElement() {
-    const el = document.createElement("div");
-    el.style.position = "absolute";
-    el.style.width = "1px";
-    el.style.height = "1px";
-    el.style.overflow = "hidden";
-    el.style.clipPath = " inset(100%)";
-    el.style.whiteSpace = " nowrap";
-    el.style.top = "0";
-    el.setAttribute("role", "status");
-    el.setAttribute("aria-atomic", "true");
-    el.setAttribute("aria-live", "assertive");
-    document.body.appendChild(el);
-    return el;
-}
-
 /**
  * Recursively finds a focusable element (div or button) in the specified direction
  */
@@ -314,7 +272,7 @@ function useInternalChipDismissible({ children, selected, onChange, onClick, onC
     const visibleChipOptions = chipOptions.filter(chip => selected.includes(chip.value));
     const sortedVisibleChipOptions = sortBy$1(visibleChipOptions, chip => selected.indexOf(chip.value));
     const availableChipOptions = chipOptions.filter(chip => !selected.includes(chip.value));
-    const { liveAnnounce } = useLiveAnnounce_2();
+    const { liveAnnounce } = useLiveAnnounce();
     const actions = {
         handleChipRemove: (value) => {
             return () => {
@@ -384,7 +342,7 @@ function useInternalChipDismissibleInput({ options, isLoadingMore = false, onCus
     const [shouldCancelEnter, setShouldCancelEnter] = useState(false);
     const canAddCustomOption = onCustomOptionSelect !== undefined && !isLoadingMore;
     const maxOptionIndex = allOptions.length - 1;
-    const { liveAnnounce } = useLiveAnnounce_2();
+    const { liveAnnounce } = useLiveAnnounce();
     useEffect(() => {
         setAllOptions(generateOptions(options, searchValue, canAddCustomOption));
     }, [options]);

package/dist/utils/mockLargeViewport.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Test utility for mocking a large viewport using Jest spies
+ * This is useful for testing components that use floating-ui and
+ * have flip middleware.
+ */
+interface ViewportMock {
+    restore: () => void;
+}
+/**
+ * Mocks a large viewport (2000x2000) for testing tooltips and popovers
+ * that need sufficient space for positioning.
+ *
+ * @returns Object with restore method for cleanup
+ *
+ * @example
+ * ```typescript
+ * describe("with a preferred placement", () => {
+ *   let viewportMock: ReturnType<typeof mockLargeViewport>;
+ *
+ *   beforeEach(() => {
+ *     viewportMock = mockLargeViewport();
+ *   });
+ *
+ *   afterEach(() => {
+ *     viewportMock.restore();
+ *   });
+ *
+ *   // tests...
+ * });
+ * ```
+ */
+export declare function mockLargeViewport(): ViewportMock;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "6.85.2",
+  "version": "6.85.3-CLEANUPre-6d043f4.28+6d043f490",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -462,7 +462,7 @@
     "prepack": "npm run entryPoints:build",
     "postpack": "npm run entryPoints:clean",
     "storybook": "storybook dev -p 6007 --disable-telemetry",
-    "build-storybook": "storybook build --disable-telemetry"
+    "storybook:build": "storybook build --disable-telemetry"
   },
   "files": [
     "*.js",
@@ -473,25 +473,24 @@
   ],
   "dependencies": {
     "@floating-ui/react": "^0.27.5",
-    "@jobber/formatters": "^0.4.0",
+    "@jobber/formatters": "^0.4.1-CLEANUPre-6d043f4.476+6d043f490",
     "@tanstack/react-table": "8.5.13",
     "@types/color": "^3.0.1",
     "@types/lodash": "^4.14.136",
-    "@types/react-datepicker": "^4.8.0",
     "@types/react-router": "5.1.7",
     "@types/react-router-dom": "^5.3.3",
     "axios": "^1.11.0",
     "classnames": "^2.3.2",
     "color": "^3.1.2",
     "filesize": "^6.1.0",
-    "framer-motion": "^11.0.3",
+    "framer-motion": "^11.11.12",
     "lodash": "^4.17.21",
-    "react-aria-components": "^1.7.1",
+    "react-aria-components": "^1.11.0",
     "react-countdown": "^2.3.2",
-    "react-datepicker": "~4.10.0",
+    "react-datepicker": "^8.7.0",
     "react-dropzone": "^11.0.2",
-    "react-hook-form": "^7.43.7",
-    "react-markdown": "^8.0.3",
+    "react-hook-form": "^7.52.0",
+    "react-markdown": "^10.1.0",
     "react-router-dom": "^5.3.4",
     "ts-xor": "^1.0.8"
   },
@@ -504,8 +503,6 @@
     "@storybook/addon-a11y": "^9.1.1",
     "@storybook/react-vite": "^9.1.1",
     "@types/glob": "^7.1.1",
-    "@types/react": "^18.0.28",
-    "@types/react-dom": "^18.0.11",
     "autoprefixer": "^9.5.1",
     "copyfiles": "^2.4.1",
     "glob": "^7.1.4",
@@ -513,7 +510,6 @@
     "postcss": "^8.4.40",
     "postcss-import": "^12.0.1",
     "postcss-preset-env": "^8.3.0",
-    "rollup": "^4.13.0",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-multi-input": "^1.4.1",
     "rollup-plugin-polyfill-node": "^0.13.0",
@@ -529,14 +525,12 @@
     "axios": "^1.11.0",
     "classnames": "^2",
     "color": "^4",
-    "date-fns": "^2.30.0",
-    "date-fns-tz": "^2.0.0",
     "filesize": "^6",
-    "framer-motion": "^11",
+    "framer-motion": "^11.11.12",
     "lodash": "^4",
-    "react": "^18.2.0",
-    "react-dom": "^18",
-    "react-hook-form": "^7",
+    "react": "^18 || ^19.1.0",
+    "react-dom": "^18 || ^19.1.0",
+    "react-hook-form": "^7.52.0",
     "react-router-dom": "^6"
   },
   "browserslist": [
@@ -544,5 +538,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "35579c7a74222f56c1f6d00ae964f244886471b6"
+  "gitHead": "6d043f4908d39d779d91ffa9fe2e84418734665c"
 }

package/rollup.config.mjs

@@ -1,6 +1,4 @@
 /* eslint-disable import/no-default-export */
-import { fileURLToPath } from "url";
-import { dirname, resolve } from "path";
 import typescript from "@rollup/plugin-typescript";
 import postcss from "rollup-plugin-postcss";
 import commonjs from "@rollup/plugin-commonjs";
@@ -12,10 +10,6 @@ import tools from "@csstools/postcss-global-data";
 import presetenv from "postcss-preset-env";
 import multiInput from "rollup-plugin-multi-input";
 import nodePolyfills from "rollup-plugin-polyfill-node";
-import alias from "@rollup/plugin-alias";
-// comments for manual release
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
 
 /**
  * When PREBUILD_CSS is supplied, only build the main index.ts file.
@@ -31,15 +25,6 @@ export default {
   input: PREBUILD_CSS ? "src/index.ts" : `src/**/index.{ts,tsx}`,
   plugins: [
     nodePolyfills(),
-    alias({
-      entries: [
-        {
-          find: /@jobber\/hooks\/(.*)/,
-          replacement: (_, p1) =>
-            resolve(__dirname, `../hooks/dist/${p1}/${p1}.js`),
-        },
-      ],
-    }),
     nodeResolve(),
     multiInput.default(),
     typescript({
@@ -152,6 +137,7 @@ export default {
   ],
   external: [
     "react",
+    "react/jsx-runtime",
     "react-hook-form",
     "react-router-dom",
     "react-dom",