@vef-framework/components 1.0.64 → 1.0.65

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

@@ -1,102 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-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';
-
-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 };
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{VefError as r,isString as t,isNullish as i}from"@vef-framework/shared";import{useMemo as l}from"react";import a from"../../../vef-tag/index.js";import m from"../../../vef-text/index.js";import{useComputedValues as n}from"../../hooks/use-computed-values.js";const u="Name",c=o({color:"inherit",fontSize:"inherit"});function Enum({value:s,record:d,rowIndex:f,columnProps:p}){if("Enum"!==p.type)throw new r(-1,"Column type must be Enum");const{name:h,defaultValue:w,showAsTag:x=!0,bold:b,italic:v,ellipsis:V,color:j,width:k}=p,[y,$,E]=n([{key:"bold",rawValue:b,defaultValue:!1},{key:"italic",rawValue:v,defaultValue:!1},{key:"color",rawValue:j}],s,d,f),g=l((()=>t(E)?E:E?!i(s)&&Object.hasOwn(E,s)?E[s]:E["*"]:void 0),[E,s]),O=l((()=>i(s)||i(d[`${h}${u}`])?w:d[`${h}${u}`]),[s,d,h,w]),z=l((()=>{if(k)return o({maxWidth:`${k}px !important`})}),[k]);return x?e(a,{color:g,children:e(m,{bold:y,css:c,italic:$,children:O})}):e(m,{bold:y,color:g,css:z,ellipsis:V,italic:$,children:O})}export{Enum as default};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,11 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-
-function File({
-  value
-}) {
-  return /* @__PURE__ */ jsx("span", { children: value });
-}
-
-export { File as default };
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";function File({value:r}){return e("span",{children:r})}export{File as default};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,11 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-
-function Icon({
-  value
-}) {
-  return /* @__PURE__ */ jsx("span", { children: value });
-}
-
-export { Icon as default };
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as n}from"@emotion/react/jsx-runtime";function Icon({value:e}){return n("span",{children:e})}export{Icon as default};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,83 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-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';
-
-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 };
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{VefError as r,isNullish as t}from"@vef-framework/shared";import{useMemo as a}from"react";import l from"../../../vef-text/index.js";import{useComputedValues as i}from"../../hooks/use-computed-values.js";const m=/Id$/;function Id({value:u,record:d,rowIndex:c,columnProps:n}){if("Id"!==n.type)throw new r(-1,"Column type must be Id");const{name:s,defaultValue:f,ellipsis:p,bold:w,italic:x,color:h,width:I}=n,[V,k,y]=i([{key:"bold",rawValue:w,defaultValue:!1},{key:"italic",rawValue:x,defaultValue:!1},{key:"color",rawValue:h}],u,d,c),b=a((()=>{const e=s.replace(m,"Name");return t(u)||t(d[e])?f:d[e]}),[u,d,s,f]),v=a((()=>{if(I)return o({maxWidth:`${I}px !important`})}),[I]);return e(l,{bold:V,color:y,css:v,ellipsis:p,italic:k,children:b})}export{Id as default};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,12 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { extractBaseName } from '@vef-framework/shared';
-
-function Image({
-  value
-}) {
-  return /* @__PURE__ */ jsx("img", { alt: extractBaseName(value), src: value });
-}
-
-export { Image as default };
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as r}from"@emotion/react/jsx-runtime";import{extractBaseName as e}from"@vef-framework/shared";function Image({value:m}){return r("img",{alt:e(m),src:m})}export{Image as default};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,34 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-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';
-
-
-const columnComponents = {
-  Text,
-  Number: NumberColumn,
-  Enum,
-  Boolean: BoolMemo,
-  DataDictionary,
-  Id,
-  Render,
-  Markdown,
-  Icon,
-  File,
-  RichText,
-  Image,
-  Code
-};
-
-export { columnComponents };
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import o from"./bool.js";import r from"./code.js";import m from"./data-dictionary.js";import t from"./enum.js";import i from"./file.js";import e from"./icon.js";import p from"./id.js";import s from"./image.js";import f from"./markdown.js";import j from"./number.js";import n from"./render.js";import a from"./rich-text.js";import d from"./text.js";const c={Text:d,Number:j,Enum:t,Boolean:o,DataDictionary:m,Id:p,Render:n,Markdown:f,Icon:e,File:i,RichText:a,Image:s,Code:r};export{c as columnComponents};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,11 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-
-function Markdown({
-  value
-}) {
-  return /* @__PURE__ */ jsx("span", { children: value });
-}
-
-export { Markdown as default };
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as r}from"@emotion/react/jsx-runtime";function Markdown({value:n}){return r("span",{children:n})}export{Markdown as default};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,84 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-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';
-
-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 };
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{css as r}from"@emotion/react";import{VefError as o,isNullish as t}from"@vef-framework/shared";import{useMemo as u}from"react";import a from"../../../vef-text/index.js";import{useComputedValues as l}from"../../hooks/use-computed-values.js";import{useDisplayValue as m}from"../../hooks/use-display-value.js";function NumberColumn({value:i,record:f,rowIndex:s,columnProps:n}){if("Number"!==n.type)throw new o(-1,"Column type must be Number");const{defaultValue:d,formatter:p,prefix:c,suffix:x,bold:b,italic:w,color:h,width:V}=n,k=m(i,f,s,{defaultValue:d,formatter:p,prefix:c,suffix:x}),[y,v,j]=l([{key:"bold",rawValue:b,defaultValue:!1},{key:"italic",rawValue:w,defaultValue:!1},{key:"color",rawValue:h}],i,f,s),N=u((()=>{if(V)return r({maxWidth:`${V}px !important`})}),[V]);return t(k)?null:e(a,{bold:y,color:j,css:N,italic:v,children:k})}export{NumberColumn as default};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,29 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-import { VefError } from '@vef-framework/shared';
-import { useMemo } from 'react';
-
-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 };
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as r}from"@emotion/react/jsx-runtime";import{css as e}from"@emotion/react";import{VefError as t}from"@vef-framework/shared";import{useMemo as o}from"react";function Render({value:n,record:m,rowIndex:i,columnProps:d}){if("Render"!==d.type)throw new t(-1,"Column type must be Render");const{render:a,width:f}=d,p=a?.(n,m,i),c=o((()=>{if(f)return e({maxWidth:`${f}px !important`})}),[f]);return r("div",{css:c,children:p})}export{Render as default};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,11 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-
-function RichText({
-  value
-}) {
-  return /* @__PURE__ */ jsx("span", { children: value });
-}
-
-export { RichText as default };
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";function RichText({value:t}){return e("span",{children:t})}export{RichText as default};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,89 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-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';
-
-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 };
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{VefError as r,isNullish as t}from"@vef-framework/shared";import{useMemo as l}from"react";import i from"../../../vef-text/index.js";import{useComputedValues as a}from"../../hooks/use-computed-values.js";import{useDisplayValue as u}from"../../hooks/use-display-value.js";function Text({value:f,record:m,rowIndex:s,columnProps:p}){if("Text"!==p.type)throw new r(-1,"Column type must be Text");const{defaultValue:c,formatter:d,prefix:n,suffix:x,ellipsis:w,bold:y,italic:h,color:V,copyable:b,width:k}=p,[v,T,j]=a([{key:"bold",rawValue:y,defaultValue:!1},{key:"italic",rawValue:h,defaultValue:!1},{key:"color",rawValue:V}],f,m,s),C=u(f,m,s,{defaultValue:c,formatter:d,prefix:n,suffix:x}),I=l((()=>{if(k)return o({maxWidth:`${k}px !important`})}),[k]);return t(C)?null:e(i,{bold:v,color:j,copyable:b,css:I,ellipsis:w,ellipsisTip:w?C:void 0,italic:T,children:C})}export{Text as default};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */