@vef-framework/components 1.0.122 → 1.0.123

package/cjs/vef-dropdown/index.cjs

@@ -0,0 +1,97 @@
+"use strict";
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+var hooks = require('@vef-framework/hooks');
+var shared = require('@vef-framework/shared');
+var antd = require('antd');
+var react = require('react');
+
+"use strict";
+function VefDropdownBase({
+  className,
+  disabled,
+  placement,
+  children,
+  items,
+  trigger = "hover",
+  selectable = false,
+  deselectable = false,
+  multiple = false,
+  defaultSelectedKeys,
+  selectedKeys,
+  onChange,
+  onSelect,
+  onDeselect,
+  onClick
+}) {
+  const dropdownTrigger = react.useMemo(() => [trigger], [trigger]);
+  const normalizedItems = hooks.useNormalizedMenuItems(items);
+  const menuProps = hooks.useDeepMemo(
+    () => ({
+      items: normalizedItems,
+      selectable,
+      unselectable: deselectable ? "on" : "off",
+      multiple,
+      defaultSelectedKeys,
+      selectedKeys,
+      onSelect: shared.isFunction(onChange) || shared.isFunction(onSelect) ? ({
+        key,
+        keyPath,
+        selectedKeys: selectedKeys2,
+        domEvent
+      }) => {
+        domEvent.stopPropagation();
+        onChange?.(selectedKeys2);
+        onSelect?.(key, keyPath);
+      } : void 0,
+      onDeselect: shared.isFunction(onChange) || shared.isFunction(onDeselect) ? ({
+        key,
+        keyPath,
+        selectedKeys: selectedKeys2,
+        domEvent
+      }) => {
+        domEvent.stopPropagation();
+        onChange?.(selectedKeys2);
+        onDeselect?.(key, keyPath);
+      } : void 0,
+      onClick: shared.isFunction(onClick) ? ({
+        key,
+        keyPath,
+        domEvent
+      }) => {
+        domEvent.stopPropagation();
+        onClick(key, keyPath);
+      } : void 0
+    }),
+    [
+      defaultSelectedKeys,
+      multiple,
+      normalizedItems,
+      onChange,
+      onClick,
+      onDeselect,
+      onSelect,
+      selectable,
+      selectedKeys,
+      deselectable
+    ]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    antd.Dropdown,
+    {
+      className,
+      disabled,
+      menu: menuProps,
+      placement,
+      trigger: dropdownTrigger,
+      children
+    }
+  );
+}
+const VefDropdown = react.memo(VefDropdownBase);
+VefDropdown.displayName = "VefDropdown";
+
+exports.default = VefDropdown;

package/cjs/vef-dropdown/props.cjs

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

package/cjs/vef-dynamic-icon/index.cjs

@@ -0,0 +1,51 @@
+"use strict";
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+var hooks = require('@vef-framework/hooks');
+var dynamicIconImports = require('lucide-react/dynamicIconImports');
+var react = require('react');
+var index = require('../vef-icon/index.cjs');
+
+"use strict";
+function SvgPlaceholder() {
+  const { colorFillContent } = hooks.useThemeTokens();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      "aria-label": "Loading icon",
+      height: "1em",
+      role: "img",
+      viewBox: "0 0 100 100",
+      width: "1em",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "rect",
+        {
+          fill: colorFillContent,
+          height: "100",
+          rx: "20",
+          width: "100"
+        }
+      )
+    }
+  );
+}
+const fallback = /* @__PURE__ */ jsxRuntime.jsx(SvgPlaceholder, {});
+const iconCache = /* @__PURE__ */ new Map();
+const VefDynamicIcon = react.forwardRef(({
+  name,
+  ...restProps
+}, ref) => {
+  if (!iconCache.has(name)) {
+    const Icon2 = react.lazy(dynamicIconImports[name]);
+    iconCache.set(name, Icon2);
+  }
+  const Icon = iconCache.get(name);
+  return /* @__PURE__ */ jsxRuntime.jsx(index.default, { ref, ...restProps, children: /* @__PURE__ */ jsxRuntime.jsx(react.Suspense, { fallback, children: /* @__PURE__ */ jsxRuntime.jsx(Icon, {}) }) });
+});
+VefDynamicIcon.displayName = "VefDynamicIcon";
+
+exports.default = VefDynamicIcon;

package/cjs/vef-dynamic-icon/props.cjs

@@ -0,0 +1,9 @@
+"use strict";
+'use strict';
+
+var dynamicIconImports = require('lucide-react/dynamicIconImports');
+
+"use strict";
+const dynamicIconNames = new Set(Object.keys(dynamicIconImports));
+
+exports.dynamicIconNames = dynamicIconNames;

package/cjs/vef-empty/index.cjs

@@ -0,0 +1,42 @@
+"use strict";
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+var shared = require('@vef-framework/shared');
+var antd = require('antd');
+var react = require('react');
+
+"use strict";
+const { PRESENTED_IMAGE_DEFAULT, PRESENTED_IMAGE_SIMPLE } = antd.Empty;
+function VefEmpty({
+  icon,
+  iconStyle,
+  presetIcon = "default",
+  ...restProps
+}) {
+  const iconToUse = react.useMemo(() => {
+    if (shared.isNullish(icon)) {
+      return presetIcon === "default" ? PRESENTED_IMAGE_DEFAULT : PRESENTED_IMAGE_SIMPLE;
+    }
+    return icon;
+  }, [icon, presetIcon]);
+  const styles = react.useMemo(() => {
+    if (!shared.isNullish(iconStyle)) {
+      return {
+        image: iconStyle
+      };
+    }
+  }, [iconStyle]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    antd.Empty,
+    {
+      image: iconToUse,
+      styles,
+      ...restProps
+    }
+  );
+}
+
+exports.default = VefEmpty;

package/cjs/vef-empty/props.cjs

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

package/cjs/vef-empty-placeholder/index.cjs

@@ -0,0 +1,25 @@
+"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 index = require('../vef-empty/index.cjs');
+
+"use strict";
+const emptyPlaceholderStyle = react.css`
+  height: 100%;
+  padding: ${shared.themeVariables.paddingLg};
+  ${shared.styles.flexCenter}
+`;
+function VefEmptyPlaceholder({
+  className,
+  style,
+  ...restProps
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className, css: emptyPlaceholderStyle, style, children: /* @__PURE__ */ jsxRuntime.jsx(index.default, { ...restProps }) });
+}
+
+exports.default = VefEmptyPlaceholder;

package/cjs/vef-empty-placeholder/props.cjs

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