@vef-framework/components 1.0.127 → 1.0.129

package/esm/vef-table/components/columns/data-dictionary.js

@@ -1,93 +1,2 @@
 "use strict";
-import { jsx } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-import { VefError, isString, isNullish } from '@vef-framework/shared';
-import { useMemo } from 'react';
-import VefText from '../../../vef-text/index.js';
-import { useComputedValues } from '../../hooks/use-computed-values.js';
-
-"use strict";
-const DATA_DICTIONARY_NAME_SUFFIX = "Name";
-function DataDictionary({
-  value,
-  record,
-  rowIndex,
-  columnProps
-}) {
-  if (columnProps.type !== "DataDictionary") {
-    throw new VefError(-1, "Column type must be DataDictionary");
-  }
-  const {
-    name,
-    defaultValue,
-    ellipsis,
-    bold,
-    italic,
-    color,
-    width
-  } = columnProps;
-  const [boldToUse, italicToUse, colorOrMapping] = useComputedValues(
-    [
-      {
-        key: "bold",
-        rawValue: bold,
-        defaultValue: false
-      },
-      {
-        key: "italic",
-        rawValue: italic,
-        defaultValue: false
-      },
-      {
-        key: "color",
-        rawValue: color
-      }
-    ],
-    value,
-    record,
-    rowIndex
-  );
-  const colorToUse = useMemo(() => {
-    if (isString(colorOrMapping)) {
-      return colorOrMapping;
-    }
-    if (colorOrMapping) {
-      if (!isNullish(value) && Object.hasOwn(colorOrMapping, value)) {
-        return colorOrMapping[value];
-      } else {
-        return colorOrMapping["*"];
-      }
-    }
-  }, [colorOrMapping, value]);
-  const valueToDisplay = useMemo(() => {
-    if (isNullish(value) || isNullish(record[`${name}${DATA_DICTIONARY_NAME_SUFFIX}`])) {
-      return defaultValue;
-    }
-    return record[`${name}${DATA_DICTIONARY_NAME_SUFFIX}`];
-  }, [
-    value,
-    record,
-    name,
-    defaultValue
-  ]);
-  const cssToUse = useMemo(() => {
-    if (width) {
-      return css({
-        maxWidth: `${width}px !important`
-      });
-    }
-  }, [width]);
-  return /* @__PURE__ */ jsx(
-    VefText,
-    {
-      bold: boldToUse,
-      color: colorToUse,
-      css: cssToUse,
-      ellipsis,
-      italic: italicToUse,
-      children: valueToDisplay
-    }
-  );
-}
-
-export { DataDictionary as default };
+import{jsx as x}from"@emotion/react/jsx-runtime";import{css as D}from"@emotion/react";import{VefError as $,isString as k,isNullish as a}from"@vef-framework/shared";import{useMemo as l}from"react";import j from"../../../vef-text/index.js";import{useComputedValues as C}from"../../hooks/use-computed-values.js";const m="Name";function N({value:r,record:i,rowIndex:n,columnProps:u}){if(u.type!=="DataDictionary")throw new $(-1,"Column type must be DataDictionary");const{name:o,defaultValue:s,ellipsis:c,bold:f,italic:p,color:d,width:t}=u,[V,w,e]=C([{key:"bold",rawValue:f,defaultValue:!1},{key:"italic",rawValue:p,defaultValue:!1},{key:"color",rawValue:d}],r,i,n),y=l(()=>{if(k(e))return e;if(e)return!a(r)&&Object.hasOwn(e,r)?e[r]:e["*"]},[e,r]),b=l(()=>a(r)||a(i[`${o}${m}`])?s:i[`${o}${m}`],[r,i,o,s]),h=l(()=>{if(t)return D({maxWidth:`${t}px !important`})},[t]);return x(j,{bold:V,color:y,css:h,ellipsis:c,italic:w,children:b})}export{N as default};

package/esm/vef-table/components/columns/enum.js

@@ -1,102 +1,2 @@
 "use strict";
-import { jsx } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-import { VefError, isString, isNullish } from '@vef-framework/shared';
-import { useMemo } from 'react';
-import VefTag from '../../../vef-tag/index.js';
-import VefText from '../../../vef-text/index.js';
-import { useComputedValues } from '../../hooks/use-computed-values.js';
-
-"use strict";
-const ENUM_NAME_SUFFIX = "Name";
-const tagTextStyle = css({
-  color: "inherit",
-  fontSize: "inherit"
-});
-function Enum({
-  value,
-  record,
-  rowIndex,
-  columnProps
-}) {
-  if (columnProps.type !== "Enum") {
-    throw new VefError(-1, "Column type must be Enum");
-  }
-  const {
-    name,
-    defaultValue,
-    showAsTag = true,
-    bold,
-    italic,
-    ellipsis,
-    color,
-    width
-  } = columnProps;
-  const [boldToUse, italicToUse, colorOrMapping] = useComputedValues(
-    [
-      {
-        key: "bold",
-        rawValue: bold,
-        defaultValue: false
-      },
-      {
-        key: "italic",
-        rawValue: italic,
-        defaultValue: false
-      },
-      {
-        key: "color",
-        rawValue: color
-      }
-    ],
-    value,
-    record,
-    rowIndex
-  );
-  const colorToUse = useMemo(() => {
-    if (isString(colorOrMapping)) {
-      return colorOrMapping;
-    }
-    if (colorOrMapping) {
-      if (!isNullish(value) && Object.hasOwn(colorOrMapping, value)) {
-        return colorOrMapping[value];
-      } else {
-        return colorOrMapping["*"];
-      }
-    }
-  }, [colorOrMapping, value]);
-  const valueToDisplay = useMemo(() => {
-    if (isNullish(value) || isNullish(record[`${name}${ENUM_NAME_SUFFIX}`])) {
-      return defaultValue;
-    }
-    return record[`${name}${ENUM_NAME_SUFFIX}`];
-  }, [
-    value,
-    record,
-    name,
-    defaultValue
-  ]);
-  const cssToUse = useMemo(() => {
-    if (width) {
-      return css({
-        maxWidth: `${width}px !important`
-      });
-    }
-  }, [width]);
-  if (showAsTag) {
-    return /* @__PURE__ */ jsx(VefTag, { color: colorToUse, children: /* @__PURE__ */ jsx(VefText, { bold: boldToUse, css: tagTextStyle, italic: italicToUse, children: valueToDisplay }) });
-  }
-  return /* @__PURE__ */ jsx(
-    VefText,
-    {
-      bold: boldToUse,
-      color: colorToUse,
-      css: cssToUse,
-      ellipsis,
-      italic: italicToUse,
-      children: valueToDisplay
-    }
-  );
-}
-
-export { Enum as default };
+import{jsx as l}from"@emotion/react/jsx-runtime";import{css as d}from"@emotion/react";import{VefError as g,isString as C,isNullish as u}from"@vef-framework/shared";import{useMemo as s}from"react";import j from"../../../vef-tag/index.js";import h from"../../../vef-text/index.js";import{useComputedValues as N}from"../../hooks/use-computed-values.js";const w="Name",O=d({color:"inherit",fontSize:"inherit"});function S({value:r,record:o,rowIndex:V,columnProps:m}){if(m.type!=="Enum")throw new g(-1,"Column type must be Enum");const{name:t,defaultValue:a,showAsTag:b=!0,bold:x,italic:$,ellipsis:k,color:y,width:e}=m,[n,c,i]=N([{key:"bold",rawValue:x,defaultValue:!1},{key:"italic",rawValue:$,defaultValue:!1},{key:"color",rawValue:y}],r,o,V),f=s(()=>{if(C(i))return i;if(i)return!u(r)&&Object.hasOwn(i,r)?i[r]:i["*"]},[i,r]),p=s(()=>u(r)||u(o[`${t}${w}`])?a:o[`${t}${w}`],[r,o,t,a]),E=s(()=>{if(e)return d({maxWidth:`${e}px !important`})},[e]);return b?l(j,{color:f,children:l(h,{bold:n,css:O,italic:c,children:p})}):l(h,{bold:n,color:f,css:E,ellipsis:k,italic:c,children:p})}export{S as default};

package/esm/vef-table/components/columns/file.js

@@ -1,11 +1,2 @@
 "use strict";
-import { jsx } from '@emotion/react/jsx-runtime';
-
-"use strict";
-function File({
-  value
-}) {
-  return /* @__PURE__ */ jsx("span", { children: value });
-}
-
-export { File as default };
+import{jsx as t}from"@emotion/react/jsx-runtime";function e({value:r}){return t("span",{children:r})}export{e as default};

package/esm/vef-table/components/columns/icon.js

@@ -1,11 +1,2 @@
 "use strict";
-import { jsx } from '@emotion/react/jsx-runtime';
-
-"use strict";
-function Icon({
-  value
-}) {
-  return /* @__PURE__ */ jsx("span", { children: value });
-}
-
-export { Icon as default };
+import{jsx as t}from"@emotion/react/jsx-runtime";function e({value:r}){return t("span",{children:r})}export{e as default};

package/esm/vef-table/components/columns/id.js

@@ -1,83 +1,2 @@
 "use strict";
-import { jsx } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-import { VefError, isNullish } from '@vef-framework/shared';
-import { useMemo } from 'react';
-import VefText from '../../../vef-text/index.js';
-import { useComputedValues } from '../../hooks/use-computed-values.js';
-
-"use strict";
-const ID_NAME_SUFFIX = "Name";
-const ID_NAME_REPLACE_REGEX = /Id$/;
-function Id({
-  value,
-  record,
-  rowIndex,
-  columnProps
-}) {
-  if (columnProps.type !== "Id") {
-    throw new VefError(-1, "Column type must be Id");
-  }
-  const {
-    name,
-    defaultValue,
-    ellipsis,
-    bold,
-    italic,
-    color,
-    width
-  } = columnProps;
-  const [boldToUse, italicToUse, colorToUse] = useComputedValues(
-    [
-      {
-        key: "bold",
-        rawValue: bold,
-        defaultValue: false
-      },
-      {
-        key: "italic",
-        rawValue: italic,
-        defaultValue: false
-      },
-      {
-        key: "color",
-        rawValue: color
-      }
-    ],
-    value,
-    record,
-    rowIndex
-  );
-  const valueToDisplay = useMemo(() => {
-    const nameToUse = name.replace(ID_NAME_REPLACE_REGEX, ID_NAME_SUFFIX);
-    if (isNullish(value) || isNullish(record[nameToUse])) {
-      return defaultValue;
-    }
-    return record[nameToUse];
-  }, [
-    value,
-    record,
-    name,
-    defaultValue
-  ]);
-  const cssToUse = useMemo(() => {
-    if (width) {
-      return css({
-        maxWidth: `${width}px !important`
-      });
-    }
-  }, [width]);
-  return /* @__PURE__ */ jsx(
-    VefText,
-    {
-      bold: boldToUse,
-      color: colorToUse,
-      css: cssToUse,
-      ellipsis,
-      italic: italicToUse,
-      children: valueToDisplay
-    }
-  );
-}
-
-export { Id as default };
+import{jsx as b}from"@emotion/react/jsx-runtime";import{css as x}from"@emotion/react";import{VefError as k,isNullish as u}from"@vef-framework/shared";import{useMemo as m}from"react";import I from"../../../vef-text/index.js";import{useComputedValues as C}from"../../hooks/use-computed-values.js";const N="Name",$=/Id$/;function j({value:e,record:r,rowIndex:s,columnProps:t}){if(t.type!=="Id")throw new k(-1,"Column type must be Id");const{name:l,defaultValue:i,ellipsis:c,bold:d,italic:n,color:p,width:o}=t,[f,V,w]=C([{key:"bold",rawValue:d,defaultValue:!1},{key:"italic",rawValue:n,defaultValue:!1},{key:"color",rawValue:p}],e,r,s),h=m(()=>{const a=l.replace($,N);return u(e)||u(r[a])?i:r[a]},[e,r,l,i]),y=m(()=>{if(o)return x({maxWidth:`${o}px !important`})},[o]);return b(I,{bold:f,color:w,css:y,ellipsis:c,italic:V,children:h})}export{j as default};

package/esm/vef-table/components/columns/image.js

@@ -1,12 +1,2 @@
 "use strict";
-import { jsx } from '@emotion/react/jsx-runtime';
-import { extractBaseName } from '@vef-framework/shared';
-
-"use strict";
-function Image({
-  value
-}) {
-  return /* @__PURE__ */ jsx("img", { alt: extractBaseName(value), src: value });
-}
-
-export { Image as default };
+import{jsx as r}from"@emotion/react/jsx-runtime";import{extractBaseName as a}from"@vef-framework/shared";function e({value:t}){return r("img",{alt:a(t),src:t})}export{e as default};

package/esm/vef-table/components/columns/index.js

@@ -1,34 +1,2 @@
 "use strict";
-import BoolMemo from './bool.js';
-import Code from './code.js';
-import DataDictionary from './data-dictionary.js';
-import Enum from './enum.js';
-import File from './file.js';
-import Icon from './icon.js';
-import Id from './id.js';
-import Image from './image.js';
-import Markdown from './markdown.js';
-import NumberColumn from './number.js';
-import Render from './render.js';
-import RichText from './rich-text.js';
-import Text from './text.js';
-import './props.js';
-
-"use strict";
-const columnComponents = {
-  Text,
-  Number: NumberColumn,
-  Enum,
-  Boolean: BoolMemo,
-  DataDictionary,
-  Id,
-  Render,
-  Markdown,
-  Icon,
-  File,
-  RichText,
-  Image,
-  Code
-};
-
-export { columnComponents };
+import o from"./bool.js";import r from"./code.js";import m from"./data-dictionary.js";import t from"./enum.js";import p from"./file.js";import i from"./icon.js";import f from"./id.js";import e from"./image.js";import n from"./markdown.js";import c from"./number.js";import a from"./render.js";import $ from"./rich-text.js";import d from"./text.js";import"./props.js";const s={Text:d,Number:c,Enum:t,Boolean:o,DataDictionary:m,Id:f,Render:a,Markdown:n,Icon:i,File:p,RichText:$,Image:e,Code:r};export{s as columnComponents};

package/esm/vef-table/components/columns/markdown.js

@@ -1,11 +1,2 @@
 "use strict";
-import { jsx } from '@emotion/react/jsx-runtime';
-
-"use strict";
-function Markdown({
-  value
-}) {
-  return /* @__PURE__ */ jsx("span", { children: value });
-}
-
-export { Markdown as default };
+import{jsx as t}from"@emotion/react/jsx-runtime";function e({value:r}){return t("span",{children:r})}export{e as default};

package/esm/vef-table/components/columns/number.js

@@ -1,84 +1,2 @@
 "use strict";
-import { jsx } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-import { VefError, isNullish } from '@vef-framework/shared';
-import { useMemo } from 'react';
-import VefText from '../../../vef-text/index.js';
-import { useComputedValues } from '../../hooks/use-computed-values.js';
-import { useDisplayValue } from '../../hooks/use-display-value.js';
-
-"use strict";
-function NumberColumn({
-  value,
-  record,
-  rowIndex,
-  columnProps
-}) {
-  if (columnProps.type !== "Number") {
-    throw new VefError(-1, "Column type must be Number");
-  }
-  const {
-    defaultValue,
-    formatter,
-    prefix,
-    suffix,
-    bold,
-    italic,
-    color,
-    width
-  } = columnProps;
-  const displayValue = useDisplayValue(
-    value,
-    record,
-    rowIndex,
-    {
-      defaultValue,
-      formatter,
-      prefix,
-      suffix
-    }
-  );
-  const [boldToUse, italicToUse, colorToUse] = useComputedValues(
-    [
-      {
-        key: "bold",
-        rawValue: bold,
-        defaultValue: false
-      },
-      {
-        key: "italic",
-        rawValue: italic,
-        defaultValue: false
-      },
-      {
-        key: "color",
-        rawValue: color
-      }
-    ],
-    value,
-    record,
-    rowIndex
-  );
-  const cssToUse = useMemo(() => {
-    if (width) {
-      return css({
-        maxWidth: `${width}px !important`
-      });
-    }
-  }, [width]);
-  if (isNullish(displayValue)) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    VefText,
-    {
-      bold: boldToUse,
-      color: colorToUse,
-      css: cssToUse,
-      italic: italicToUse,
-      children: displayValue
-    }
-  );
-}
-
-export { NumberColumn as default };
+import{jsx as w}from"@emotion/react/jsx-runtime";import{css as y}from"@emotion/react";import{VefError as b,isNullish as h}from"@vef-framework/shared";import{useMemo as k}from"react";import N from"../../../vef-text/index.js";import{useComputedValues as C}from"../../hooks/use-computed-values.js";import{useDisplayValue as j}from"../../hooks/use-display-value.js";function v({value:e,record:o,rowIndex:t,columnProps:u}){if(u.type!=="Number")throw new b(-1,"Column type must be Number");const{defaultValue:i,formatter:a,prefix:m,suffix:f,bold:s,italic:p,color:c,width:r}=u,l=j(e,o,t,{defaultValue:i,formatter:a,prefix:m,suffix:f}),[d,n,V]=C([{key:"bold",rawValue:s,defaultValue:!1},{key:"italic",rawValue:p,defaultValue:!1},{key:"color",rawValue:c}],e,o,t),x=k(()=>{if(r)return y({maxWidth:`${r}px !important`})},[r]);return h(l)?null:w(N,{bold:d,color:V,css:x,italic:n,children:l})}export{v as default};

package/esm/vef-table/components/columns/render.js

@@ -1,29 +1,2 @@
 "use strict";
-import { jsx } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-import { VefError } from '@vef-framework/shared';
-import { useMemo } from 'react';
-
-"use strict";
-function Render({
-  value,
-  record,
-  rowIndex,
-  columnProps
-}) {
-  if (columnProps.type !== "Render") {
-    throw new VefError(-1, "Column type must be Render");
-  }
-  const { render, width } = columnProps;
-  const content = render?.(value, record, rowIndex);
-  const cssToUse = useMemo(() => {
-    if (width) {
-      return css({
-        maxWidth: `${width}px !important`
-      });
-    }
-  }, [width]);
-  return /* @__PURE__ */ jsx("div", { css: cssToUse, children: content });
-}
-
-export { Render as default };
+import{jsx as p}from"@emotion/react/jsx-runtime";import{css as d}from"@emotion/react";import{VefError as u}from"@vef-framework/shared";import{useMemo as c}from"react";function f({value:o,record:t,rowIndex:m,columnProps:e}){if(e.type!=="Render")throw new u(-1,"Column type must be Render");const{render:n,width:r}=e,i=n?.(o,t,m),s=c(()=>{if(r)return d({maxWidth:`${r}px !important`})},[r]);return p("div",{css:s,children:i})}export{f as default};

package/esm/vef-table/components/columns/rich-text.js

@@ -1,11 +1,2 @@
 "use strict";
-import { jsx } from '@emotion/react/jsx-runtime';
-
-"use strict";
-function RichText({
-  value
-}) {
-  return /* @__PURE__ */ jsx("span", { children: value });
-}
-
-export { RichText as default };
+import{jsx as t}from"@emotion/react/jsx-runtime";function e({value:r}){return t("span",{children:r})}export{e as default};

package/esm/vef-table/components/columns/text.js

@@ -1,89 +1,2 @@
 "use strict";
-import { jsx } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-import { VefError, isNullish } from '@vef-framework/shared';
-import { useMemo } from 'react';
-import VefText from '../../../vef-text/index.js';
-import { useComputedValues } from '../../hooks/use-computed-values.js';
-import { useDisplayValue } from '../../hooks/use-display-value.js';
-
-"use strict";
-function Text({
-  value,
-  record,
-  rowIndex,
-  columnProps
-}) {
-  if (columnProps.type !== "Text") {
-    throw new VefError(-1, "Column type must be Text");
-  }
-  const {
-    defaultValue,
-    formatter,
-    prefix,
-    suffix,
-    ellipsis,
-    bold,
-    italic,
-    color,
-    copyable,
-    width
-  } = columnProps;
-  const [boldToUse, italicToUse, colorToUse] = useComputedValues(
-    [
-      {
-        key: "bold",
-        rawValue: bold,
-        defaultValue: false
-      },
-      {
-        key: "italic",
-        rawValue: italic,
-        defaultValue: false
-      },
-      {
-        key: "color",
-        rawValue: color
-      }
-    ],
-    value,
-    record,
-    rowIndex
-  );
-  const valueToDisplay = useDisplayValue(
-    value,
-    record,
-    rowIndex,
-    {
-      defaultValue,
-      formatter,
-      prefix,
-      suffix
-    }
-  );
-  const cssToUse = useMemo(() => {
-    if (width) {
-      return css({
-        maxWidth: `${width}px !important`
-      });
-    }
-  }, [width]);
-  if (isNullish(valueToDisplay)) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    VefText,
-    {
-      bold: boldToUse,
-      color: colorToUse,
-      copyable,
-      css: cssToUse,
-      ellipsis,
-      ellipsisTip: ellipsis ? valueToDisplay : void 0,
-      italic: italicToUse,
-      children: valueToDisplay
-    }
-  );
-}
-
-export { Text as default };
+import{jsx as w}from"@emotion/react/jsx-runtime";import{css as h}from"@emotion/react";import{VefError as k,isNullish as T}from"@vef-framework/shared";import{useMemo as v}from"react";import C from"../../../vef-text/index.js";import{useComputedValues as g}from"../../hooks/use-computed-values.js";import{useDisplayValue as j}from"../../hooks/use-display-value.js";function D({value:r,record:l,rowIndex:i,columnProps:t}){if(t.type!=="Text")throw new k(-1,"Column type must be Text");const{defaultValue:a,formatter:f,prefix:s,suffix:m,ellipsis:u,bold:p,italic:c,color:d,copyable:n,width:e}=t,[x,V,y]=g([{key:"bold",rawValue:p,defaultValue:!1},{key:"italic",rawValue:c,defaultValue:!1},{key:"color",rawValue:d}],r,l,i),o=j(r,l,i,{defaultValue:a,formatter:f,prefix:s,suffix:m}),b=v(()=>{if(e)return h({maxWidth:`${e}px !important`})},[e]);return T(o)?null:w(C,{bold:x,color:y,copyable:n,css:b,ellipsis:u,ellipsisTip:u?o:void 0,italic:V,children:o})}export{D as default};