it-data-nexus-ui-library 2.10.11 → 2.10.13
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=1e3,t=/^[a-z][a-z0-9-]{1,31}$/,s=/^[a-zA-Z][a-zA-Z0-9]{0,31}$/,n=/^\d+\.\d+\.\d+$/,i=/[a-z][a-z0-9+.-]*:\/\/|www\.|\b(?:mailto|data|javascript|vbscript|file|tel|sms):/i,r=["schemaVersion","chartType","title","description","config","data"],
|
|
1
|
+
const e=1e3,t=/^[a-z][a-z0-9-]{1,31}$/,s=/^[a-zA-Z][a-zA-Z0-9]{0,31}$/,n=/^\d+\.\d+\.\d+$/,i=/[a-z][a-z0-9+.-]*:\/\/|www\.|\b(?:mailto|data|javascript|vbscript|file|tel|sms):/i,r=/[^\x20-\x7e]/,a=["schemaVersion","chartType","title","description","config","data"],o=["valueFormat","xAxis","yAxis"],m=["chartType","version","description","dataItem","configKeys","limits","example","component","toProps","lazy"],u=e=>null!==e&&"object"==typeof e&&!Array.isArray(e),p=(e,t)=>Object.keys(e).filter(e=>!t.includes(e)),c=(e,t)=>r.test(t)?[`${e} must contain only printable ASCII`]:[],l=(e,t)=>"string"==typeof t?c(e,t):Array.isArray(t)?t.flatMap((t,s)=>l(`${e}[${s}]`,t)):u(t)?Object.entries(t).flatMap(([t,n])=>[...c(`${e} key`,t),...l(`${e}.${s.test(t)?t:"?"}`,n)]):[],h=(e,t,s)=>{if("number"===t.type)return"number"==typeof s&&Number.isFinite(s)?void 0!==t.minimum&&s<t.minimum?[`${e} must be >= ${t.minimum}`]:[]:[`${e} must be a finite number`];if("string"!=typeof s||""===s.trim())return[`${e} must be a non-blank string`];const n=[];return void 0!==t.maxLength&&s.length>t.maxLength&&n.push(`${e} must be at most ${t.maxLength} characters`),t.enum&&!t.enum.includes(s)&&n.push(`${e} must be one of ${t.enum.join(", ")}`),void 0===t.pattern||new RegExp(t.pattern).test(s)||n.push(`${e} must match ${t.pattern}`),"iso-date"===t.format&&Number.isNaN(new Date(s.trim()).getTime())&&n.push(`${e} must be a parseable date`),n},d=(e,t)=>{if(!u(t))return{valid:!1,errors:["item must be an object"]};const{properties:s,required:n}=e.dataItem,i=p(t,Object.keys(s)).map(e=>`unknown field ${e}`);for(const e of n)Object.hasOwn(t,e)||i.push(`missing required field ${e}`);for(const[e,n]of Object.entries(s))Object.hasOwn(t,e)&&i.push(...h(e,n,t[e]));return{valid:0===i.length,errors:i}},f=(e,t)=>{if(!u(t))return[`${e} must be an object`];if("number"===t.type){const s=p(t,["type","minimum"]).map(t=>`${e}.${t} is not allowed`);return void 0===t.minimum||Number.isFinite(t.minimum)||s.push(`${e}.minimum must be finite`),s}if("string"!==t.type)return[`${e}.type must be string or number`];const s=p(t,["type","maxLength","enum","pattern","format"]).map(t=>`${e}.${t} is not allowed`),{maxLength:n,enum:i,pattern:r,format:a}=t;if(void 0===n||Number.isInteger(n)&&n>0||s.push(`${e}.maxLength must be a positive integer`),void 0===i||Array.isArray(i)&&i.length>0&&i.every(e=>"string"==typeof e)?i?.forEach((t,n)=>s.push(...c(`${e}.enum[${n}]`,t))):s.push(`${e}.enum must be a non-empty string array`),"string"==typeof r&&s.push(...c(`${e}.pattern`,r)),void 0!==r)try{if("string"!=typeof r)throw new TypeError;new RegExp(r)}catch{s.push(`${e}.pattern must be a valid regular expression`)}return void 0!==a&&"iso-date"!==a&&s.push(`${e}.format must be iso-date`),s},y=(e,t,n=[])=>{if(!u(t))return[`${e} must be an object`];const i=Object.keys(t),r=i.length>8?[`${e} has more than 8 fields`]:[];for(const a of i)s.test(a)||r.push(`${e}.${a} has an invalid name`),n.includes(a)&&r.push(`${e}.${a} is a shared envelope config key`),r.push(...f(`${e}.${a}`,t[a]));return r},b=s=>{if(!u(s))return{valid:!1,errors:["definition must be an object"]};const r=p(s,m).map(e=>`${e} is not allowed`),{chartType:f,version:b,description:g,dataItem:$,configKeys:x,limits:v,example:j,toProps:w,lazy:A}=s;"string"==typeof f&&t.test(f)||r.push(`chartType must match ${t}`),"string"==typeof b&&n.test(b)||r.push("version must be semver x.y.z"),"string"!=typeof g||""===g.trim()?r.push("description must be a non-blank string"):(g.length>300&&r.push("description must be at most 300 characters"),i.test(g)&&r.push("description must not contain URLs"),(g.includes("`")||g.includes("~~~"))&&r.push("description must not contain backticks or code fences"),r.push(...c("description",g)));let k=!1;if(u($)){const e=r.length;r.push(...p($,["properties","required"]).map(e=>`dataItem.${e} is not allowed`)),r.push(...y("dataItem.properties",$.properties));const{required:t,properties:s}=$;Array.isArray(t)&&t.every(e=>u(s)&&Object.hasOwn(s,e))?new Set(t).size!==t.length&&r.push("dataItem.required must not repeat a field"):r.push("dataItem.required must list declared properties"),k=r.length===e}else r.push("dataItem must be an object");void 0!==x&&r.push(...y("configKeys",x,o));let I=e;if(void 0!==v&&(!u(v)||p(v,["maxPoints"]).length>0?r.push("limits may only contain maxPoints"):void 0!==v.maxPoints&&(!Number.isInteger(v.maxPoints)||v.maxPoints<1||v.maxPoints>e?r.push("limits.maxPoints must be an integer from 1 to 1000"):I=v.maxPoints)),void 0!==w&&"function"!=typeof w&&r.push("toProps must be a function"),void 0!==A&&"function"!=typeof A&&r.push("lazy must be a function"),u(j)){r.push(...p(j,a).map(e=>`example.${e} is not allowed`)),r.push(...l("example",j)),"1.0"!==j.schemaVersion&&r.push('example.schemaVersion must be "1.0"'),j.chartType!==f&&r.push("example.chartType must equal chartType"),"string"==typeof j.title&&""!==j.title.trim()||r.push("example.title is required");const e=j.config;if(u(e)&&["number","currency","percentage"].includes(e.valueFormat))if(u(x))for(const[t,s]of Object.entries(e)){if(o.includes(t))continue;const e=x[t];void 0===e?r.push(`example.config.${t} is not a declared config key`):r.push(...h(`example.config.${t}`,e,s))}else p(e,o).length>0&&r.push("example.config has undeclared config keys");else r.push("example.config.valueFormat must be number, currency or percentage");const t=j.data;!Array.isArray(t)||0===t.length||t.length>I?r.push(`example.data must hold 1 to ${I} items`):k&&t.forEach((e,t)=>{const n=d(s,e);r.push(...n.errors.map(e=>`example.data[${t}]: ${e}`))})}else r.push("example must be a nexus-chart envelope object");return{valid:0===r.length,errors:r}};export{e as MAX_CHART_POINTS,b as validateChartDefinition,d as validateChartItem};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRef as r,Children as o,useState as i,useCallback as n,useEffect as l}from"react";import s from"@mui/icons-material/ChevronLeftRounded";import a from"@mui/icons-material/ChevronRightRounded";import c from"@mui/material/Box";import{Stack as d}from"./_Primitives/Stack.mjs";import{IconButton as m}from"./Buttons/IconButton.mjs";import{Caption as u}from"./Typography.mjs";const f={xs:1,sm:2,md:3,lg:4},p=["xs","sm","md","lg"],h={disableRipple:!0,disableFocusRipple:!0,sx:e=>({"&.Mui-focusVisible":{outline:`2px solid ${e.palette.primary.main}`,outlineOffset:2}})},
|
|
1
|
+
import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRef as r,Children as o,useState as i,useCallback as n,useEffect as l}from"react";import s from"@mui/icons-material/ChevronLeftRounded";import a from"@mui/icons-material/ChevronRightRounded";import c from"@mui/material/Box";import{Stack as d}from"./_Primitives/Stack.mjs";import{IconButton as m}from"./Buttons/IconButton.mjs";import{Caption as u}from"./Typography.mjs";const f={xs:1,sm:2,md:3,lg:4},p=["xs","sm","md","lg"],h={disableRipple:!0,disableFocusRipple:!0,sx:e=>({"&.Mui-focusVisible":{outline:`2px solid ${e.palette.primary.main}`,outlineOffset:2}})},b=({children:b,"aria-label":g,itemsPerView:x,gap:v=2.5,previousLabel:y="Previous",nextLabel:w="Next",itemLabel:$,sx:A})=>{const L=r(null),S=r(null),W=r(null),j=o.toArray(b),B=j.length,[R,C]=i({start:!0,end:!0}),[O,k]=i(new Set),E=n(()=>{const e=L.current;e&&C({start:e.scrollLeft<=2,end:e.scrollLeft+e.clientWidth>=e.scrollWidth-2})},[]);l(()=>{const e=L.current;if(!e)return;E();const t=new ResizeObserver(E);t.observe(e),e.addEventListener("scroll",E,{passive:!0});const r=new Set,o=new IntersectionObserver(e=>{for(const t of e){const e=Number(t.target.dataset.index);t.intersectionRatio>=.5?r.add(e):r.delete(e)}k(new Set(r))},{root:e,threshold:[0,.5,1]});for(const t of Array.from(e.children))o.observe(t);return()=>{t.disconnect(),o.disconnect(),e.removeEventListener("scroll",E)}},[B,E]),l(()=>{Array.from(L.current?.children??[]).forEach((e,t)=>{e.toggleAttribute("inert",O.size>0&&!O.has(t))})},[O,B]),l(()=>{const e=R.end?"next":R.start?"previous":null;if(e&&W.current===e){const t="next"===e?"previous":"next";S.current?.querySelector(`[data-control="${t}"]:not(:disabled)`)?.focus()}},[R]);const I=e=>{const t=L.current,r=t?.children[0];if(!t||!r)return;const o=t.children[1],i=o?o.offsetLeft-r.offsetLeft:r.offsetWidth;t.scrollBy({left:e*i,behavior:"undefined"!=typeof window&&Boolean(window.matchMedia?.("(prefers-reduced-motion: reduce)").matches)?"instant":"smooth"})},F=Array.from(O).sort((e,t)=>e-t),N=0===F.length?"":1===F.length?`Showing ${F[0]+1} of ${B}`:`Showing ${F[0]+1}–${F[F.length-1]+1} of ${B}`,P=x&&Object.keys(x).length>0?x:f,z={xs:p.map(e=>P[e]).find(e=>void 0!==e),...P},M=e=>Object.fromEntries(Object.entries(z).filter(e=>void 0!==e[1]).map(([t,r])=>[t,`calc((100% - ${e.spacing(v)} * ${r-1}) / ${r})`]));return e(d,{sx:[{gap:1.5,minWidth:0,maxWidth:"100%"},...Array.isArray(A)?A:A?[A]:[]],children:[t(c,{ref:L,role:"region","aria-label":g,tabIndex:0,sx:e=>({display:"grid",gridAutoFlow:"column",gridAutoColumns:M(e),gap:v,minWidth:0,overflowX:"auto",overscrollBehaviorX:"contain",scrollSnapType:"x mandatory",scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"},scrollBehavior:"smooth","@media (prefers-reduced-motion: reduce)":{scrollBehavior:"auto"},"&:focus-visible":{outline:`2px solid ${e.palette.primary.main}`,outlineOffset:2,borderRadius:1}}),children:j.map((e,r)=>t(c,{"data-index":r,role:"group","aria-roledescription":"slide","aria-label":`${r+1} of ${B}`,sx:{minWidth:0,scrollSnapAlign:"start"},children:e},r))}),e(d,{ref:S,direction:"row",onFocus:e=>{W.current=e.target.dataset.control??null},sx:{justifyContent:"center",alignItems:"center",gap:1.5},children:[t(m,{...h,"data-control":"previous",title:y,onClick:()=>I(-1),disabled:R.start,children:t(s,{})}),t(u,{"aria-live":"polite",sx:{minWidth:"9ch",textAlign:"center"},children:$?`${B} ${$}`:N}),t(m,{...h,"data-control":"next",title:w,onClick:()=>I(1),disabled:R.end,children:t(a,{})})]})]})};b.displayName="Carousel";export{b as Carousel};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{useState as n,useRef as r,useEffect as i,useCallback as l}from"react";import s from"@mui/material/Box";import{
|
|
1
|
+
import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{useState as n,useRef as r,useEffect as i,useCallback as l}from"react";import s from"@mui/material/Box";import{Body2 as c}from"./Typography.mjs";const a="#main-content",d="h1, h2, h3, h4, h5, h6",p=e=>null===e?null:"string"==typeof e?document.querySelector(e):e??document.querySelector(a),u=()=>window.matchMedia("(prefers-reduced-motion: reduce)").matches?"auto":"smooth",y=({items:y,"aria-label":m,scrollRoot:f=a,sticky:x=!0,stickyOffset:h=0,justifyContent:b="center",sx:v})=>{const[w,g]=n(y[0]?.id),S=r(null),k=r(null),$=r(!1),E=r(void 0),I=y.map(e=>e.id).join("\n");i(()=>{const e=I?I.split("\n"):[],t=p(f),o=new Set,n=new IntersectionObserver(t=>{for(const e of t)e.isIntersecting?o.add(e.target.id):o.delete(e.target.id);const n=e.find(e=>o.has(e));n&&g(n)},{root:t,rootMargin:"-35% 0px -60% 0px"});for(const t of e){const e=document.getElementById(t);e&&n.observe(e)}return()=>n.disconnect()},[I,f]),i(()=>{if(!x)return;const e=S.current,t=k.current,o=p(f);if(!e||!t)return;let n=!1,r=o?o.scrollTop:window.scrollY;const i=()=>{const e=(o??document.documentElement).getBoundingClientRect();return{top:e.top+h,left:e.left,width:o?o.clientWidth:window.innerWidth}},l=()=>{t.style.display="none",e.style.position="",e.style.top="",e.style.left="",e.style.width="",e.style.boxSizing=""},s=()=>{e.style.opacity="",e.style.visibility="",e.style.pointerEvents=""},c=()=>{const c=o?o.scrollTop:window.scrollY,a=c-r;if(r=c,c>h&&!n)(()=>{const{top:o,left:n,width:r}=i();t.style.height=`${e.offsetHeight}px`,t.style.display="block",e.style.position="fixed",e.style.top=`${o}px`,e.style.left=`${n}px`,e.style.width=`${r}px`,e.style.boxSizing="border-box"})(),n=!0;else if(c<=h&&n)l(),n=!1;else if(n){const{top:t,left:o,width:n}=i();e.style.top=`${t}px`,e.style.left=`${o}px`,e.style.width=`${n}px`}$.current||(c<=h||a<-5?s():c>100&&a>8&&(e.style.opacity="0",e.style.visibility="hidden",e.style.pointerEvents="none"))},a=o??window;a.addEventListener("scroll",c,{passive:!0});const d=new ResizeObserver(()=>{if(n){const{top:t,left:o,width:n}=i();e.style.top=`${t}px`,e.style.left=`${o}px`,e.style.width=`${n}px`}});return d.observe(o??document.documentElement),()=>{a.removeEventListener("scroll",c),d.disconnect(),l(),s(),clearTimeout(E.current)}},[x,f,h]),i(()=>{const e=S.current,t=e?.querySelector('[aria-current="location"]');!e||!t||e.scrollWidth<=e.clientWidth||e.scrollTo({left:t.offsetLeft-(e.clientWidth-t.offsetWidth)/2,behavior:u()})},[w]);const T=l((e,t)=>{if(e.defaultPrevented||0!==e.button)return;if(e.metaKey||e.ctrlKey||e.shiftKey||e.altKey)return;const o=document.getElementById(t);if(!o)return;e.preventDefault();const n=o.matches(d)?o:o.querySelector(d)??o;n.hasAttribute("tabindex")||n.setAttribute("tabindex","-1");const r=S.current;r&&(r.style.opacity="",r.style.visibility="",r.style.pointerEvents=""),$.current=!0,clearTimeout(E.current),E.current=setTimeout(()=>{$.current=!1},1e3),o.scrollIntoView({block:"start",behavior:u()}),n.focus({preventScroll:!0}),g(t)},[]);return e(t,{children:[o("div",{ref:k,"aria-hidden":"true",style:{display:"none",flexShrink:0}}),o(s,{ref:S,component:"nav","aria-label":m,sx:[e=>({width:"100%",boxSizing:"border-box",overflowX:{xs:"auto",sm:"visible"},overscrollBehaviorX:"contain",scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"},px:{xs:"16px",sm:x?"16px":0},maskImage:{xs:"linear-gradient(90deg, transparent, #000 16px, #000 calc(100% - 16px), transparent)",sm:"none"},zIndex:x?e.zIndex.appBar:void 0,backgroundColor:x?"background.default":void 0,...x&&{transition:"opacity 0.2s ease, visibility 0.2s ease","@media (prefers-reduced-motion: reduce)":{transition:"none"}}}),...Array.isArray(v)?v:v?[v]:[]],children:o(s,{component:"ul",role:"list",sx:{listStyle:"none",m:0,p:0,display:"flex",flexWrap:{xs:"nowrap",sm:"wrap"},justifyContent:b,columnGap:{xs:2.5,sm:3}},children:y.map(({id:e,label:t})=>{const n=e===w;return o(s,{component:"li",sx:{flex:"none"},children:o(s,{component:"a",href:`#${e}`,"aria-current":n?"location":void 0,onClick:t=>T(t,e),sx:{display:"block",py:1.25,whiteSpace:"nowrap",color:n?"text.primary":"text.secondary",textDecoration:n?"underline":"none",textDecorationColor:e=>e.palette.primary.main,textDecorationThickness:n?"3px":void 0,textUnderlineOffset:"4px",borderRadius:.5,"&:hover":{color:"text.primary",textDecoration:"underline",textDecorationColor:e=>e.palette.primary.main},"&:focus-visible":{outline:e=>`2px solid ${e.palette.primary.main}`,outlineOffset:2}},children:o(c,{component:"span",sx:{color:"inherit",letterSpacing:"0.015em"},children:t})})},e)})})})]})};export{y as SectionNav};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const o="2.10.
|
|
1
|
+
const o="2.10.13";export{o as SAGE_NEXUS_UI_VERSION};
|
package/dist/index.d.ts
CHANGED
|
@@ -1727,6 +1727,8 @@ interface CarouselProps {
|
|
|
1727
1727
|
previousLabel?: string;
|
|
1728
1728
|
/** Accessible name of the next control. Defaults to "Next". */
|
|
1729
1729
|
nextLabel?: string;
|
|
1730
|
+
/** When provided, the controls bar shows "{count} {itemLabel}" instead of the scroll position. */
|
|
1731
|
+
itemLabel?: string;
|
|
1730
1732
|
sx?: SxProps<Theme>;
|
|
1731
1733
|
}
|
|
1732
1734
|
/**
|
|
@@ -1746,7 +1748,7 @@ interface CarouselProps {
|
|
|
1746
1748
|
* ```
|
|
1747
1749
|
*/
|
|
1748
1750
|
declare const Carousel: {
|
|
1749
|
-
({ children, "aria-label": ariaLabel, itemsPerView, gap, previousLabel, nextLabel, sx, }: CarouselProps): react.JSX.Element;
|
|
1751
|
+
({ children, "aria-label": ariaLabel, itemsPerView, gap, previousLabel, nextLabel, itemLabel, sx, }: CarouselProps): react.JSX.Element;
|
|
1750
1752
|
displayName: string;
|
|
1751
1753
|
};
|
|
1752
1754
|
|
|
@@ -2162,7 +2164,7 @@ interface ChartDefinition {
|
|
|
2162
2164
|
chartType: string;
|
|
2163
2165
|
/** Per-type semver, e.g. "1.0.0". A breaking data-shape change is a new chartType instead. */
|
|
2164
2166
|
version: string;
|
|
2165
|
-
/** Model-facing: at most 300 chars, no URLs, no code fences, no backticks. */
|
|
2167
|
+
/** Model-facing: at most 300 chars of printable ASCII, no URLs, no code fences, no backticks. */
|
|
2166
2168
|
description: string;
|
|
2167
2169
|
/** Flat data item. At most 8 fields; names `/^[a-zA-Z][a-zA-Z0-9]{0,31}$/`. Unknown fields are rejected. */
|
|
2168
2170
|
dataItem: {
|