@cascivo/react 1.0.0 → 1.1.0

package/dist/node/context-menu/context-menu.js

@@ -1,93 +1 @@
-"use client";
-
-import e from "./context-menu.module.js";
-import { Children as t, isValidElement as n, useRef as r } from "react";
-import { useSignal as i, useSignalEffect as a, useSignals as o } from "@cascivo/core";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-//#region ../components/src/context-menu/context-menu.tsx
-function l() {
-	return globalThis.process?.env?.NODE_ENV !== "production";
-}
-function u({ children: u }) {
-	o();
-	let f = r(null), p = r(null), m = i(!1), h = () => {
-		let e = f.current;
-		return e ? Array.from(e.querySelectorAll("[role=\"menuitem\"]:not([aria-disabled=\"true\"])")) : [];
-	}, g = (e) => {
-		let t = h();
-		t.length !== 0 && t[e(t, t.indexOf(document.activeElement))]?.focus();
-	}, _ = (e) => {
-		switch (e.key) {
-			case "ArrowDown":
-				e.preventDefault(), g((e, t) => t < 0 ? 0 : (t + 1) % e.length);
-				break;
-			case "ArrowUp":
-				e.preventDefault(), g((e, t) => t < 0 ? e.length - 1 : (t - 1 + e.length) % e.length);
-				break;
-			case "Home":
-				e.preventDefault(), g(() => 0);
-				break;
-			case "End":
-				e.preventDefault(), g((e) => e.length - 1);
-				break;
-		}
-	};
-	a(() => {
-		let e = f.current;
-		if (e) if (m.value) {
-			try {
-				e.showPopover();
-			} catch {}
-			h()[0]?.focus();
-		} else try {
-			e.hidePopover();
-		} catch {}
-	}), a(() => {
-		let e = f.current;
-		if (!e) return;
-		let t = (e) => {
-			e.newState === "closed" && (m.value = !1);
-		};
-		return e.addEventListener("toggle", t), () => e.removeEventListener("toggle", t);
-	});
-	function v(e) {
-		e.preventDefault();
-		let t = p.current;
-		t && (t.style.setProperty("--cascivo-context-x", `${e.clientX}px`), t.style.setProperty("--cascivo-context-y", `${e.clientY}px`), m.value = !0);
-	}
-	let y = t.toArray(u), b = y.filter((e) => n(e) && e.type === d), x = y.filter((e) => !b.includes(e));
-	if (b.length === 0 && l()) throw Error("<ContextMenu> requires at least one <ContextMenuItem> child. Items are matched by component identity, so they must be direct children — not wrapped in a fragment or another component.");
-	return /* @__PURE__ */ c("div", {
-		ref: p,
-		onContextMenu: v,
-		className: e.wrapper,
-		children: [x, /* @__PURE__ */ s("div", {
-			ref: f,
-			popover: "auto",
-			role: "menu",
-			"data-state": m.value ? "open" : "closed",
-			className: e.menu,
-			onKeyDown: _,
-			children: b
-		})]
-	});
-}
-function d({ children: t, onSelect: n, disabled: r }) {
-	function i() {
-		r || n();
-	}
-	function a(e) {
-		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), i());
-	}
-	return /* @__PURE__ */ s("div", {
-		role: "menuitem",
-		tabIndex: r ? -1 : 0,
-		"aria-disabled": r,
-		onClick: i,
-		onKeyDown: a,
-		className: e.item,
-		children: t
-	});
-}
-//#endregion
-export { u as ContextMenu, d as ContextMenuItem };
+"use client";import e from"./context-menu.module.js";import{Children as t,isValidElement as n,useRef as r}from"react";import{useSignal as i,useSignalEffect as a,useSignals as o}from"@cascivo/core";import{jsx as s,jsxs as c}from"react/jsx-runtime";function l(){return globalThis.process?.env?.NODE_ENV!==`production`}function u({children:u}){o();let f=r(null),p=r(null),m=i(!1),h=()=>{let e=f.current;return e?Array.from(e.querySelectorAll(`[role="menuitem"]:not([aria-disabled="true"])`)):[]},g=e=>{let t=h();t.length!==0&&t[e(t,t.indexOf(document.activeElement))]?.focus()},_=e=>{switch(e.key){case`ArrowDown`:e.preventDefault(),g((e,t)=>t<0?0:(t+1)%e.length);break;case`ArrowUp`:e.preventDefault(),g((e,t)=>t<0?e.length-1:(t-1+e.length)%e.length);break;case`Home`:e.preventDefault(),g(()=>0);break;case`End`:e.preventDefault(),g(e=>e.length-1);break}};a(()=>{let e=f.current;if(e)if(m.value){try{e.showPopover()}catch{}h()[0]?.focus()}else try{e.hidePopover()}catch{}}),a(()=>{let e=f.current;if(!e)return;let t=e=>{e.newState===`closed`&&(m.value=!1)};return e.addEventListener(`toggle`,t),()=>e.removeEventListener(`toggle`,t)});function v(e){e.preventDefault();let t=p.current;t&&(t.style.setProperty(`--cascivo-context-x`,`${e.clientX}px`),t.style.setProperty(`--cascivo-context-y`,`${e.clientY}px`),m.value=!0)}let y=t.toArray(u),b=y.filter(e=>n(e)&&e.type===d),x=y.filter(e=>!b.includes(e));if(b.length===0&&l())throw Error(`<ContextMenu> requires at least one <ContextMenuItem> child. Items are matched by component identity, so they must be direct children — not wrapped in a fragment or another component.`);return c(`div`,{ref:p,onContextMenu:v,className:e.wrapper,children:[x,s(`div`,{ref:f,popover:`auto`,role:`menu`,"data-state":m.value?`open`:`closed`,className:e.menu,onKeyDown:_,children:b})]})}function d({children:t,onSelect:n,disabled:r}){function i(){r||n()}function a(e){(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),i())}return s(`div`,{role:`menuitem`,tabIndex:r?-1:0,"aria-disabled":r,onClick:i,onKeyDown:a,className:e.item,children:t})}export{u as ContextMenu,d as ContextMenuItem};

package/dist/node/context-menu/context-menu.module.js

@@ -1,7 +1 @@
-var e = {
-	wrapper: "_wrapper_dfne7_2",
-	menu: "_menu_dfne7_6",
-	item: "_item_dfne7_45"
-};
-//#endregion
-export { e as default };
+var e={wrapper:`_wrapper_dfne7_2`,menu:`_menu_dfne7_6`,item:`_item_dfne7_45`};export{e as default};

package/dist/node/copy-button/copy-button.js

@@ -1,60 +1 @@
-"use client";
-
-import e from "./copy-button.module.js";
-import { forwardRef as t } from "react";
-import { cn as n, useSignal as r, useSignals as i } from "@cascivo/core";
-import { builtin as a, t as o } from "@cascivo/i18n";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-//#region ../components/src/copy-button/copy-button.tsx
-var l = t(function({ value: t, size: l = "md", labels: u, className: d, ...f }, p) {
-	i();
-	let m = r(!1), h = u?.copy ?? o(a.copyButton.copy), g = u?.copied ?? o(a.copyButton.copied);
-	return /* @__PURE__ */ s("button", {
-		type: "button",
-		"aria-label": m.value ? g : h,
-		"data-state": m.value ? "copied" : "idle",
-		"data-size": l,
-		className: n(e.copyButton, d),
-		onClick: () => {
-			navigator.clipboard.writeText(t), m.value = !0, setTimeout(() => {
-				m.value = !1;
-			}, 2e3);
-		},
-		ref: p,
-		...f,
-		children: m.value ? /* @__PURE__ */ s("svg", {
-			"aria-hidden": "true",
-			viewBox: "0 0 16 16",
-			className: e.icon,
-			children: /* @__PURE__ */ s("path", {
-				d: "M13.5 4.5 6 12 2.5 8.5",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: "1.5",
-				strokeLinecap: "round",
-				strokeLinejoin: "round"
-			})
-		}) : /* @__PURE__ */ c("svg", {
-			"aria-hidden": "true",
-			viewBox: "0 0 16 16",
-			className: e.icon,
-			children: [/* @__PURE__ */ s("rect", {
-				x: "5.5",
-				y: "5.5",
-				width: "8",
-				height: "8",
-				rx: "1.5",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: "1.5"
-			}), /* @__PURE__ */ s("path", {
-				d: "M3.5 10.5h-1a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v1",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: "1.5"
-			})]
-		})
-	});
-});
-//#endregion
-export { l as CopyButton };
+"use client";import e from"./copy-button.module.js";import{forwardRef as t}from"react";import{cn as n,useSignal as r,useSignals as i}from"@cascivo/core";import{builtin as a,t as o}from"@cascivo/i18n";import{jsx as s,jsxs as c}from"react/jsx-runtime";var l=t(function({value:t,size:l=`md`,labels:u,className:d,...f},p){i();let m=r(!1),h=u?.copy??o(a.copyButton.copy),g=u?.copied??o(a.copyButton.copied);return s(`button`,{type:`button`,"aria-label":m.value?g:h,"data-state":m.value?`copied`:`idle`,"data-size":l,className:n(e.copyButton,d),onClick:()=>{navigator.clipboard.writeText(t),m.value=!0,setTimeout(()=>{m.value=!1},2e3)},ref:p,...f,children:m.value?s(`svg`,{"aria-hidden":`true`,viewBox:`0 0 16 16`,className:e.icon,children:s(`path`,{d:`M13.5 4.5 6 12 2.5 8.5`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`})}):c(`svg`,{"aria-hidden":`true`,viewBox:`0 0 16 16`,className:e.icon,children:[s(`rect`,{x:`5.5`,y:`5.5`,width:`8`,height:`8`,rx:`1.5`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`}),s(`path`,{d:`M3.5 10.5h-1a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v1`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`})]})})});export{l as CopyButton};

package/dist/node/copy-button/copy-button.module.js

@@ -1,6 +1 @@
-var e = {
-	copyButton: "_copyButton_w0pqt_2",
-	icon: "_icon_w0pqt_45"
-};
-//#endregion
-export { e as default };
+var e={copyButton:`_copyButton_w0pqt_2`,icon:`_icon_w0pqt_45`};export{e as default};

package/dist/node/data-list/data-list.js

@@ -1,25 +1 @@
-import e from "./data-list.module.js";
-import { cn as t } from "@cascivo/core/pure";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region ../components/src/data-list/data-list.tsx
-function i({ items: i, orientation: a = "horizontal", dividers: o = !1, size: s = "md", className: c, ...l }) {
-	return /* @__PURE__ */ n("dl", {
-		"data-orientation": a,
-		"data-size": s,
-		"data-dividers": o ? "" : void 0,
-		className: t(e.list, c),
-		...l,
-		children: i.map((t, i) => /* @__PURE__ */ r("div", {
-			className: e.row,
-			children: [/* @__PURE__ */ n("dt", {
-				className: e.term,
-				children: t.label
-			}), /* @__PURE__ */ n("dd", {
-				className: e.detail,
-				children: t.value
-			})]
-		}, t.id ?? i))
-	});
-}
-//#endregion
-export { i as DataList };
+import e from"./data-list.module.js";import{cn as t}from"@cascivo/core/pure";import{jsx as n,jsxs as r}from"react/jsx-runtime";function i({items:i,orientation:a=`horizontal`,dividers:o=!1,size:s=`md`,className:c,...l}){return n(`dl`,{"data-orientation":a,"data-size":s,"data-dividers":o?``:void 0,className:t(e.list,c),...l,children:i.map((t,i)=>r(`div`,{className:e.row,children:[n(`dt`,{className:e.term,children:t.label}),n(`dd`,{className:e.detail,children:t.value})]},t.id??i))})}export{i as DataList};

package/dist/node/data-list/data-list.module.js

@@ -1,8 +1 @@
-var e = {
-	list: "_list_prsqy_2",
-	row: "_row_prsqy_21",
-	term: "_term_prsqy_45",
-	detail: "_detail_prsqy_51"
-};
-//#endregion
-export { e as default };
+var e={list:`_list_prsqy_2`,row:`_row_prsqy_21`,term:`_term_prsqy_45`,detail:`_detail_prsqy_51`};export{e as default};

package/dist/node/data-table/column-filter.js

@@ -0,0 +1 @@
+function e(e){if(!e)return!1;switch(e.kind){case`text`:return e.value.trim()!==``;case`select`:return e.values.length>0;case`range`:return e.min!==void 0||e.max!==void 0}}function t(t){let n=0;for(let r in t)e(t[r])&&n++;return n}function n(e,t){switch(t.kind){case`text`:{let n=t.value.trim().toLowerCase();return n===``||String(e??``).toLowerCase().includes(n)}case`select`:return t.values.length===0||t.values.includes(String(e??``));case`range`:{if(t.min===void 0&&t.max===void 0)return!0;let n=typeof e==`number`?e:Number(e);return!(Number.isNaN(n)||t.min!==void 0&&n<t.min||t.max!==void 0&&n>t.max)}}}function r(t,r,i){let a=[];for(let t in r){let n=r[t];n&&e(n)&&a.push([t,n])}if(a.length===0)return t;let o=[];for(let e of t){let t=!0;for(let[r,o]of a)if(!n(i(e,r),o)){t=!1;break}t&&o.push(e)}return o}function i(e,t){let n=new Map;for(let r of e){let e=String(t(r)??``);n.set(e,(n.get(e)??0)+1)}let r=new Intl.Collator().compare;return[...n.entries()].map(([e,t])=>({value:e,count:t})).sort((e,t)=>t.count-e.count||r(e.value,t.value))}function a(e,t){let n=1/0,r=-1/0;for(let i of e){let e=t(i),a=typeof e==`number`?e:Number(e);Number.isNaN(a)||e==null||e===``||(a<n&&(n=a),a>r&&(r=a))}return n<=r?{min:n,max:r}:void 0}export{r as applyColumnFilters,t as countActiveFilters,i as facetValues,e as isFilterActive,a as numericExtent};

package/dist/node/data-table/column-layout.js

@@ -0,0 +1 @@
+function e(e,t){let n=t.order;if(!n||n.length===0)return[...e];let r=new Map(e.map(e=>[e.key,e])),i=[];for(let e of n){let t=r.get(e);t&&(i.push(t),r.delete(e))}for(let t of e)r.has(t.key)&&i.push(t);return i}function t(t,n){let r=new Set(n.hidden??[]),i=n.pinned??{},a=e(t,n).filter(e=>!r.has(e.key));if(a.length===0)return[...t];let o=a.filter(e=>i[e.key]===`start`),s=a.filter(e=>i[e.key]===void 0),c=a.filter(e=>i[e.key]===`end`);return[...o,...s,...c]}function n(t,n,r,i){let a=new Set(n.hidden??[]),o=n.pinned??{},s=e(t,n).map(e=>e.key),c=s.indexOf(r);if(c===-1)return n;let l=o[r],u=c+i;for(;u>=0&&u<s.length;){let e=s[u];if(!a.has(e)&&o[e]===l)break;if(o[e]!==l)return n;u+=i}if(u<0||u>=s.length)return n;let d=[...s];return d.splice(c,1),d.splice(u,0,r),{...n,order:d}}function r(e,t,n){let r={...e.pinned};return n===null?delete r[t]:r[t]=n,{...e,pinned:r}}function i(e,t,n){let r={...e.widths};return n===void 0?delete r[t]:r[t]=Math.max(48,Math.round(n)),{...e,widths:r}}function a(e,t,n){let r=t.hidden??[];return r.includes(n)?{...t,hidden:r.filter(e=>e!==n)}:e.filter(e=>!r.includes(e.key)).length<=1?t:{...t,hidden:[...r,n]}}function o(e,t){let n=Array.from({length:e.length}),r=0;for(let i=0;i<e.length;i++)t[i]===`start`&&(n[i]=r,r+=e[i]);r=0;for(let i=e.length-1;i>=0;i--)t[i]===`end`&&(n[i]=r,r+=e[i]);return n}export{t as displayColumns,n as moveColumn,r as pinColumn,i as resizeColumn,o as stickyOffsets,a as toggleColumnHidden};