@vef-framework/components 1.0.101 → 1.0.102

package/lib/vef-sortable-list/index.cjs

@@ -1,119 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const core = require('@dnd-kit/core');
-const modifiers = require('@dnd-kit/modifiers');
-const sortable = require('@dnd-kit/sortable');
-const shared = require('@vef-framework/shared');
-const react = require('react');
-const overlayItem = require('./components/overlay-item.cjs');
-const sortableItem = require('./components/sortable-item.cjs');
-const useMergedItems = require('./hooks/use-merged-items.cjs');
-
-const defaultItemKey = "id";
-function VefSortableListBase({
-  defaultItems,
-  items,
-  itemKey = defaultItemKey,
-  className,
-  style,
-  orientation = "vertical",
-  useOverlay = true,
-  restrictStrategy = "parent",
-  onChange,
-  ...restProps
-}) {
-  const [mergedItems, mergedOnChange] = useMergedItems.useMergedItems(defaultItems, items, onChange);
-  const sensors = core.useSensors(core.useSensor(core.PointerSensor));
-  const itemKeyFn = react.useMemo(() => {
-    if (shared.isFunction(itemKey)) {
-      return itemKey;
-    }
-    return (item) => item[itemKey];
-  }, [itemKey]);
-  const [activeItem, setActiveItem] = react.useState();
-  const handleDragStart = react.useCallback(({ active }) => {
-    setActiveItem(mergedItems[active.data.current.index]);
-  }, [mergedItems]);
-  const handleDragEnd = react.useCallback(({ active, over }) => {
-    if (!over) {
-      return;
-    }
-    if (active.id !== over.id) {
-      mergedOnChange(
-        (items2) => sortable.arrayMove(
-          items2,
-          active.data.current.index,
-          over.data.current.index
-        )
-      );
-    }
-  }, [mergedOnChange]);
-  const itemKeys = mergedItems.map((item) => itemKeyFn(item));
-  const {
-    itemClassName,
-    itemStyle,
-    disabled,
-    ...overlayItemProps
-  } = restProps;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    core.DndContext,
-    {
-      collisionDetection: core.closestCenter,
-      sensors,
-      modifiers: [
-        restrictStrategy === "parent" ? modifiers.restrictToParentElement : modifiers.restrictToWindowEdges
-      ],
-      onDragEnd: handleDragEnd,
-      onDragStart: handleDragStart,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        sortable.SortableContext,
-        {
-          items: itemKeys,
-          strategy: orientation === "vertical" ? sortable.verticalListSortingStrategy : sortable.horizontalListSortingStrategy,
-          children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className, style, children: [
-            mergedItems.map((item, index) => {
-              const key = itemKeyFn(item);
-              return /* @__PURE__ */ jsxRuntime.jsx(
-                sortableItem.default,
-                {
-                  item,
-                  itemIndex: index,
-                  itemKey: key,
-                  ...restProps
-                },
-                key
-              );
-            }),
-            useOverlay && /* @__PURE__ */ jsxRuntime.jsx(
-              core.DragOverlay,
-              {
-                className: itemClassName,
-                style: itemStyle,
-                wrapperElement: "div",
-                modifiers: [
-                  restrictStrategy === "parent" ? modifiers.restrictToParentElement : modifiers.restrictToWindowEdges
-                ],
-                children: activeItem && /* @__PURE__ */ jsxRuntime.jsx(
-                  overlayItem.default,
-                  {
-                    item: activeItem,
-                    ...overlayItemProps
-                  }
-                )
-              }
-            )
-          ] })
-        }
-      )
-    }
-  );
-}
-const VefSortableList = react.memo(VefSortableListBase);
-VefSortableList.displayName = "VefSortableList";
-
-exports.default = VefSortableList;
-/*! 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 */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),core=require("@dnd-kit/core"),modifiers=require("@dnd-kit/modifiers"),sortable=require("@dnd-kit/sortable"),shared=require("@vef-framework/shared"),react=require("react"),overlayItem=require("./components/overlay-item.cjs"),sortableItem=require("./components/sortable-item.cjs"),useMergedItems=require("./hooks/use-merged-items.cjs"),defaultItemKey="id";function VefSortableListBase({defaultItems,items,itemKey=defaultItemKey,className,style,orientation="vertical",useOverlay=!0,restrictStrategy="parent",onChange,...restProps}){const[mergedItems,mergedOnChange]=useMergedItems.useMergedItems(defaultItems,items,onChange),sensors=core.useSensors(core.useSensor(core.PointerSensor)),itemKeyFn=react.useMemo(()=>shared.isFunction(itemKey)?itemKey:item=>item[itemKey],[itemKey]),[activeItem,setActiveItem]=react.useState(),handleDragStart=react.useCallback(({active})=>{setActiveItem(mergedItems[active.data.current.index])},[mergedItems]),handleDragEnd=react.useCallback(({active,over})=>{over&&active.id!==over.id&&mergedOnChange(items2=>sortable.arrayMove(items2,active.data.current.index,over.data.current.index))},[mergedOnChange]),itemKeys=mergedItems.map(item=>itemKeyFn(item)),{itemClassName,itemStyle,disabled,...overlayItemProps}=restProps;return jsxRuntime.jsx(core.DndContext,{collisionDetection:core.closestCenter,sensors,modifiers:[restrictStrategy==="parent"?modifiers.restrictToParentElement:modifiers.restrictToWindowEdges],onDragEnd:handleDragEnd,onDragStart:handleDragStart,children:jsxRuntime.jsx(sortable.SortableContext,{items:itemKeys,strategy:orientation==="vertical"?sortable.verticalListSortingStrategy:sortable.horizontalListSortingStrategy,children:jsxRuntime.jsxs("div",{className,style,children:[mergedItems.map((item,index)=>{const key=itemKeyFn(item);return jsxRuntime.jsx(sortableItem.default,{item,itemIndex:index,itemKey:key,...restProps},key)}),useOverlay&&jsxRuntime.jsx(core.DragOverlay,{className:itemClassName,style:itemStyle,wrapperElement:"div",modifiers:[restrictStrategy==="parent"?modifiers.restrictToParentElement:modifiers.restrictToWindowEdges],children:activeItem&&jsxRuntime.jsx(overlayItem.default,{item:activeItem,...overlayItemProps})})]})})})}const VefSortableList=react.memo(VefSortableListBase);VefSortableList.displayName="VefSortableList",exports.default=VefSortableList;/*! 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/lib/vef-sortable-list/props.cjs

@@ -1,5 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-
-/*! 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 */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. *//*! 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/lib/vef-space/index.cjs

@@ -1,30 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const hooks = require('@vef-framework/hooks');
-const shared = require('@vef-framework/shared');
-const antd = require('antd');
-const react = require('react');
-
-function VefSpace({
-  gap,
-  ...restProps
-}) {
-  const normalizeGapSize = hooks.useGapSizeNormalizer();
-  const size = react.useMemo(() => {
-    if (shared.isArray(gap)) {
-      return gap.map((it) => normalizeGapSize(it));
-    }
-    if (gap) {
-      return normalizeGapSize(gap);
-    }
-    return gap;
-  }, [gap, normalizeGapSize]);
-  return /* @__PURE__ */ jsxRuntime.jsx(antd.Space, { size, ...restProps });
-}
-
-exports.default = VefSpace;
-/*! 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 */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),hooks=require("@vef-framework/hooks"),shared=require("@vef-framework/shared"),antd=require("antd"),react=require("react");function VefSpace({gap,...restProps}){const normalizeGapSize=hooks.useGapSizeNormalizer(),size=react.useMemo(()=>shared.isArray(gap)?gap.map(it=>normalizeGapSize(it)):gap&&normalizeGapSize(gap),[gap,normalizeGapSize]);return jsxRuntime.jsx(antd.Space,{size,...restProps})}exports.default=VefSpace;/*! 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/lib/vef-space/props.cjs

@@ -1,5 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-
-/*! 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 */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. *//*! 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/lib/vef-spin/index.cjs

@@ -1,17 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const antd = require('antd');
-
-function VefSpin({
-  size,
-  ...restProps
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { size: size === "medium" ? "default" : size, ...restProps });
-}
-
-exports.default = VefSpin;
-/*! 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 */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),antd=require("antd");function VefSpin({size,...restProps}){return jsxRuntime.jsx(antd.Spin,{size:size==="medium"?"default":size,...restProps})}exports.default=VefSpin;/*! 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/lib/vef-spin/props.cjs

@@ -1,5 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-
-/*! 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 */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. *//*! 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/lib/vef-splitter/index.cjs

@@ -1,25 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const antd = require('antd');
-
-function VefSplitter({
-  orientation,
-  onResizeBegin,
-  ...rest
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    antd.Splitter,
-    {
-      layout: orientation,
-      onResizeStart: onResizeBegin,
-      ...rest
-    }
-  );
-}
-
-exports.default = VefSplitter;
-/*! 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 */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),antd=require("antd");function VefSplitter({orientation,onResizeBegin,...rest}){return jsxRuntime.jsx(antd.Splitter,{layout:orientation,onResizeStart:onResizeBegin,...rest})}exports.default=VefSplitter;/*! 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/lib/vef-splitter/props.cjs

@@ -1,5 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-
-/*! 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 */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. *//*! 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/lib/vef-splitter-panel/index.cjs

@@ -1,17 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const antd = require('antd');
-
-const { Panel } = antd.Splitter;
-function VefSplitterPanel({
-  ...rest
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Panel, { ...rest });
-}
-
-exports.default = VefSplitterPanel;
-/*! 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 */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),antd=require("antd"),{Panel}=antd.Splitter;function VefSplitterPanel({...rest}){return jsxRuntime.jsx(Panel,{...rest})}exports.default=VefSplitterPanel;/*! 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/lib/vef-splitter-panel/props.cjs

@@ -1,5 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-
-/*! 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 */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. *//*! 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/lib/vef-status/index.cjs

@@ -1,42 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const hooks = require('@vef-framework/hooks');
-const antd = require('antd');
-const react = require('react');
-
-function VefStatus({
-  processing = false,
-  color = "default",
-  children
-}) {
-  const colorTokens = hooks.useColorTokens();
-  const badgeProps = react.useMemo(() => {
-    if (color === "default") {
-      return {
-        status: "default",
-        text: children
-      };
-    }
-    if (colorTokens.has(color)) {
-      return {
-        status: processing ? "processing" : "default",
-        color: colorTokens.get(color),
-        text: children
-      };
-    }
-    throw new Error(`Invalid color value "${color}" of VefStatus component. Color must be either "default" or a valid color token.`);
-  }, [
-    color,
-    colorTokens,
-    processing,
-    children
-  ]);
-  return /* @__PURE__ */ jsxRuntime.jsx(antd.Badge, { ...badgeProps });
-}
-
-exports.default = VefStatus;
-/*! 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 */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),hooks=require("@vef-framework/hooks"),antd=require("antd"),react=require("react");function VefStatus({processing=!1,color="default",children}){const colorTokens=hooks.useColorTokens(),badgeProps=react.useMemo(()=>{if(color==="default")return{status:"default",text:children};if(colorTokens.has(color))return{status:processing?"processing":"default",color:colorTokens.get(color),text:children};throw new Error(`Invalid color value "${color}" of VefStatus component. Color must be either "default" or a valid color token.`)},[color,colorTokens,processing,children]);return jsxRuntime.jsx(antd.Badge,{...badgeProps})}exports.default=VefStatus;/*! 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/lib/vef-status/props.cjs

@@ -1,5 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-
-/*! 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 */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. *//*! 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/lib/vef-table/components/columns/bool.cjs

@@ -1,96 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const react$1 = require('@emotion/react');
-const shared = require('@vef-framework/shared');
-const react = require('react');
-const index = require('../../../vef-text/index.cjs');
-const useComputedValues = require('../../hooks/use-computed-values.cjs');
-
-function Bool({
-  value,
-  record,
-  rowIndex,
-  columnProps
-}) {
-  if (columnProps.type !== "Boolean") {
-    throw new shared.VefError(-1, "Column type must be Boolean");
-  }
-  const {
-    defaultValue,
-    trueText = "是",
-    falseText = "否",
-    bold,
-    italic,
-    color,
-    width
-  } = columnProps;
-  const [boldToUse, italicToUse, colorOrMapping] = useComputedValues.useComputedValues(
-    [
-      {
-        key: "bold",
-        rawValue: bold,
-        defaultValue: false
-      },
-      {
-        key: "italic",
-        rawValue: italic,
-        defaultValue: false
-      },
-      {
-        key: "color",
-        rawValue: color
-      }
-    ],
-    value,
-    record,
-    rowIndex
-  );
-  const colorToUse = react.useMemo(() => {
-    if (shared.isString(colorOrMapping)) {
-      return colorOrMapping;
-    }
-    if (colorOrMapping) {
-      if (!shared.isNullish(value) && Object.hasOwn(colorOrMapping, value)) {
-        return colorOrMapping[value];
-      } else {
-        return colorOrMapping["*"];
-      }
-    }
-  }, [colorOrMapping, value]);
-  const valueToDisplay = react.useMemo(() => {
-    if (value) {
-      return value ? trueText : falseText;
-    }
-    return defaultValue;
-  }, [
-    value,
-    trueText,
-    falseText,
-    defaultValue
-  ]);
-  const cssToUse = react.useMemo(() => {
-    if (width) {
-      return react$1.css({
-        maxWidth: `${width}px !important`
-      });
-    }
-  }, [width]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    index.default,
-    {
-      bold: boldToUse,
-      color: colorToUse,
-      css: cssToUse,
-      italic: italicToUse,
-      children: valueToDisplay
-    }
-  );
-}
-const BoolMemo = react.memo(Bool, shared.isDeepEqual);
-
-exports.default = BoolMemo;
-/*! 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 */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),react$1=require("@emotion/react"),shared=require("@vef-framework/shared"),react=require("react"),index=require("../../../vef-text/index.cjs"),useComputedValues=require("../../hooks/use-computed-values.cjs");function Bool({value,record,rowIndex,columnProps}){if(columnProps.type!=="Boolean")throw new shared.VefError(-1,"Column type must be Boolean");const{defaultValue,trueText="是",falseText="否",bold,italic,color,width}=columnProps,[boldToUse,italicToUse,colorOrMapping]=useComputedValues.useComputedValues([{key:"bold",rawValue:bold,defaultValue:!1},{key:"italic",rawValue:italic,defaultValue:!1},{key:"color",rawValue:color}],value,record,rowIndex),colorToUse=react.useMemo(()=>{if(shared.isString(colorOrMapping))return colorOrMapping;if(colorOrMapping)return!shared.isNullish(value)&&Object.hasOwn(colorOrMapping,value)?colorOrMapping[value]:colorOrMapping["*"]},[colorOrMapping,value]),valueToDisplay=react.useMemo(()=>value?value?trueText:falseText:defaultValue,[value,trueText,falseText,defaultValue]),cssToUse=react.useMemo(()=>{if(width)return react$1.css({maxWidth:`${width}px !important`})},[width]);return jsxRuntime.jsx(index.default,{bold:boldToUse,color:colorToUse,css:cssToUse,italic:italicToUse,children:valueToDisplay})}const BoolMemo=react.memo(Bool,shared.isDeepEqual);exports.default=BoolMemo;/*! 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/lib/vef-table/components/columns/code.cjs

@@ -1,15 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-
-function Code({
-  value
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { children: value });
-}
-
-exports.default = Code;
-/*! 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 */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime");function Code({value}){return jsxRuntime.jsx("span",{children:value})}exports.default=Code;/*! 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/lib/vef-table/components/columns/data-dictionary.cjs

@@ -1,97 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const react$1 = require('@emotion/react');
-const shared = require('@vef-framework/shared');
-const react = require('react');
-const index = require('../../../vef-text/index.cjs');
-const useComputedValues = require('../../hooks/use-computed-values.cjs');
-
-const DATA_DICTIONARY_NAME_SUFFIX = "Name";
-function DataDictionary({
-  value,
-  record,
-  rowIndex,
-  columnProps
-}) {
-  if (columnProps.type !== "DataDictionary") {
-    throw new shared.VefError(-1, "Column type must be DataDictionary");
-  }
-  const {
-    name,
-    defaultValue,
-    ellipsis,
-    bold,
-    italic,
-    color,
-    width
-  } = columnProps;
-  const [boldToUse, italicToUse, colorOrMapping] = useComputedValues.useComputedValues(
-    [
-      {
-        key: "bold",
-        rawValue: bold,
-        defaultValue: false
-      },
-      {
-        key: "italic",
-        rawValue: italic,
-        defaultValue: false
-      },
-      {
-        key: "color",
-        rawValue: color
-      }
-    ],
-    value,
-    record,
-    rowIndex
-  );
-  const colorToUse = react.useMemo(() => {
-    if (shared.isString(colorOrMapping)) {
-      return colorOrMapping;
-    }
-    if (colorOrMapping) {
-      if (!shared.isNullish(value) && Object.hasOwn(colorOrMapping, value)) {
-        return colorOrMapping[value];
-      } else {
-        return colorOrMapping["*"];
-      }
-    }
-  }, [colorOrMapping, value]);
-  const valueToDisplay = react.useMemo(() => {
-    if (shared.isNullish(value) || shared.isNullish(record[`${name}${DATA_DICTIONARY_NAME_SUFFIX}`])) {
-      return defaultValue;
-    }
-    return record[`${name}${DATA_DICTIONARY_NAME_SUFFIX}`];
-  }, [
-    value,
-    record,
-    name,
-    defaultValue
-  ]);
-  const cssToUse = react.useMemo(() => {
-    if (width) {
-      return react$1.css({
-        maxWidth: `${width}px !important`
-      });
-    }
-  }, [width]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    index.default,
-    {
-      bold: boldToUse,
-      color: colorToUse,
-      css: cssToUse,
-      ellipsis,
-      italic: italicToUse,
-      children: valueToDisplay
-    }
-  );
-}
-
-exports.default = DataDictionary;
-/*! 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 */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),react$1=require("@emotion/react"),shared=require("@vef-framework/shared"),react=require("react"),index=require("../../../vef-text/index.cjs"),useComputedValues=require("../../hooks/use-computed-values.cjs"),DATA_DICTIONARY_NAME_SUFFIX="Name";function DataDictionary({value,record,rowIndex,columnProps}){if(columnProps.type!=="DataDictionary")throw new shared.VefError(-1,"Column type must be DataDictionary");const{name,defaultValue,ellipsis,bold,italic,color,width}=columnProps,[boldToUse,italicToUse,colorOrMapping]=useComputedValues.useComputedValues([{key:"bold",rawValue:bold,defaultValue:!1},{key:"italic",rawValue:italic,defaultValue:!1},{key:"color",rawValue:color}],value,record,rowIndex),colorToUse=react.useMemo(()=>{if(shared.isString(colorOrMapping))return colorOrMapping;if(colorOrMapping)return!shared.isNullish(value)&&Object.hasOwn(colorOrMapping,value)?colorOrMapping[value]:colorOrMapping["*"]},[colorOrMapping,value]),valueToDisplay=react.useMemo(()=>shared.isNullish(value)||shared.isNullish(record[`${name}${DATA_DICTIONARY_NAME_SUFFIX}`])?defaultValue:record[`${name}${DATA_DICTIONARY_NAME_SUFFIX}`],[value,record,name,defaultValue]),cssToUse=react.useMemo(()=>{if(width)return react$1.css({maxWidth:`${width}px !important`})},[width]);return jsxRuntime.jsx(index.default,{bold:boldToUse,color:colorToUse,css:cssToUse,ellipsis,italic:italicToUse,children:valueToDisplay})}exports.default=DataDictionary;/*! 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/lib/vef-table/components/columns/enum.cjs

@@ -1,106 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const react = require('@emotion/react');
-const shared = require('@vef-framework/shared');
-const react$1 = require('react');
-const index = require('../../../vef-tag/index.cjs');
-const index$1 = require('../../../vef-text/index.cjs');
-const useComputedValues = require('../../hooks/use-computed-values.cjs');
-
-const ENUM_NAME_SUFFIX = "Name";
-const tagTextStyle = react.css({
-  color: "inherit",
-  fontSize: "inherit"
-});
-function Enum({
-  value,
-  record,
-  rowIndex,
-  columnProps
-}) {
-  if (columnProps.type !== "Enum") {
-    throw new shared.VefError(-1, "Column type must be Enum");
-  }
-  const {
-    name,
-    defaultValue,
-    showAsTag = true,
-    bold,
-    italic,
-    ellipsis,
-    color,
-    width
-  } = columnProps;
-  const [boldToUse, italicToUse, colorOrMapping] = useComputedValues.useComputedValues(
-    [
-      {
-        key: "bold",
-        rawValue: bold,
-        defaultValue: false
-      },
-      {
-        key: "italic",
-        rawValue: italic,
-        defaultValue: false
-      },
-      {
-        key: "color",
-        rawValue: color
-      }
-    ],
-    value,
-    record,
-    rowIndex
-  );
-  const colorToUse = react$1.useMemo(() => {
-    if (shared.isString(colorOrMapping)) {
-      return colorOrMapping;
-    }
-    if (colorOrMapping) {
-      if (!shared.isNullish(value) && Object.hasOwn(colorOrMapping, value)) {
-        return colorOrMapping[value];
-      } else {
-        return colorOrMapping["*"];
-      }
-    }
-  }, [colorOrMapping, value]);
-  const valueToDisplay = react$1.useMemo(() => {
-    if (shared.isNullish(value) || shared.isNullish(record[`${name}${ENUM_NAME_SUFFIX}`])) {
-      return defaultValue;
-    }
-    return record[`${name}${ENUM_NAME_SUFFIX}`];
-  }, [
-    value,
-    record,
-    name,
-    defaultValue
-  ]);
-  const cssToUse = react$1.useMemo(() => {
-    if (width) {
-      return react.css({
-        maxWidth: `${width}px !important`
-      });
-    }
-  }, [width]);
-  if (showAsTag) {
-    return /* @__PURE__ */ jsxRuntime.jsx(index.default, { color: colorToUse, children: /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { bold: boldToUse, css: tagTextStyle, italic: italicToUse, children: valueToDisplay }) });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    index$1.default,
-    {
-      bold: boldToUse,
-      color: colorToUse,
-      css: cssToUse,
-      ellipsis,
-      italic: italicToUse,
-      children: valueToDisplay
-    }
-  );
-}
-
-exports.default = Enum;
-/*! 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 */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),react=require("@emotion/react"),shared=require("@vef-framework/shared"),react$1=require("react"),index=require("../../../vef-tag/index.cjs"),index$1=require("../../../vef-text/index.cjs"),useComputedValues=require("../../hooks/use-computed-values.cjs"),ENUM_NAME_SUFFIX="Name",tagTextStyle=react.css({color:"inherit",fontSize:"inherit"});function Enum({value,record,rowIndex,columnProps}){if(columnProps.type!=="Enum")throw new shared.VefError(-1,"Column type must be Enum");const{name,defaultValue,showAsTag=!0,bold,italic,ellipsis,color,width}=columnProps,[boldToUse,italicToUse,colorOrMapping]=useComputedValues.useComputedValues([{key:"bold",rawValue:bold,defaultValue:!1},{key:"italic",rawValue:italic,defaultValue:!1},{key:"color",rawValue:color}],value,record,rowIndex),colorToUse=react$1.useMemo(()=>{if(shared.isString(colorOrMapping))return colorOrMapping;if(colorOrMapping)return!shared.isNullish(value)&&Object.hasOwn(colorOrMapping,value)?colorOrMapping[value]:colorOrMapping["*"]},[colorOrMapping,value]),valueToDisplay=react$1.useMemo(()=>shared.isNullish(value)||shared.isNullish(record[`${name}${ENUM_NAME_SUFFIX}`])?defaultValue:record[`${name}${ENUM_NAME_SUFFIX}`],[value,record,name,defaultValue]),cssToUse=react$1.useMemo(()=>{if(width)return react.css({maxWidth:`${width}px !important`})},[width]);return showAsTag?jsxRuntime.jsx(index.default,{color:colorToUse,children:jsxRuntime.jsx(index$1.default,{bold:boldToUse,css:tagTextStyle,italic:italicToUse,children:valueToDisplay})}):jsxRuntime.jsx(index$1.default,{bold:boldToUse,color:colorToUse,css:cssToUse,ellipsis,italic:italicToUse,children:valueToDisplay})}exports.default=Enum;/*! 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 */