@basic-ui/core 0.0.54 → 0.0.57

package/build/esm/ComboBox/ComboboxPopover.d.ts

@@ -1,9 +1,9 @@
-import type { ElementType, FocusEventHandler, HTMLAttributes, KeyboardEventHandler, ReactNode } from 'react';
-export interface ComboboxPopoverProps extends HTMLAttributes<HTMLDivElement> {
-    as?: ElementType<any>;
-    innerAs?: ElementType<any>;
-    onBlur?: FocusEventHandler<HTMLDivElement>;
-    onKeyDown?: KeyboardEventHandler<HTMLDivElement>;
-    children?: ReactNode;
-}
-export declare const ComboboxPopover: import("react").ForwardRefExoticComponent<ComboboxPopoverProps & import("react").RefAttributes<HTMLDivElement>>;
+import type { ElementType, FocusEventHandler, HTMLAttributes, KeyboardEventHandler, ReactNode } from 'react';
+export interface ComboboxPopoverProps extends HTMLAttributes<HTMLDivElement> {
+    as?: ElementType<any>;
+    innerAs?: ElementType<any>;
+    onBlur?: FocusEventHandler<HTMLDivElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLDivElement>;
+    children?: ReactNode;
+}
+export declare const ComboboxPopover: import("react").ForwardRefExoticComponent<ComboboxPopoverProps & import("react").RefAttributes<HTMLDivElement>>;

package/build/esm/ComboBox/ComboboxPopover.js

@@ -1,44 +1,45 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["onKeyDown", "onBlur", "as", "innerAs"];
 import { forwardRef } from 'react';
 import { useKeyDown, useBlur } from './hooks';
 import { wrapEvent } from '../utils/wrap-event';
 import { assignMultipleRefs } from '../utils/assign-ref';
 import { useComboBoxContext } from './context';
 import { jsx as _jsx } from "react/jsx-runtime";
-export var ComboboxPopover = /*#__PURE__*/forwardRef(function ComboboxPopover(_ref, forwardedRef) {
-  var onKeyDown = _ref.onKeyDown,
-      onBlur = _ref.onBlur,
-      _ref$as = _ref.as,
-      Comp = _ref$as === void 0 ? 'div' : _ref$as,
-      innerAs = _ref.innerAs,
-      props = _objectWithoutProperties(_ref, _excluded);
+export const ComboboxPopover = /*#__PURE__*/forwardRef(function ComboboxPopover(_ref, forwardedRef) {
+  let {
+    // wrapped events
+    onKeyDown,
+    onBlur,
+    as: Comp = 'div',
+    innerAs,
+    ...props
+  } = _ref;
+  const {
+    popoverRef,
+    isVisible
+  } = useComboBoxContext();
+  const handleKeyDown = useKeyDown();
+  const handleBlur = useBlur();
 
-  var _useComboBoxContext = useComboBoxContext(),
-      popoverRef = _useComboBoxContext.popoverRef,
-      isVisible = _useComboBoxContext.isVisible;
-
-  var handleKeyDown = useKeyDown();
-  var handleBlur = useBlur(); // Instead of conditionally rendering the popover we use the `hidden` prop
+  // Instead of conditionally rendering the popover we use the `hidden` prop
   // because we don't want to unmount on close (from escape or onSelect).  If
   // we unmounted, then we'd lose the optionsRef and the user wouldn't be able
   // to use the arrow keys to pop the list back open. However, the developer
   // can conditionally render the ComboboxPopover if they do want to cause
   // mount/unmount based on the app's own data (like results.length or
   // whatever).
-
-  var hidden = !isVisible;
-  return /*#__PURE__*/_jsx(Comp, _extends(_extends({}, props), {}, {
+  const hidden = !isVisible;
+  return /*#__PURE__*/_jsx(Comp, {
+    ...props,
     as: innerAs,
     "data-reach-combobox-popover": "",
     ref: assignMultipleRefs(popoverRef, forwardedRef),
     onKeyDown: wrapEvent(onKeyDown, handleKeyDown),
     onBlur: wrapEvent(onBlur, handleBlur),
-    hidden: hidden // Allow the user to click empty space inside the popover without causing
+    hidden: hidden
+    // Allow the user to click empty space inside the popover without causing
     // to close from useBlur
     ,
     tabIndex: "-1"
-  }));
+  });
 });
 //# sourceMappingURL=ComboboxPopover.js.map

package/build/esm/ComboBox/ComboboxPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxPopover.js","names":["forwardRef","useKeyDown","useBlur","wrapEvent","assignMultipleRefs","useComboBoxContext","ComboboxPopover","forwardedRef","onKeyDown","onBlur","as","Comp","innerAs","props","popoverRef","isVisible","handleKeyDown","handleBlur","hidden"],"sources":["../../../src/ComboBox/ComboboxPopover.tsx"],"sourcesContent":["import type {\r\n  ElementType,\r\n  FocusEventHandler,\r\n  HTMLAttributes,\r\n  KeyboardEventHandler,\r\n  ReactNode,\r\n} from 'react';\r\nimport { forwardRef } from 'react';\r\n\r\nimport { useKeyDown, useBlur } from './hooks';\r\nimport { wrapEvent } from '../utils/wrap-event';\r\nimport { assignMultipleRefs } from '../utils/assign-ref';\r\nimport { useComboBoxContext } from './context';\r\n\r\nexport interface ComboboxPopoverProps extends HTMLAttributes<HTMLDivElement> {\r\n  as?: ElementType<any>;\r\n  innerAs?: ElementType<any>;\r\n  onBlur?: FocusEventHandler<HTMLDivElement>;\r\n  onKeyDown?: KeyboardEventHandler<HTMLDivElement>;\r\n  children?: ReactNode;\r\n}\r\n\r\nexport const ComboboxPopover = forwardRef<HTMLDivElement, ComboboxPopoverProps>(\r\n  function ComboboxPopover(\r\n    {\r\n      // wrapped events\r\n      onKeyDown,\r\n      onBlur,\r\n\r\n      as: Comp = 'div',\r\n      innerAs,\r\n      ...props\r\n    },\r\n    forwardedRef\r\n  ) {\r\n    const { popoverRef, isVisible } = useComboBoxContext();\r\n    const handleKeyDown = useKeyDown();\r\n    const handleBlur = useBlur();\r\n\r\n    // Instead of conditionally rendering the popover we use the `hidden` prop\r\n    // because we don't want to unmount on close (from escape or onSelect).  If\r\n    // we unmounted, then we'd lose the optionsRef and the user wouldn't be able\r\n    // to use the arrow keys to pop the list back open. However, the developer\r\n    // can conditionally render the ComboboxPopover if they do want to cause\r\n    // mount/unmount based on the app's own data (like results.length or\r\n    // whatever).\r\n    const hidden = !isVisible;\r\n\r\n    return (\r\n      <Comp\r\n        {...props}\r\n        as={innerAs}\r\n        data-reach-combobox-popover=\"\"\r\n        ref={assignMultipleRefs(popoverRef, forwardedRef)}\r\n        onKeyDown={wrapEvent(onKeyDown, handleKeyDown)}\r\n        onBlur={wrapEvent(onBlur, handleBlur)}\r\n        hidden={hidden}\r\n        // Allow the user to click empty space inside the popover without causing\r\n        // to close from useBlur\r\n        tabIndex=\"-1\"\r\n      />\r\n    );\r\n  }\r\n);\r\n"],"mappings":";;;AAOA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,UAAT,EAAqBC,OAArB,QAAoC,SAApC;AACA,SAASC,SAAT,QAA0B,qBAA1B;AACA,SAASC,kBAAT,QAAmC,qBAAnC;AACA,SAASC,kBAAT,QAAmC,WAAnC;;AAUA,OAAO,IAAMC,eAAe,gBAAGN,UAAU,CACvC,SAASM,eAAT,OAUEC,YAVF,EAWE;EAAA,IAREC,SAQF,QAREA,SAQF;EAAA,IAPEC,MAOF,QAPEA,MAOF;EAAA,mBALEC,EAKF;EAAA,IALMC,IAKN,wBALa,KAKb;EAAA,IAJEC,OAIF,QAJEA,OAIF;EAAA,IAHKC,KAGL;;EACA,0BAAkCR,kBAAkB,EAApD;EAAA,IAAQS,UAAR,uBAAQA,UAAR;EAAA,IAAoBC,SAApB,uBAAoBA,SAApB;;EACA,IAAMC,aAAa,GAAGf,UAAU,EAAhC;EACA,IAAMgB,UAAU,GAAGf,OAAO,EAA1B,CAHA,CAKA;EACA;EACA;EACA;EACA;EACA;EACA;;EACA,IAAMgB,MAAM,GAAG,CAACH,SAAhB;EAEA,oBACE,KAAC,IAAD,wBACMF,KADN;IAEE,EAAE,EAAED,OAFN;IAGE,+BAA4B,EAH9B;IAIE,GAAG,EAAER,kBAAkB,CAACU,UAAD,EAAaP,YAAb,CAJzB;IAKE,SAAS,EAAEJ,SAAS,CAACK,SAAD,EAAYQ,aAAZ,CALtB;IAME,MAAM,EAAEb,SAAS,CAACM,MAAD,EAASQ,UAAT,CANnB;IAOE,MAAM,EAAEC,MAPV,CAQE;IACA;IATF;IAUE,QAAQ,EAAC;EAVX,GADF;AAcD,CAxCsC,CAAlC"}
+{"version":3,"file":"ComboboxPopover.js","names":["forwardRef","useKeyDown","useBlur","wrapEvent","assignMultipleRefs","useComboBoxContext","jsx","_jsx","ComboboxPopover","_ref","forwardedRef","onKeyDown","onBlur","as","Comp","innerAs","props","popoverRef","isVisible","handleKeyDown","handleBlur","hidden","ref","tabIndex"],"sources":["../../../src/ComboBox/ComboboxPopover.tsx"],"sourcesContent":["import type {\n  ElementType,\n  FocusEventHandler,\n  HTMLAttributes,\n  KeyboardEventHandler,\n  ReactNode,\n} from 'react';\nimport { forwardRef } from 'react';\n\nimport { useKeyDown, useBlur } from './hooks';\nimport { wrapEvent } from '../utils/wrap-event';\nimport { assignMultipleRefs } from '../utils/assign-ref';\nimport { useComboBoxContext } from './context';\n\nexport interface ComboboxPopoverProps extends HTMLAttributes<HTMLDivElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  onBlur?: FocusEventHandler<HTMLDivElement>;\n  onKeyDown?: KeyboardEventHandler<HTMLDivElement>;\n  children?: ReactNode;\n}\n\nexport const ComboboxPopover = forwardRef<HTMLDivElement, ComboboxPopoverProps>(\n  function ComboboxPopover(\n    {\n      // wrapped events\n      onKeyDown,\n      onBlur,\n\n      as: Comp = 'div',\n      innerAs,\n      ...props\n    },\n    forwardedRef\n  ) {\n    const { popoverRef, isVisible } = useComboBoxContext();\n    const handleKeyDown = useKeyDown();\n    const handleBlur = useBlur();\n\n    // Instead of conditionally rendering the popover we use the `hidden` prop\n    // because we don't want to unmount on close (from escape or onSelect).  If\n    // we unmounted, then we'd lose the optionsRef and the user wouldn't be able\n    // to use the arrow keys to pop the list back open. However, the developer\n    // can conditionally render the ComboboxPopover if they do want to cause\n    // mount/unmount based on the app's own data (like results.length or\n    // whatever).\n    const hidden = !isVisible;\n\n    return (\n      <Comp\n        {...props}\n        as={innerAs}\n        data-reach-combobox-popover=\"\"\n        ref={assignMultipleRefs(popoverRef, forwardedRef)}\n        onKeyDown={wrapEvent(onKeyDown, handleKeyDown)}\n        onBlur={wrapEvent(onBlur, handleBlur)}\n        hidden={hidden}\n        // Allow the user to click empty space inside the popover without causing\n        // to close from useBlur\n        tabIndex=\"-1\"\n      />\n    );\n  }\n);\n"],"mappings":"AAOA,SAASA,UAAU,QAAQ,OAAO;AAElC,SAASC,UAAU,EAAEC,OAAO,QAAQ,SAAS;AAC7C,SAASC,SAAS,QAAQ,qBAAqB;AAC/C,SAASC,kBAAkB,QAAQ,qBAAqB;AACxD,SAASC,kBAAkB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAU/C,OAAO,MAAMC,eAAe,gBAAGR,UAAU,CACvC,SAASQ,eAAeA,CAAAC,IAAA,EAUtBC,YAAY,EACZ;EAAA,IAVA;IACE;IACAC,SAAS;IACTC,MAAM;IAENC,EAAE,EAAEC,IAAI,GAAG,KAAK;IAChBC,OAAO;IACP,GAAGC;EACL,CAAC,GAAAP,IAAA;EAGD,MAAM;IAAEQ,UAAU;IAAEC;EAAU,CAAC,GAAGb,kBAAkB,CAAC,CAAC;EACtD,MAAMc,aAAa,GAAGlB,UAAU,CAAC,CAAC;EAClC,MAAMmB,UAAU,GAAGlB,OAAO,CAAC,CAAC;;EAE5B;EACA;EACA;EACA;EACA;EACA;EACA;EACA,MAAMmB,MAAM,GAAG,CAACH,SAAS;EAEzB,oBACEX,IAAA,CAACO,IAAI;IAAA,GACCE,KAAK;IACTH,EAAE,EAAEE,OAAQ;IACZ,+BAA4B,EAAE;IAC9BO,GAAG,EAAElB,kBAAkB,CAACa,UAAU,EAAEP,YAAY,CAAE;IAClDC,SAAS,EAAER,SAAS,CAACQ,SAAS,EAAEQ,aAAa,CAAE;IAC/CP,MAAM,EAAET,SAAS,CAACS,MAAM,EAAEQ,UAAU,CAAE;IACtCC,MAAM,EAAEA;IACR;IACA;IAAA;IACAE,QAAQ,EAAC;EAAI,CACd,CAAC;AAEN,CACF,CAAC","ignoreList":[]}

package/build/esm/ComboBox/cities.d.ts

@@ -1,5 +1,5 @@
-declare const _default: {
-    city: string;
-    state: string;
-}[];
-export default _default;
+declare const _default: {
+    city: string;
+    state: string;
+}[];
+export default _default;