@vef-framework/components 1.0.128 → 1.0.129

package/esm/vef-button/index.js

@@ -1,152 +1,2 @@
 "use strict";
-import { jsx } from '@emotion/react/jsx-runtime';
-import { useContextDisabled } from '@vef-framework/hooks';
-import { isNullish, invokeMaybeAsyncFn, defaultMessageTitle, showConfirmation, omit } from '@vef-framework/shared';
-import { forwardRef, useState, useMemo, memo } from 'react';
-import VefPopconfirm from '../vef-popconfirm/index.js';
-import VefTooltip from '../vef-tooltip/index.js';
-import VefBaseButton from './components/base-button.js';
-
-"use strict";
-const VefButtonBase = forwardRef(({
-  tip,
-  onClick,
-  disabled = false,
-  loading,
-  ...restProps
-}, ref) => {
-  const [isLoading, setIsLoading] = useState(false);
-  const onConfirmationOkToUse = useMemo(
-    () => {
-      if (restProps.requireConfirmation) {
-        const { onConfirmationOk } = restProps;
-        return isNullish(loading) ? async () => {
-          await invokeMaybeAsyncFn(
-            onConfirmationOk,
-            {
-              beforeInvoke: () => {
-                setIsLoading(true);
-              },
-              onFinally: () => {
-                setIsLoading(false);
-              }
-            }
-          );
-        } : onConfirmationOk;
-      }
-    },
-    // eslint-disable-next-line ts/ban-ts-comment
-    // @ts-expect-error
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [restProps.requireConfirmation, restProps.onConfirmationOk]
-  );
-  const onClickToUse = useMemo(
-    () => {
-      if (!restProps.requireConfirmation) {
-        if (onClick && isNullish(loading)) {
-          return async (event) => {
-            await invokeMaybeAsyncFn(
-              onClick,
-              {
-                beforeInvoke: () => {
-                  setIsLoading(true);
-                },
-                onFinally: () => {
-                  setIsLoading(false);
-                }
-              },
-              event
-            );
-          };
-        } else {
-          return onClick;
-        }
-      }
-      const {
-        confirmationMode = "simple",
-        confirmationTitle = defaultMessageTitle,
-        confirmationContent,
-        onConfirmationCancel
-      } = restProps;
-      if (confirmationMode === "simple") {
-        return (event) => {
-          event.stopPropagation();
-        };
-      }
-      return (event) => {
-        event.stopPropagation();
-        showConfirmation(
-          confirmationTitle,
-          confirmationContent,
-          onConfirmationOkToUse,
-          {
-            onCancel: onConfirmationCancel
-          }
-        );
-      };
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
-      loading,
-      onClick,
-      onConfirmationOkToUse,
-      restProps.requireConfirmation,
-      // eslint-disable-next-line ts/ban-ts-comment
-      // @ts-expect-error
-      restProps.confirmationMode,
-      // eslint-disable-next-line ts/ban-ts-comment
-      // @ts-expect-error
-      restProps.confirmationTitle,
-      // eslint-disable-next-line ts/ban-ts-comment
-      // @ts-expect-error
-      restProps.confirmationContent,
-      // eslint-disable-next-line ts/ban-ts-comment
-      // @ts-expect-error
-      restProps.onConfirmationCancel
-    ]
-  );
-  const contextDisabled = useContextDisabled();
-  const buttonDisabled = contextDisabled || disabled;
-  const buttonNode = /* @__PURE__ */ jsx(
-    VefBaseButton,
-    {
-      ref,
-      disabled: buttonDisabled,
-      loading: loading ?? isLoading,
-      onClick: onClickToUse,
-      ...omit(restProps, [
-        "requireConfirmation",
-        "confirmationMode",
-        "confirmationTitle",
-        "confirmationContent",
-        "onConfirmationOk",
-        "onConfirmationCancel"
-      ])
-    }
-  );
-  const buttonNodeMaybeWithTip = tip ? /* @__PURE__ */ jsx(VefTooltip, { content: tip, children: buttonNode }) : buttonNode;
-  if (restProps.requireConfirmation && restProps.confirmationMode === "simple") {
-    const {
-      confirmationTitle = defaultMessageTitle,
-      confirmationContent,
-      onConfirmationCancel
-    } = restProps;
-    return /* @__PURE__ */ jsx(
-      VefPopconfirm,
-      {
-        ref,
-        content: confirmationContent,
-        disabled: buttonDisabled,
-        title: confirmationTitle,
-        onCancel: onConfirmationCancel,
-        onOk: onConfirmationOkToUse,
-        children: buttonNodeMaybeWithTip
-      }
-    );
-  }
-  return buttonNodeMaybeWithTip;
-});
-const VefButton = memo(VefButtonBase);
-VefButton.displayName = "VefButton";
-
-export { VefButton as default };
+import{jsx as l}from"@emotion/react/jsx-runtime";import{useContextDisabled as w}from"@vef-framework/hooks";import{isNullish as p,invokeMaybeAsyncFn as k,defaultMessageTitle as y,showConfirmation as O,omit as v}from"@vef-framework/shared";import{forwardRef as x,useState as F,useMemo as M,memo as I}from"react";import N from"../vef-popconfirm/index.js";import P from"../vef-tooltip/index.js";import V from"./components/base-button.js";const j=x(({tip:c,onClick:t,disabled:q=!1,loading:r,...n},s)=>{const[g,e]=F(!1),a=M(()=>{if(n.requireConfirmation){const{onConfirmationOk:o}=n;return p(r)?async()=>{await k(o,{beforeInvoke:()=>{e(!0)},onFinally:()=>{e(!1)}})}:o}},[n.requireConfirmation,n.onConfirmationOk]),T=M(()=>{if(!n.requireConfirmation)return t&&p(r)?async i=>{await k(t,{beforeInvoke:()=>{e(!0)},onFinally:()=>{e(!1)}},i)}:t;const{confirmationMode:o="simple",confirmationTitle:m=y,confirmationContent:f,onConfirmationCancel:h}=n;return o==="simple"?i=>{i.stopPropagation()}:i=>{i.stopPropagation(),O(m,f,a,{onCancel:h})}},[r,t,a,n.requireConfirmation,n.confirmationMode,n.confirmationTitle,n.confirmationContent,n.onConfirmationCancel]),C=w()||q,d=l(V,{ref:s,disabled:C,loading:r??g,onClick:T,...v(n,["requireConfirmation","confirmationMode","confirmationTitle","confirmationContent","onConfirmationOk","onConfirmationCancel"])}),u=c?l(P,{content:c,children:d}):d;if(n.requireConfirmation&&n.confirmationMode==="simple"){const{confirmationTitle:o=y,confirmationContent:m,onConfirmationCancel:f}=n;return l(N,{ref:s,content:m,disabled:C,title:o,onCancel:f,onOk:a,children:u})}return u}),b=I(j);b.displayName="VefButton";export{b as default};

package/esm/vef-card/index.js

@@ -1,26 +1,2 @@
 "use strict";
-import { jsx } from '@emotion/react/jsx-runtime';
-import { isArray } from '@vef-framework/shared';
-import { Card } from 'antd';
-
-"use strict";
-function VefCard({
-  size = "medium",
-  showHoverEffect = false,
-  actions,
-  nested = false,
-  ...restProps
-}) {
-  return /* @__PURE__ */ jsx(
-    Card,
-    {
-      actions: isArray(actions) ? actions : actions ? [actions] : void 0,
-      hoverable: showHoverEffect,
-      size: size === "medium" ? "default" : size,
-      type: nested ? "inner" : void 0,
-      ...restProps
-    }
-  );
-}
-
-export { VefCard as default };
+import{jsx as m}from"@emotion/react/jsx-runtime";import{isArray as s}from"@vef-framework/shared";import{Card as a}from"antd";function d({size:i="medium",showHoverEffect:o=!1,actions:e,nested:t=!1,...r}){return m(a,{actions:s(e)?e:e?[e]:void 0,hoverable:o,size:i==="medium"?"default":i,type:t?"inner":void 0,...r})}export{d as default};

package/esm/vef-card-meta/index.js

@@ -1,13 +1,2 @@
 "use strict";
-import { jsx } from '@emotion/react/jsx-runtime';
-import { Card } from 'antd';
-
-"use strict";
-const { Meta: CardMeta } = Card;
-function VefCardMeta({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(CardMeta, { ...props });
-}
-
-export { VefCardMeta as default };
+import{jsx as r}from"@emotion/react/jsx-runtime";import{Card as o}from"antd";const{Meta:a}=o;function e({...t}){return r(a,{...t})}export{e as default};

package/esm/vef-chart-container/hooks/use-chart-container-context.js

@@ -1,13 +1,2 @@
 "use strict";
-import { createSelectableContext } from '@vef-framework/shared';
-
-"use strict";
-const {
-  useContextSelector: useChartContainerContextSelector,
-  useContext: useChartContainerContext,
-  ContextProvider: ChartContainerContextProvider
-} = createSelectableContext({
-  config: {}
-});
-
-export { ChartContainerContextProvider, useChartContainerContext, useChartContainerContextSelector };
+import{createSelectableContext as t}from"@vef-framework/shared";const{useContextSelector:e,useContext:o,ContextProvider:r}=t({config:{}});export{r as ChartContainerContextProvider,o as useChartContainerContext,e as useChartContainerContextSelector};

package/esm/vef-chart-container/index.js

@@ -1,26 +1,18 @@
 "use strict";
-import { jsx, jsxs } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-import { themeVariables, isString } from '@vef-framework/shared';
-import { forwardRef, useId } from 'react';
-import { ResponsiveContainer } from 'recharts';
-import { ChartContainerContextProvider } from './hooks/use-chart-container-context.js';
-
-"use strict";
-const chartContainerStyle = css`
+import{jsx as c,jsxs as g}from"@emotion/react/jsx-runtime";import{css as k}from"@emotion/react";import{themeVariables as e,isString as $}from"@vef-framework/shared";import{forwardRef as x,useId as y}from"react";import{ResponsiveContainer as C}from"recharts";import{ChartContainerContextProvider as v}from"./hooks/use-chart-container-context.js";const S=k`
   display: flex;
   justify-content: center;
   
   & .recharts-cartesian-axis-tick text {
-    fill: ${themeVariables.colorTextDescription};
+    fill: ${e.colorTextDescription};
   }
   
   & .recharts-cartesian-grid line[stroke='#ccc'] {
-    stroke: color-mix(in srgb, ${themeVariables.colorBorder} 50%, transparent);
+    stroke: color-mix(in srgb, ${e.colorBorder} 50%, transparent);
   }
   
   & .recharts-curve.recharts-tooltip-cursor {
-    stroke: ${themeVariables.colorBorderSecondary};
+    stroke: ${e.colorBorderSecondary};
   }
   
   & .recharts-dot[stroke='#fff'] {
@@ -32,19 +24,19 @@ const chartContainerStyle = css`
   }
   
   & .recharts-polar-grid[stroke='#ccc'] {
-    stroke: ${themeVariables.colorBorderSecondary};
+    stroke: ${e.colorBorderSecondary};
   }
   
   & .recharts-radial-bar-background-sector {
-    fill: ${themeVariables.colorFillContent};
+    fill: ${e.colorFillContent};
   }
   
   & .recharts-rectangle.recharts-tooltip-cursor {
-    fill: ${themeVariables.colorFillContent};
+    fill: ${e.colorFillContent};
   }
   
   & .recharts-reference-line[stroke='#ccc'] {
-    stroke: ${themeVariables.colorBorderSecondary};
+    stroke: ${e.colorBorderSecondary};
   }
   
   & .recharts-sector[stroke='#fff'] {
@@ -58,67 +50,9 @@ const chartContainerStyle = css`
   & .recharts-surface {
     outline: none;
   }
-`;
-function ChartStyle({
-  id,
-  config
-}) {
-  const colors = Object.entries(config).map(([key, { color }]) => [key, color]).filter(([, color]) => isString(color));
-  if (!colors.length) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    "style",
-    {
-      dangerouslySetInnerHTML: {
-        __html: `
-          [data-chart="${id}"] {
-            ${colors.map(([key, color]) => `--vef-color-${key}: ${color};`).join("\n")}
-          }
-        `
-      }
-    }
-  );
-}
-const VefChartContainer = forwardRef(({
-  id,
-  className,
-  children,
-  config,
-  aspect = 16 / 9,
-  width = "100%",
-  height,
-  minWidth,
-  minHeight,
-  ...restProps
-}, ref) => {
-  const uniqueId = useId();
-  const chartId = `${id || uniqueId.replace(/:/g, "")}-chart`;
-  return /* @__PURE__ */ jsx(ChartContainerContextProvider, { value: { config }, children: /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref,
-      className,
-      css: chartContainerStyle,
-      "data-chart": chartId,
-      ...restProps,
-      children: [
-        /* @__PURE__ */ jsx(ChartStyle, { config, id: chartId }),
-        /* @__PURE__ */ jsx(
-          ResponsiveContainer,
-          {
-            aspect,
-            height,
-            minHeight,
-            minWidth,
-            width,
-            children
+`;function b({id:s,config:i}){const o=Object.entries(i).map(([r,{color:t}])=>[r,t]).filter(([,r])=>$(r));return o.length?c("style",{dangerouslySetInnerHTML:{__html:`
+          [data-chart="${s}"] {
+            ${o.map(([r,t])=>`--vef-color-${r}: ${t};`).join(`
+`)}
           }
-        )
-      ]
-    }
-  ) });
-});
-VefChartContainer.displayName = "VefChartContainer";
-
-export { VefChartContainer as default };
+        `}}):null}const a=x(({id:s,className:i,children:o,config:r,aspect:t=16/9,width:l="100%",height:h,minWidth:d,minHeight:f,...m},p)=>{const u=y(),n=`${s||u.replace(/:/g,"")}-chart`;return c(v,{value:{config:r},children:g("div",{ref:p,className:i,css:S,"data-chart":n,...m,children:[c(b,{config:r,id:n}),c(C,{aspect:t,height:h,minHeight:f,minWidth:d,width:l,children:o})]})})});a.displayName="VefChartContainer";export{a as default};

package/esm/vef-chart-legend-content/index.js

@@ -1,50 +1,17 @@
 "use strict";
-import { jsx, jsxs } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-import { styles, themeVariables } from '@vef-framework/shared';
-import { forwardRef } from 'react';
-import '../internal/index.js';
-import { useChartContainerContextSelector } from '../vef-chart-container/hooks/use-chart-container-context.js';
-import { getPayloadConfigFromPayload } from '../internal/chart.js';
-
-"use strict";
-const chartLegendContentStyle = css`
-  ${styles.flexCenter}
-  gap: ${themeVariables.margin};
-  padding-top: ${themeVariables.marginSm};
-`;
-const itemStyle = css`
+import{jsx as s,jsxs as c}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{styles as f,themeVariables as r}from"@vef-framework/shared";import{forwardRef as g}from"react";import"../internal/index.js";import{useChartContainerContextSelector as p}from"../vef-chart-container/hooks/use-chart-container-context.js";import{getPayloadConfigFromPayload as u}from"../internal/chart.js";const h=o`
+  ${f.flexCenter}
+  gap: ${r.margin};
+  padding-top: ${r.marginSm};
+`,C=o`
   display: flex;
   align-items: center;
-  gap: ${themeVariables.marginXs};
-  color: ${themeVariables.colorTextLabel};
-`;
-const indicatorStyle = css`
+  gap: ${r.marginXs};
+  color: ${r.colorTextLabel};
+`,y=o`
   flex: none;
   width: 0.75rem;
   height: 0.75rem;
-  border-radius: ${themeVariables.borderRadiusXs};
+  border-radius: ${r.borderRadiusXs};
   background-color: var(--vef-indicator-color);
-`;
-const VefChartLegendContent = forwardRef(({
-  className,
-  payload
-}, ref) => {
-  const config = useChartContainerContextSelector((ctx) => ctx.config);
-  if (!payload?.length) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx("div", { ref, className, css: chartLegendContentStyle, children: payload.map(
-    (item) => {
-      const key = `${item.dataKey || "value"}`;
-      const itemConfig = getPayloadConfigFromPayload(item, key, config);
-      return /* @__PURE__ */ jsxs("div", { css: itemStyle, children: [
-        /* @__PURE__ */ jsx("div", { css: indicatorStyle, style: { "--vef-indicator-color": item.color } }),
-        itemConfig?.label
-      ] }, item.value);
-    }
-  ) });
-});
-VefChartLegendContent.displayName = "VefChartLegendContent";
-
-export { VefChartLegendContent, VefChartLegendContent as default };
+`,a=g(({className:i,payload:t},l)=>{const n=p(e=>e.config);return t?.length?s("div",{ref:l,className:i,css:h,children:t.map(e=>{const d=`${e.dataKey||"value"}`,m=u(e,d,n);return c("div",{css:C,children:[s("div",{css:y,style:{"--vef-indicator-color":e.color}}),m?.label]},e.value)})}):null});a.displayName="VefChartLegendContent";export{a as VefChartLegendContent,a as default};

package/esm/vef-chart-tooltip-content/index.js

@@ -1,106 +1,43 @@
 "use strict";
-import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-import { themeVariables, isString, isFunction, isNullish } from '@vef-framework/shared';
-import { forwardRef, useMemo } from 'react';
-import '../internal/index.js';
-import { useChartContainerContextSelector } from '../vef-chart-container/hooks/use-chart-container-context.js';
-import { getPayloadConfigFromPayload } from '../internal/chart.js';
-
-"use strict";
-const wrapperStyle = css`
+import{jsx as l,jsxs as m,Fragment as S}from"@emotion/react/jsx-runtime";import{css as a}from"@emotion/react";import{themeVariables as r,isString as F,isFunction as h,isNullish as N}from"@vef-framework/shared";import{forwardRef as X,useMemo as K}from"react";import"../internal/index.js";import{useChartContainerContextSelector as L}from"../vef-chart-container/hooks/use-chart-container-context.js";import{getPayloadConfigFromPayload as b}from"../internal/chart.js";const R=a`
   display: grid;
   min-width: 10rem;
   align-items: start;
-  gap: ${themeVariables.marginXs};
-  border-radius: ${themeVariables.borderRadius};
-  border: ${themeVariables.lineWidth} ${themeVariables.lineType} ${themeVariables.colorBorderSecondary};
-  background: ${themeVariables.colorBgContainer};
-  padding: ${themeVariables.paddingXs} ${themeVariables.paddingSm};
-  box-shadow: ${themeVariables.boxShadowSecondary};
-  color: ${themeVariables.colorTextLabel}
-`;
-const itemsWrapperStyle = css`
+  gap: ${r.marginXs};
+  border-radius: ${r.borderRadius};
+  border: ${r.lineWidth} ${r.lineType} ${r.colorBorderSecondary};
+  background: ${r.colorBgContainer};
+  padding: ${r.paddingXs} ${r.paddingSm};
+  box-shadow: ${r.boxShadowSecondary};
+  color: ${r.colorTextLabel}
+`,j=a`
   display: grid;
-  gap: ${themeVariables.marginXs};
-`;
-const labelStyle = css`
+  gap: ${r.marginXs};
+`,B=a`
   font-weight: 500;
-`;
-const itemStyle = css`
+`,P=a`
   display: flex;
   width: 100%;
   flex-wrap: wrap;
   align-items: center;
-  gap: ${themeVariables.marginXs};
-`;
-const indicatorStyle = css`
+  gap: ${r.marginXs};
+`,T=a`
   height: 0.75rem;
   width: 0.75rem;
   flex: none;
-  border-radius: ${themeVariables.borderRadiusXs};
+  border-radius: ${r.borderRadiusXs};
   border-color: var(--vef-indicator-color);
   background-color: var(--vef-indicator-color);
-`;
-const itemContentStyle = css`
+`,k=a`
   display: flex;
   flex: 1;
   justify-content: space-between;
   align-items: center;
-  gap: ${themeVariables.marginXs};
+  gap: ${r.marginXs};
   line-height: 1;
-`;
-const itemLabelStyle = css`
-  color: ${themeVariables.colorTextDescription};
-`;
-const itemValueStyle = css`
+`,D=a`
+  color: ${r.colorTextDescription};
+`,M=a`
   font-weight: 500;
-  font-family: ${themeVariables.fontFamilyCode};
-`;
-const VefChartTooltipContent = forwardRef(({
-  active,
-  payload,
-  className,
-  label,
-  labelFormatter,
-  labelClassName,
-  formatter,
-  valueFormatter,
-  color,
-  hideLabel = false
-}, ref) => {
-  const config = useChartContainerContextSelector((ctx) => ctx.config);
-  const tooltipLabel = useMemo(() => {
-    if (hideLabel || !payload?.length) {
-      return null;
-    }
-    const [item] = payload;
-    const key = `${item.dataKey || item.name || "value"}`;
-    const itemConfig = getPayloadConfigFromPayload(item, key, config);
-    const labelValue = isString(label) ? label : itemConfig?.label;
-    if (!labelValue) {
-      return null;
-    }
-    return /* @__PURE__ */ jsx("div", { className: labelClassName, css: labelStyle, children: isFunction(labelFormatter) ? labelFormatter(labelValue, payload) : labelValue });
-  }, [hideLabel, payload, config, label, labelClassName, labelFormatter]);
-  if (!active || !payload?.length) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs("div", { ref, className, css: wrapperStyle, children: [
-    tooltipLabel,
-    /* @__PURE__ */ jsx("div", { css: itemsWrapperStyle, children: payload.map((item, index) => {
-      const key = `${item.name || item.dataKey || "value"}`;
-      const itemConfig = getPayloadConfigFromPayload(item, key, config);
-      const indicatorColor = color || item.payload.fill || item.color;
-      return /* @__PURE__ */ jsx("div", { css: itemStyle, children: formatter && !isNullish(item?.value) && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("div", { css: indicatorStyle, style: { "--vef-indicator-color": indicatorColor } }),
-        /* @__PURE__ */ jsxs("div", { css: itemContentStyle, children: [
-          /* @__PURE__ */ jsx("span", { css: itemLabelStyle, children: itemConfig?.label || item.name }),
-          item.value && /* @__PURE__ */ jsx("span", { css: itemValueStyle, children: isFunction(valueFormatter) ? valueFormatter(item.value) : item.value.toLocaleString() })
-        ] })
-      ] }) }, item.dataKey);
-    }) })
-  ] });
-});
-
-export { VefChartTooltipContent as default };
+  font-family: ${r.fontFamilyCode};
+`,W=X(({active:v,payload:i,className:y,label:n,labelFormatter:t,labelClassName:g,formatter:p,valueFormatter:f,color:$,hideLabel:u=!1},x)=>{const s=L(e=>e.config),w=K(()=>{if(u||!i?.length)return null;const[e]=i,d=`${e.dataKey||e.name||"value"}`,c=b(e,d,s),o=F(n)?n:c?.label;return o?l("div",{className:g,css:B,children:h(t)?t(o,i):o}):null},[u,i,s,n,g,t]);return!v||!i?.length?null:m("div",{ref:x,className:y,css:R,children:[w,l("div",{css:j,children:i.map((e,d)=>{const c=`${e.name||e.dataKey||"value"}`,o=b(e,c,s),C=$||e.payload.fill||e.color;return l("div",{css:P,children:p&&!N(e?.value)&&e.name?p(e.value,e.name,e,d,e.payload):m(S,{children:[l("div",{css:T,style:{"--vef-indicator-color":C}}),m("div",{css:k,children:[l("span",{css:D,children:o?.label||e.name}),e.value&&l("span",{css:M,children:h(f)?f(e.value):e.value.toLocaleString()})]})]})},e.dataKey)})})]})});export{W as default};

package/esm/vef-checkbox/hooks/use-checkbox-instance.js

@@ -1,21 +1,2 @@
 "use strict";
-import { useRef, useImperativeHandle } from 'react';
-
-"use strict";
-function useCheckboxInstance(ref, dataOptions) {
-  const checkboxRef = useRef(null);
-  useImperativeHandle(ref, () => ({
-    blur: () => {
-      checkboxRef.current?.blur();
-    },
-    focus: () => {
-      checkboxRef.current?.focus({
-        preventScroll: true
-      });
-    },
-    getDataOptions: () => dataOptions
-  }));
-  return checkboxRef;
-}
-
-export { useCheckboxInstance };
+import{useRef as u,useImperativeHandle as n}from"react";function c(r,t){const e=u(null);return n(r,()=>({blur:()=>{e.current?.blur()},focus:()=>{e.current?.focus({preventScroll:!0})},getDataOptions:()=>t})),e}export{c as useCheckboxInstance};

package/esm/vef-checkbox/hooks/use-data-options.js

@@ -1,41 +1,2 @@
 "use strict";
-import { useComputedOptions } from '@vef-framework/hooks';
-import { isFunction, isNullish } from '@vef-framework/shared';
-import { useMemo, useLayoutEffect } from 'react';
-
-"use strict";
-function useDataOptions({
-  value,
-  onChange,
-  ...rest
-}) {
-  const {
-    normalizedOptions,
-    defaultOption,
-    isLoading
-  } = useComputedOptions({
-    ...rest,
-    isGrouped: false,
-    filterable: false,
-    selectedOptionValues: value
-  });
-  const optionsMap = useMemo(() => normalizedOptions.reduce((map, option) => {
-    map.set(option.value, option);
-    return map;
-  }, /* @__PURE__ */ new Map()), [normalizedOptions]);
-  useLayoutEffect(() => {
-    if (defaultOption && isFunction(onChange) && isNullish(value)) {
-      onChange(
-        [defaultOption.value],
-        [defaultOption]
-      );
-    }
-  }, [defaultOption, onChange, value]);
-  return {
-    optionsMap,
-    normalizedOptions,
-    isLoading
-  };
-}
-
-export { useDataOptions };
+import{useComputedOptions as r}from"@vef-framework/hooks";import{isFunction as l,isNullish as m}from"@vef-framework/shared";import{useMemo as d,useLayoutEffect as f}from"react";function c({value:t,onChange:o,...u}){const{normalizedOptions:i,defaultOption:e,isLoading:a}=r({...u,isGrouped:!1,filterable:!1,selectedOptionValues:t}),p=d(()=>i.reduce((n,s)=>(n.set(s.value,s),n),new Map),[i]);return f(()=>{e&&l(o)&&m(t)&&o([e.value],[e])},[e,o,t]),{optionsMap:p,normalizedOptions:i,isLoading:a}}export{c as useDataOptions};