@economic/taco 1.14.3 → 1.15.1

package/dist/taco.cjs.development.js

@@ -4112,43 +4112,6 @@ const Calendar$1 = /*#__PURE__*/React.forwardRef(function Calendar(props, ref) {
   })));
 });
 
-const Content$2 = /*#__PURE__*/React.forwardRef(function CardContent(externalProps, ref) {
-  const {
-    noPadding,
-    ...props
-  } = externalProps;
-  const className = cn('flex-grow overflow-auto', {
-    'mx-4 mb-4': !noPadding
-  }, props.className);
-  return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
-    className: className,
-    ref: ref
-  }));
-});
-const Card = /*#__PURE__*/React.forwardRef(function Card(props, ref) {
-  const {
-    title,
-    menu,
-    children
-  } = props;
-  const className = cn('bg-white flex flex-col rounded-xl shadow-[0px_0px_1px_rgba(0,0,0,0.1),0px_6px_18px_rgba(47,51,68,0.2)]', props.className);
-  return /*#__PURE__*/React.createElement("div", {
-    className: className,
-    "data-taco": "card",
-    ref: ref
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "mx-4 mt-4 mb-2 flex"
-  }, title && /*#__PURE__*/React.createElement("h4", {
-    className: "mb-0 flex-grow text-left"
-  }, title), menu ? /*#__PURE__*/React.createElement(IconButton, {
-    icon: "ellipsis-horizontal",
-    appearance: "discrete",
-    menu: menu,
-    className: "-mt-[4px]"
-  }) : null), children);
-});
-Card.Content = Content$2;
-
 const Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(props, ref) {
   const {
     checked,
@@ -4194,9 +4157,10 @@ const Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(props, ref) {
   return element;
 });
 
-const useProxiedRef = ref => {
-  const internalRef = React.useRef(null);
-  React.useEffect(() => {
+// merges an external ref (optional) with an internal ref (required)
+const useMergedRef = ref => {
+  const internalRef = React__default.useRef(null);
+  React__default.useEffect(() => {
     if (ref) {
       if (typeof ref === 'function') {
         ref(internalRef.current);
@@ -4239,7 +4203,7 @@ const Input = /*#__PURE__*/React.forwardRef(function Input(props, ref) {
     autoFocus,
     ...otherProps
   } = props;
-  const inputRef = useProxiedRef(ref);
+  const inputRef = useMergedRef(ref);
   const hasContainer = button || icon;
   const className = cn(getInputClasses(props), 'min-h-[theme(spacing.8)] pointer-events-all', {
     'pr-8': !!hasContainer
@@ -4393,7 +4357,7 @@ const ScrollableList = /*#__PURE__*/React.forwardRef(function ScrollableList(pro
     allOptionsSelected = false,
     ...otherProps
   } = props;
-  const listRef = useProxiedRef(ref);
+  const listRef = useMergedRef(ref);
   const itemRefs = React.useMemo(() => data.map(() => /*#__PURE__*/React.createRef()), [data]);
   const {
     texts
@@ -4692,7 +4656,7 @@ const useCombobox = ({
   value,
   ...props
 }, ref) => {
-  const inputRef = useProxiedRef(ref);
+  const inputRef = useMergedRef(ref);
   const buttonRef = React.useRef(null);
   const listRef = React.useRef(null);
   const [open, setOpen] = React.useState(false);
@@ -5101,7 +5065,7 @@ const useDatepicker = ({
   value,
   ...props
 }, ref) => {
-  const inputRef = useProxiedRef(ref);
+  const inputRef = useMergedRef(ref);
   const {
     formatting
   } = useLocalization();
@@ -5226,7 +5190,7 @@ const RenderPropWrapper = /*#__PURE__*/React.forwardRef(function RenderPropWrapp
     ref
   });
 });
-const Content$3 = /*#__PURE__*/React.forwardRef(function PopoverContent(props, ref) {
+const Content$2 = /*#__PURE__*/React.forwardRef(function PopoverContent(props, ref) {
   const {
     placement: side,
     ...popoverContentProps
@@ -5257,7 +5221,10 @@ const Close$1 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React
 const Popover = /*#__PURE__*/React.forwardRef(function Popover(props, ref) {
   const {
     children,
+    defaultOpen,
     modal = false,
+    open,
+    onChange,
     trigger,
     ...otherProps
   } = props;
@@ -5268,11 +5235,14 @@ const Popover = /*#__PURE__*/React.forwardRef(function Popover(props, ref) {
   return /*#__PURE__*/React.createElement(PopoverContext.Provider, {
     value: context
   }, /*#__PURE__*/React.createElement(PopoverPrimitive.Root, {
-    modal: modal
+    defaultOpen: defaultOpen,
+    modal: modal,
+    open: open,
+    onOpenChange: onChange
   }, trigger && /*#__PURE__*/React.createElement(Trigger$2, null, trigger), children));
 });
 Popover.Trigger = Trigger$2;
-Popover.Content = Content$3;
+Popover.Content = Content$2;
 Popover.Close = Close$1;
 Popover.Portal = PopoverPrimitive.Portal;
 
@@ -5441,9 +5411,9 @@ const RenderPropWrapper$1 = /*#__PURE__*/React.forwardRef(function RenderPropWra
     ...renderProps
   });
 });
-const Content$4 = /*#__PURE__*/React.forwardRef(function DialogContent(props, ref) {
+const Content$3 = /*#__PURE__*/React.forwardRef(function DialogContent(props, ref) {
   const dialog = useCurrentDialog();
-  const internalRef = useProxiedRef(ref);
+  const internalRef = useMergedRef(ref);
   const {
     position,
     handleProps: dragHandleProps
@@ -5609,7 +5579,7 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(props, ref) {
   }, trigger && /*#__PURE__*/React.createElement(Trigger$3, null, trigger), children));
 });
 Dialog.Trigger = Trigger$3;
-Dialog.Content = Content$4;
+Dialog.Content = Content$3;
 Dialog.Title = Title$1;
 Dialog.Footer = Footer$1;
 Dialog.Extra = Extra;
@@ -5703,7 +5673,7 @@ const Title$2 = /*#__PURE__*/React.forwardRef(function DialogTitle(props, ref) {
     ref: ref
   }));
 });
-const Content$5 = /*#__PURE__*/React.forwardRef(function HangerContent(props, ref) {
+const Content$4 = /*#__PURE__*/React.forwardRef(function HangerContent(props, ref) {
   const {
     placement: side
   } = props;
@@ -5762,7 +5732,7 @@ const Hanger = /*#__PURE__*/React.forwardRef(function Hanger(props, ref) {
   }, anchor && /*#__PURE__*/React.createElement(Anchor, null, anchor), children));
 });
 Hanger.Anchor = Anchor;
-Hanger.Content = Content$5;
+Hanger.Content = Content$4;
 Hanger.Title = Title$2;
 
 const UnstyledArrow$1 = /*#__PURE__*/React.forwardRef(function HoverCardArrow(props, ref) {
@@ -5793,7 +5763,7 @@ const Trigger$4 = /*#__PURE__*/React.forwardRef(function HoverCardTrigger(props,
     ref: ref
   }));
 });
-const Content$6 = /*#__PURE__*/React.forwardRef(function HoverCardContent(props, ref) {
+const Content$5 = /*#__PURE__*/React.forwardRef(function HoverCardContent(props, ref) {
   const {
     placement: side
   } = props;
@@ -5814,7 +5784,7 @@ const HoverCard = props => {
   }));
 };
 HoverCard.Trigger = Trigger$4;
-HoverCard.Content = Content$6;
+HoverCard.Content = Content$5;
 
 const SearchInput = /*#__PURE__*/React.forwardRef(function SearchInput({
   onSearch,
@@ -5890,7 +5860,7 @@ const useListbox = ({
     value: emptyValue
   }, ...externalData] : externalData);
   const id = React.useMemo(() => nativeId || uuid.v4(), [nativeId]);
-  const inputRef = useProxiedRef(ref);
+  const inputRef = useMergedRef(ref);
   const currentIndex = value !== undefined ? getIndexFromValue(data, value) : undefined;
   const {
     getNextIndex
@@ -6011,7 +5981,7 @@ const useMultiListbox = ({
     texts
   } = useLocalization();
   const id = React.useMemo(() => nativeId || uuid.v4(), [nativeId]);
-  const inputRef = useProxiedRef(ref);
+  const inputRef = useMergedRef(ref);
   const data = React.useMemo(() => {
     return [{
       text: texts.listbox.allOption,
@@ -6213,8 +6183,8 @@ const useCurrentMenu = () => {
   return React.useContext(MenuContext);
 };
 
-const Content$7 = /*#__PURE__*/React.forwardRef(function MenuContent(props, ref) {
-  const internalRef = useProxiedRef(ref);
+const Content$6 = /*#__PURE__*/React.forwardRef(function MenuContent(props, ref) {
+  const internalRef = useMergedRef(ref);
   const menu = useCurrentMenu();
   const {
     children,
@@ -6347,7 +6317,7 @@ const Link = /*#__PURE__*/React.forwardRef(function MenuLink(props, ref) {
 
 const Trigger$5 = /*#__PURE__*/React.forwardRef(function MenuTrigger(props, ref) {
   const menu = useCurrentMenu();
-  const internalRef = useProxiedRef(ref);
+  const internalRef = useMergedRef(ref);
   React.useEffect(() => {
     if (internalRef.current) {
       menu === null || menu === void 0 ? void 0 : menu.setMinWidth(internalRef.current.getBoundingClientRect().width);
@@ -6570,7 +6540,7 @@ const Menu$1 = /*#__PURE__*/React.forwardRef(function Menu(externalProps, ref) {
   }, trigger), children));
 });
 Menu$1.Trigger = Trigger$5;
-Menu$1.Content = Content$7;
+Menu$1.Content = Content$6;
 Menu$1.Item = Item$1;
 Menu$1.Link = Link;
 Menu$1.Checkbox = Checkbox$1;
@@ -6685,7 +6655,7 @@ const Item$2 = /*#__PURE__*/React__default.forwardRef(function Item(props, ref)
     role,
     ...otherProps
   } = props;
-  const proxyRef = useProxiedRef(ref);
+  const proxyRef = useMergedRef(ref);
   const [isDraggedOver, dropTargetProps] = useDropTarget(onDrop);
   const isTreeitem = role === 'treeitem';
   const className = cn('yt-navigation__item cursor-pointer', {
@@ -6844,7 +6814,7 @@ const useSelect = ({
     texts
   } = useLocalization();
   const flattenedData = useFlattenedData(data);
-  const listboxInputRef = useProxiedRef(ref);
+  const listboxInputRef = useMergedRef(ref);
   const [open, setOpen] = React.useState(false);
   const id = React.useMemo(() => nativeId || `select_${uuid.v4()}`, [nativeId]);
   const inputRef = React.useRef(null);
@@ -7260,21 +7230,6 @@ const useId = nativeId => {
   return React__default.useMemo(() => nativeId !== null && nativeId !== void 0 ? nativeId : uuid.v4(), []);
 };
 
-// merges an external ref (optional) with an internal ref (required)
-const useMergedRef = ref => {
-  const internalRef = React__default.useRef(null);
-  React__default.useEffect(() => {
-    if (ref) {
-      if (typeof ref === 'function') {
-        ref(internalRef.current);
-      } else {
-        ref.current = internalRef.current;
-      }
-    }
-  }, [ref]);
-  return internalRef;
-};
-
 const isAriaSelectionKey = event => {
   if (event.key === 'Enter' || event.key === ' ' || event.key === 'Tab') {
     return true;
@@ -9475,8 +9430,7 @@ const useTable = (props, ref) => {
     columns,
     data,
     initialState: {
-      // eslint-disable-next-line
-      // @ts-ignore: not sure how to type this correctly right now
+      // @ts-expect-error: not sure how to type this correctly right now
       sortBy: getInternalSortRules(sortRules) || defaultSortRules,
       pageSize: !disablePagination ? pageSize : undefined,
       pageIndex: !disablePagination ? pageIndex : undefined
@@ -9680,7 +9634,7 @@ const Column = ({
 
 const DefaultEmptyState = () => null;
 const BaseTable = /*#__PURE__*/React__default.forwardRef(function BaseTable(props, ref) {
-  const tableRef = useProxiedRef(ref);
+  const tableRef = useMergedRef(ref);
   const {
     autoFocus,
     children,
@@ -9724,7 +9678,7 @@ const Table = /*#__PURE__*/React__default.forwardRef(function Table(props, ref)
     emptyStateRenderer = DefaultEmptyState,
     ...otherProps
   } = props;
-  const tableRef = useProxiedRef(ref);
+  const tableRef = useMergedRef(ref);
   const {
     rowProps,
     tableProps,
@@ -9826,7 +9780,7 @@ const getAverageRowHeight = (rowHeights = {}) => {
   return estimatedHeight / keys.length;
 };
 const WindowedTable = /*#__PURE__*/React__default.forwardRef(function WindowedTable(props, ref) {
-  const tableRef = useProxiedRef(ref);
+  const tableRef = useMergedRef(ref);
   const {
     emptyStateRenderer = DefaultEmptyState,
     length,
@@ -10331,6 +10285,43 @@ const useOnClickOutside = (ref, callback) => {
   }, [ref, callback]);
 };
 
+const Content$7 = /*#__PURE__*/React.forwardRef(function CardContent(externalProps, ref) {
+  const {
+    noPadding,
+    ...props
+  } = externalProps;
+  const className = cn('flex-grow overflow-auto', {
+    'mx-4 mb-4': !noPadding
+  }, props.className);
+  return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
+    className: className,
+    ref: ref
+  }));
+});
+const Card = /*#__PURE__*/React.forwardRef(function Card(props, ref) {
+  const {
+    title,
+    menu,
+    children
+  } = props;
+  const className = cn('bg-white flex flex-col rounded-xl shadow-[0px_0px_1px_rgba(0,0,0,0.1),0px_6px_18px_rgba(47,51,68,0.2)]', props.className);
+  return /*#__PURE__*/React.createElement("div", {
+    className: className,
+    "data-taco": "card",
+    ref: ref
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "mx-4 mt-4 mb-2 flex"
+  }, title && /*#__PURE__*/React.createElement("h4", {
+    className: "mb-0 flex-grow text-left"
+  }, title), menu ? /*#__PURE__*/React.createElement(IconButton, {
+    icon: "ellipsis-horizontal",
+    appearance: "discrete",
+    menu: menu,
+    className: "-mt-[4px]"
+  }) : null), children);
+});
+Card.Content = Content$7;
+
 exports.Accordion = Accordion;
 exports.AlertDialog = AlertDialog;
 exports.Backdrop = Backdrop;