@scaleflex/ui-tw 0.0.102 → 0.0.104

package/command/command.component.js

@@ -30,7 +30,7 @@ import { cva } from 'class-variance-authority';
 import { Command as CommandPrimitive } from 'cmdk';
 import { useCommandState } from 'cmdk';
 import { CheckIcon, SearchIcon, UserCircle2Icon, XIcon } from 'lucide-react';
-import React, { useEffect, useRef } from 'react';
+import React from 'react';
 import { useCallback } from 'react';
 import { selectCommandHeadingOptions } from './command.utils';
 function Command(_ref) {
@@ -133,25 +133,7 @@ function CommandClear(_ref4) {
 function CommandList(_ref5) {
   var className = _ref5.className,
     props = _objectWithoutProperties(_ref5, _excluded5);
-  var listRef = useRef(null);
-  useEffect(function () {
-    var listNode = listRef.current;
-    if (!listNode) return;
-    var observer = new MutationObserver(function () {
-      listNode.scrollTo({
-        top: 0
-      });
-    });
-    observer.observe(listNode, {
-      childList: true,
-      subtree: true
-    });
-    return function () {
-      return observer.disconnect();
-    };
-  }, []);
   return /*#__PURE__*/React.createElement(CommandPrimitive.List, _extends({
-    ref: listRef,
     "data-slot": "command-list",
     className: cn('max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto', className)
   }, props));

package/context-menu/context-menu.component.d.ts

@@ -0,0 +1,26 @@
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import * as React from 'react';
+import { ComponentProps } from 'react';
+declare function ContextMenu({ ...props }: ComponentProps<typeof ContextMenuPrimitive.Root>): React.JSX.Element;
+declare function ContextMenuTrigger({ ...props }: ComponentProps<typeof ContextMenuPrimitive.Trigger>): React.JSX.Element;
+declare function ContextMenuGroup({ ...props }: ComponentProps<typeof ContextMenuPrimitive.Group>): React.JSX.Element;
+declare function ContextMenuPortal({ ...props }: ComponentProps<typeof ContextMenuPrimitive.Portal>): React.JSX.Element;
+declare function ContextMenuSub({ ...props }: ComponentProps<typeof ContextMenuPrimitive.Sub>): React.JSX.Element;
+declare function ContextMenuRadioGroup({ ...props }: ComponentProps<typeof ContextMenuPrimitive.RadioGroup>): React.JSX.Element;
+declare function ContextMenuSubTrigger({ className, inset, children, ...props }: ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): React.JSX.Element;
+declare function ContextMenuSubContent({ className, ...props }: ComponentProps<typeof ContextMenuPrimitive.SubContent>): React.JSX.Element;
+declare function ContextMenuContent({ className, ...props }: ComponentProps<typeof ContextMenuPrimitive.Content>): React.JSX.Element;
+declare function ContextMenuItem({ className, inset, variant, ...props }: ComponentProps<typeof ContextMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: 'default' | 'destructive';
+}): React.JSX.Element;
+declare function ContextMenuCheckboxItem({ className, children, checked, ...props }: ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>): React.JSX.Element;
+declare function ContextMenuRadioItem({ className, children, ...props }: ComponentProps<typeof ContextMenuPrimitive.RadioItem>): React.JSX.Element;
+declare function ContextMenuLabel({ className, inset, ...props }: ComponentProps<typeof ContextMenuPrimitive.Label> & {
+    inset?: boolean;
+}): React.JSX.Element;
+declare function ContextMenuSeparator({ className, ...props }: ComponentProps<typeof ContextMenuPrimitive.Separator>): React.JSX.Element;
+declare function ContextMenuShortcut({ className, ...props }: ComponentProps<'span'>): React.JSX.Element;
+export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuPortal, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuRadioGroup, };

package/context-menu/context-menu.component.js

@@ -0,0 +1,149 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
+import _extends from "@babel/runtime/helpers/extends";
+var _excluded = ["className", "inset", "children"],
+  _excluded2 = ["className"],
+  _excluded3 = ["className"],
+  _excluded4 = ["className", "inset", "variant"],
+  _excluded5 = ["className", "children", "checked"],
+  _excluded6 = ["className", "children"],
+  _excluded7 = ["className", "inset"],
+  _excluded8 = ["className"],
+  _excluded9 = ["className"];
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import { cn } from '@scaleflex/ui-tw/utils/cn';
+import { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react';
+import * as React from 'react';
+function ContextMenu(_ref) {
+  var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+  return /*#__PURE__*/React.createElement(ContextMenuPrimitive.Root, _extends({
+    "data-slot": "context-menu"
+  }, props));
+}
+function ContextMenuTrigger(_ref2) {
+  var props = _extends({}, (_objectDestructuringEmpty(_ref2), _ref2));
+  return /*#__PURE__*/React.createElement(ContextMenuPrimitive.Trigger, _extends({
+    "data-slot": "context-menu-trigger"
+  }, props));
+}
+function ContextMenuGroup(_ref3) {
+  var props = _extends({}, (_objectDestructuringEmpty(_ref3), _ref3));
+  return /*#__PURE__*/React.createElement(ContextMenuPrimitive.Group, _extends({
+    "data-slot": "context-menu-group"
+  }, props));
+}
+function ContextMenuPortal(_ref4) {
+  var props = _extends({}, (_objectDestructuringEmpty(_ref4), _ref4));
+  return /*#__PURE__*/React.createElement(ContextMenuPrimitive.Portal, _extends({
+    "data-slot": "context-menu-portal"
+  }, props));
+}
+function ContextMenuSub(_ref5) {
+  var props = _extends({}, (_objectDestructuringEmpty(_ref5), _ref5));
+  return /*#__PURE__*/React.createElement(ContextMenuPrimitive.Sub, _extends({
+    "data-slot": "context-menu-sub"
+  }, props));
+}
+function ContextMenuRadioGroup(_ref6) {
+  var props = _extends({}, (_objectDestructuringEmpty(_ref6), _ref6));
+  return /*#__PURE__*/React.createElement(ContextMenuPrimitive.RadioGroup, _extends({
+    "data-slot": "context-menu-radio-group"
+  }, props));
+}
+function ContextMenuSubTrigger(_ref7) {
+  var className = _ref7.className,
+    inset = _ref7.inset,
+    children = _ref7.children,
+    props = _objectWithoutProperties(_ref7, _excluded);
+  return /*#__PURE__*/React.createElement(ContextMenuPrimitive.SubTrigger, _extends({
+    "data-slot": "context-menu-sub-trigger",
+    "data-inset": inset,
+    className: cn("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className)
+  }, props), children, /*#__PURE__*/React.createElement(ChevronRightIcon, {
+    className: "ml-auto"
+  }));
+}
+function ContextMenuSubContent(_ref8) {
+  var className = _ref8.className,
+    props = _objectWithoutProperties(_ref8, _excluded2);
+  return /*#__PURE__*/React.createElement(ContextMenuPrimitive.SubContent, _extends({
+    "data-slot": "context-menu-sub-content",
+    className: cn('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 border-secondary z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg', className)
+  }, props));
+}
+function ContextMenuContent(_ref9) {
+  var className = _ref9.className,
+    props = _objectWithoutProperties(_ref9, _excluded3);
+  return /*#__PURE__*/React.createElement(ContextMenuPrimitive.Portal, null, /*#__PURE__*/React.createElement(ContextMenuPrimitive.Content, _extends({
+    "data-slot": "context-menu-content",
+    className: cn('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 border-secondary z-50 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md', className)
+  }, props)));
+}
+function ContextMenuItem(_ref10) {
+  var className = _ref10.className,
+    inset = _ref10.inset,
+    _ref10$variant = _ref10.variant,
+    variant = _ref10$variant === void 0 ? 'default' : _ref10$variant,
+    props = _objectWithoutProperties(_ref10, _excluded4);
+  return /*#__PURE__*/React.createElement(ContextMenuPrimitive.Item, _extends({
+    "data-slot": "context-menu-item",
+    "data-inset": inset,
+    "data-variant": variant,
+    className: cn("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className)
+  }, props));
+}
+function ContextMenuCheckboxItem(_ref11) {
+  var className = _ref11.className,
+    children = _ref11.children,
+    checked = _ref11.checked,
+    props = _objectWithoutProperties(_ref11, _excluded5);
+  return /*#__PURE__*/React.createElement(ContextMenuPrimitive.CheckboxItem, _extends({
+    "data-slot": "context-menu-checkbox-item",
+    className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+    checked: checked
+  }, props), /*#__PURE__*/React.createElement("span", {
+    className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center"
+  }, /*#__PURE__*/React.createElement(ContextMenuPrimitive.ItemIndicator, null, /*#__PURE__*/React.createElement(CheckIcon, {
+    className: "size-4"
+  }))), children);
+}
+function ContextMenuRadioItem(_ref12) {
+  var className = _ref12.className,
+    children = _ref12.children,
+    props = _objectWithoutProperties(_ref12, _excluded6);
+  return /*#__PURE__*/React.createElement(ContextMenuPrimitive.RadioItem, _extends({
+    "data-slot": "context-menu-radio-item",
+    className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className)
+  }, props), /*#__PURE__*/React.createElement("span", {
+    className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center"
+  }, /*#__PURE__*/React.createElement(ContextMenuPrimitive.ItemIndicator, null, /*#__PURE__*/React.createElement(CircleIcon, {
+    className: "size-2 fill-current"
+  }))), children);
+}
+function ContextMenuLabel(_ref13) {
+  var className = _ref13.className,
+    inset = _ref13.inset,
+    props = _objectWithoutProperties(_ref13, _excluded7);
+  return /*#__PURE__*/React.createElement(ContextMenuPrimitive.Label, _extends({
+    "data-slot": "context-menu-label",
+    "data-inset": inset,
+    className: cn('text-foreground px-2 py-1.5 text-sm font-medium data-[inset]:pl-8', className)
+  }, props));
+}
+function ContextMenuSeparator(_ref14) {
+  var className = _ref14.className,
+    props = _objectWithoutProperties(_ref14, _excluded8);
+  return /*#__PURE__*/React.createElement(ContextMenuPrimitive.Separator, _extends({
+    "data-slot": "context-menu-separator",
+    className: cn('bg-border -mx-1 my-1 h-px', className)
+  }, props));
+}
+function ContextMenuShortcut(_ref15) {
+  var className = _ref15.className,
+    props = _objectWithoutProperties(_ref15, _excluded9);
+  return /*#__PURE__*/React.createElement("span", _extends({
+    "data-slot": "context-menu-shortcut",
+    className: cn('text-muted-foreground ml-auto text-xs tracking-widest', className)
+  }, props));
+}
+export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuPortal, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuRadioGroup };

package/context-menu/index.d.ts

@@ -0,0 +1 @@
+export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuPortal, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuRadioGroup, } from './context-menu.component';

package/context-menu/index.js

@@ -0,0 +1 @@
+export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuPortal, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuRadioGroup } from './context-menu.component';

package/date-picker/date-picker.types.d.ts

@@ -24,4 +24,5 @@ export type DatePickerProps = {
     locale?: Locale;
     className?: string;
     id?: string;
+    autoFocus?: boolean;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scaleflex/ui-tw",
-  "version": "0.0.102",
+  "version": "0.0.104",
   "author": "scaleflex",
   "repository": "github:scaleflex/ui",
   "homepage": "https://github.com/scaleflex/ui/blob/master/README.md",
@@ -15,6 +15,7 @@
     "@popperjs/core": "^2.6.0",
     "@radix-ui/react-accordion": "^1.2.12",
     "@radix-ui/react-checkbox": "^1.3.2",
+    "@radix-ui/react-context-menu": "^2.2.16",
     "@radix-ui/react-dropdown-menu": "^2.1.15",
     "@radix-ui/react-label": "^2.1.6",
     "@radix-ui/react-popover": "^1.0.2",
@@ -24,7 +25,7 @@
     "@radix-ui/react-slot": "^1.1.2",
     "@radix-ui/react-switch": "^1.0.1",
     "@radix-ui/react-tooltip": "^1.2.6",
-    "@scaleflex/icons-tw": "^0.0.102",
+    "@scaleflex/icons-tw": "^0.0.104",
     "@tanstack/react-table": "^8.21.3",
     "@types/lodash.merge": "^4.6.9",
     "class-variance-authority": "^0.7.1",