@vef-framework/components 1.0.128 → 1.0.129

package/cjs/vef-chart-tooltip-content/index.cjs

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

package/cjs/vef-chart-tooltip-content/props.cjs

@@ -1,4 +1,2 @@
 "use strict";
-'use strict';
-
 "use strict";

package/cjs/vef-checkbox/hooks/use-checkbox-instance.cjs

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

package/cjs/vef-checkbox/hooks/use-data-options.cjs

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

package/cjs/vef-checkbox/index.cjs

@@ -1,93 +1,4 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var react = require('@emotion/react');
-var shared = require('@vef-framework/shared');
-var antd = require('antd');
-var react$1 = require('react');
-var index = require('../vef-loading-placeholder/index.cjs');
-var index$1 = require('../vef-tooltip/index.cjs');
-var useCheckboxInstance = require('./hooks/use-checkbox-instance.cjs');
-var useDataOptions = require('./hooks/use-data-options.cjs');
-
-"use strict";
-const { Group } = antd.Checkbox;
-const loadingPlaceholder = /* @__PURE__ */ jsxRuntime.jsx(
-  "div",
-  {
-    css: react.css`
-      height: ${shared.themeVariables.controlHeight}
-    `,
-    children: /* @__PURE__ */ jsxRuntime.jsx(index.default, {})
-  }
-);
-function VefCheckboxBase({
-  defaultValue,
-  value,
-  disabled,
-  renderCheckboxes,
-  onChange,
-  ...restProps
-}, ref) {
-  const {
-    optionsMap,
-    normalizedOptions,
-    isLoading
-  } = useDataOptions.useDataOptions({
-    value,
-    onChange,
-    ...restProps
-  });
-  const checkboxRef = useCheckboxInstance.useCheckboxInstance(ref, normalizedOptions);
-  const handleChange = react$1.useMemo(() => {
-    if (shared.isFunction(onChange)) {
-      return (value2) => {
-        onChange(value2, value2.map((option) => optionsMap.get(option)));
-      };
-    }
-  }, [onChange, optionsMap]);
-  const content = react$1.useMemo(() => {
-    if (isLoading) {
-      return;
-    }
-    const checkboxes = normalizedOptions.map((option) => {
-      const {
-        value: value2,
-        label,
-        disabled: disabled2,
-        description
-      } = option;
-      if (description) {
-        return /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { content: description, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Checkbox, { disabled: disabled2, value: value2, children: label }) }, value2);
-      }
-      return /* @__PURE__ */ jsxRuntime.jsx(antd.Checkbox, { disabled: disabled2, value: value2, children: label }, value2);
-    });
-    if (shared.isFunction(renderCheckboxes)) {
-      return renderCheckboxes(checkboxes);
-    }
-    return checkboxes;
-  }, [isLoading, normalizedOptions, renderCheckboxes]);
-  if (isLoading) {
-    return loadingPlaceholder;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Group,
-    {
-      ref: checkboxRef,
-      defaultValue,
-      disabled,
-      onChange: handleChange,
-      ...value === void 0 ? {} : { value },
-      children: content
-    }
-  );
-}
-const VefCheckbox = react$1.memo(
-  react$1.forwardRef(VefCheckboxBase)
-);
-VefCheckbox.displayName = "VefCheckbox";
-
-exports.default = VefCheckbox;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/react/jsx-runtime"),M=require("@emotion/react"),l=require("@vef-framework/shared"),c=require("antd"),n=require("react"),O=require("../vef-loading-placeholder/index.cjs"),V=require("../vef-tooltip/index.cjs"),y=require("./hooks/use-checkbox-instance.cjs"),R=require("./hooks/use-data-options.cjs");const{Group:$}=c.Checkbox,D=e.jsx("div",{css:M.css`
+      height: ${l.themeVariables.controlHeight}
+    `,children:e.jsx(O.default,{})});function F({defaultValue:m,value:s,disabled:p,renderCheckboxes:u,onChange:a,...C},q){const{optionsMap:h,normalizedOptions:t,isLoading:o}=R.useDataOptions({value:s,onChange:a,...C}),j=y.useCheckboxInstance(q,t),g=n.useMemo(()=>{if(l.isFunction(a))return r=>{a(r,r.map(d=>h.get(d)))}},[a,h]),k=n.useMemo(()=>{if(o)return;const r=t.map(d=>{const{value:i,label:v,disabled:b,description:x}=d;return x?e.jsx(V.default,{content:x,children:e.jsx(c.Checkbox,{disabled:b,value:i,children:v})},i):e.jsx(c.Checkbox,{disabled:b,value:i,children:v},i)});return l.isFunction(u)?u(r):r},[o,t,u]);return o?D:e.jsx($,{ref:j,defaultValue:m,disabled:p,onChange:g,...s===void 0?{}:{value:s},children:k})}const f=n.memo(n.forwardRef(F));f.displayName="VefCheckbox",exports.default=f;

package/cjs/vef-checkbox/props.cjs

@@ -1,4 +1,2 @@
 "use strict";
-'use strict';
-
 "use strict";

package/cjs/vef-code-editor/hooks/use-change-handler.cjs

@@ -1,13 +1,2 @@
 "use strict";
-'use strict';
-
-var react = require('react');
-
-"use strict";
-function useChangeHandler(onChange) {
-  return react.useCallback((value) => {
-    onChange?.(value);
-  }, [onChange]);
-}
-
-exports.useChangeHandler = useChangeHandler;
+"use strict";var a=require("react");function u(e){return a.useCallback(r=>{e?.(r)},[e])}exports.useChangeHandler=u;

package/cjs/vef-code-editor/hooks/use-config-extensions.cjs

@@ -1,51 +1,2 @@
 "use strict";
-'use strict';
-
-var state = require('@codemirror/state');
-var react = require('react');
-
-"use strict";
-const chinesePhrases = {
-  // @codemirror/view
-  "Control character": "控制字符",
-  // @codemirror/commands
-  "Selection deleted": "选择已删除",
-  // @codemirror/language
-  "Folded lines": "折叠的行",
-  "Unfolded lines": "展开的行",
-  "to": "到",
-  "folded code": "折叠的代码",
-  "unfold": "展开",
-  "Fold line": "折叠行",
-  "Unfold line": "展开行",
-  // @codemirror/search
-  "Go to line": "跳转到行",
-  "go": "确定",
-  "Find": "查找",
-  "Replace": "替换",
-  "next": "下一个",
-  "previous": "上一个",
-  "all": "全部",
-  "match case": "大小写匹配",
-  "by word": "整个单词",
-  "replace": "替换",
-  "replace all": "全部替换",
-  "regexp": "正则匹配",
-  "close": "关闭",
-  "current match": "当前匹配",
-  "replaced $ matches": "$ 个匹配已替换",
-  "replaced match on line $": "行 $ 的匹配已替换",
-  "on line": "在行",
-  // @codemirror/autocomplete
-  "Completions": "补全",
-  // @codemirror/lint
-  "Diagnostics": "诊断",
-  "No diagnostics": "没有诊断"
-};
-function useConfigExtensions() {
-  return react.useMemo(() => [
-    state.EditorState.phrases.of(chinesePhrases)
-  ], []);
-}
-
-exports.useConfigExtensions = useConfigExtensions;
+"use strict";var e=require("@codemirror/state"),o=require("react");const n={"Control character":"控制字符","Selection deleted":"选择已删除","Folded lines":"折叠的行","Unfolded lines":"展开的行",to:"到","folded code":"折叠的代码",unfold:"展开","Fold line":"折叠行","Unfold line":"展开行","Go to line":"跳转到行",go:"确定",Find:"查找",Replace:"替换",next:"下一个",previous:"上一个",all:"全部","match case":"大小写匹配","by word":"整个单词",replace:"替换","replace all":"全部替换",regexp:"正则匹配",close:"关闭","current match":"当前匹配","replaced $ matches":"$ 个匹配已替换","replaced match on line $":"行 $ 的匹配已替换","on line":"在行",Completions:"补全",Diagnostics:"诊断","No diagnostics":"没有诊断"};function t(){return o.useMemo(()=>[e.EditorState.phrases.of(n)],[])}exports.useConfigExtensions=t;

package/cjs/vef-code-editor/hooks/use-height-props.cjs

@@ -1,23 +1,2 @@
 "use strict";
-'use strict';
-
-var shared = require('@vef-framework/shared');
-var react = require('react');
-
-"use strict";
-function useHeightProps(height, maxHeight, minHeight) {
-  return react.useMemo(() => {
-    const props = {
-      height: shared.getStringLength(height)
-    };
-    if (!shared.isNullish(minHeight)) {
-      props.minHeight = shared.getStringLength(minHeight);
-    }
-    if (!shared.isNullish(maxHeight)) {
-      props.maxHeight = shared.getStringLength(maxHeight);
-    }
-    return props;
-  }, [height, maxHeight, minHeight]);
-}
-
-exports.useHeightProps = useHeightProps;
+"use strict";var e=require("@vef-framework/shared"),g=require("react");function h(s,t,r){return g.useMemo(()=>{const i={height:e.getStringLength(s)};return e.isNullish(r)||(i.minHeight=e.getStringLength(r)),e.isNullish(t)||(i.maxHeight=e.getStringLength(t)),i},[s,t,r])}exports.useHeightProps=h;

package/cjs/vef-code-editor/hooks/use-language-extensions.cjs

@@ -1,120 +1,2 @@
 "use strict";
-'use strict';
-
-var langJson = require('@codemirror/lang-json');
-var langYaml = require('@codemirror/lang-yaml');
-var lint = require('@codemirror/lint');
-var view = require('@codemirror/view');
-var codemirrorExtensionsLangs = require('@uiw/codemirror-extensions-langs');
-var shared = require('@vef-framework/shared');
-var codemirrorJson5 = require('codemirror-json5');
-var codemirrorJsonSchema = require('codemirror-json-schema');
-var json5 = require('codemirror-json-schema/json5');
-var yaml = require('codemirror-json-schema/yaml');
-var react = require('react');
-
-"use strict";
-function useLanguageExtensions(language, jsonSchema) {
-  const extensions = react.useMemo(() => {
-    if (!language) {
-      return [];
-    }
-    const extensions2 = loadLanguageExtensions(language, jsonSchema);
-    if (extensions2.length === 0) {
-      const lang = codemirrorExtensionsLangs.loadLanguage(language);
-      if (!lang) {
-        console.warn(`Language ${language} is not supported by VefCodeEditor`);
-        return [];
-      }
-      extensions2.push(lang);
-    }
-    return extensions2;
-  }, [jsonSchema, language]);
-  return extensions;
-}
-function loadLanguageExtensions(language, jsonSchema) {
-  if (language === "json") {
-    const extensions = [
-      langJson.json(),
-      lint.linter(
-        langJson.jsonParseLinter(),
-        {
-          delay: 300
-        }
-      )
-    ];
-    if (shared.isString(jsonSchema) && !shared.isEmpty(jsonSchema) || shared.isObject(jsonSchema)) {
-      if (shared.isString(jsonSchema) && !shared.isJsonSchemaValid(jsonSchema)) {
-        console.warn(`JSON schema is invalid: ${jsonSchema}`);
-        return extensions;
-      }
-      extensions.push(
-        lint.linter(
-          codemirrorJsonSchema.jsonSchemaLinter(),
-          {
-            needsRefresh: codemirrorJsonSchema.handleRefresh
-          }
-        ),
-        langJson.jsonLanguage.data.of({
-          autocomplete: codemirrorJsonSchema.jsonCompletion()
-        }),
-        view.hoverTooltip(codemirrorJsonSchema.jsonSchemaHover()),
-        codemirrorJsonSchema.stateExtensions(shared.isString(jsonSchema) ? JSON.parse(jsonSchema) : jsonSchema)
-      );
-    }
-    return extensions;
-  } else if (language === "yaml") {
-    const extensions = [
-      langYaml.yaml()
-    ];
-    if (shared.isString(jsonSchema) && !shared.isEmpty(jsonSchema) || shared.isObject(jsonSchema)) {
-      if (shared.isString(jsonSchema) && !shared.isJsonSchemaValid(jsonSchema)) {
-        console.warn(`JSON schema is invalid: ${jsonSchema}`);
-        return extensions;
-      }
-      extensions.push(
-        lint.linter(
-          yaml.yamlSchemaLinter(),
-          {
-            needsRefresh: codemirrorJsonSchema.handleRefresh
-          }
-        ),
-        langYaml.yamlLanguage.data.of({
-          autocomplete: yaml.yamlCompletion()
-        }),
-        view.hoverTooltip(yaml.yamlSchemaHover()),
-        codemirrorJsonSchema.stateExtensions(shared.isString(jsonSchema) ? JSON.parse(jsonSchema) : jsonSchema)
-      );
-    }
-    return extensions;
-  } else if (language === "json5") {
-    const extensions = [
-      codemirrorJson5.json5(),
-      lint.linter(
-        codemirrorJson5.json5ParseLinter(),
-        {
-          delay: 300
-        }
-      )
-    ];
-    if (shared.isString(jsonSchema) && !shared.isEmpty(jsonSchema) || shared.isObject(jsonSchema)) {
-      extensions.push(
-        lint.linter(
-          json5.json5SchemaLinter(),
-          {
-            needsRefresh: codemirrorJsonSchema.handleRefresh
-          }
-        ),
-        codemirrorJson5.json5Language.data.of({
-          autocomplete: json5.json5Completion()
-        }),
-        view.hoverTooltip(json5.json5SchemaHover()),
-        codemirrorJsonSchema.stateExtensions(shared.isString(jsonSchema) ? JSON.parse(jsonSchema) : jsonSchema)
-      );
-    }
-    return extensions;
-  }
-  return [];
-}
-
-exports.useLanguageExtensions = useLanguageExtensions;
+"use strict";var t=require("@codemirror/lang-json"),h=require("@codemirror/lang-yaml"),a=require("@codemirror/lint"),o=require("@codemirror/view"),g=require("@uiw/codemirror-extensions-langs"),r=require("@vef-framework/shared"),u=require("codemirror-json5"),i=require("codemirror-json-schema"),l=require("codemirror-json-schema/json5"),c=require("codemirror-json-schema/yaml"),d=require("react");function f(s,e){return d.useMemo(()=>{if(!s)return[];const n=S(s,e);if(n.length===0){const m=g.loadLanguage(s);if(!m)return console.warn(`Language ${s} is not supported by VefCodeEditor`),[];n.push(m)}return n},[e,s])}function S(s,e){if(s==="json"){const n=[t.json(),a.linter(t.jsonParseLinter(),{delay:300})];if(r.isString(e)&&!r.isEmpty(e)||r.isObject(e)){if(r.isString(e)&&!r.isJsonSchemaValid(e))return console.warn(`JSON schema is invalid: ${e}`),n;n.push(a.linter(i.jsonSchemaLinter(),{needsRefresh:i.handleRefresh}),t.jsonLanguage.data.of({autocomplete:i.jsonCompletion()}),o.hoverTooltip(i.jsonSchemaHover()),i.stateExtensions(r.isString(e)?JSON.parse(e):e))}return n}else if(s==="yaml"){const n=[h.yaml()];if(r.isString(e)&&!r.isEmpty(e)||r.isObject(e)){if(r.isString(e)&&!r.isJsonSchemaValid(e))return console.warn(`JSON schema is invalid: ${e}`),n;n.push(a.linter(c.yamlSchemaLinter(),{needsRefresh:i.handleRefresh}),h.yamlLanguage.data.of({autocomplete:c.yamlCompletion()}),o.hoverTooltip(c.yamlSchemaHover()),i.stateExtensions(r.isString(e)?JSON.parse(e):e))}return n}else if(s==="json5"){const n=[u.json5(),a.linter(u.json5ParseLinter(),{delay:300})];return(r.isString(e)&&!r.isEmpty(e)||r.isObject(e))&&n.push(a.linter(l.json5SchemaLinter(),{needsRefresh:i.handleRefresh}),u.json5Language.data.of({autocomplete:l.json5Completion()}),o.hoverTooltip(l.json5SchemaHover()),i.stateExtensions(r.isString(e)?JSON.parse(e):e)),n}return[]}exports.useLanguageExtensions=f;

package/cjs/vef-code-editor/hooks/use-setup-options.cjs

@@ -1,40 +1,2 @@
 "use strict";
-'use strict';
-
-var react = require('react');
-
-"use strict";
-function useSetupOptions(tabSize, showLineNumbers) {
-  return react.useMemo(
-    () => ({
-      tabSize,
-      allowMultipleSelections: true,
-      autocompletion: true,
-      bracketMatching: true,
-      closeBrackets: true,
-      closeBracketsKeymap: true,
-      highlightActiveLine: true,
-      highlightActiveLineGutter: true,
-      highlightSelectionMatches: true,
-      completionKeymap: true,
-      drawSelection: true,
-      history: true,
-      historyKeymap: true,
-      highlightSpecialChars: true,
-      indentOnInput: true,
-      lintKeymap: true,
-      rectangularSelection: true,
-      searchKeymap: true,
-      syntaxHighlighting: true,
-      crosshairCursor: true,
-      defaultKeymap: true,
-      dropCursor: true,
-      foldGutter: true,
-      foldKeymap: true,
-      lineNumbers: showLineNumbers
-    }),
-    [tabSize, showLineNumbers]
-  );
-}
-
-exports.useSetupOptions = useSetupOptions;
+"use strict";var i=require("react");function r(e,t){return i.useMemo(()=>({tabSize:e,allowMultipleSelections:!0,autocompletion:!0,bracketMatching:!0,closeBrackets:!0,closeBracketsKeymap:!0,highlightActiveLine:!0,highlightActiveLineGutter:!0,highlightSelectionMatches:!0,completionKeymap:!0,drawSelection:!0,history:!0,historyKeymap:!0,highlightSpecialChars:!0,indentOnInput:!0,lintKeymap:!0,rectangularSelection:!0,searchKeymap:!0,syntaxHighlighting:!0,crosshairCursor:!0,defaultKeymap:!0,dropCursor:!0,foldGutter:!0,foldKeymap:!0,lineNumbers:t}),[e,t])}exports.useSetupOptions=r;

package/cjs/vef-code-editor/index.cjs

@@ -1,62 +1,2 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var codemirrorThemeMaterial = require('@uiw/codemirror-theme-material');
-var CodeMirror = require('@uiw/react-codemirror');
-var react = require('react');
-var useChangeHandler = require('./hooks/use-change-handler.cjs');
-var useConfigExtensions = require('./hooks/use-config-extensions.cjs');
-var useHeightProps = require('./hooks/use-height-props.cjs');
-var useLanguageExtensions = require('./hooks/use-language-extensions.cjs');
-var useSetupOptions = require('./hooks/use-setup-options.cjs');
-var styles = require('./styles.cjs');
-
-"use strict";
-function VefCodeEditorBase({
-  value,
-  language,
-  disabled,
-  height = 320,
-  minHeight,
-  maxHeight,
-  placeholder,
-  tabSize = 4,
-  autoFocus,
-  jsonSchema,
-  onChange,
-  showLineNumbers = true
-}) {
-  const configExtensions = useConfigExtensions.useConfigExtensions();
-  const languageExtensions = useLanguageExtensions.useLanguageExtensions(language, jsonSchema);
-  const extensions = react.useMemo(() => [
-    ...configExtensions,
-    ...languageExtensions
-  ], [configExtensions, languageExtensions]);
-  const heightProps = useHeightProps.useHeightProps(height, maxHeight, minHeight);
-  const handleChange = useChangeHandler.useChangeHandler(onChange);
-  const setupOptions = useSetupOptions.useSetupOptions(tabSize, showLineNumbers);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    CodeMirror,
-    {
-      indentWithTab: true,
-      autoFocus,
-      basicSetup: setupOptions,
-      css: styles.editorStyle,
-      editable: !disabled,
-      extensions,
-      placeholder,
-      theme: codemirrorThemeMaterial.materialLight,
-      value,
-      width: "auto",
-      onChange: handleChange,
-      ...heightProps
-    }
-  );
-}
-const VefCodeEditor = react.memo(VefCodeEditorBase);
-VefCodeEditor.displayName = "VefCodeEditor";
-
-exports.default = VefCodeEditor;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var b=require("@emotion/react/jsx-runtime"),f=require("@uiw/codemirror-theme-material"),E=require("@uiw/react-codemirror"),s=require("react"),H=require("./hooks/use-change-handler.cjs"),S=require("./hooks/use-config-extensions.cjs"),j=require("./hooks/use-height-props.cjs"),y=require("./hooks/use-language-extensions.cjs"),L=require("./hooks/use-setup-options.cjs"),O=require("./styles.cjs");function M({value:a,language:i,disabled:u,height:n=320,minHeight:o,maxHeight:h,placeholder:l,tabSize:g=4,autoFocus:d,jsonSchema:c,onChange:m,showLineNumbers:v=!0}){const e=S.useConfigExtensions(),r=y.useLanguageExtensions(i,c),p=s.useMemo(()=>[...e,...r],[e,r]),q=j.useHeightProps(n,h,o),x=H.useChangeHandler(m),C=L.useSetupOptions(g,v);return b.jsx(E,{indentWithTab:!0,autoFocus:d,basicSetup:C,css:O.editorStyle,editable:!u,extensions:p,placeholder:l,theme:f.materialLight,value:a,width:"auto",onChange:x,...q})}const t=s.memo(M);t.displayName="VefCodeEditor",exports.default=t;

package/cjs/vef-code-editor/props.cjs

@@ -1,4 +1,2 @@
 "use strict";
-'use strict';
-
 "use strict";