@vjdesigns/vjdesigns-ui 0.0.0-stage → 2.0.0

package/dist/hooks/useVirtualizer.mjs

@@ -0,0 +1,115 @@
+import { resolveElement as e, useResolvedElement as t } from "./elementSource.mjs";
+import { useCallback as n, useLayoutEffect as r, useMemo as i, useRef as a, useState as o } from "react";
+//#region src/hooks/useVirtualizer.ts
+function s(e, t) {
+	let n = 0, r = e.length - 1;
+	for (; n < r;) {
+		let i = n + r >> 1;
+		e[i] <= t ? n = i + 1 : r = i;
+	}
+	return n;
+}
+function c({ count: c, scrollElement: l, estimateSize: u, overscan: d = 6, gap: f = 0, paddingStart: p = 0, paddingEnd: m = 0, initialCount: h = 10 }) {
+	let g = t(l), [_, v] = o({
+		offset: 0,
+		height: 0
+	}), y = a(/* @__PURE__ */ new Map()), [b, x] = o(0), S = a(u);
+	S.current = u;
+	let C = i(() => {
+		let e = Array(c), t = Array(c), n = p;
+		for (let r = 0; r < c; r++) {
+			let i = S.current, a = y.current.get(r) ?? (typeof i == "number" ? i : i(r));
+			e[r] = n, t[r] = n + a, n += a + (r < c - 1 ? f : 0);
+		}
+		return {
+			starts: e,
+			ends: t,
+			total: n + m
+		};
+	}, [
+		c,
+		f,
+		p,
+		m,
+		b,
+		typeof u == "number" ? u : -1
+	]);
+	r(() => {
+		if (!g) return;
+		let e = 0, t = () => {
+			e = 0, v((e) => e.offset === g.scrollTop && e.height === g.clientHeight ? e : {
+				offset: g.scrollTop,
+				height: g.clientHeight
+			});
+		};
+		t();
+		let n = () => {
+			e ||= requestAnimationFrame(t);
+		};
+		g.addEventListener("scroll", n, { passive: !0 });
+		let r = typeof ResizeObserver < "u" ? new ResizeObserver(t) : null;
+		return r?.observe(g), () => {
+			g.removeEventListener("scroll", n), r?.disconnect(), e && cancelAnimationFrame(e);
+		};
+	}, [g]);
+	let w = i(() => {
+		if (c === 0) return [];
+		let e, t;
+		_.height === 0 ? (e = 0, t = Math.min(c, h) - 1) : (e = s(C.ends, _.offset), t = s(C.ends, _.offset + _.height), e = Math.max(0, e - d), t = Math.min(c - 1, t + d));
+		let n = [];
+		for (let r = e; r <= t; r++) n.push({
+			index: r,
+			start: C.starts[r],
+			end: C.ends[r],
+			size: C.ends[r] - C.starts[r]
+		});
+		return n;
+	}, [
+		c,
+		C,
+		_,
+		d,
+		h
+	]), T = a(/* @__PURE__ */ new Map()), E = a(null), D = a(!1), O = n((e) => {
+		let t = Number(e.getAttribute("data-index"));
+		if (!Number.isFinite(t)) return;
+		let n = e.getBoundingClientRect().height;
+		n > 0 && y.current.get(t) !== n && (y.current.set(t, n), D.current || (D.current = !0, queueMicrotask(() => {
+			D.current = !1, x((e) => e + 1);
+		})));
+	}, []), k = n((e) => {
+		e && (!E.current && typeof ResizeObserver < "u" && (E.current = new ResizeObserver((e) => {
+			for (let t of e) t.target.isConnected ? O(t.target) : (E.current?.unobserve(t.target), T.current.delete(t.target));
+		})), T.current.has(e) || (T.current.set(e, Number(e.getAttribute("data-index"))), E.current?.observe(e)), O(e));
+	}, [O]), A = a(c);
+	if (A.current !== c) {
+		A.current = c;
+		for (let e of Array.from(y.current.keys())) e >= c && y.current.delete(e);
+	}
+	r(() => () => E.current?.disconnect(), []);
+	let j = a(C);
+	j.current = C;
+	let M = n((t, { align: n = "auto", behavior: r } = {}) => {
+		let i = e(l), { starts: a, ends: o } = j.current;
+		if (!i || t < 0 || t >= a.length) return;
+		let s = i.scrollTop, c = i.clientHeight, u = a[t], d = o[t], f;
+		if (n === "start") f = u;
+		else if (n === "end") f = d - c;
+		else if (n === "center") f = u - (c - (d - u)) / 2;
+		else if (u < s) f = u;
+		else if (d > s + c) f = d - c;
+		else return;
+		i.scrollTo({
+			top: Math.max(0, f),
+			behavior: r
+		});
+	}, [l]);
+	return {
+		virtualItems: w,
+		totalSize: C.total,
+		measureElement: k,
+		scrollToIndex: M
+	};
+}
+//#endregion
+export { c as useVirtualizer };

package/dist/i18n/en.cjs.js

@@ -0,0 +1 @@
+const e=require("./plural.cjs.js");var t=e.plural(`en`),n=e.num(`en`),r={avatar:{status:{online:`online`,away:`away`,busy:`busy`,offline:`offline`},fallbackName:`User`,surplus:e=>`and ${n(e)} more`},carousel:{previous:`Previous slide`,next:`Next slide`,start:`Start automatic slide show`,stop:`Stop automatic slide show`,slides:`Slides`,indicators:`Choose slide`,goTo:e=>`Go to slide ${e}`,slide:(e,t)=>`${e} of ${t}`,status:(e,t,n)=>e===t?`Slide ${e} of ${n}`:`Slides ${e} to ${t} of ${n}`},chip:{remove:`Remove`,removeNamed:e=>`Remove ${e}`},codeBlock:{copy:`Copy code`,copied:`Copied`,copyError:`Couldn't copy. Select the code and copy it manually.`,region:e=>`Code: ${e}`,snippet:`snippet`},emptyState:{noData:{title:`Nothing here yet`,description:`When there's something to show, it'll appear here.`},noResults:{title:e=>e?`No results for “${e}”`:`No results found`,description:`Try a different search or clear your filters.`},error:{title:`Something went wrong`,description:`We couldn't load this. Please try again.`},offline:{title:`You're offline`,description:`Check your connection, then try again.`},noAccess:{title:`You don't have access`,description:`Ask an admin for permission to view this.`},firstRun:{title:`Let's get started`,description:`Create your first one and you're off and running.`},retry:`Try again`},stat:{loading:`Loading`,increased:e=>`increased by ${e}`,decreased:e=>`decreased by ${e}`,changed:e=>`changed by ${e}`,noChange:`no change`,progress:`Progress`,progressNamed:e=>`${e} progress`},table:{loading:`Loading`,scrollRegion:`Scrollable table`,selectAll:`Select all rows`,selectRow:`Select row`,selectRowNamed:e=>`Select row ${e}`,selectColumn:`Select`},dataGrid:{ascending:`ascending`,descending:`descending`,sorted:(e,t)=>`Sorted by ${e}, ${t}`,sortCleared:`Sorting cleared`,selectedCount:e=>t(e,{one:`# row selected`,other:`# rows selected`}),rowCount:e=>t(e,{one:`# row`,other:`# rows`}),range:(e,t,r)=>`${n(e)}–${n(t)} of ${n(r)}`,empty:`No rows`,noResults:`No matching rows`,resizeColumn:e=>`Resize ${e}`},chart:{showTable:`Show data table`,hideTable:`Hide data table`},timeline:{status:{complete:`Completed`,current:`Current step`,upcoming:`Upcoming`,error:`Error`},region:`Timeline`},treeView:{loading:`Loading…`,error:`Couldn't load items. Collapse and expand to try again.`},alert:{dismiss:`Dismiss`,prefix:{info:`Info: `,success:`Success: `,warning:`Warning: `,danger:`Error: `,neutral:`Note: `}},banner:{dismiss:`Dismiss banner`,region:`Announcement`},button:{loading:`Loading`},skeleton:{loading:`Loading…`},spinner:{loading:`Loading`},toast:{region:`Notifications`,dismiss:`Dismiss notification`,queued:e=>t(e,{one:`+# more notification`,other:`+# more notifications`}),tone:{info:`Info`,success:`Success`,warning:`Warning`,danger:`Error`,loading:`Loading`}},kbd:{then:`then`,keys:{command:`Command`,control:`Control`,windows:`Windows`,super:`Super`,option:`Option`,alt:`Alt`,shift:`Shift`,return:`Return`,enter:`Enter`,escape:`Escape`,tab:`Tab`,space:`Space`,delete:`Delete`,forwardDelete:`Forward Delete`,backspace:`Backspace`,capsLock:`Caps Lock`,up:`Up Arrow`,down:`Down Arrow`,left:`Left Arrow`,right:`Right Arrow`,pageUp:`Page Up`,pageDown:`Page Down`,home:`Home`,end:`End`}},colorPicker:{area:`Saturation and brightness`,areaRoleDescription:`2D slider`,saturation:`Saturation`,brightness:`Brightness`,hue:`Hue`,degrees:`degrees`,alpha:`Opacity`,input:`Color value`,invalidInput:`Enter a color like #1d4ed8, rgb(29, 78, 216), or hsl(224, 76%, 48%). The last valid color was kept.`,swatches:`Preset colors`,eyeDropper:`Pick a color from the screen`,eyeDropperPicked:e=>`Picked ${e}`,dialog:`Choose a color`,colors:{hues:{red:`red`,orange:`orange`,gold:`gold`,yellow:`yellow`,yellowGreen:`yellow-green`,green:`green`,teal:`teal`,cyan:`cyan`,blue:`blue`,purple:`purple`,magenta:`magenta`,pink:`pink`},black:`black`,white:`white`,gray:`gray`,brown:`brown`,olive:`olive`,dark:e=>`dark ${e}`,light:e=>`light ${e}`,muted:e=>`muted ${e}`,vivid:e=>`vivid ${e}`,withOpacity:(e,t)=>`${e}, ${t}% opacity`}},combobox:{loading:`Loading…`,empty:`No results`,results:e=>t(e,{one:`# result available`,other:`# results available`}),create:e=>`Create “${e}”`,clear:`Clear selection`,required:`Choose an option.`,showSuggestions:`Show suggestions`,hideSuggestions:`Hide suggestions`,selected:`Selected`,optionSelected:e=>`${e} selected`,optionRemoved:e=>`${e} removed`,cleared:`Selection cleared`},datePicker:{chooseDate:`Choose date`,changeDate:e=>`Change date, ${e}`,dialog:`Choose date`,format:e=>`Format: ${e}`,pattern:{day:`DD`,month:`MM`,year:`YYYY`},previousMonth:`Previous month`,nextMonth:`Next month`,startDate:`Start date`,endDate:`End date`,chooseDates:`Choose dates`,changeDates:e=>`Change dates, ${e}`,datesDialog:`Choose dates`,invalid:{unparseable:e=>`Enter a date as ${e}.`,between:(e,t)=>`Choose a date from ${e} to ${t}.`,onOrAfter:e=>`Choose a date on or after ${e}.`,onOrBefore:e=>`Choose a date on or before ${e}.`,unavailable:e=>`${e} isn't available. Choose another date.`,rangeBetween:(e,t)=>`Choose dates from ${e} to ${t}.`,rangeOnOrAfter:e=>`Choose dates on or after ${e}.`,rangeOnOrBefore:e=>`Choose dates on or before ${e}.`,endBeforeStart:`The end date must be on or after the start date.`,startAfterEnd:`The start date must be on or before the end date.`}},timePicker:{format:e=>`Example: ${e}`,showTimes:`Show times`,hideTimes:`Hide times`,date:`Date`,time:`Time`,invalid:{unparseable:e=>`Enter a time, for example ${e}.`,between:(e,t)=>`Choose a time from ${e} to ${t}.`,onOrAfter:e=>`Choose a time at or after ${e}.`,onOrBefore:e=>`Choose a time at or before ${e}.`}},fileUpload:{list:`Selected files`,remove:e=>`Remove ${e}`,uploaded:`Uploaded`,uploadFailed:`Upload failed`,uploading:`Uploading`,uploadingPercent:e=>`Uploading ${e}%`,progressFor:e=>`Upload progress for ${e}`,announceUploaded:e=>`${e} uploaded.`,announceFailed:e=>`${e} failed to upload.`,announceAdded:(e,r)=>{let i=[];return e&&i.push(t(e,{one:`# file added`,other:`# files added`})),r&&i.push(e?`${n(r)} rejected`:t(r,{one:`# file rejected`,other:`# files rejected`})),`${i.join(`, `)}.`},typeNotAccepted:`File type not accepted.`,typeNotAcceptedUse:e=>`File type not accepted. Use ${e}.`,tooLarge:e=>`File is larger than ${e}.`,tooSmall:e=>`File is smaller than ${e}.`,duplicate:`This file is already added.`,tooMany:e=>t(e,{one:`Too many files. You can add up to # file.`,other:`Too many files. You can add up to # files.`}),onlyOne:`Only one file can be added.`,upTo:e=>`up to ${e}`,upToEach:e=>`up to ${e} each`,maxFiles:e=>t(e,{one:`Up to # file`,other:`Up to # files`}),uploadFiles:`Upload files`,browseFiles:`Browse files`,dropFiles:`Drop files here or browse`,dropFile:`Drop a file here or browse`,required:`Required`,rejected:e=>t(e,{one:`# file couldn't be added`,other:`# files couldn't be added`}),dismissErrors:`Dismiss file errors`,typeGroups:{image:`images`,video:`videos`,audio:`audio`,text:`text files`},typeGroup:e=>`${e} files`,units:{B:`B`,KB:`KB`,MB:`MB`,GB:`GB`,TB:`TB`}},input:{clear:`Clear`},numberInput:{decrement:`Decrease`,increment:`Increase`},passwordInput:{show:`Show password`,capsLock:`Caps Lock is on`,strength:[`Too weak`,`Weak`,`Fair`,`Good`,`Strong`],strengthPrefix:`Strength:`,requirements:`Your password needs:`,met:`Met`,notMet:`Not met`,announceStrength:e=>`Password strength: ${e}.`,allMet:`All requirements met.`,someMet:(e,t)=>`${e} of ${t} requirements met.`},rating:{option:(e,t)=>`${e} out of ${t}`,display:(e,t)=>`Rated ${e} out of ${t}`,count:e=>t(e,{one:`(# review)`,other:`(# reviews)`}),clearHint:`Press Space on the selected rating, or Delete, to clear it.`,unrated:`Not rated`},searchInput:{clear:`Clear search`,results:e=>t(e,{"=0":`No results`,one:`# result`,other:`# results`}),search:`Search`},switch:{on:`On`,off:`Off`,saving:`Saving`},tagInput:{added:e=>e.length===1?`Added ${e[0]}`:`Added ${e.length} tags: ${e.join(`, `)}`,removed:e=>`Removed ${e}`,duplicate:e=>`${e} is already added`,invalid:e=>`"${e}" is not valid`,maxReached:e=>`Maximum of ${e} tags reached`,required:`Add at least one tag.`,empty:`None`,remove:e=>`Remove ${e}`,list:`Tags`,instructions:e=>`Press ${e} to add a tag. Backspace or the left arrow moves to added tags.`,keys:{enter:`Enter`,tab:`Tab`,comma:`a comma`,semicolon:`a semicolon`,space:`a space`,pipe:`a pipe`,other:e=>`"${e}"`}},textarea:{limitReached:`Character limit reached`,remaining:e=>t(e,{one:`# character remaining`,other:`# characters remaining`})},resizablePanels:{handle:`Resize panels`,resizePanel:e=>`Resize ${e}`},breadcrumbs:{nav:`Breadcrumb`,expand:e=>t(e,{one:`Show # more breadcrumb`,other:`Show # more breadcrumbs`})},contextMenu:{label:`Context menu`},navbar:{openMenu:`Open menu`,menu:`Menu`,nav:`Main`},pagination:{nav:`Pagination`,previous:`Previous page`,next:`Next page`,first:`First page`,last:`Last page`,currentPage:e=>`Page ${e}`,goToPage:e=>`Go to page ${e}`,status:`Page {page} of {total}`},sidebar:{nav:`Main navigation`,collapse:`Collapse sidebar`,expand:`Expand sidebar`},skipLink:{label:`Skip to main content`},stepper:{status:{complete:`Completed`,current:`Current`,upcoming:`Not started`,error:`Error`},nav:`Progress`,allComplete:e=>`All ${e} steps complete`,stepTitled:(e,t,n)=>`Step ${e} of ${t}: ${n}`,step:(e,t)=>`Step ${e} of ${t}`,count:(e,t)=>`${e} of ${t}`,prefix:e=>`Step ${e}: `},commandPalette:{label:`Command palette`,placeholder:`Type a command or search…`,list:`Commands`,loading:`Loading results…`,results:e=>t(e,{"=0":`No results`,one:`# result`,other:`# results`}),instructions:`Use the up and down arrow keys to move through results, Enter to run a command, and Escape to close.`,back:`Back`,hints:{navigate:`to navigate`,select:`to select`,back:`to go back`,close:`to close`}},auth:{or:`or`,unexpected:`Something went wrong. Try again.`,email:`Email`,username:`Username`,password:`Password`,signIn:{title:`Sign in`,submit:`Sign in`,remember:`Remember me`,forgot:`Forgot password?`,noAccount:`Don't have an account?`,signUp:`Create an account`},signUp:{title:`Create an account`,submit:`Create account`,name:`Name`,confirmPassword:`Confirm password`,mismatch:`The passwords don't match.`,termsRequired:`Accept the terms to continue.`,haveAccount:`Already have an account?`,signIn:`Sign in`},forgot:{title:`Reset your password`,description:`Enter your email and we'll send you a link to reset your password.`,submit:`Send reset link`,sent:e=>`If an account exists for ${e}, we sent it a link to reset your password.`,resend:`Send again`,back:`Back to sign in`},reset:{title:`Choose a new password`,password:`New password`,submit:`Save password`,done:`Your password has been changed.`},verify:{title:`Enter the code`,description:e=>`Enter the code we sent to ${e}.`,descriptionGeneric:`Enter the code we sent you.`,code:`Verification code`,submit:`Verify`,resend:`Resend code`,resendIn:e=>`Resend code in ${e}`,resent:`We sent a new code.`,incomplete:`Enter the full code.`}},validation:{required:`This field is required.`,email:`Enter an email address, like name@example.com.`,url:`Enter a web address, like https://example.com.`,ip:`Enter an IP address, like 192.168.0.1 or 2001:db8::1.`,ipv4:`Enter an IPv4 address, like 192.168.0.1.`,ipv6:`Enter an IPv6 address, like 2001:db8::1.`,number:`Enter a number.`,pattern:`Use the requested format.`,tooShort:e=>t(e,{one:`Use at least # character.`,other:`Use at least # characters.`}),tooLong:e=>t(e,{one:`Use # character or fewer.`,other:`Use # characters or fewer.`}),min:e=>`Enter ${e} or more.`,max:e=>`Enter ${e} or less.`,step:`Enter a valid value.`,invalid:`Enter a valid value.`,matches:`The values don't match.`,summaryTitle:e=>t(e,{one:`There is # problem`,other:`There are # problems`})},drawer:{close:`Close`},modal:{close:`Close`,confirm:`Confirm`,cancel:`Cancel`},popover:{close:`Close`}};exports.en=r;

package/dist/i18n/en.d.ts

@@ -0,0 +1,3 @@
+import { Messages } from './types';
+/** English: the default messages, and the template for every other locale. */
+export declare const en: Messages;