@niagads/table 0.1.1-alpha.0 → 0.1.3-alpha.0
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/dist/Cell.js +1 -1
- package/dist/CellRenderers/Badge.js +2 -0
- package/dist/CellRenderers/Badge.js.map +1 -0
- package/dist/{TextRenderers → CellRenderers}/BasicText.js.map +1 -1
- package/dist/CellRenderers/Link.js +2 -0
- package/dist/{TextRenderers → CellRenderers}/Link.js.map +1 -1
- package/dist/{TextRenderers → CellRenderers}/Number.js.map +1 -1
- package/dist/CellRenderers/SparkChart.js +2 -0
- package/dist/{TextRenderers → CellRenderers}/SparkChart.js.map +1 -1
- package/dist/CellRenderers/TextRenderer.js +2 -0
- package/dist/CellRenderers/TextRenderer.js.map +1 -0
- package/dist/ControlElements/TableExportControls.js +1 -1
- package/dist/ControlElements/TableExportControls.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/styles/global.css.js +1 -1
- package/package.json +4 -4
- package/dist/TextRenderers/Badge.js +0 -2
- package/dist/TextRenderers/Badge.js.map +0 -1
- package/dist/TextRenderers/Link.js +0 -2
- package/dist/TextRenderers/SparkChart.js +0 -2
- package/dist/TextRenderers/TextRenderer.js +0 -2
- package/dist/TextRenderers/TextRenderer.js.map +0 -1
- /package/dist/{TextRenderers → CellRenderers}/BasicText.js +0 -0
- /package/dist/{TextRenderers → CellRenderers}/Number.js +0 -0
package/dist/Cell.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
import e from"react";import{_get as t,_isNull as r,_isNA as a,_isJSON as n,_deepCopy as
|
1
|
+
import e from"react";import{_get as t,_isNull as r,_isNA as a,_isJSON as n,_deepCopy as l,_hasOwnProperty as s}from"@niagads/common";import{TextList as i,Text as o}from"./CellRenderers/BasicText.js";import{LinkList as c,Link as u}from"./CellRenderers/Link.js";import{Float as p}from"./CellRenderers/Number.js";import{Badge as f,BooleanBadge as m}from"./CellRenderers/Badge.js";import{PercentageBar as y}from"./CellRenderers/SparkChart.js";const d="NA",b=["boolean","abstract","float","p_value","text","annotated_text","badge","link","percentage_bar"],g=e=>{if(void 0===e)return"abstract";if("string"==typeof e&&b.includes(e))return e;throw new Error("Invalid data type `"+e+"`")},v=e=>{const n=t("naValue",e,d),l=t("nullValue",e,n);return r(e.value)?l:a(e.value)?n:t("value",e)},x=e=>{if(Array.isArray(e))return e.map((e=>x(e))).join(" // ");switch(e.type){case"boolean":return t("displayText",r=e)||v(r);case"float":return(e=>{const r=t("displayText",e);return r||+v(e)})(e);case"p_value":return(e=>{const r=t("displayText",e);return r||+v(e)})(e);default:return v(e)}var r},j=e=>{const r=t("value",e),a=t("url",e);return Object.assign(e,{value:r||a,type:"link"}),e},k=e=>({type:"abstract",value:e.map((e=>t("value",e))).join(" // "),items:e}),E=(e,r,a)=>{let i=t("type",r,"abstract"),o={};if(Array.isArray(e)){if("abstract"==i)throw Error("Cell contains an array; must specify either `text` or `link` as the cell `type` in the column defintion: "+JSON.stringify(e));const t=e.map((e=>E(e,r,a)));if("text"==i)o=k(t),i="text_list";else{if("link"!=i)throw Error("Arrays of values are only supported for `text` or `link` table cell types: "+JSON.stringify(e));o=k(t),i="link_list"}}else if(n(e)){if(o=l(e),"link"==i&&(o=j(o)),"abstract"===i&&(s("url",e)?(i="link",o=j(o)):i="text",console.warn("`type` must be specified in the column defintion to correctly interpret structured values; assuming `"+i+"` cell: "+JSON.stringify(e))),null==t("value",o))throw Error("unable to infer `value` for cell: "+JSON.stringify(e))}else Object.assign(o,{value:e});"abstract"===i&&(i="text"),Object.assign(o,{type:i});const c=t("format",r);if(c){if("boolean"==i){const e=t("value",o),r=t("trueValue",c);r&&!0===e&&Object.assign(o,{displayText:r})}if("float"==i){const e=t("precision",c);e&&Object.assign(o,{precision:e})}Object.assign(o,{nullValue:t("nullValue",c),naValue:t("naValue",c,d)})}return Object.assign(o,{columnId:r.id,rowId:a}),o},h=t=>{switch(t.type){case"abstract":case"text":return e.createElement(o,{props:t});case"link":return e.createElement(u,{props:t});case"boolean":return e.createElement(m,{props:t});case"badge":return e.createElement(f,{props:t});case"float":case"p_value":return e.createElement(p,{props:t});case"percentage_bar":return e.createElement(y,{props:t});case"text_list":return e.createElement(i,{props:t});case"link_list":return e.createElement(c,{props:t});default:throw Error(`Unknown cell type for rendering: ${JSON.stringify(t)}`)}};export{d as DEFAULT_NA_VALUE,x as getCellValue,h as renderCell,E as resolveCell,g as validateCellType};
|
2
2
|
//# sourceMappingURL=Cell.js.map
|
@@ -0,0 +1,2 @@
|
|
1
|
+
import o from"react";import{_get as l,_isNull as e,_isNA as n,_hasOwnProperty as c}from"@niagads/common";import{renderNullValue as t,buildElementStyle as r,renderStyledText as i,renderWithIcon as s,renderWithInfo as a}from"./TextRenderer.js";const p=({props:o})=>{const p=l("value",o);if(e(p))return t(l("nullValue",o));if(n(p))return t();const u=r(o),m=r(o,"color");c("backgroundColor",u)||c("borderColor",u);const d="cell cell-badge";let g=i(p,m,d);if(c("icon",o)){const e=l("iconOnly",o,!1);l("iconStyle",o,!1);const n=e?"cell cell-icon-only-badge":"cell cell-badge-icon";g=s(g,l("icon",o),{iconOnly:e,iconClassName:n,className:d,style:u})}return c("tooltip",o)?a(g,l("tooltip",o),`${l("rowId",o)}-${l("columnId",o)}`,!0):g},u=({props:n})=>{let t=l("displayText",n,l("value",n));e(t)&&(t=l("nullValue",n,"NA"));const i={value:t.toString()};if(!1!==t||c("color",n)||Object.assign(i,{color:"rgb(229, 231, 235)"}),c("icon",n)){const o=r(n,"color");Object.assign(i,{iconOnly:!0,iconStyle:o})}return o.createElement(p,{props:Object.assign(n,i)})};export{p as Badge,u as BooleanBadge};
|
2
|
+
//# sourceMappingURL=Badge.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Badge.js","sources":["../../src/CellRenderers/Badge.tsx"],"sourcesContent":[null],"names":["Badge","props","value","_get","_isNull","renderNullValue","_isNA","badgeStyle","buildElementStyle","textStyle","_hasOwnProperty","className","textElement","renderStyledText","iconOnly","iconClassName","renderWithIcon","style","renderWithInfo","BooleanBadge","displayProps","toString","Object","assign","color","iconStyle","React","createElement"],"mappings":"wPAcaA,EAAQ,EAAOC,YACxB,MAAMC,EAAQC,EAAK,QAASF,GAE5B,GAAIG,EAAQF,GACR,OAAOG,EAAgBF,EAAK,YAAaF,IAG7C,GAAIK,EAAMJ,GACN,OAAOG,IAEX,MAAME,EAAaC,EAAkBP,GAC/BQ,EAAYD,EAAkBP,EAAO,SAEvCS,EAAgB,kBAAmBH,IAAeG,EAAgB,cAAeH,GACrF,MAAMI,EAAY,kBAElB,IAAIC,EAAcC,EAAiBX,EAAOO,EAAWE,GAErD,GAAID,EAAgB,OAAQT,GAAQ,CAChC,MAAMa,EAAWX,EAAK,WAAYF,GAAO,GACvBE,EAAK,YAAaF,GAAO,GAC3C,MAAMc,EAAgBD,EAAW,4BAA8B,uBAC/DF,EAAcI,EAAeJ,EAAaT,EAAK,OAAQF,GAAQ,CAC3Da,SAAUA,EACVC,cAAeA,EACfJ,UAAWA,EACXM,MAAOV,IAKf,OADmBG,EAAgB,UAAWT,GAExCiB,EACIN,EACAT,EAAK,UAAWF,GAChB,GAAGE,EAAK,QAASF,MAAUE,EAAK,WAAYF,MAC5C,GAEJW,CAAW,EAGRO,EAAe,EAAOlB,YAC/B,IAAIC,EAAQC,EAAK,cAAeF,EAAOE,EAAK,QAASF,IAEjDG,EAAQF,KACRA,EAAQC,EAAK,YAAaF,EAAO,OAGrC,MAAMmB,EAAe,CACjBlB,MAAOA,EAAMmB,YASjB,IANc,IAAVnB,GAAoBQ,EAAgB,QAAST,IAC7CqB,OAAOC,OAAOH,EAAc,CACxBI,MAAO,uBAIXd,EAAgB,OAAQT,GAAQ,CAChC,MAAMwB,EAAYjB,EAAkBP,EAAO,SAC3CqB,OAAOC,OAAOH,EAAc,CAAEN,UAAU,EAAMW,UAAWA,IAG7D,OAAOC,EAACC,cAAA3B,EAAM,CAAAC,MAAOqB,OAAOC,OAAOtB,EAAcmB,IAAiB"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"BasicText.js","sources":["../../src/
|
1
|
+
{"version":3,"file":"BasicText.js","sources":["../../src/CellRenderers/BasicText.tsx"],"sourcesContent":[null],"names":["TextList","props","items","_get","numItems","length","map","iProps","index","React","createElement","key","Text","renderNullValue","value","_isNull","_isNA","maxLength","LargeText","hasTooltip","_hasOwnProperty","useInfoLink","style","buildElementStyle","textElement","renderStyledText","renderWithInfo","isExpanded","setIsExpanded","useState","truncatedValue","slice","newProps","_deepCopy","action","className","onClick"],"mappings":"4PAMA,MAEaA,EAAW,EAAOC,YAC3B,MAAMC,EAAQC,EAAK,QAASF,GAC5B,GAAIC,EAAO,CACP,MAAME,EAAWF,EAAMG,OAAS,EAChC,OAAOH,EAAMI,KAAI,CAACC,EAAaC,IAC3BC,EAAKC,cAAA,MAAA,CAAAC,IAAKH,GACNC,EAAAC,cAACE,EAAI,CAACX,MAAOM,IACZC,EAAQJ,EAAW,OAAS,MAIzC,OAAOS,GAAiB,EAGfD,EAAO,EAAOX,YACvB,MAAMa,EAAQX,EAAK,QAASF,GAE5B,GAAIc,EAAQD,GACR,OAAOD,EAAgBV,EAAK,YAAaF,IAG7C,GAAIe,EAAMF,GACN,OAAOD,IAGX,MAAMI,EAAYd,EAAK,aAAcF,EA3Bd,KA4BvB,GAAIa,EAAMT,OAASY,EACf,OAAOR,gBAACS,EAAS,CAACjB,MAAOA,IAG7B,MAAMkB,EAAaC,EAAgB,UAAWnB,GACxCoB,EAAclB,EAAK,gBAAiBF,GAAO,GAC3CqB,EAAQC,EAAkBtB,GAE1BuB,EAAcC,EAAiBX,EAAOQ,EAAOH,GAAcE,EAAc,YAAc,IAC7F,OAAOF,EACDO,EACIF,EACArB,EAAK,UAAWF,GAChB,GAAGE,EAAK,QAASF,MAAUE,EAAK,WAAYF,KAC5CoB,GAEJG,CAAW,EAGRN,EAAY,EAAOjB,YAC5B,MAAO0B,EAAYC,GAAiBC,GAAkB,GAMhDf,EAAQX,EAAK,QAASF,GAE5B,GAAIc,EAAQD,GACR,OAAOD,EAAgBV,EAAK,YAAaF,IAG7C,GAAIe,EAAMF,GACN,OAAOD,IAGX,MAAMM,EAAaC,EAAgB,UAAWnB,GACxCgB,EAAYd,EAAK,aAAcF,EAjEd,KAkEjB6B,EAAiB,GAAGhB,EAAMiB,MAAM,EAAGd,EAAY,QAErD,GAAIE,EAAY,CACZ,MAAMa,EAAWC,EAAUhC,GAE3B,OADA+B,EAASlB,MAAQgB,EACVrB,gBAACG,EAAI,CAACX,MAAO+B,IAGxB,MAAMV,EAAQC,EAAkBtB,GAC1BuB,EAAcC,EAAiBE,EAAab,EAAQgB,EAAgBR,EAAO,IAC3EY,EAASP,EAAa,YAAc,YAC1C,OACIlB,EAAAC,cAAA,MAAA,CAAKyB,UAAU,6BACVX,EACA,MACDf,EAAAC,cAAA,IAAA,CAAGyB,UAAU,uBAAuBC,QA/BnB,KACrBR,GAAeD,EAAW,GA+BjBO,GAEH"}
|
@@ -0,0 +1,2 @@
|
|
1
|
+
import e from"react";import{renderWithInfo as r}from"./TextRenderer.js";import{Text as t}from"./BasicText.js";import{_get as o,_isNull as l,_hasOwnProperty as n}from"@niagads/common";const c=({props:r})=>{const l=o("items",r);if(l){const r=l.length-1;return l.map(((t,o)=>e.createElement("div",{key:o},e.createElement(a,{props:t}),o<r?" // ":"")))}return e.createElement(t,{props:{value:null}})},a=({props:c})=>{const a=o("url",c),m=o("value",c);if(l(a))return e.createElement(t,{props:c});const s=((r,t,o=!1)=>o?e.createElement("a",{className:"cell cell-link",href:t,target:"_blank",rel:"noopener noreferrer"},r):e.createElement("a",{className:"cell cell-link",href:t},r))(m||a,a);if(n("tooltip",c)){const e=`${o("rowId",c)}-${o("columnId",c)}`;return r(s,o("tooltip",c),e,!0)}return s};export{a as Link,c as LinkList};
|
2
|
+
//# sourceMappingURL=Link.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Link.js","sources":["../../src/
|
1
|
+
{"version":3,"file":"Link.js","sources":["../../src/CellRenderers/Link.tsx"],"sourcesContent":[null],"names":["LinkList","props","items","_get","numItems","length","map","iProps","index","React","createElement","key","Link","Text","value","url","_isNull","linkElement","displayText","newWindow","className","href","target","rel","_renderLink","_hasOwnProperty","anchorId","renderWithInfo"],"mappings":"uLAOA,MAWaA,EAAW,EAAOC,YAC3B,MAAMC,EAAQC,EAAK,QAASF,GAC5B,GAAIC,EAAO,CACP,MAAME,EAAWF,EAAMG,OAAS,EAChC,OAAOH,EAAMI,KAAI,CAACC,EAAaC,IAC3BC,EAAKC,cAAA,MAAA,CAAAC,IAAKH,GACNC,EAAAC,cAACE,EAAI,CAACX,MAAOM,IACZC,EAAQJ,EAAW,OAAS,MAIzC,OAAOK,EAAAC,cAACG,EAAI,CAACZ,MAAO,CAAEa,MAAO,OAAU,EAG9BF,EAAO,EAAOX,YACvB,MAAMc,EAAMZ,EAAK,MAAOF,GAClBa,EAAQX,EAAK,QAASF,GAE5B,GAAIe,EAAQD,GAER,OAAON,gBAACI,EAAI,CAACZ,MAAOA,IAGxB,MAAMgB,EAlCU,EAACC,EAAqBH,EAAaI,GAAqB,IACpEA,EAEIV,qBAAGW,UAAU,iBAAiBC,KAAMN,EAAKO,OAAO,SAASC,IAAI,uBACxDL,GAINT,EAAAC,cAAA,IAAA,CAAGU,UAAU,iBAAiBC,KAAMN,GAAMG,GA0B7BM,CAAYV,GAAgBC,EAAKA,GAErD,GADmBU,EAAgB,UAAWxB,GAC9B,CACZ,MAAMyB,EAAW,GAAGvB,EAAK,QAASF,MAAUE,EAAK,WAAYF,KAC7D,OAAO0B,EAAeV,EAAad,EAAK,UAAWF,GAAQyB,GAAU,GAGzE,OAAOT,CAAW"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Number.js","sources":["../../src/
|
1
|
+
{"version":3,"file":"Number.js","sources":["../../src/CellRenderers/Number.tsx"],"sourcesContent":[null],"names":["formatFloat","value","precision","formattedValue","toExponential","toString","includes","toFixedWithoutZeros","Float","props","_get","_isNull","renderNullValue","_isNA","React","Text","Object","assign"],"mappings":"0NAOa,MAAAA,EAAc,CAACC,EAAeC,EAAoB,KAC3D,MAAMC,EAAsBC,EAAcH,EAAOC,GACjD,OAAIA,IAAcC,EAAeE,WAAWC,SAAS,KAC1CC,GAAqBJ,EAAgBD,GAEzCC,CAAc,EAGZK,EAAQ,EAAOC,YACxB,IAAIR,EAAQS,EAAK,QAASD,GAE1B,GAAIE,EAAQV,GACR,OAAOW,EAAgBF,EAAK,YAAaD,IAG7C,GAAII,EAAMZ,GACN,OAAOW,IAGX,MAAMV,EAAYQ,EAAK,YAAaD,EAAO,MAG3C,OAFAR,EAAQD,EAAYC,EAAOC,GAEpBY,gBAACC,EAAI,CAACN,MAAOO,OAAOC,OAAOR,EAAc,CAAER,MAAOA,KAAY"}
|
@@ -0,0 +1,2 @@
|
|
1
|
+
import e from"react";import{_get as r,_isNull as l,_isNA as a}from"@niagads/common";import{renderNullValue as t}from"./TextRenderer.js";import{formatFloat as s}from"./Number.js";const c=({props:c})=>{const m=r("value",c);if(l(m))return t(r("nullValue",c));if(a(m))return t();const o=s(m,r("precision",c,2)),i=m>1?m:100*m,n=100-i;return e.createElement("div",{className:"flex flex-row"},e.createElement("div",{className:"cell cell-spark-value"},`${o}`),e.createElement("div",{className:"cell cell-spark tr-spark-bar"},e.createElement("div",{className:"cell cell-spark tr-spark-bar-observed",style:{width:i}}),e.createElement("div",{className:"cell cell-spark tr-spark-bar-remainder",style:{width:n}})))};export{c as PercentageBar};
|
2
|
+
//# sourceMappingURL=SparkChart.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SparkChart.js","sources":["../../src/
|
1
|
+
{"version":3,"file":"SparkChart.js","sources":["../../src/CellRenderers/SparkChart.tsx"],"sourcesContent":[null],"names":["PercentageBar","props","value","_get","_isNull","renderNullValue","_isNA","formattedValue","formatFloat","observed","remainder","React","createElement","className","style","width"],"mappings":"wLAOaA,EAAgB,EAAOC,YAChC,MAAMC,EAAQC,EAAK,QAASF,GAE5B,GAAIG,EAAQF,GACR,OAAOG,EAAgBF,EAAK,YAAaF,IAG7C,GAAIK,EAAMJ,GACN,OAAOG,IAGX,MAAME,EAAiBC,EAAYN,EAAOC,EAAK,YAAaF,EAAO,IAC7DQ,EAAWP,EAAQ,EAAIA,EAAgB,IAARA,EAC/BQ,EAAY,IAAQD,EAE1B,OACIE,EAAAC,cAAA,MAAA,CAAKC,UAAU,iBACXF,EAAAC,cAAA,MAAA,CAAKC,UAAU,yBAAyB,GAAGN,KAC3CI,EAAKC,cAAA,MAAA,CAAAC,UAAU,gCACXF,EAAKC,cAAA,MAAA,CAAAC,UAAU,wCAAwCC,MAAO,CAAEC,MAAON,KACvEE,EAAAC,cAAA,MAAA,CAAKC,UAAU,yCAAyCC,MAAO,CAAEC,MAAOL,MAE1E"}
|
@@ -0,0 +1,2 @@
|
|
1
|
+
import o,{useMemo as e}from"react";import{_isNA as t,_get as r,_hasOwnProperty as l}from"@niagads/common";import{renderTooltip as n}from"@niagads/ui";import{XCircleIcon as i,UserCircleIcon as s,ExclamationTriangleIcon as c,ExclamationCircleIcon as a,CheckCircleIcon as m,CheckIcon as p}from"@heroicons/react/24/solid";import{InformationCircleIcon as f}from"@heroicons/react/24/outline";const d={check:p,solidCheck:m,info:a,warning:c,user:s,infoOutline:f,xMark:i},u=(e,t,r)=>o.createElement("span",{className:`cell ${r}`,style:t},e),y=(e="n/a")=>o.createElement("span",{className:"cell text-gray-200"},t(e)||!e?"n/a":e),b=(e,t,r,l=!1)=>l?n(r,e,t):h(e,o.createElement(f,{className:"info-bubble size-3 ml-1"}),{prefix:!1,iconOnly:!1,tooltip:t,tooltipAnchor:r}),g=o=>{const e=r(o,d);if(null===e)throw Error("Error rendering field: invalid icon `"+o+"`");return e},h=(t,l,i)=>{const s="string"==typeof l?g(l):void 0,c=r("prefix",i,!0),a=r("iconOnly",i,!1),m=r("className",i,""),p=r("iconClassName",i,""),f=r("style",i,{}),d=r("iconStyle",i),u=e((()=>s?o.createElement(s,{className:p,style:d}):l),[]);return c?o.createElement("div",{className:`flex ${m}`,style:f},i.tooltip?n(i.tooltipAnchor,u,i.tooltip):u,!a&&t):o.createElement("div",{className:`flex ${m}`,style:f},!a&&t,i.tooltip?n(i.tooltipAnchor,u,i.tooltip):u)},x=(o,e=null)=>{const t=e?[e]:["color","backgroundColor","borderColor"],n={};for(const e of t)l(e,o)&&Object.assign(n,{[e]:r(e,o)});return l("borderColor",n)&&Object.assign(n,{border:"1px solid"}),n};export{d as ICONS,x as buildElementStyle,g as getIconElement,y as renderNullValue,u as renderStyledText,h as renderWithIcon,b as renderWithInfo};
|
2
|
+
//# sourceMappingURL=TextRenderer.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"TextRenderer.js","sources":["../../src/CellRenderers/TextRenderer.tsx"],"sourcesContent":[null],"names":["ICONS","check","CheckIcon","solidCheck","CheckCircleIcon","info","ExclamationCircleIcon","warning","ExclamationTriangleIcon","user","UserCircleIcon","infoOutline","InformationCircleIcon","xMark","XCircleIcon","renderStyledText","value","style","className","React","createElement","renderNullValue","_isNA","renderWithInfo","textElement","infoMessage","anchorId","useInfoLink","renderTooltip","renderWithIcon","prefix","iconOnly","tooltip","tooltipAnchor","getIconElement","key","icon","_get","Error","options","IconComponent","undefined","iconClassName","iconStyle","renderIcon","useMemo","buildElementStyle","props","property","VALID_STYLES","vStyle","_hasOwnProperty","Object","assign","border"],"mappings":"kYAoBa,MAAAA,EAAQ,CACjBC,MAAOC,EACPC,WAAYC,EACZC,KAAMC,EACNC,QAASC,EACTC,KAAMC,EACNC,YAAaC,EACbC,MAAOC,GAKEC,EAAmB,CAACC,EAAYC,EAAYC,IAEjDC,EAAAC,cAAA,OAAA,CAAMF,UAAW,QAAQA,IAAaD,MAAOA,GACxCD,GAKAK,EAAkB,CAACL,EAVN,QAWfG,EAAAC,cAAA,OAAA,CAAMF,UAAU,sBAAsBI,EAAMN,KAAWA,EAXxC,MAWoEA,GAWjFO,EAAiB,CAC1BC,EACAC,EACAC,EACAC,GAAuB,IAEnBA,EACOC,EAAcF,EAAUF,EAAaC,GAGzCI,EAAeL,EAAaL,EAAAC,cAACR,EAAqB,CAACM,UAAU,4BAA8B,CAC9FY,QAAQ,EACRC,UAAU,EACVC,QAASP,EACTQ,cAAeP,IASVQ,EAAkBC,IAC3B,MAAMC,EAAOC,EAAKF,EAAKnC,GACvB,GAAa,OAAToC,EACA,MAAME,MAAM,wCAA0CH,EAAM,KAEhE,OAAOC,CAAI,EAuBFP,EAAiB,CAC1BL,EACAY,EACAG,KAEA,MAAMC,EAAgC,iBAATJ,EAAoBF,EAAeE,QAAQK,EAClEX,EAASO,EAAK,SAAUE,GAAS,GACjCR,EAAWM,EAAK,WAAYE,GAAS,GACrCrB,EAAYmB,EAAK,YAAaE,EAAS,IACvCG,EAAgBL,EAAK,gBAAiBE,EAAS,IAC/CtB,EAAQoB,EAAK,QAASE,EAAS,CAAA,GAC/BI,EAAYN,EAAK,YAAaE,GAE9BK,EAAaC,GACf,IAAOL,EAAgBrB,gBAACqB,EAAa,CAACtB,UAAWwB,EAAezB,MAAO0B,IAAgBP,GACvF,IAGJ,OAAON,EACHX,EAAKC,cAAA,MAAA,CAAAF,UAAW,QAAQA,IAAaD,MAAOA,GACvCsB,EAAQP,QAAUJ,EAAcW,EAAQN,cAAgBW,EAAYL,EAAQP,SAAWY,GACtFb,GAAYP,GAGlBL,EAAKC,cAAA,MAAA,CAAAF,UAAW,QAAQA,IAAaD,MAAOA,IACtCc,GAAYP,EACbe,EAAQP,QAAUJ,EAAcW,EAAQN,cAAgBW,EAAYL,EAAQP,SAAWY,EAE/F,EASQE,EAAoB,CAACC,EAAYC,EAA0B,QACpE,MAAMC,EAAeD,EAAW,CAACA,GAAY,CAAC,QAAS,kBAAmB,eACpE/B,EAAQ,CAAE,EAChB,IAAK,MAAMiC,KAAUD,EACbE,EAAgBD,EAAQH,IACxBK,OAAOC,OAAOpC,EAAO,CAAEiC,CAACA,GAASb,EAAKa,EAAQH,KAQtD,OAJII,EAAgB,cAAelC,IAC/BmC,OAAOC,OAAOpC,EAAO,CAAEqC,OAAQ,cAG5BrC,CAAK"}
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import e,{useState as t,useId as r,useEffect as a}from"react";import o from"export-from-json";import{Button as l,Checkbox as i,Select as n}from"@niagads/ui";import{ArrowDownTrayIcon as m}from"@heroicons/react/24/solid";
|
1
|
+
import e,{useState as t,useId as r,useEffect as a}from"react";import o from"export-from-json";import{Button as l,Checkbox as i,Select as n}from"@niagads/ui";import{ArrowDownTrayIcon as m}from"@heroicons/react/24/solid";const s=Object.keys(o.types).filter((e=>!["css","html"].includes(e))),d=(e,t,r,a)=>{const l=""!==e.getState().globalFilter,i=e.getVisibleFlatColumns().filter((e=>"select-col"!=e.id)).map((e=>e.id)),n=(l?r?e.getSortedRowModel().rows:e.getPreFilteredRowModel().rows:e.getSortedRowModel().rows).map((e=>Object.fromEntries(i.map((t=>[t,e.getValue(t)])))));o({data:n,fileName:t,withBOM:!0,extension:a,delimiter:"txt"==a?"\t":",",exportType:"txt"==a?"csv":a})},c=({isFiltered:o,onSubmit:d})=>{const[c,p]=t(o),u=r();return a((()=>{p(o)}),[o]),e.createElement("div",{className:"relative inline-block text-left dropdown"},e.createElement(l,{variant:"white"},e.createElement(m,{className:"icon-button"}),e.createElement("span",{className:"ml-2 uppercase"},"Export")),e.createElement("div",{className:"hidden dropdown-menu"},e.createElement("div",{className:"z-50 absolute right-0 w-56 mt-2 origin-top-right bg-white border border-gray-200 divide-y divide-gray-100 rounded-md shadow-lg outline-none","aria-labelledby":`${u}-headlessui-menu-button}`,id:`${u}-headlessui-menu-items`,role:"menu"},e.createElement("div",{className:"px-4 py-3"},e.createElement("form",{id:u,onSubmit:e=>{e.preventDefault();const t=new FormData(e.currentTarget);d(Object.fromEntries(t))}},o&&e.createElement(i,{name:"filtered_only",variant:"accent",value:c.toString(),label:"Filtered Rows Only",checked:c,onChange:()=>p(!c)}),e.createElement(n,{id:`${u}_select_export_format"`,name:"format",fields:s,label:"Export table data as"}),e.createElement("div",{className:"mt-2 flex justify-center"},e.createElement(l,{size:"md"},"Export")))))))};export{c as TableExportControls,d as exportTable};
|
2
2
|
//# sourceMappingURL=TableExportControls.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TableExportControls.js","sources":["../../src/ControlElements/TableExportControls.tsx"],"sourcesContent":[null],"names":["exportTable","table","tableId","filteredRowsOnly","format","isFiltered","getState","globalFilter","columnIds","getVisibleFlatColumns","
|
1
|
+
{"version":3,"file":"TableExportControls.js","sources":["../../src/ControlElements/TableExportControls.tsx"],"sourcesContent":[null],"names":["EXPORT_FILE_FORMATS","Object","keys","exportFromJSON","types","filter","f","includes","exportTable","table","tableId","filteredRowsOnly","format","isFiltered","getState","globalFilter","columnIds","getVisibleFlatColumns","col","id","map","exportData","getSortedRowModel","rows","getPreFilteredRowModel","r","fromEntries","colId","getValue","data","fileName","withBOM","extension","delimiter","exportType","TableExportControls","onSubmit","filteredOnly","setFilteredOnly","useState","formId","useId","useEffect","React","createElement","className","Button","variant","ArrowDownTrayIcon","role","event","preventDefault","formData","FormData","currentTarget","Checkbox","name","value","toString","label","checked","onChange","Select","fields","size"],"mappings":"2NAMA,MAAMA,EAAsBC,OAAOC,KAAKC,EAAeC,OAAOC,QAAQC,IAAO,CAAC,MAAO,QAAQC,SAASD,KAGzFE,EAAc,CAACC,EAAwBC,EAAiBC,EAA2BC,KAC5F,MAAMC,EAEF,KADAJ,EAAMK,WAAWC,aAEfC,EAAsBP,EACvBQ,wBACAZ,QAAQa,GAAkB,cAAVA,EAAIC,KACpBC,KAAKF,GAAQA,EAAIC,KAchBE,GAbOR,EACPF,EACIF,EAAMa,oBAAoBC,KAC1Bd,EAAMe,yBAAyBD,KACnCd,EAAMa,oBAAoBC,MASHH,KAAKK,GAAMxB,OAAOyB,YAAYV,EAAUI,KAAKO,GAAU,CAACA,EAAOF,EAAEG,SAASD,SAEvGxB,EAAe,CACX0B,KAAMR,EACNS,SAAUpB,EACVqB,SAAS,EACTC,UAAWpB,EACXqB,UAAqB,OAAVrB,EAAkB,KAAO,IACpCsB,WAAsB,OAAVtB,EAAkB,MAAQA,GACxC,EAWOuB,EAAsB,EAAGtB,aAAYuB,eAC9C,MAAOC,EAAcC,GAAmBC,EAAkB1B,GACpD2B,EAASC,IAcf,OAJAC,GAAU,KACNJ,EAAgBzB,EAAW,GAC5B,CAACA,IAGA8B,EAAAC,cAAA,MAAA,CAAKC,UAAU,4CACXF,EAAAC,cAACE,EAAM,CAACC,QAAQ,SACZJ,EAAAC,cAACI,EAAiB,CAACH,UAAU,gBAC7BF,EAAAC,cAAA,OAAA,CAAMC,UAAU,kBAAgB,WAGpCF,EAAKC,cAAA,MAAA,CAAAC,UAAU,wBACXF,EAAAC,cAAA,MAAA,CACIC,UAAU,8IACO,kBAAA,GAAGL,4BACpBrB,GAAI,GAAGqB,0BACPS,KAAK,QAELN,EAAKC,cAAA,MAAA,CAAAC,UAAU,aACXF,EAAAC,cAAA,OAAA,CAAMzB,GAAIqB,EAAQJ,SAzBhBc,IAClBA,EAAMC,iBACN,MAAMC,EAAW,IAAIC,SAASH,EAAMI,eACpClB,EAASnC,OAAOyB,YAAY0B,GAAU,GAuBjBvC,GACG8B,EAAAC,cAACW,EAAQ,CACLC,KAAK,gBACLT,QAAQ,SACRU,MAAOpB,EAAaqB,WACpBC,MAAM,qBACNC,QAASvB,EACTwB,SAAU,IAAMvB,GAAiBD,KAIzCM,EAAAC,cAACkB,EACG,CAAA3C,GAAI,GAAGqB,0BACPgB,KAAK,SACLO,OAAQ/D,EACR2D,MAAM,yBAGVhB,EAAKC,cAAA,MAAA,CAAAC,UAAU,4BACXF,EAAAC,cAACE,EAAM,CAACkB,KAAK,MAAI,eAMnC"}
|
package/dist/index.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
import"./styles/global.css.js";import e from"./Table.js";export{Badge,BooleanBadge}from"./
|
1
|
+
import"./styles/global.css.js";import e from"./Table.js";export{Badge,BooleanBadge}from"./CellRenderers/Badge.js";export{LargeText,Text,TextList}from"./CellRenderers/BasicText.js";export{Link,LinkList}from"./CellRenderers/Link.js";export{Float,formatFloat}from"./CellRenderers/Number.js";export{PercentageBar}from"./CellRenderers/SparkChart.js";export{ICONS,buildElementStyle,getIconElement,renderNullValue,renderStyledText,renderWithIcon,renderWithInfo}from"./CellRenderers/TextRenderer.js";export{e as default};
|
2
2
|
//# sourceMappingURL=index.js.map
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import n from"style-inject";var e='/*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */\n@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");\n@layer theme, base, components, utilities;\n@layer theme {\n :root, :host {\n --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",\n "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";\n --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",\n "Courier New", monospace;\n --color-red-950: oklch(0.258 0.092 26.042);\n --color-green-600: oklch(0.627 0.194 149.214);\n --color-blue-700: oklch(0.488 0.243 264.376);\n --color-purple-900: oklch(0.381 0.176 304.987);\n --color-slate-50: oklch(0.984 0.003 247.858);\n --color-slate-200: oklch(0.929 0.013 255.508);\n --color-slate-300: oklch(0.869 0.022 252.894);\n --color-slate-700: oklch(0.372 0.044 257.287);\n --color-gray-50: oklch(0.985 0.002 247.839);\n --color-gray-100: oklch(0.967 0.003 264.542);\n --color-gray-200: oklch(0.928 0.006 264.531);\n --color-gray-300: oklch(0.872 0.01 258.338);\n --color-gray-700: oklch(0.373 0.034 259.733);\n --color-gray-900: oklch(0.21 0.034 264.665);\n --color-black: #000;\n --color-white: #fff;\n --spacing: 0.25rem;\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --text-sm: 0.875rem;\n --text-sm--line-height: calc(1.25 / 0.875);\n --font-weight-bold: 700;\n --radius-md: 0.375rem;\n --default-font-family: var(--font-sans);\n --default-mono-font-family: var(--font-mono);\n --color-primary: #3d5263;\n }\n}\n@layer base {\n *, ::after, ::before, ::backdrop, ::file-selector-button {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: 0 solid;\n }\n html, :host {\n line-height: 1.5;\n -webkit-text-size-adjust: 100%;\n tab-size: 4;\n font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");\n font-feature-settings: var(--default-font-feature-settings, normal);\n font-variation-settings: var(--default-font-variation-settings, normal);\n -webkit-tap-highlight-color: transparent;\n }\n hr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n }\n abbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n }\n h1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n }\n a {\n color: inherit;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n }\n b, strong {\n font-weight: bolder;\n }\n code, kbd, samp, pre {\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\n font-size: 1em;\n }\n small {\n font-size: 80%;\n }\n sub, sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n }\n sub {\n bottom: -0.25em;\n }\n sup {\n top: -0.5em;\n }\n table {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n }\n :-moz-focusring {\n outline: auto;\n }\n progress {\n vertical-align: baseline;\n }\n summary {\n display: list-item;\n }\n ol, ul, menu {\n list-style: none;\n }\n img, svg, video, canvas, audio, iframe, embed, object {\n display: block;\n vertical-align: middle;\n }\n img, video {\n max-width: 100%;\n height: auto;\n }\n button, input, select, optgroup, textarea, ::file-selector-button {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n border-radius: 0;\n background-color: transparent;\n opacity: 1;\n }\n :where(select:is([multiple], [size])) optgroup {\n font-weight: bolder;\n }\n :where(select:is([multiple], [size])) optgroup option {\n padding-inline-start: 20px;\n }\n ::file-selector-button {\n margin-inline-end: 4px;\n }\n ::placeholder {\n opacity: 1;\n }\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\n ::placeholder {\n color: color-mix(in oklab, currentColor 50%, transparent);\n }\n }\n textarea {\n resize: vertical;\n }\n ::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n ::-webkit-date-and-time-value {\n min-height: 1lh;\n text-align: inherit;\n }\n ::-webkit-datetime-edit {\n display: inline-flex;\n }\n ::-webkit-datetime-edit-fields-wrapper {\n padding: 0;\n }\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n padding-block: 0;\n }\n :-moz-ui-invalid {\n box-shadow: none;\n }\n button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {\n appearance: button;\n }\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n height: auto;\n }\n [hidden]:where(:not([hidden="until-found"])) {\n display: none !important;\n }\n}\n@layer utilities {\n .invisible {\n visibility: hidden;\n }\n .visible {\n visibility: visible;\n }\n .absolute {\n position: absolute;\n }\n .relative {\n position: relative;\n }\n .right-0 {\n right: calc(var(--spacing) * 0);\n }\n .bottom-\\[2px\\] {\n bottom: 2px;\n }\n .left-0 {\n left: calc(var(--spacing) * 0);\n }\n .z-50 {\n z-index: 50;\n }\n .m-2 {\n margin: calc(var(--spacing) * 2);\n }\n .mt-2 {\n margin-top: calc(var(--spacing) * 2);\n }\n .ml-1 {\n margin-left: calc(var(--spacing) * 1);\n }\n .ml-2 {\n margin-left: calc(var(--spacing) * 2);\n }\n .ml-4 {\n margin-left: calc(var(--spacing) * 4);\n }\n .ml-5 {\n margin-left: calc(var(--spacing) * 5);\n }\n .flex {\n display: flex;\n }\n .hidden {\n display: none;\n }\n .inline {\n display: inline;\n }\n .inline-block {\n display: inline-block;\n }\n .inline-flex {\n display: inline-flex;\n }\n .table {\n display: table;\n }\n .size-3 {\n width: calc(var(--spacing) * 3);\n height: calc(var(--spacing) * 3);\n }\n .h-\\[19px\\] {\n height: 19px;\n }\n .w-56 {\n width: calc(var(--spacing) * 56);\n }\n .w-\\[20px\\] {\n width: 20px;\n }\n .max-w-\\[300px\\] {\n max-width: 300px;\n }\n .origin-top-left {\n transform-origin: top left;\n }\n .origin-top-right {\n transform-origin: top right;\n }\n .cursor-default {\n cursor: default;\n }\n .cursor-pointer {\n cursor: pointer;\n }\n .flex-col {\n flex-direction: column;\n }\n .flex-row {\n flex-direction: row;\n }\n .items-center {\n align-items: center;\n }\n .justify-between {\n justify-content: space-between;\n }\n .justify-center {\n justify-content: center;\n }\n .justify-end {\n justify-content: flex-end;\n }\n .gap-2 {\n gap: calc(var(--spacing) * 2);\n }\n .gap-4 {\n gap: calc(var(--spacing) * 4);\n }\n .divide-y {\n :where(& > :not(:last-child)) {\n --tw-divide-y-reverse: 0;\n border-bottom-style: var(--tw-border-style);\n border-top-style: var(--tw-border-style);\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\n }\n }\n .divide-gray-100 {\n :where(& > :not(:last-child)) {\n border-color: var(--color-gray-100);\n }\n }\n .self-center {\n align-self: center;\n }\n .overflow-auto {\n overflow: auto;\n }\n .rounded-md {\n border-radius: var(--radius-md);\n }\n .border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n .border-gray-200 {\n border-color: var(--color-gray-200);\n }\n .bg-white {\n background-color: var(--color-white);\n }\n .stroke-black {\n stroke: var(--color-black);\n }\n .stroke-white {\n stroke: var(--color-white);\n }\n .stroke-1 {\n stroke-width: 1;\n }\n .px-2 {\n padding-inline: calc(var(--spacing) * 2);\n }\n .px-4 {\n padding-inline: calc(var(--spacing) * 4);\n }\n .py-1 {\n padding-block: calc(var(--spacing) * 1);\n }\n .py-3 {\n padding-block: calc(var(--spacing) * 3);\n }\n .text-left {\n text-align: left;\n }\n .text-sm {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n .text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n .break-words {\n overflow-wrap: break-word;\n }\n .text-gray-200 {\n color: var(--color-gray-200);\n }\n .text-gray-900 {\n color: var(--color-gray-900);\n }\n .uppercase {\n text-transform: uppercase;\n }\n .shadow-lg {\n --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .filter {\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n }\n .outline-none {\n --tw-outline-style: none;\n outline-style: none;\n }\n}\n.table-container {\n margin-inline: calc(var(--spacing) * 2);\n display: block;\n max-width: 100%;\n font-family: Open Sans;\n}\n.table-border {\n border-collapse: collapse;\n border-top-style: var(--tw-border-style);\n border-top-width: 4px;\n --tw-border-style: solid;\n border-style: solid;\n border-color: var(--color-primary);\n}\n.table-text {\n text-align: left;\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n color: var(--color-primary);\n &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {\n text-align: right;\n }\n}\n.table-layout {\n width: 100%;\n overflow-x: scroll;\n}\n.table-td {\n border-style: var(--tw-border-style);\n border-width: 0px;\n border-right-style: var(--tw-border-style);\n border-right-width: 1px;\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n --tw-border-style: solid;\n border-style: solid;\n border-color: var(--color-slate-200);\n padding-block: calc(var(--spacing) * 1.5);\n padding-right: calc(var(--spacing) * 6);\n padding-left: calc(var(--spacing) * 4);\n font-family: Noto Sans;\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n}\n.table-dtr {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n background-color: var(--color-white);\n &:nth-child(odd) {\n border-color: var(--color-gray-700);\n }\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-gray-50);\n }\n }\n}\n.column-header {\n border-style: var(--tw-border-style);\n border-width: 0px;\n border-right-style: var(--tw-border-style);\n border-right-width: 1px;\n --tw-border-style: solid;\n border-style: solid;\n border-color: var(--color-slate-50);\n background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);\n padding-inline: calc(var(--spacing) * 6);\n padding-block: calc(var(--spacing) * 3);\n}\n.column-header-text {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n text-wrap: nowrap;\n color: var(--color-slate-700);\n}\n.column-header-icon {\n margin-left: calc(var(--spacing) * 1);\n width: calc(var(--spacing) * 5);\n height: calc(var(--spacing) * 5);\n padding-left: 1px;\n color: var(--color-slate-700);\n}\n.table-cell-link, .info-link {\n color: var(--color-blue-700);\n &:visited {\n color: var(--color-purple-900);\n }\n &:hover {\n @media (hover: hover) {\n text-decoration-line: underline;\n }\n }\n &:active {\n color: var(--color-red-950);\n }\n}\n.info-link {\n cursor: pointer;\n text-decoration-line: underline;\n text-decoration-color: var(--color-blue-700);\n text-decoration-style: dashed;\n text-underline-offset: 4px;\n}\n.tr-badge {\n border-radius: calc(infinity * 1px);\n padding-inline: calc(var(--spacing) * 2);\n padding-block: calc(var(--spacing) * 1);\n}\n.tr-badge-icon {\n width: calc(var(--spacing) * 5);\n height: calc(var(--spacing) * 5);\n padding-block: calc(var(--spacing) * 1);\n}\n.tr-icon-only-badge {\n margin: auto;\n width: calc(var(--spacing) * 5);\n height: calc(var(--spacing) * 5);\n}\n.tr-spark {\n display: inline-block;\n height: 20px;\n}\n.tr-spark-value {\n width: 35px;\n align-self: center;\n}\n.tr-spark-bar {\n width: 100px;\n}\n.tr-spark-bar-observed {\n background-color: var(--color-green-600);\n}\n.tr-spark-bar-remainder {\n background-color: var(--color-gray-300);\n}\n.icon-disabled {\n stroke: var(--color-slate-300);\n}\n.info-bubble {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n stroke: var(--color-primary);\n color: transparent;\n}\n.icon-button {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n stroke-width: 4;\n}\n.dropdown:focus-within .dropdown-menu {\n display: block;\n}\n@property --tw-divide-y-reverse {\n syntax: "*";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-border-style {\n syntax: "*";\n inherits: false;\n initial-value: solid;\n}\n@property --tw-shadow {\n syntax: "*";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n syntax: "*";\n inherits: false;\n}\n@property --tw-inset-shadow {\n syntax: "*";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n syntax: "*";\n inherits: false;\n}\n@property --tw-ring-color {\n syntax: "*";\n inherits: false;\n}\n@property --tw-ring-shadow {\n syntax: "*";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n syntax: "*";\n inherits: false;\n}\n@property --tw-inset-ring-shadow {\n syntax: "*";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n syntax: "*";\n inherits: false;\n}\n@property --tw-ring-offset-width {\n syntax: "<length>";\n inherits: false;\n initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n syntax: "*";\n inherits: false;\n initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n syntax: "*";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-blur {\n syntax: "*";\n inherits: false;\n}\n@property --tw-brightness {\n syntax: "*";\n inherits: false;\n}\n@property --tw-contrast {\n syntax: "*";\n inherits: false;\n}\n@property --tw-grayscale {\n syntax: "*";\n inherits: false;\n}\n@property --tw-hue-rotate {\n syntax: "*";\n inherits: false;\n}\n@property --tw-invert {\n syntax: "*";\n inherits: false;\n}\n@property --tw-opacity {\n syntax: "*";\n inherits: false;\n}\n@property --tw-saturate {\n syntax: "*";\n inherits: false;\n}\n@property --tw-sepia {\n syntax: "*";\n inherits: false;\n}\n@property --tw-drop-shadow {\n syntax: "*";\n inherits: false;\n}\n@property --tw-font-weight {\n syntax: "*";\n inherits: false;\n}';n(e);export{e as default};
|
1
|
+
import n from"style-inject";var e='/*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */\n@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");\n@layer theme, base, components, utilities;\n@layer theme {\n :root, :host {\n --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",\n "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";\n --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",\n "Courier New", monospace;\n --color-red-950: oklch(0.258 0.092 26.042);\n --color-green-600: oklch(0.627 0.194 149.214);\n --color-blue-700: oklch(0.488 0.243 264.376);\n --color-purple-900: oklch(0.381 0.176 304.987);\n --color-slate-50: oklch(0.984 0.003 247.858);\n --color-slate-200: oklch(0.929 0.013 255.508);\n --color-slate-300: oklch(0.869 0.022 252.894);\n --color-slate-700: oklch(0.372 0.044 257.287);\n --color-gray-50: oklch(0.985 0.002 247.839);\n --color-gray-100: oklch(0.967 0.003 264.542);\n --color-gray-200: oklch(0.928 0.006 264.531);\n --color-gray-300: oklch(0.872 0.01 258.338);\n --color-gray-700: oklch(0.373 0.034 259.733);\n --color-gray-900: oklch(0.21 0.034 264.665);\n --color-black: #000;\n --color-white: #fff;\n --spacing: 0.25rem;\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --text-sm: 0.875rem;\n --text-sm--line-height: calc(1.25 / 0.875);\n --font-weight-bold: 700;\n --radius-md: 0.375rem;\n --default-font-family: var(--font-sans);\n --default-mono-font-family: var(--font-mono);\n --color-primary: #3d5263;\n }\n}\n@layer base {\n *, ::after, ::before, ::backdrop, ::file-selector-button {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: 0 solid;\n }\n html, :host {\n line-height: 1.5;\n -webkit-text-size-adjust: 100%;\n tab-size: 4;\n font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");\n font-feature-settings: var(--default-font-feature-settings, normal);\n font-variation-settings: var(--default-font-variation-settings, normal);\n -webkit-tap-highlight-color: transparent;\n }\n hr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n }\n abbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n }\n h1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n }\n a {\n color: inherit;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n }\n b, strong {\n font-weight: bolder;\n }\n code, kbd, samp, pre {\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\n font-size: 1em;\n }\n small {\n font-size: 80%;\n }\n sub, sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n }\n sub {\n bottom: -0.25em;\n }\n sup {\n top: -0.5em;\n }\n table {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n }\n :-moz-focusring {\n outline: auto;\n }\n progress {\n vertical-align: baseline;\n }\n summary {\n display: list-item;\n }\n ol, ul, menu {\n list-style: none;\n }\n img, svg, video, canvas, audio, iframe, embed, object {\n display: block;\n vertical-align: middle;\n }\n img, video {\n max-width: 100%;\n height: auto;\n }\n button, input, select, optgroup, textarea, ::file-selector-button {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n border-radius: 0;\n background-color: transparent;\n opacity: 1;\n }\n :where(select:is([multiple], [size])) optgroup {\n font-weight: bolder;\n }\n :where(select:is([multiple], [size])) optgroup option {\n padding-inline-start: 20px;\n }\n ::file-selector-button {\n margin-inline-end: 4px;\n }\n ::placeholder {\n opacity: 1;\n }\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\n ::placeholder {\n color: color-mix(in oklab, currentColor 50%, transparent);\n }\n }\n textarea {\n resize: vertical;\n }\n ::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n ::-webkit-date-and-time-value {\n min-height: 1lh;\n text-align: inherit;\n }\n ::-webkit-datetime-edit {\n display: inline-flex;\n }\n ::-webkit-datetime-edit-fields-wrapper {\n padding: 0;\n }\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n padding-block: 0;\n }\n :-moz-ui-invalid {\n box-shadow: none;\n }\n button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {\n appearance: button;\n }\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n height: auto;\n }\n [hidden]:where(:not([hidden="until-found"])) {\n display: none !important;\n }\n}\n@layer utilities {\n .invisible {\n visibility: hidden;\n }\n .visible {\n visibility: visible;\n }\n .absolute {\n position: absolute;\n }\n .relative {\n position: relative;\n }\n .right-0 {\n right: calc(var(--spacing) * 0);\n }\n .bottom-\\[2px\\] {\n bottom: 2px;\n }\n .left-0 {\n left: calc(var(--spacing) * 0);\n }\n .z-50 {\n z-index: 50;\n }\n .m-2 {\n margin: calc(var(--spacing) * 2);\n }\n .mt-2 {\n margin-top: calc(var(--spacing) * 2);\n }\n .ml-1 {\n margin-left: calc(var(--spacing) * 1);\n }\n .ml-2 {\n margin-left: calc(var(--spacing) * 2);\n }\n .ml-4 {\n margin-left: calc(var(--spacing) * 4);\n }\n .ml-5 {\n margin-left: calc(var(--spacing) * 5);\n }\n .flex {\n display: flex;\n }\n .hidden {\n display: none;\n }\n .inline {\n display: inline;\n }\n .inline-block {\n display: inline-block;\n }\n .inline-flex {\n display: inline-flex;\n }\n .table {\n display: table;\n }\n .size-3 {\n width: calc(var(--spacing) * 3);\n height: calc(var(--spacing) * 3);\n }\n .h-\\[19px\\] {\n height: 19px;\n }\n .w-56 {\n width: calc(var(--spacing) * 56);\n }\n .w-\\[20px\\] {\n width: 20px;\n }\n .max-w-\\[300px\\] {\n max-width: 300px;\n }\n .origin-top-left {\n transform-origin: top left;\n }\n .origin-top-right {\n transform-origin: top right;\n }\n .cursor-default {\n cursor: default;\n }\n .cursor-pointer {\n cursor: pointer;\n }\n .flex-col {\n flex-direction: column;\n }\n .flex-row {\n flex-direction: row;\n }\n .items-center {\n align-items: center;\n }\n .justify-between {\n justify-content: space-between;\n }\n .justify-center {\n justify-content: center;\n }\n .justify-end {\n justify-content: flex-end;\n }\n .gap-2 {\n gap: calc(var(--spacing) * 2);\n }\n .gap-4 {\n gap: calc(var(--spacing) * 4);\n }\n .divide-y {\n :where(& > :not(:last-child)) {\n --tw-divide-y-reverse: 0;\n border-bottom-style: var(--tw-border-style);\n border-top-style: var(--tw-border-style);\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\n }\n }\n .divide-gray-100 {\n :where(& > :not(:last-child)) {\n border-color: var(--color-gray-100);\n }\n }\n .self-center {\n align-self: center;\n }\n .overflow-auto {\n overflow: auto;\n }\n .rounded-md {\n border-radius: var(--radius-md);\n }\n .border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n .border-gray-200 {\n border-color: var(--color-gray-200);\n }\n .bg-white {\n background-color: var(--color-white);\n }\n .stroke-black {\n stroke: var(--color-black);\n }\n .stroke-white {\n stroke: var(--color-white);\n }\n .stroke-1 {\n stroke-width: 1;\n }\n .px-2 {\n padding-inline: calc(var(--spacing) * 2);\n }\n .px-4 {\n padding-inline: calc(var(--spacing) * 4);\n }\n .py-1 {\n padding-block: calc(var(--spacing) * 1);\n }\n .py-3 {\n padding-block: calc(var(--spacing) * 3);\n }\n .text-left {\n text-align: left;\n }\n .text-sm {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n .text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n .break-words {\n overflow-wrap: break-word;\n }\n .text-gray-200 {\n color: var(--color-gray-200);\n }\n .text-gray-900 {\n color: var(--color-gray-900);\n }\n .uppercase {\n text-transform: uppercase;\n }\n .shadow-lg {\n --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .filter {\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n }\n .outline-none {\n --tw-outline-style: none;\n outline-style: none;\n }\n}\n.table-container {\n margin-inline: calc(var(--spacing) * 2);\n display: block;\n max-width: 100%;\n font-family: Inter;\n}\n.table-border {\n border-collapse: collapse;\n border-top-style: var(--tw-border-style);\n border-top-width: 4px;\n --tw-border-style: solid;\n border-style: solid;\n border-color: var(--color-primary);\n}\n.table-text {\n text-align: left;\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n color: var(--color-primary);\n &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {\n text-align: right;\n }\n}\n.table-layout {\n width: 100%;\n overflow-x: scroll;\n}\n.table-td {\n border-style: var(--tw-border-style);\n border-width: 0px;\n border-right-style: var(--tw-border-style);\n border-right-width: 1px;\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n --tw-border-style: solid;\n border-style: solid;\n border-color: var(--color-slate-200);\n padding-block: calc(var(--spacing) * 1.5);\n padding-right: calc(var(--spacing) * 6);\n padding-left: calc(var(--spacing) * 4);\n font-family: Noto Sans;\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n}\n.table-dtr {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n background-color: var(--color-white);\n &:nth-child(odd) {\n border-color: var(--color-gray-700);\n }\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-gray-50);\n }\n }\n}\n.column-header {\n border-style: var(--tw-border-style);\n border-width: 0px;\n border-right-style: var(--tw-border-style);\n border-right-width: 1px;\n --tw-border-style: solid;\n border-style: solid;\n border-color: var(--color-slate-50);\n background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);\n padding-inline: calc(var(--spacing) * 6);\n padding-block: calc(var(--spacing) * 3);\n}\n.column-header-text {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n text-wrap: nowrap;\n color: var(--color-slate-700);\n}\n.column-header-icon {\n margin-left: calc(var(--spacing) * 1);\n width: calc(var(--spacing) * 5);\n height: calc(var(--spacing) * 5);\n padding-left: 1px;\n color: var(--color-slate-700);\n}\n.cell {\n font-family: Inter;\n}\n.cell-badge {\n border-radius: calc(infinity * 1px);\n padding-inline: calc(var(--spacing) * 2);\n padding-block: calc(var(--spacing) * 1);\n}\n.cell-badge-icon {\n width: calc(var(--spacing) * 5);\n height: calc(var(--spacing) * 5);\n padding-block: calc(var(--spacing) * 1);\n}\n.cell-icon-only-badge {\n margin: auto;\n width: calc(var(--spacing) * 5);\n height: calc(var(--spacing) * 5);\n}\n.cell-spark {\n display: inline-block;\n height: 20px;\n}\n.cell-spark-value {\n width: 35px;\n align-self: center;\n}\n.cell-spark-bar {\n width: 100px;\n}\n.cell-spark-bar-observed {\n background-color: var(--color-green-600);\n}\n.cell-spark-bar-remainder {\n background-color: var(--color-gray-300);\n}\n.cell-link, .info-link {\n color: var(--color-blue-700);\n &:visited {\n color: var(--color-purple-900);\n }\n &:hover {\n @media (hover: hover) {\n text-decoration-line: underline;\n }\n }\n &:active {\n color: var(--color-red-950);\n }\n}\n.info-link {\n cursor: pointer;\n text-decoration-line: underline;\n text-decoration-color: var(--color-blue-700);\n text-decoration-style: dashed;\n text-underline-offset: 4px;\n}\n.icon-disabled {\n stroke: var(--color-slate-300);\n}\n.info-bubble {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n stroke: var(--color-primary);\n color: transparent;\n}\n.icon-button {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n stroke-width: 4;\n}\n.dropdown:focus-within .dropdown-menu {\n display: block;\n}\n@property --tw-divide-y-reverse {\n syntax: "*";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-border-style {\n syntax: "*";\n inherits: false;\n initial-value: solid;\n}\n@property --tw-shadow {\n syntax: "*";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n syntax: "*";\n inherits: false;\n}\n@property --tw-inset-shadow {\n syntax: "*";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n syntax: "*";\n inherits: false;\n}\n@property --tw-ring-color {\n syntax: "*";\n inherits: false;\n}\n@property --tw-ring-shadow {\n syntax: "*";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n syntax: "*";\n inherits: false;\n}\n@property --tw-inset-ring-shadow {\n syntax: "*";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n syntax: "*";\n inherits: false;\n}\n@property --tw-ring-offset-width {\n syntax: "<length>";\n inherits: false;\n initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n syntax: "*";\n inherits: false;\n initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n syntax: "*";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-blur {\n syntax: "*";\n inherits: false;\n}\n@property --tw-brightness {\n syntax: "*";\n inherits: false;\n}\n@property --tw-contrast {\n syntax: "*";\n inherits: false;\n}\n@property --tw-grayscale {\n syntax: "*";\n inherits: false;\n}\n@property --tw-hue-rotate {\n syntax: "*";\n inherits: false;\n}\n@property --tw-invert {\n syntax: "*";\n inherits: false;\n}\n@property --tw-opacity {\n syntax: "*";\n inherits: false;\n}\n@property --tw-saturate {\n syntax: "*";\n inherits: false;\n}\n@property --tw-sepia {\n syntax: "*";\n inherits: false;\n}\n@property --tw-drop-shadow {\n syntax: "*";\n inherits: false;\n}\n@property --tw-font-weight {\n syntax: "*";\n inherits: false;\n}';n(e);export{e as default};
|
2
2
|
//# sourceMappingURL=global.css.js.map
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@niagads/table",
|
3
|
-
"version": "0.1.
|
3
|
+
"version": "0.1.3-alpha.0",
|
4
4
|
"scripts": {
|
5
5
|
"build": "rollup -c"
|
6
6
|
},
|
@@ -37,8 +37,8 @@
|
|
37
37
|
},
|
38
38
|
"dependencies": {
|
39
39
|
"@heroicons/react": "^2.2.0",
|
40
|
-
"@niagads/common": "^0.1.
|
41
|
-
"@niagads/ui": "^0.1.
|
40
|
+
"@niagads/common": "^0.1.3-alpha.0",
|
41
|
+
"@niagads/ui": "^0.1.3-alpha.0",
|
42
42
|
"@tanstack/react-table": "^8.11.8",
|
43
43
|
"export-from-json": "github:NIAGADS/export-from-json#niagads",
|
44
44
|
"lodash.countby": "^4.6.0",
|
@@ -56,5 +56,5 @@
|
|
56
56
|
"publishConfig": {
|
57
57
|
"access": "public"
|
58
58
|
},
|
59
|
-
"gitHead": "
|
59
|
+
"gitHead": "a9126552bd6d94b142af28489457398d6c048c36"
|
60
60
|
}
|
@@ -1,2 +0,0 @@
|
|
1
|
-
import o from"react";import{_get as n,_isNull as t,_isNA as r,_hasOwnProperty as e}from"@niagads/common";import{renderNullValue as c,buildElementStyle as l,renderStyledText as i,renderWithIcon as s,renderWithInfo as a}from"./TextRenderer.js";const p=({props:o})=>{const p=n("value",o);if(t(p))return c(n("nullValue",o));if(r(p))return c();const u=l(o),m=l(o,"color");e("backgroundColor",u)||e("borderColor",u);const d="tr-badge";let g=i(p,m,d);if(e("icon",o)){const t=n("iconOnly",o,!1);n("iconStyle",o,!1);const r=t?"tr-icon-only-badge":"tr-badge-icon";g=s(g,n("icon",o),{iconOnly:t,iconClassName:r,className:d,style:u})}return e("tooltip",o)?a(g,n("tooltip",o),`${n("rowId",o)}-${n("columnId",o)}`,!0):g},u=({props:r})=>{let c=n("displayText",r,n("value",r));t(c)&&(c=n("nullValue",r,"NA"));const i={value:c.toString()};if(!1!==c||e("color",r)||Object.assign(i,{color:"rgb(229, 231, 235)"}),e("icon",r)){const o=l(r,"color");Object.assign(i,{iconOnly:!0,iconStyle:o})}return o.createElement(p,{props:Object.assign(r,i)})};export{p as Badge,u as BooleanBadge};
|
2
|
-
//# sourceMappingURL=Badge.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Badge.js","sources":["../../src/TextRenderers/Badge.tsx"],"sourcesContent":[null],"names":["Badge","props","value","_get","_isNull","renderNullValue","_isNA","badgeStyle","buildElementStyle","textStyle","_hasOwnProperty","className","textElement","renderStyledText","iconOnly","iconClassName","renderWithIcon","style","renderWithInfo","BooleanBadge","displayProps","toString","Object","assign","color","iconStyle","React","createElement"],"mappings":"wPAcaA,EAAQ,EAAOC,YACxB,MAAMC,EAAQC,EAAK,QAASF,GAE5B,GAAIG,EAAQF,GACR,OAAOG,EAAgBF,EAAK,YAAaF,IAG7C,GAAIK,EAAMJ,GACN,OAAOG,IAEX,MAAME,EAAaC,EAAkBP,GAC/BQ,EAAYD,EAAkBP,EAAO,SAEvCS,EAAgB,kBAAmBH,IAAeG,EAAgB,cAAeH,GACrF,MAAMI,EAAY,WAElB,IAAIC,EAAcC,EAAiBX,EAAOO,EAAWE,GAErD,GAAID,EAAgB,OAAQT,GAAQ,CAChC,MAAMa,EAAWX,EAAK,WAAYF,GAAO,GACvBE,EAAK,YAAaF,GAAO,GAC3C,MAAMc,EAAgBD,EAAW,qBAAuB,gBACxDF,EAAcI,EAAeJ,EAAaT,EAAK,OAAQF,GAAQ,CAC3Da,SAAUA,EACVC,cAAeA,EACfJ,UAAWA,EACXM,MAAOV,IAKf,OADmBG,EAAgB,UAAWT,GAExCiB,EACIN,EACAT,EAAK,UAAWF,GAChB,GAAGE,EAAK,QAASF,MAAUE,EAAK,WAAYF,MAC5C,GAEJW,CAAW,EAGRO,EAAe,EAAOlB,YAC/B,IAAIC,EAAQC,EAAK,cAAeF,EAAOE,EAAK,QAASF,IAEjDG,EAAQF,KACRA,EAAQC,EAAK,YAAaF,EAAO,OAGrC,MAAMmB,EAAe,CACjBlB,MAAOA,EAAMmB,YASjB,IANc,IAAVnB,GAAoBQ,EAAgB,QAAST,IAC7CqB,OAAOC,OAAOH,EAAc,CACxBI,MAAO,uBAIXd,EAAgB,OAAQT,GAAQ,CAChC,MAAMwB,EAAYjB,EAAkBP,EAAO,SAC3CqB,OAAOC,OAAOH,EAAc,CAAEN,UAAU,EAAMW,UAAWA,IAG7D,OAAOC,EAACC,cAAA3B,EAAM,CAAAC,MAAOqB,OAAOC,OAAOtB,EAAcmB,IAAiB"}
|
@@ -1,2 +0,0 @@
|
|
1
|
-
import e from"react";import{renderWithInfo as r}from"./TextRenderer.js";import{Text as t}from"./BasicText.js";import{_get as o,_isNull as n,_hasOwnProperty as l}from"@niagads/common";const a=({props:r})=>{const n=o("items",r);if(n){const r=n.length-1;return n.map(((t,o)=>e.createElement("div",{key:o},e.createElement(m,{props:t}),o<r?" // ":"")))}return e.createElement(t,{props:{value:null}})},m=({props:a})=>{const m=o("url",a),c=o("value",a);if(n(m))return e.createElement(t,{props:a});const s=((r,t,o=!1)=>o?e.createElement("a",{className:"table-cell-link",href:t,target:"_blank",rel:"noopener noreferrer"},r):e.createElement("a",{className:"table-cell-link",href:t},r))(c||m,m);if(l("tooltip",a)){const e=`${o("rowId",a)}-${o("columnId",a)}`;return r(s,o("tooltip",a),e,!0)}return s};export{m as Link,a as LinkList};
|
2
|
-
//# sourceMappingURL=Link.js.map
|
@@ -1,2 +0,0 @@
|
|
1
|
-
import e from"react";import{_get as r,_isNull as t,_isNA as a}from"@niagads/common";import{renderNullValue as s}from"./TextRenderer.js";import{formatFloat as m}from"./Number.js";const l=({props:l})=>{const o=r("value",l);if(t(o))return s(r("nullValue",l));if(a(o))return s();const i=m(o,r("precision",l,2)),n=o>1?o:100*o,c=100-n;return e.createElement("div",{className:"flex flex-row"},e.createElement("div",{className:"tr-spark-value"},`${i}`),e.createElement("div",{className:"tr-spark tr-spark-bar"},e.createElement("div",{className:"tr-spark tr-spark-bar-observed",style:{width:n}}),e.createElement("div",{className:"tr-spark tr-spark-bar-remainder",style:{width:c}})))};export{l as PercentageBar};
|
2
|
-
//# sourceMappingURL=SparkChart.js.map
|
@@ -1,2 +0,0 @@
|
|
1
|
-
import o,{useMemo as e}from"react";import{_isNA as t,_get as r,_hasOwnProperty as l}from"@niagads/common";import{renderTooltip as n}from"@niagads/ui";import{XCircleIcon as i,UserCircleIcon as s,ExclamationTriangleIcon as a,ExclamationCircleIcon as c,CheckCircleIcon as m,CheckIcon as p}from"@heroicons/react/24/solid";import{InformationCircleIcon as f}from"@heroicons/react/24/outline";const d={check:p,solidCheck:m,info:c,warning:a,user:s,infoOutline:f,xMark:i},u=(e,t,r)=>o.createElement("span",{className:r,style:t},e),y=(e="n/a")=>o.createElement("span",{className:"text-gray-200"},t(e)||!e?"n/a":e),b=(e,t,r,l=!1)=>l?n(r,e,t):h(e,o.createElement(f,{className:"info-bubble size-3 ml-1"}),{prefix:!1,iconOnly:!1,tooltip:t,tooltipAnchor:r}),g=o=>{const e=r(o,d);if(null===e)throw Error("Error rendering field: invalid icon `"+o+"`");return e},h=(t,l,i)=>{const s="string"==typeof l?g(l):void 0,a=r("prefix",i,!0),c=r("iconOnly",i,!1),m=r("className",i,""),p=r("iconClassName",i,""),f=r("style",i,{}),d=r("iconStyle",i),u=e((()=>s?o.createElement(s,{className:p,style:d}):l),[]);return a?o.createElement("div",{className:`flex ${m}`,style:f},i.tooltip?n(i.tooltipAnchor,u,i.tooltip):u,!c&&t):o.createElement("div",{className:`flex ${m}`,style:f},!c&&t,i.tooltip?n(i.tooltipAnchor,u,i.tooltip):u)},x=(o,e=null)=>{const t=e?[e]:["color","backgroundColor","borderColor"],n={};for(const e of t)l(e,o)&&Object.assign(n,{[e]:r(e,o)});return l("borderColor",n)&&Object.assign(n,{border:"1px solid"}),n};export{d as ICONS,x as buildElementStyle,g as getIconElement,y as renderNullValue,u as renderStyledText,h as renderWithIcon,b as renderWithInfo};
|
2
|
-
//# sourceMappingURL=TextRenderer.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"TextRenderer.js","sources":["../../src/TextRenderers/TextRenderer.tsx"],"sourcesContent":[null],"names":["ICONS","check","CheckIcon","solidCheck","CheckCircleIcon","info","ExclamationCircleIcon","warning","ExclamationTriangleIcon","user","UserCircleIcon","infoOutline","InformationCircleIcon","xMark","XCircleIcon","renderStyledText","value","style","className","React","createElement","renderNullValue","_isNA","renderWithInfo","textElement","infoMessage","anchorId","useInfoLink","renderTooltip","renderWithIcon","prefix","iconOnly","tooltip","tooltipAnchor","getIconElement","key","icon","_get","Error","options","IconComponent","undefined","iconClassName","iconStyle","renderIcon","useMemo","buildElementStyle","props","property","VALID_STYLES","vStyle","_hasOwnProperty","Object","assign","border"],"mappings":"kYAoBa,MAAAA,EAAQ,CACjBC,MAAOC,EACPC,WAAYC,EACZC,KAAMC,EACNC,QAASC,EACTC,KAAMC,EACNC,YAAaC,EACbC,MAAOC,GAKEC,EAAmB,CAACC,EAAYC,EAAYC,IAEjDC,EAAAC,cAAA,OAAA,CAAMF,UAAWA,EAAWD,MAAOA,GAC9BD,GAKAK,EAAkB,CAACL,EAVN,QAWfG,EAAAC,cAAA,OAAA,CAAMF,UAAU,iBAAiBI,EAAMN,KAAWA,EAXnC,MAW+DA,GAW5EO,EAAiB,CAC1BC,EACAC,EACAC,EACAC,GAAuB,IAEnBA,EACOC,EAAcF,EAAUF,EAAaC,GAGzCI,EAAeL,EAAaL,EAAAC,cAACR,EAAqB,CAACM,UAAU,4BAA8B,CAC9FY,QAAQ,EACRC,UAAU,EACVC,QAASP,EACTQ,cAAeP,IASVQ,EAAkBC,IAC3B,MAAMC,EAAOC,EAAKF,EAAKnC,GACvB,GAAa,OAAToC,EACA,MAAME,MAAM,wCAA0CH,EAAM,KAEhE,OAAOC,CAAI,EAuBFP,EAAiB,CAC1BL,EACAY,EACAG,KAEA,MAAMC,EAAgC,iBAATJ,EAAoBF,EAAeE,QAAQK,EAClEX,EAASO,EAAK,SAAUE,GAAS,GACjCR,EAAWM,EAAK,WAAYE,GAAS,GACrCrB,EAAYmB,EAAK,YAAaE,EAAS,IACvCG,EAAgBL,EAAK,gBAAiBE,EAAS,IAC/CtB,EAAQoB,EAAK,QAASE,EAAS,CAAA,GAC/BI,EAAYN,EAAK,YAAaE,GAE9BK,EAAaC,GACf,IAAOL,EAAgBrB,gBAACqB,EAAa,CAACtB,UAAWwB,EAAezB,MAAO0B,IAAgBP,GACvF,IAGJ,OAAON,EACHX,EAAKC,cAAA,MAAA,CAAAF,UAAW,QAAQA,IAAaD,MAAOA,GACvCsB,EAAQP,QAAUJ,EAAcW,EAAQN,cAAgBW,EAAYL,EAAQP,SAAWY,GACtFb,GAAYP,GAGlBL,EAAKC,cAAA,MAAA,CAAAF,UAAW,QAAQA,IAAaD,MAAOA,IACtCc,GAAYP,EACbe,EAAQP,QAAUJ,EAAcW,EAAQN,cAAgBW,EAAYL,EAAQP,SAAWY,EAE/F,EASQE,EAAoB,CAACC,EAAYC,EAA0B,QACpE,MAAMC,EAAeD,EAAW,CAACA,GAAY,CAAC,QAAS,kBAAmB,eACpE/B,EAAQ,CAAE,EAChB,IAAK,MAAMiC,KAAUD,EACbE,EAAgBD,EAAQH,IACxBK,OAAOC,OAAOpC,EAAO,CAAEiC,CAACA,GAASb,EAAKa,EAAQH,KAQtD,OAJII,EAAgB,cAAelC,IAC/BmC,OAAOC,OAAOpC,EAAO,CAAEqC,OAAQ,cAG5BrC,CAAK"}
|
File without changes
|
File without changes
|