@xyd-js/components 0.0.0-build-8a0317f-20251214165542 → 0.0.0-build-c9af03a-20251224161251
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +2 -2
- package/dist/{Button-DjBpaLuF.js → Button-CpIc0oHt.js} +2 -2
- package/dist/{Button-DjBpaLuF.js.map → Button-CpIc0oHt.js.map} +1 -1
- package/dist/{CodeSample-01rQdSpA.js → CodeSample-DxOeelmK.js} +2 -2
- package/dist/{CodeSample-01rQdSpA.js.map → CodeSample-DxOeelmK.js.map} +1 -1
- package/dist/{Icon-Dm0K2oVd.js → Icon-B67IZfBy.js} +1 -1
- package/dist/{Icon-Dm0K2oVd.js.map → Icon-B67IZfBy.js.map} +1 -1
- package/dist/{PageFirstSlide-C4KyVTWY.js → PageFirstSlide-BYOC1tyH.js} +2 -2
- package/dist/{PageFirstSlide-C4KyVTWY.js.map → PageFirstSlide-BYOC1tyH.js.map} +1 -1
- package/dist/{TabsAnalytics-OtEY-IVF.js → TabsAnalytics-dAugwfID.js} +1 -1
- package/dist/{TabsAnalytics-OtEY-IVF.js.map → TabsAnalytics-dAugwfID.js.map} +1 -1
- package/dist/{Update-DZW4oHtS.js → Update-BKMfG51n.js} +2 -2
- package/dist/{Update-DZW4oHtS.js.map → Update-BKMfG51n.js.map} +1 -1
- package/dist/{VideoGuide-Bn9CpMS8.js → VideoGuide-CtBxbZf7.js} +2 -2
- package/dist/{VideoGuide-Bn9CpMS8.js.map → VideoGuide-CtBxbZf7.js.map} +1 -1
- package/dist/coder.js +1 -1
- package/dist/content.js +1 -1
- package/dist/index.css +96 -96
- package/dist/pages.js +1 -1
- package/dist/system.js +1 -1
- package/dist/{useUXClick-KGnkc4ZV.js → useUXClick-C3pCRW0k.js} +1 -1
- package/dist/{useUXClick-KGnkc4ZV.js.map → useUXClick-C3pCRW0k.js.map} +1 -1
- package/dist/{useUXEvents-CUaLMbsI.js → useUXEvents-B77VyCbG.js} +1 -1
- package/dist/{useUXEvents-CUaLMbsI.js.map → useUXEvents-B77VyCbG.js.map} +1 -1
- package/dist/{useUXScrollDepth-DC_3o9Jj.js → useUXScrollDepth-BzfEc5-v.js} +1 -1
- package/dist/{useUXScrollDepth-DC_3o9Jj.js.map → useUXScrollDepth-BzfEc5-v.js.map} +1 -1
- package/dist/uxsdk.js +1 -1
- package/dist/writer.js +1 -1
- package/package.json +2 -2
package/dist/system.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as e from"react";import t,{useEffect as a,useRef as n}from"react";import{B as r}from"./Button-
|
|
1
|
+
import*as e from"react";import t,{useEffect as a,useRef as n}from"react";import{B as r}from"./Button-CpIc0oHt.js";import"./Icon-B67IZfBy.js";function l({title:t,toolGroups:a,...n}){return e.createElement("details",{className:"bigwo3e",...n},e.createElement("summary",null,e.createElement("span",{part:"icon"}),e.createElement("div",{part:"title"},t),e.createElement("div",{part:"compatibility"},a.map((t,a)=>e.createElement("span",{part:"tools",key:a},t.map((t,a)=>e.createElement("span",{key:t.tool+(t.label??"")+a,"data-tool":t.tool,"data-supported":!!t.supported||void 0},t.label?t.label:null)))))))}const o="f30yyk8";function i(e){return"minimal"===e.kind?t.createElement(i.Minimal,e):t.createElement("footer",{className:o},t.createElement("div",{part:"container"},t.createElement("div",{part:"content"},e.logo&&t.createElement("div",{part:"first-column"},e.logo),e.links?.length&&t.createElement("div",{part:"columns","data-cols":e.links?.length},e.links?.map((e,a)=>t.createElement("div",{part:"col",key:`${e.header}-${a}`},t.createElement("div",{part:"col-items"},t.createElement("p",null,e.header),e.items?.map(e=>t.createElement("a",{key:`${e.label}-${a}`,target:"_blank",href:e.href},e.label)))))),t.createElement("div",{part:"social-links"},e.socials?.map((e,a)=>t.createElement("div",{key:`${e.href}-${a}`},t.createElement("a",{target:"_blank",href:e.href},e.logo))))),e.footnote&&t.createElement("hr",null),t.createElement("div",{part:"footnote"},e.footnote)))}i.Minimal=function(e){return t.createElement("footer",{className:o,"data-kind":"minimal"},t.createElement("div",{part:"container"},t.createElement("div",{part:"content"},e.links?.length&&t.createElement("div",{part:"columns","data-cols":e.links?.length},t.createElement("div",{part:"col"},t.createElement("div",{part:"col-items"},e.links?.map((e,a)=>t.createElement(r,{key:`${e.label}-${a}`,kind:"tertiary",href:e.href},e.label))))),t.createElement("div",{part:"social-links"},e.socials?.map((e,a)=>t.createElement(r,{key:`${e.href}-${a}`,kind:"tertiary",href:e.href,icon:e.logo}))))))};function c({shortcutKeys:e=["⌘","K"],...r}){return function(e,t){const r=n(t);a(()=>{r.current=t},[t]),a(()=>{if(window.__UNSAFE_xyd_search_button_inited)return;const t=t=>{if(1!==e.length){if(2===e.length){const[a,n]=e,l=t.key.toLowerCase();("⌘"===a&&t.metaKey||"Ctrl"===a&&t.ctrlKey)&&l===n.toLowerCase()&&(t.preventDefault(),r.current())}}else t.key.toLowerCase()===e[0].toLowerCase()&&(t.preventDefault(),r.current())};return window.addEventListener("keydown",t,{capture:!0}),window.addEventListener("keyup",t,{capture:!0}),()=>{window.removeEventListener("keydown",t,{capture:!0}),window.removeEventListener("keyup",t,{capture:!0})}},[])}(e,()=>r.onClick?.()),a(()=>(window.__UNSAFE_xyd_search_button_inited=!0,()=>{window.__UNSAFE_xyd_search_button_inited=!1}),[]),t.createElement("xyd-search-button",{className:"s1f8k5y3","aria-label":"Search",onClick:r.onClick,"data-fullWidth":r.fullWidth},t.createElement("span",{part:"container"},t.createElement("svg",{width:20,height:20,part:"icon",viewBox:"0 0 20 20"},t.createElement("path",{d:"M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"})),t.createElement("span",{part:"placeholder"},r.placeholder||"Search")),e.length>0&&t.createElement("span",{part:"keys"},e.map((e,a)=>t.createElement("kbd",{key:`${e}-${a}`,part:"key"},e))))}export{l as Baseline,i as Footer,c as SearchButton};
|
|
2
2
|
//# sourceMappingURL=system.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import{useState as t}from"react";function o(o,n,r){const[c,s]=t(!1);return t=>{const e=!c;s(e);const u=r();e?o(u):n(u)}}export{o as u};
|
|
2
|
-
//# sourceMappingURL=useUXClick-
|
|
2
|
+
//# sourceMappingURL=useUXClick-C3pCRW0k.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useUXClick-
|
|
1
|
+
{"version":3,"file":"useUXClick-C3pCRW0k.js","sources":["../src/uxsdk/useUXClick.ts"],"sourcesContent":["import React, {useState} from \"react\";\n\nexport function useUXClick(\n openEvent: (data: any) => void,\n closeEvent: (data: any) => void,\n getData: () => any\n) {\n const [open, setOpen] = useState(false);\n\n return (event: React.MouseEvent) => {\n const newOpen = !open;\n setOpen(newOpen);\n\n const data = getData();\n if (newOpen) {\n openEvent(data);\n } else {\n closeEvent(data);\n }\n };\n}\n"],"names":["useUXClick","openEvent","closeEvent","getData","open","setOpen","useState","event","newOpen","data"],"mappings":"iCAEO,SAASA,EACZC,EACAC,EACAC,GAEA,MAAOC,EAAMC,GAAWC,GAAS,GAEjC,OAAQC,IACJ,MAAMC,GAAWJ,EACjBC,EAAQG,GAER,MAAMC,EAAON,IACTK,EACAP,EAAUQ,GAEVP,EAAWO,GAGvB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import{defineEvents as e}from"openux-js";const a="components.tabs.change",o=e(({CodeSample:e,Framework:a})=>({docs:{code:{example_change:({example:e})=>({...l({Framework:a}),example:e}),tab_change:({tab:o})=>({...r({CodeSample:e,Framework:a}),tab:o}),copy:({code:o})=>({...r({CodeSample:e,Framework:a}),code:(o||"").slice(0,100)+"..."}),scroll_100:()=>({...r({CodeSample:e,Framework:a})}),scroll_depth:({depth:o})=>({...r({CodeSample:e,Framework:a}),depth:o})},details:{open:({label:e})=>({...l({Framework:a}),label:e}),close:({label:e})=>({...l({Framework:a}),label:e})},anchor:{click:({id:e})=>({...l({Framework:a}),id:e})}}}));function r({CodeSample:e,Framework:a}){return{...l({Framework:a}),tab:e?.tab,example:e?.example}}function l({Framework:e}){return{location:e?.location}}export{a as E,o as u};
|
|
2
|
-
//# sourceMappingURL=useUXEvents-
|
|
2
|
+
//# sourceMappingURL=useUXEvents-B77VyCbG.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useUXEvents-
|
|
1
|
+
{"version":3,"file":"useUXEvents-B77VyCbG.js","sources":["../src/uxsdk/const.ts","../src/uxsdk/useUXEvents.ts"],"sourcesContent":["export const EVENT_COMPONENT_TAB_CHANGE = \"components.tabs.change\"\n","import {defineEvents} from 'openux-js'\n\ninterface NodeCodeSample {\n tab?: string\n example?: string\n code?: string\n}\n\ninterface NodeFramework {\n location: string\n uniformRegion?: string\n}\n\ninterface AnalyticsNodes {\n CodeSample: NodeCodeSample\n Framework: NodeFramework\n}\n\n// TODO: in the future + maybe better API\n// TODO: how to share nodes between packages\n// TODO: node abstraction?\n// TODO: merge abstraction?\nexport const useUXEvents = defineEvents(({CodeSample, Framework}: AnalyticsNodes) => ({\n docs: {\n code: {\n example_change({example}: { example: string }) {\n return {\n ...commonFrameworkProps({Framework}),\n example: example,\n }\n },\n tab_change({tab}: { tab: string }) {\n return {\n ...commonCodeSampleProps({CodeSample, Framework}),\n tab: tab,\n }\n },\n copy({code}: { code: string }) {\n return {\n ...commonCodeSampleProps({CodeSample, Framework}),\n code: (code || \"\").slice(0, 100) + \"...\",\n }\n },\n scroll_100() {\n return {\n ...commonCodeSampleProps({CodeSample, Framework}),\n }\n },\n scroll_depth({depth}: { depth: number }) {\n return {\n ...commonCodeSampleProps({CodeSample, Framework}),\n depth,\n }\n },\n },\n\n details: {\n open({label}: { label: string }) {\n return {\n ...commonFrameworkProps({Framework}),\n label: label,\n }\n },\n close({label}: { label: string }) {\n return {\n ...commonFrameworkProps({Framework}),\n label: label,\n }\n }\n },\n\n anchor: {\n click({id}: { id: string }) {\n return {\n ...commonFrameworkProps({Framework}),\n id: id,\n }\n }\n }\n }\n}))\n\nfunction commonCodeSampleProps({\n CodeSample,\n Framework\n }: {\n CodeSample: NodeCodeSample | undefined\n Framework: NodeFramework | undefined\n}) {\n return {\n ...commonFrameworkProps({Framework}),\n tab: CodeSample?.tab!,\n example: CodeSample?.example!,\n }\n}\n\nfunction commonFrameworkProps({\n Framework\n }: {\n Framework: NodeFramework | undefined\n}) {\n return {\n location: Framework?.location!,\n }\n}\n"],"names":["EVENT_COMPONENT_TAB_CHANGE","useUXEvents","defineEvents","CodeSample","Framework","docs","code","example_change","example","commonFrameworkProps","tab_change","tab","commonCodeSampleProps","copy","slice","scroll_100","scroll_depth","depth","details","open","label","close","anchor","click","id","location"],"mappings":"yCAAO,MAAMA,EAA6B,yBCsB7BC,EAAcC,EAAa,EAAEC,aAAYC,gBAA0B,CAC5EC,KAAM,CACFC,KAAM,CACFC,eAAAA,EAAeC,QAACA,MACL,IACAC,EAAqB,CAACL,cACzBI,QAASA,IAGjBE,WAAAA,EAAWC,IAACA,MACD,IACAC,EAAsB,CAACT,aAAYC,cACtCO,IAAKA,IAGbE,KAAAA,EAAKP,KAACA,MACK,IACAM,EAAsB,CAACT,aAAYC,cACtCE,MAAOA,GAAQ,IAAIQ,MAAM,EAAG,KAAO,QAG3CC,WAAAA,KACW,IACAH,EAAsB,CAACT,aAAYC,gBAG9CY,aAAAA,EAAaC,MAACA,MACH,IACAL,EAAsB,CAACT,aAAYC,cACtCa,WAKZC,QAAS,CACLC,KAAAA,EAAKC,MAACA,MACK,IACAX,EAAqB,CAACL,cACzBgB,MAAOA,IAGfC,MAAAA,EAAMD,MAACA,MACI,IACAX,EAAqB,CAACL,cACzBgB,MAAOA,KAKnBE,OAAQ,CACJC,MAAAA,EAAMC,GAACA,MACI,IACAf,EAAqB,CAACL,cACzBoB,GAAIA,SAOxB,SAASZ,GAAsBT,WACIA,EAAUC,UACVA,IAK/B,MAAO,IACAK,EAAqB,CAACL,cACzBO,IAAKR,GAAYQ,IACjBH,QAASL,GAAYK,QAE7B,CAEA,SAASC,GAAqBL,UACIA,IAI9B,MAAO,CACHqB,SAAUrB,GAAWqB,SAE7B"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import{useRef as r,useEffect as t}from"react";function e(e,n={}){const{thresholds:c=[25,50,75,100],onDepthReached:o}=n,s=r(new Set);t(()=>{if(!e.current)return;function r(){const r=e.current;if(!r)return;const{scrollTop:t,scrollHeight:n,clientHeight:u}=r,i=n-u;if(i<=0)return;const l=Math.round(t/i*100);c.forEach(r=>{l>=r&&!s.current.has(r)&&(s.current.add(r),o?.(r))})}const t=e.current;return t.addEventListener("scroll",r),()=>{t.removeEventListener("scroll",r)}},[e.current,c,o])}export{e as u};
|
|
2
|
-
//# sourceMappingURL=useUXScrollDepth-
|
|
2
|
+
//# sourceMappingURL=useUXScrollDepth-BzfEc5-v.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useUXScrollDepth-
|
|
1
|
+
{"version":3,"file":"useUXScrollDepth-BzfEc5-v.js","sources":["../src/uxsdk/useUXScrollDepth.ts"],"sourcesContent":["import React, {useEffect, useRef} from \"react\";\n\nexport interface ScrollDepthOptions {\n thresholds?: number[]; // Default: [25, 50, 75, 100]\n onDepthReached?: (depth: number) => void;\n}\n\nexport function useUXScrollDepth(\n ref: React.RefObject<HTMLElement | null>, \n options: ScrollDepthOptions = {}\n) {\n const { thresholds = [25, 50, 75, 100], onDepthReached } = options;\n const reachedDepthsRef = useRef<Set<number>>(new Set());\n\n useEffect(() => {\n if (!ref.current) {\n return\n }\n\n function handleScroll() {\n const element = ref.current;\n if (!element) return;\n\n const { scrollTop, scrollHeight, clientHeight } = element;\n \n // Calculate current scroll percentage\n const scrollableHeight = scrollHeight - clientHeight;\n if (scrollableHeight <= 0) return;\n \n const scrollPercentage = Math.round((scrollTop / scrollableHeight) * 100);\n \n // Check which thresholds have been reached\n thresholds.forEach(threshold => {\n if (scrollPercentage >= threshold && !reachedDepthsRef.current.has(threshold)) {\n reachedDepthsRef.current.add(threshold);\n onDepthReached?.(threshold);\n }\n });\n }\n\n const element = ref.current;\n element.addEventListener('scroll', handleScroll);\n\n return () => {\n element.removeEventListener('scroll', handleScroll);\n };\n }, [ref.current, thresholds, onDepthReached]);\n}\n\n"],"names":["useUXScrollDepth","ref","options","thresholds","onDepthReached","reachedDepthsRef","useRef","Set","useEffect","current","handleScroll","element","scrollTop","scrollHeight","clientHeight","scrollableHeight","scrollPercentage","Math","round","forEach","threshold","has","add","addEventListener","removeEventListener"],"mappings":"8CAOO,SAASA,EACZC,EACAC,EAA8B,IAE9B,MAAMC,WAAEA,EAAa,CAAC,GAAI,GAAI,GAAI,KAAIC,eAAEA,GAAmBF,EACrDG,EAAmBC,EAAoB,IAAIC,KAEjDC,EAAU,KACN,IAAKP,EAAIQ,QACL,OAGJ,SAASC,IACL,MAAMC,EAAUV,EAAIQ,QACpB,IAAKE,EAAS,OAEd,MAAMC,UAAEA,EAASC,aAAEA,EAAYC,aAAEA,GAAiBH,EAG5CI,EAAmBF,EAAeC,EACxC,GAAIC,GAAoB,EAAG,OAE3B,MAAMC,EAAmBC,KAAKC,MAAON,EAAYG,EAAoB,KAGrEZ,EAAWgB,QAAQC,IACXJ,GAAoBI,IAAcf,EAAiBI,QAAQY,IAAID,KAC/Df,EAAiBI,QAAQa,IAAIF,GAC7BhB,IAAiBgB,KAG7B,CAEA,MAAMT,EAAUV,EAAIQ,QAGpB,OAFAE,EAAQY,iBAAiB,SAAUb,GAE5B,KACHC,EAAQa,oBAAoB,SAAUd,KAE3C,CAACT,EAAIQ,QAASN,EAAYC,GACjC"}
|
package/dist/uxsdk.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{E as EVENT_COMPONENT_TAB_CHANGE,u as useUXEvents}from"./useUXEvents-
|
|
1
|
+
export{E as EVENT_COMPONENT_TAB_CHANGE,u as useUXEvents}from"./useUXEvents-B77VyCbG.js";export{u as useUXClick}from"./useUXClick-C3pCRW0k.js";export{u as useUXScrollDepth}from"./useUXScrollDepth-BzfEc5-v.js";import{useRef as e,useCallback as r,useEffect as t}from"react";import"openux-js";function n(n,u,c){const o=e(!1),s=e(!1),i=e(null),l=e(0),m=r(()=>{const e=Date.now();e-l.current>1e3&&(o.current=!0,l.current=e,u())},[u]),a=r(()=>{i.current&&clearTimeout(i.current),i.current=setTimeout(()=>{o.current=!1,i.current=null},50)},[]);t(()=>{if(n.current)return n.current.addEventListener("mouseenter",m),n.current.addEventListener("mouseleave",a),()=>{n.current&&(n.current.removeEventListener("mouseenter",m),n.current.removeEventListener("mouseleave",a)),i.current&&clearTimeout(i.current)}},[n.current,m,a]);const v=r(()=>{i.current&&(clearTimeout(i.current),i.current=null),s.current=!1,o.current&&(o.current=!1,s.current=!0,c())},[c]);t(()=>(document.addEventListener("visibilitychange",v),()=>{document.removeEventListener("visibilitychange",v),i.current&&clearTimeout(i.current)}),[v])}export{n as useUXUnreachableElementTracker};
|
|
2
2
|
//# sourceMappingURL=uxsdk.js.map
|
package/dist/writer.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{A as Anchor,B as Badge,c as Banner,G as GuideCard,H as Heading,I as IconSocial,L as List,a as ListOl,N as NavLinks,S as Steps,T as Table,b as Tabs,V as VideoGuide}from"./VideoGuide-
|
|
1
|
+
export{A as Anchor,B as Badge,c as Banner,G as GuideCard,H as Heading,I as IconSocial,L as List,a as ListOl,N as NavLinks,S as Steps,T as Table,b as Tabs,V as VideoGuide}from"./VideoGuide-CtBxbZf7.js";export{B as Blockquote,c as Breadcrumbs,a as Callout,d as Card,b as Code,C as ColorSchemeButton,D as Details,H as Hr,I as Image,U as Update,u as useColorScheme}from"./Update-BKMfG51n.js";export{B as Button}from"./Button-CpIc0oHt.js";import{I as e}from"./Icon-B67IZfBy.js";export{a as IconProvider}from"./Icon-B67IZfBy.js";import r from"react";export{T as Text}from"./TabsAnalytics-dAugwfID.js";import"./useUXEvents-B77VyCbG.js";import"radix-ui";import"lucide-react";import"./useUXClick-C3pCRW0k.js";import"openux-js";function t(e){return e}function s({children:e,className:a}){return r.createElement("pre",{className:`p1vb39qj ${a||""}`},e)}function o(e){return e}var n="TocCard-module_TocCardHost__pT0XJ";function i({title:a,description:t,href:s,className:o,icon:i,as:c}){const m=c||l;return r.createElement("xyd-toccard",{className:`${n} ${o||""}`},r.createElement("div",{part:"container"},r.createElement(m,{part:"link",href:s,target:"_blank",rel:"noreferrer"},r.createElement("div",{part:"title-container"},r.createElement("div",{part:"title"},a),i&&r.createElement(e,{name:i,size:16})),r.createElement("div",{part:"description"},t))))}function l({children:e,href:a,...t}){return r.createElement("a",{href:a,...t},e)}export{t as DetailsPropsProps,e as Icon,s as Pre,o as TabsProps,i as TocCard};
|
|
2
2
|
//# sourceMappingURL=writer.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xyd-js/components",
|
|
3
|
-
"version": "0.0.0-build-
|
|
3
|
+
"version": "0.0.0-build-c9af03a-20251224161251",
|
|
4
4
|
"description": "",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
"@code-hike/lighter": "^1.0.3",
|
|
50
50
|
"openux-js": "0.0.0-pre.1",
|
|
51
51
|
"react": "^19.1.0",
|
|
52
|
-
"@xyd-js/core": "0.0.0-build-
|
|
52
|
+
"@xyd-js/core": "0.0.0-build-c9af03a-20251224161251"
|
|
53
53
|
},
|
|
54
54
|
"devDependencies": {
|
|
55
55
|
"@linaria/core": "^6.2.0",
|