@flipdish/ui-library 0.45.3 → 0.46.1

package/dist/components/organisms/VideoPlayer/videoPlayer.utils.js

@@ -0,0 +1,83 @@
+/** Speeds the large player's rate button cycles through, in order. */
+const PLAYBACK_SPEEDS = [1, 1.25, 1.5, 1.75, 2];
+/**
+ * Formats a playback position as `m:ss`, flooring partial seconds and clamping negatives to zero.
+ *
+ * @param time Position in seconds. Hours are not split out, so `125` is `2:05`.
+ * @returns A clock label such as `0:00` or `1:05`.
+ */
+const formatTime = (time) => {
+    const minutes = Math.max(Math.floor(time / 60), 0);
+    const seconds = Math.max(Math.floor(time % 60), 0);
+    return `${minutes}:${seconds.toString().padStart(2, '0')}`;
+};
+/**
+ * Steps to the next playback speed, wrapping from the last speed back to the first.
+ *
+ * @param current The speed currently shown. A value outside {@link PLAYBACK_SPEEDS} starts the cycle at the first speed.
+ * @returns The next speed in the cycle.
+ */
+const nextPlaybackRate = (current) => {
+    const currentIndex = PLAYBACK_SPEEDS.indexOf(current);
+    const nextIndex = (currentIndex + 1) % PLAYBACK_SPEEDS.length;
+    return PLAYBACK_SPEEDS[nextIndex];
+};
+/**
+ * Turns buffered media ranges into bar positions.
+ *
+ * @param buffered Ranges reported by the video element, or `null` before the first progress event.
+ * @param duration Length of the video in seconds. `0` produces non-finite percentages, matching the render-time division.
+ * @returns One segment per range, in order. No ranges yields an empty list, which renders nothing.
+ */
+const bufferedSegments = (buffered, duration) => {
+    if (!buffered)
+        return [];
+    const segments = [];
+    for (let i = 0; i < buffered.length; i++) {
+        const start = (buffered.start(i) / duration) * 100;
+        const end = (buffered.end(i) / duration) * 100;
+        segments.push({ startPercent: start, widthPercent: end - start });
+    }
+    return segments;
+};
+/**
+ * Maps a pointer's client x to a position on the scrubber.
+ *
+ * @param clientX The pointer's viewport x, from the mouse event.
+ * @param rect The scrubber's box. Only `left` and `width` are read.
+ * @param duration Length of the video in seconds. The time is this length times the unclamped ratio.
+ * @returns The ratio, the time it selects, and the pixel offset from the bar's left edge.
+ */
+const progressAtPointer = (clientX, rect, duration) => {
+    const offset = clientX - rect.left;
+    const ratio = offset / rect.width;
+    return { ratio, time: ratio * duration, offset };
+};
+/**
+ * Moves backward by `seconds`, never before the start.
+ *
+ * @param currentTime Position in seconds before the seek.
+ * @param seconds How far back to move. Defaults to the keyboard step of 10.
+ * @returns The next position, floored at 0.
+ */
+const seekBackward = (currentTime, seconds = 10) => Math.max(currentTime - seconds, 0);
+/**
+ * Moves forward by `seconds`, never past `duration`.
+ *
+ * @param currentTime Position in seconds before the seek.
+ * @param duration Length of the video in seconds. A non-finite duration makes the result non-finite, the same as seeking before metadata loads.
+ * @param seconds How far forward to move. Defaults to the keyboard step of 10.
+ * @returns The next position, capped at `duration`.
+ */
+const seekForward = (currentTime, duration, seconds = 10) => Math.min(currentTime + seconds, duration);
+/**
+ * Steps volume by `delta`, staying inside 0–1. A positive delta only clamps the top; a negative delta only clamps the bottom.
+ *
+ * @param volume Current level from 0 to 1.
+ * @param delta Change to apply. Arrow keys use `0.1` and `-0.1`.
+ * @returns The next level.
+ */
+const adjustVolume = (volume, delta) => (delta >= 0 ? Math.min(volume + delta, 1) : Math.max(volume + delta, 0));
+
+export { PLAYBACK_SPEEDS, adjustVolume, bufferedSegments, formatTime, nextPlaybackRate, progressAtPointer, seekBackward, seekForward };
+//# sourceMappingURL=videoPlayer.utils.js.map

package/dist/components/organisms/VideoPlayer/videoPlayer.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"videoPlayer.utils.js","sources":["../../../../src/components/organisms/VideoPlayer/videoPlayer.utils.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACO,MAAM,eAAe,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC;AA2BrD;;;;;AAKG;AACI,MAAM,UAAU,GAAG,CAAC,IAAY,KAAY;AACjD,IAAA,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC;AAClD,IAAA,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC;AAClD,IAAA,OAAO,CAAA,EAAG,OAAO,CAAA,CAAA,EAAI,OAAO,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE;AAC5D;AAEA;;;;;AAKG;AACI,MAAM,gBAAgB,GAAG,CAAC,OAAe,KAAY;IAC1D,MAAM,YAAY,GAAG,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC;IACrD,MAAM,SAAS,GAAG,CAAC,YAAY,GAAG,CAAC,IAAI,eAAe,CAAC,MAAM;AAC7D,IAAA,OAAO,eAAe,CAAC,SAAS,CAAC;AACnC;AAEA;;;;;;AAMG;MACU,gBAAgB,GAAG,CAAC,QAA8B,EAAE,QAAgB,KAAuB;AACtG,IAAA,IAAI,CAAC,QAAQ;AAAE,QAAA,OAAO,EAAE;IAExB,MAAM,QAAQ,GAAsB,EAAE;AACtC,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACxC,QAAA,MAAM,KAAK,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,QAAQ,IAAI,GAAG;AAClD,QAAA,MAAM,GAAG,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,QAAQ,IAAI,GAAG;AAC9C,QAAA,QAAQ,CAAC,IAAI,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,GAAG,KAAK,EAAE,CAAC;IACnE;AACA,IAAA,OAAO,QAAQ;AACjB;AAEA;;;;;;;AAOG;AACI,MAAM,iBAAiB,GAAG,CAAC,OAAe,EAAE,IAAqC,EAAE,QAAgB,KAAqB;AAC7H,IAAA,MAAM,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC,IAAI;AAClC,IAAA,MAAM,KAAK,GAAG,MAAM,GAAG,IAAI,CAAC,KAAK;IACjC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,GAAG,QAAQ,EAAE,MAAM,EAAE;AAClD;AAEA;;;;;;AAMG;MACU,YAAY,GAAG,CAAC,WAAmB,EAAE,OAAO,GAAG,EAAE,KAAa,IAAI,CAAC,GAAG,CAAC,WAAW,GAAG,OAAO,EAAE,CAAC;AAE5G;;;;;;;AAOG;AACI,MAAM,WAAW,GAAG,CAAC,WAAmB,EAAE,QAAgB,EAAE,OAAO,GAAG,EAAE,KAAa,IAAI,CAAC,GAAG,CAAC,WAAW,GAAG,OAAO,EAAE,QAAQ;AAEpI;;;;;;AAMG;AACI,MAAM,YAAY,GAAG,CAAC,MAAc,EAAE,KAAa,MAAc,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,KAAK,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,KAAK,EAAE,CAAC,CAAC;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flipdish/ui-library",
-  "version": "0.45.3",
+  "version": "0.46.1",
   "description": "Flipdish Design System — atomic-design component library (Tailwind v4 + UntitledUI + React Aria).",
   "type": "module",
   "imports": {
@@ -230,7 +230,7 @@
     "@storybook/addon-a11y": "^10.5.8",
     "@storybook/addon-docs": "^10.5.8",
     "@storybook/addon-mcp": "^0.7.0",
-    "@storybook/addon-vitest": "10.6.4",
+    "@storybook/addon-vitest": "10.6.5",
     "@storybook/react-vite": "^10.5.8",
     "@tailwindcss/vite": "^4.3.1",
     "@tanstack/react-query": "^5.104.3",

package/dist/components/molecules/Pagination/components/PaginationPages.cjs

@@ -1,27 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var cx = require('@flipdish/ui-library/utilities/cx');
-var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
-var PaginationBase = require('./PaginationBase.cjs');
-
-const PaginationItem = ({ value, rounded, isCurrent }) => {
-    return (jsxRuntime.jsx(PaginationBase.Pagination.Item, { value: value, isCurrent: isCurrent, className: ({ isSelected }) => cx.cx('flex size-9 cursor-pointer items-center justify-center p-3 text-sm font-medium text-quaternary outline-focus-ring transition duration-100 ease-linear hover:bg-primary_hover hover:text-secondary focus-visible:z-10 focus-visible:bg-primary_hover focus-visible:outline-2 focus-visible:outline-offset-2', rounded ? 'rounded-full' : 'rounded-lg', isSelected && 'bg-primary_hover text-secondary'), children: value }));
-};
-/**
- * Shared `Pagination.Context` body used by the numbered-page pagination variants:
- * the desktop row of page buttons/ellipses, plus the mobile "Page X of Y" line.
- */
-const PaginationPages = ({ rounded, wideMobileLine, 'data-testid': dataTestId }) => {
-    return (jsxRuntime.jsx(PaginationBase.Pagination.Context, { children: ({ pages, currentPage, total, testIdPrefix }) => {
-            const prefix = dataTestId ?? testIdPrefix;
-            return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "hidden justify-center gap-0.5 md:flex", "data-testid": prefix ? testIdUtils.joinTestId(prefix, 'pages') : undefined, children: pages.map((page, index) => page.type === 'page' ? (
-                        // biome-ignore lint/suspicious/noArrayIndexKey: This is a custom component and we need to use the index as the key
-                        jsxRuntime.jsx(PaginationItem, { rounded: rounded, ...page }, index)) : (
-                        // biome-ignore lint/suspicious/noArrayIndexKey: This is a custom component and we need to use the index as the key
-                        jsxRuntime.jsx(PaginationBase.Pagination.Ellipsis, { className: "flex size-9 shrink-0 items-center justify-center text-tertiary", children: "\u2026" }, index))) }), jsxRuntime.jsxs("div", { className: cx.cx('flex', wideMobileLine && 'flex-1', 'justify-center text-sm whitespace-pre text-fg-secondary md:hidden'), "data-testid": prefix ? testIdUtils.joinTestId(prefix, 'mobile-status') : undefined, children: ["Page ", jsxRuntime.jsx("span", { className: "font-medium", children: currentPage }), " of ", jsxRuntime.jsx("span", { className: "font-medium", children: total })] })] }));
-        } }));
-};
-
-exports.PaginationPages = PaginationPages;
-//# sourceMappingURL=PaginationPages.cjs.map

package/dist/components/molecules/Pagination/components/PaginationPages.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PaginationPages.cjs","sources":["../../../../../src/components/molecules/Pagination/components/PaginationPages.tsx"],"sourcesContent":[null],"names":["_jsx","Pagination","cx","_jsxs","_Fragment","joinTestId"],"mappings":";;;;;;;AAMA,MAAM,cAAc,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAA4D,KAAI;IACjH,QACEA,eAACC,yBAAU,CAAC,IAAI,EAAA,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,KACxBC,KAAE,CACA,4SAA4S,EAC5S,OAAO,GAAG,cAAc,GAAG,YAAY,EACvC,UAAU,IAAI,iCAAiC,CAChD,EAAA,QAAA,EAGF,KAAK,EAAA,CACU;AAEtB,CAAC;AAcD;;;AAGG;AACI,MAAM,eAAe,GAAG,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,UAAU,EAAwB,KAAI;AAC9G,IAAA,QACEF,cAAA,CAACC,yBAAU,CAAC,OAAO,cAChB,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,EAAE,KAAI;AAC/C,YAAA,MAAM,MAAM,GAAG,UAAU,IAAI,YAAY;AACzC,YAAA,QACEE,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACEJ,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,uCAAuC,iBAAc,MAAM,GAAGK,sBAAU,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,EAAA,QAAA,EACjH,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KACrB,IAAI,CAAC,IAAI,KAAK,MAAM;;AAElB,wBAAAL,cAAA,CAAC,cAAc,EAAA,EAAa,OAAO,EAAE,OAAO,EAAA,GAAM,IAAI,EAAA,EAAjC,KAAK,CAAgC;;AAG1D,wBAAAA,cAAA,CAACC,yBAAU,CAAC,QAAQ,EAAA,EAAa,SAAS,EAAC,gEAAgE,EAAA,QAAA,EAAA,QAAA,EAAA,EAAjF,KAAK,CAET,CACvB,CACF,EAAA,CACG,EAENE,eAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAED,KAAE,CAAC,MAAM,EAAE,cAAc,IAAI,QAAQ,EAAE,mEAAmE,CAAC,EAAA,aAAA,EACzG,MAAM,GAAGG,sBAAU,CAAC,MAAM,EAAE,eAAe,CAAC,GAAG,SAAS,EAAA,QAAA,EAAA,CAAA,OAAA,EAEhEL,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,aAAa,EAAA,QAAA,EAAE,WAAW,EAAA,CAAQ,EAAA,MAAA,EAAIA,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,aAAa,EAAA,QAAA,EAAE,KAAK,EAAA,CAAQ,CAAA,EAAA,CACnG,CAAA,EAAA,CACL;QAEP,CAAC,EAAA,CACkB;AAEzB;;"}

package/dist/components/molecules/Pagination/components/PaginationPages.d.ts

@@ -1,18 +0,0 @@
-interface PaginationPagesProps {
-    /** Whether the pagination buttons are rounded. */
-    rounded?: boolean;
-    /** Whether the mobile "Page X of Y" line grows to fill the available space (`flex-1`). */
-    wideMobileLine?: boolean;
-    /**
-     * Overrides the derived `data-testid` prefix (defaults to the root's testid).
-     * The desktop pages row renders `<prefix>--pages`, the mobile status line `<prefix>--mobile-status`.
-     */
-    'data-testid'?: string;
-}
-/**
- * Shared `Pagination.Context` body used by the numbered-page pagination variants:
- * the desktop row of page buttons/ellipses, plus the mobile "Page X of Y" line.
- */
-export declare const PaginationPages: ({ rounded, wideMobileLine, "data-testid": dataTestId }: PaginationPagesProps) => import("react").JSX.Element;
-export {};
-//# sourceMappingURL=PaginationPages.d.ts.map

package/dist/components/molecules/Pagination/components/PaginationPages.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PaginationPages.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Pagination/components/PaginationPages.tsx"],"names":[],"mappings":"AAwBA,UAAU,oBAAoB;IAC5B,kDAAkD;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0FAA0F;IAC1F,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,wDAAwD,oBAAoB,gCAgC3G,CAAC"}

package/dist/components/molecules/Pagination/components/PaginationPages.js

@@ -1,25 +0,0 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { cx } from '@flipdish/ui-library/utilities/cx';
-import { joinTestId } from '@flipdish/ui-library/utilities/testIdUtils';
-import { Pagination } from './PaginationBase.js';
-
-const PaginationItem = ({ value, rounded, isCurrent }) => {
-    return (jsx(Pagination.Item, { value: value, isCurrent: isCurrent, className: ({ isSelected }) => cx('flex size-9 cursor-pointer items-center justify-center p-3 text-sm font-medium text-quaternary outline-focus-ring transition duration-100 ease-linear hover:bg-primary_hover hover:text-secondary focus-visible:z-10 focus-visible:bg-primary_hover focus-visible:outline-2 focus-visible:outline-offset-2', rounded ? 'rounded-full' : 'rounded-lg', isSelected && 'bg-primary_hover text-secondary'), children: value }));
-};
-/**
- * Shared `Pagination.Context` body used by the numbered-page pagination variants:
- * the desktop row of page buttons/ellipses, plus the mobile "Page X of Y" line.
- */
-const PaginationPages = ({ rounded, wideMobileLine, 'data-testid': dataTestId }) => {
-    return (jsx(Pagination.Context, { children: ({ pages, currentPage, total, testIdPrefix }) => {
-            const prefix = dataTestId ?? testIdPrefix;
-            return (jsxs(Fragment, { children: [jsx("div", { className: "hidden justify-center gap-0.5 md:flex", "data-testid": prefix ? joinTestId(prefix, 'pages') : undefined, children: pages.map((page, index) => page.type === 'page' ? (
-                        // biome-ignore lint/suspicious/noArrayIndexKey: This is a custom component and we need to use the index as the key
-                        jsx(PaginationItem, { rounded: rounded, ...page }, index)) : (
-                        // biome-ignore lint/suspicious/noArrayIndexKey: This is a custom component and we need to use the index as the key
-                        jsx(Pagination.Ellipsis, { className: "flex size-9 shrink-0 items-center justify-center text-tertiary", children: "\u2026" }, index))) }), jsxs("div", { className: cx('flex', wideMobileLine && 'flex-1', 'justify-center text-sm whitespace-pre text-fg-secondary md:hidden'), "data-testid": prefix ? joinTestId(prefix, 'mobile-status') : undefined, children: ["Page ", jsx("span", { className: "font-medium", children: currentPage }), " of ", jsx("span", { className: "font-medium", children: total })] })] }));
-        } }));
-};
-
-export { PaginationPages };
-//# sourceMappingURL=PaginationPages.js.map

package/dist/components/molecules/Pagination/components/PaginationPages.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PaginationPages.js","sources":["../../../../../src/components/molecules/Pagination/components/PaginationPages.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","_Fragment"],"mappings":";;;;;AAMA,MAAM,cAAc,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAA4D,KAAI;IACjH,QACEA,IAAC,UAAU,CAAC,IAAI,EAAA,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,KACxB,EAAE,CACA,4SAA4S,EAC5S,OAAO,GAAG,cAAc,GAAG,YAAY,EACvC,UAAU,IAAI,iCAAiC,CAChD,EAAA,QAAA,EAGF,KAAK,EAAA,CACU;AAEtB,CAAC;AAcD;;;AAGG;AACI,MAAM,eAAe,GAAG,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,UAAU,EAAwB,KAAI;AAC9G,IAAA,QACEA,GAAA,CAAC,UAAU,CAAC,OAAO,cAChB,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,EAAE,KAAI;AAC/C,YAAA,MAAM,MAAM,GAAG,UAAU,IAAI,YAAY;AACzC,YAAA,QACEC,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACEF,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,uCAAuC,iBAAc,MAAM,GAAG,UAAU,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,EAAA,QAAA,EACjH,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KACrB,IAAI,CAAC,IAAI,KAAK,MAAM;;AAElB,wBAAAA,GAAA,CAAC,cAAc,EAAA,EAAa,OAAO,EAAE,OAAO,EAAA,GAAM,IAAI,EAAA,EAAjC,KAAK,CAAgC;;AAG1D,wBAAAA,GAAA,CAAC,UAAU,CAAC,QAAQ,EAAA,EAAa,SAAS,EAAC,gEAAgE,EAAA,QAAA,EAAA,QAAA,EAAA,EAAjF,KAAK,CAET,CACvB,CACF,EAAA,CACG,EAENC,IAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,cAAc,IAAI,QAAQ,EAAE,mEAAmE,CAAC,EAAA,aAAA,EACzG,MAAM,GAAG,UAAU,CAAC,MAAM,EAAE,eAAe,CAAC,GAAG,SAAS,EAAA,QAAA,EAAA,CAAA,OAAA,EAEhED,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,aAAa,EAAA,QAAA,EAAE,WAAW,EAAA,CAAQ,EAAA,MAAA,EAAIA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,aAAa,EAAA,QAAA,EAAE,KAAK,EAAA,CAAQ,CAAA,EAAA,CACnG,CAAA,EAAA,CACL;QAEP,CAAC,EAAA,CACkB;AAEzB;;"}