@launchpad-ui/dropdown 0.2.8 → 0.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.es.js +25 -12
  2. package/dist/index.es.js.map +2 -2
  3. package/dist/index.js +29 -13
  4. package/dist/index.js.map +2 -2
  5. package/package.json +6 -6
package/dist/index.es.js CHANGED
@@ -5,6 +5,7 @@ import * as React from "react";
5
5
  import { Popover } from "@launchpad-ui/popover";
6
6
  import cx from "clsx";
7
7
  import { Children, cloneElement, useEffect, useRef, useState } from "react";
8
+ import { jsxs } from "react/jsx-runtime";
8
9
  var Dropdown = (props) => {
9
10
  const {
10
11
  placement,
@@ -71,7 +72,7 @@ var Dropdown = (props) => {
71
72
  };
72
73
  const popoverTargetClasses = cx("Dropdown-target", targetClassName);
73
74
  const popoverClasses = cx("Dropdown", popoverClassName);
74
- return /* @__PURE__ */ React.createElement(Popover, {
75
+ return /* @__PURE__ */ jsxs(Popover, {
75
76
  isOpen,
76
77
  placement,
77
78
  onInteraction: onInteraction || handlePopoverInteraction,
@@ -79,23 +80,35 @@ var Dropdown = (props) => {
79
80
  disabled,
80
81
  targetClassName: popoverTargetClasses,
81
82
  popoverClassName: popoverClasses,
82
- ...rest
83
- }, renderTrigger(), renderContent());
83
+ ...rest,
84
+ children: [
85
+ renderTrigger(),
86
+ renderContent()
87
+ ]
88
+ });
84
89
  };
85
90
 
86
91
  // src/DropdownButton.tsx
87
92
  import { Button } from "@launchpad-ui/button";
88
93
  import { ExpandMore, IconSize } from "@launchpad-ui/icons";
89
94
  import { forwardRef } from "react";
90
- var DropdownButton = forwardRef((props, ref) => {
91
- const { children, hideCaret, ...rest } = props;
92
- return /* @__PURE__ */ React.createElement(Button, {
93
- ...rest,
94
- ref
95
- }, children, " ", !hideCaret && /* @__PURE__ */ React.createElement(ExpandMore, {
96
- size: IconSize.SMALL
97
- }));
98
- });
95
+ import { jsx, jsxs as jsxs2 } from "react/jsx-runtime";
96
+ var DropdownButton = forwardRef(
97
+ (props, ref) => {
98
+ const { children, hideCaret, ...rest } = props;
99
+ return /* @__PURE__ */ jsxs2(Button, {
100
+ ...rest,
101
+ ref,
102
+ children: [
103
+ children,
104
+ " ",
105
+ !hideCaret && /* @__PURE__ */ jsx(ExpandMore, {
106
+ size: IconSize.SMALL
107
+ })
108
+ ]
109
+ });
110
+ }
111
+ );
99
112
  DropdownButton.displayName = "DropdownButton";
100
113
  export {
101
114
  Dropdown,
package/dist/index.es.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../scripts/react-shim.js", "../src/Dropdown.tsx", "../src/DropdownButton.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { PopoverProps } from '@launchpad-ui/popover';\n\nimport { Popover } from '@launchpad-ui/popover';\nimport cx from 'clsx';\nimport { Children, cloneElement, useEffect, useRef, useState } from 'react';\n\ntype DropdownState = {\n isOpen?: boolean;\n};\n\ntype DropdownProps<T extends string | object | number> = PopoverProps & {\n onSelect?: (item: T, stateChanges: DropdownState) => void;\n onStateChange?: (state: DropdownState) => void;\n};\n\nconst Dropdown = <T extends string | object | number>(props: DropdownProps<T>) => {\n const {\n placement,\n disabled,\n targetClassName,\n popoverClassName,\n isOpen: isOpenProp,\n onInteraction,\n onSelect,\n onStateChange,\n children,\n ...rest\n } = props;\n\n const triggerRef = useRef<HTMLElement>(null);\n const [isOpen, setIsOpen] = useState(isOpenProp ?? false);\n const [hasOpened, setHasOpened] = useState(isOpen);\n\n useEffect(() => {\n if (isOpenProp !== undefined) {\n setIsOpen(isOpenProp);\n }\n }, [isOpenProp]);\n\n useEffect(() => {\n // Focus the button upon closing for convenient tabbing\n if (hasOpened && isOpen === false) {\n setTimeout(() => {\n const current = triggerRef.current;\n if (!current) {\n return;\n }\n\n // If a dropdown menu item triggers a modal, we do not want to focus the trigger. Instead\n // we let the modal components control their own focus.\n // Note that this is not ideal since closing the modal will not cause the dropdown trigger\n // to regain focus.\n const hasModal = current.closest?.('.has-modal');\n\n !hasModal && current.focus?.();\n });\n }\n }, [isOpen, hasOpened]);\n\n useEffect(() => {\n setHasOpened(isOpen);\n onStateChange?.({ isOpen });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isOpen]);\n\n const renderTrigger = () => {\n return cloneElement(parseChildren().target, {\n 'aria-haspopup': true,\n 'aria-expanded': isOpen ? true : false,\n ref: triggerRef,\n isopen: isOpen?.toString(),\n });\n };\n\n const renderContent = () => {\n return cloneElement(parseChildren().content, {\n onSelect: handleSelect,\n });\n };\n\n const handleSelect = (item: T) => {\n setIsOpen(false);\n onSelect?.(item, { isOpen: false });\n };\n\n const handlePopoverInteraction = (nextIsOpen: boolean) => {\n setIsOpen(nextIsOpen);\n };\n\n const parseChildren = () => {\n const [targetChild, contentChild] = Children.toArray(children);\n return {\n target: targetChild as React.ReactElement,\n content: contentChild as React.ReactElement,\n };\n };\n\n const popoverTargetClasses = cx('Dropdown-target', targetClassName);\n const popoverClasses = cx('Dropdown', popoverClassName);\n\n return (\n <Popover\n isOpen={isOpen}\n placement={placement}\n onInteraction={onInteraction || handlePopoverInteraction}\n restrictHeight={false}\n disabled={disabled}\n targetClassName={popoverTargetClasses}\n popoverClassName={popoverClasses}\n {...rest}\n >\n {renderTrigger()}\n {renderContent()}\n </Popover>\n );\n};\n\nexport { Dropdown };\nexport type { DropdownProps };\n", "import type { ButtonKind, ButtonSize } from '@launchpad-ui/button';\n\nimport { Button } from '@launchpad-ui/button';\nimport { ExpandMore, IconSize } from '@launchpad-ui/icons';\nimport { forwardRef } from 'react';\n\ntype DropdownButtonProps = {\n hideCaret?: boolean;\n kind?: ButtonKind;\n size?: ButtonSize;\n className?: string;\n disabled?: boolean;\n children?: React.ReactNode;\n onClick?(v: React.MouseEvent): void;\n testId?: string;\n};\n\nconst DropdownButton = forwardRef<React.ElementRef<typeof Button>, DropdownButtonProps>(\n (props, ref) => {\n const { children, hideCaret, ...rest } = props;\n\n return (\n <Button {...rest} ref={ref}>\n {children} {!hideCaret && <ExpandMore size={IconSize.SMALL} />}\n </Button>\n );\n }\n);\n\nDropdownButton.displayName = 'DropdownButton';\n\nexport { DropdownButton };\nexport type { DropdownButtonProps };\n"],
5
- "mappings": ";AAAA;;;ACEA;AACA;AACA;AAWA,IAAM,WAAW,CAAqC,UAA4B;AAChF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,OACG;AAAA,MACD;AAEJ,QAAM,aAAa,OAAoB,IAAI;AAC3C,QAAM,CAAC,QAAQ,aAAa,SAAS,cAAc,KAAK;AACxD,QAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;AAEjD,YAAU,MAAM;AACd,QAAI,eAAe,QAAW;AAC5B,gBAAU,UAAU;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,UAAU,CAAC;AAEf,YAAU,MAAM;AAEd,QAAI,aAAa,WAAW,OAAO;AACjC,iBAAW,MAAM;AACf,cAAM,UAAU,WAAW;AAC3B,YAAI,CAAC,SAAS;AACZ;AAAA,QACF;AAMA,cAAM,WAAW,QAAQ,UAAU,YAAY;AAE/C,SAAC,YAAY,QAAQ,QAAQ;AAAA,MAC/B,CAAC;AAAA,IACH;AAAA,EACF,GAAG,CAAC,QAAQ,SAAS,CAAC;AAEtB,YAAU,MAAM;AACd,iBAAa,MAAM;AACnB,oBAAgB,EAAE,OAAO,CAAC;AAAA,EAE5B,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,gBAAgB,MAAM;AAC1B,WAAO,aAAa,cAAc,EAAE,QAAQ;AAAA,MAC1C,iBAAiB;AAAA,MACjB,iBAAiB,SAAS,OAAO;AAAA,MACjC,KAAK;AAAA,MACL,QAAQ,QAAQ,SAAS;AAAA,IAC3B,CAAC;AAAA,EACH;AAEA,QAAM,gBAAgB,MAAM;AAC1B,WAAO,aAAa,cAAc,EAAE,SAAS;AAAA,MAC3C,UAAU;AAAA,IACZ,CAAC;AAAA,EACH;AAEA,QAAM,eAAe,CAAC,SAAY;AAChC,cAAU,KAAK;AACf,eAAW,MAAM,EAAE,QAAQ,MAAM,CAAC;AAAA,EACpC;AAEA,QAAM,2BAA2B,CAAC,eAAwB;AACxD,cAAU,UAAU;AAAA,EACtB;AAEA,QAAM,gBAAgB,MAAM;AAC1B,UAAM,CAAC,aAAa,gBAAgB,SAAS,QAAQ,QAAQ;AAC7D,WAAO;AAAA,MACL,QAAQ;AAAA,MACR,SAAS;AAAA,IACX;AAAA,EACF;AAEA,QAAM,uBAAuB,GAAG,mBAAmB,eAAe;AAClE,QAAM,iBAAiB,GAAG,YAAY,gBAAgB;AAEtD,SACE,oCAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA,eAAe,iBAAiB;AAAA,IAChC,gBAAgB;AAAA,IAChB;AAAA,IACA,iBAAiB;AAAA,IACjB,kBAAkB;AAAA,IACjB,GAAG;AAAA,KAEH,cAAc,GACd,cAAc,CACjB;AAEJ;;;ACjHA;AACA;AACA;AAaA,IAAM,iBAAiB,WACrB,CAAC,OAAO,QAAQ;AACd,QAAM,EAAE,UAAU,cAAc,SAAS;AAEzC,SACE,oCAAC;AAAA,IAAQ,GAAG;AAAA,IAAM;AAAA,KACf,UAAS,KAAE,CAAC,aAAa,oCAAC;AAAA,IAAW,MAAM,SAAS;AAAA,GAAO,CAC9D;AAEJ,CACF;AAEA,eAAe,cAAc;",
6
- "names": []
5
+ "mappings": ";AAAA,YAAY,WAAW;;;ACEvB,SAAS,eAAe;AACxB,OAAO,QAAQ;AACf,SAAS,UAAU,cAAc,WAAW,QAAQ,gBAAgB;AAiGhE;AAtFJ,IAAM,WAAW,CAAqC,UAA4B;AAChF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,OACG;AAAA,EACL,IAAI;AAEJ,QAAM,aAAa,OAAoB,IAAI;AAC3C,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,cAAc,KAAK;AACxD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,MAAM;AAEjD,YAAU,MAAM;AACd,QAAI,eAAe,QAAW;AAC5B,gBAAU,UAAU;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,UAAU,CAAC;AAEf,YAAU,MAAM;AAEd,QAAI,aAAa,WAAW,OAAO;AACjC,iBAAW,MAAM;AACf,cAAM,UAAU,WAAW;AAC3B,YAAI,CAAC,SAAS;AACZ;AAAA,QACF;AAMA,cAAM,WAAW,QAAQ,UAAU,YAAY;AAE/C,SAAC,YAAY,QAAQ,QAAQ;AAAA,MAC/B,CAAC;AAAA,IACH;AAAA,EACF,GAAG,CAAC,QAAQ,SAAS,CAAC;AAEtB,YAAU,MAAM;AACd,iBAAa,MAAM;AACnB,oBAAgB,EAAE,OAAO,CAAC;AAAA,EAE5B,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,gBAAgB,MAAM;AAC1B,WAAO,aAAa,cAAc,EAAE,QAAQ;AAAA,MAC1C,iBAAiB;AAAA,MACjB,iBAAiB,SAAS,OAAO;AAAA,MACjC,KAAK;AAAA,MACL,QAAQ,QAAQ,SAAS;AAAA,IAC3B,CAAC;AAAA,EACH;AAEA,QAAM,gBAAgB,MAAM;AAC1B,WAAO,aAAa,cAAc,EAAE,SAAS;AAAA,MAC3C,UAAU;AAAA,IACZ,CAAC;AAAA,EACH;AAEA,QAAM,eAAe,CAAC,SAAY;AAChC,cAAU,KAAK;AACf,eAAW,MAAM,EAAE,QAAQ,MAAM,CAAC;AAAA,EACpC;AAEA,QAAM,2BAA2B,CAAC,eAAwB;AACxD,cAAU,UAAU;AAAA,EACtB;AAEA,QAAM,gBAAgB,MAAM;AAC1B,UAAM,CAAC,aAAa,YAAY,IAAI,SAAS,QAAQ,QAAQ;AAC7D,WAAO;AAAA,MACL,QAAQ;AAAA,MACR,SAAS;AAAA,IACX;AAAA,EACF;AAEA,QAAM,uBAAuB,GAAG,mBAAmB,eAAe;AAClE,QAAM,iBAAiB,GAAG,YAAY,gBAAgB;AAEtD,SACE,qBAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA,eAAe,iBAAiB;AAAA,IAChC,gBAAgB;AAAA,IAChB;AAAA,IACA,iBAAiB;AAAA,IACjB,kBAAkB;AAAA,IACjB,GAAG;AAAA,IAEH;AAAA,oBAAc;AAAA,MACd,cAAc;AAAA;AAAA,GACjB;AAEJ;;;ACjHA,SAAS,cAAc;AACvB,SAAS,YAAY,gBAAgB;AACrC,SAAS,kBAAkB;AAkBrB,SAC4B,KAD5B,QAAAA,aAAA;AALN,IAAM,iBAAiB;AAAA,EACrB,CAAC,OAAO,QAAQ;AACd,UAAM,EAAE,UAAU,cAAc,KAAK,IAAI;AAEzC,WACE,gBAAAA,MAAC;AAAA,MAAQ,GAAG;AAAA,MAAM;AAAA,MACf;AAAA;AAAA,QAAS;AAAA,QAAE,CAAC,aAAa,oBAAC;AAAA,UAAW,MAAM,SAAS;AAAA,SAAO;AAAA;AAAA,KAC9D;AAAA,EAEJ;AACF;AAEA,eAAe,cAAc;",
6
+ "names": ["jsxs"]
7
7
  }
package/dist/index.js CHANGED
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
17
17
  }
18
18
  return to;
19
19
  };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
+ mod
23
+ ));
21
24
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
22
25
 
23
26
  // src/index.ts
@@ -35,6 +38,7 @@ var React = __toESM(require("react"));
35
38
  var import_popover = require("@launchpad-ui/popover");
36
39
  var import_clsx = __toESM(require("clsx"));
37
40
  var import_react = require("react");
41
+ var import_jsx_runtime = require("react/jsx-runtime");
38
42
  var Dropdown = (props) => {
39
43
  const {
40
44
  placement,
@@ -101,7 +105,7 @@ var Dropdown = (props) => {
101
105
  };
102
106
  const popoverTargetClasses = (0, import_clsx.default)("Dropdown-target", targetClassName);
103
107
  const popoverClasses = (0, import_clsx.default)("Dropdown", popoverClassName);
104
- return /* @__PURE__ */ React.createElement(import_popover.Popover, {
108
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_popover.Popover, {
105
109
  isOpen,
106
110
  placement,
107
111
  onInteraction: onInteraction || handlePopoverInteraction,
@@ -109,23 +113,35 @@ var Dropdown = (props) => {
109
113
  disabled,
110
114
  targetClassName: popoverTargetClasses,
111
115
  popoverClassName: popoverClasses,
112
- ...rest
113
- }, renderTrigger(), renderContent());
116
+ ...rest,
117
+ children: [
118
+ renderTrigger(),
119
+ renderContent()
120
+ ]
121
+ });
114
122
  };
115
123
 
116
124
  // src/DropdownButton.tsx
117
125
  var import_button = require("@launchpad-ui/button");
118
126
  var import_icons = require("@launchpad-ui/icons");
119
127
  var import_react2 = require("react");
120
- var DropdownButton = (0, import_react2.forwardRef)((props, ref) => {
121
- const { children, hideCaret, ...rest } = props;
122
- return /* @__PURE__ */ React.createElement(import_button.Button, {
123
- ...rest,
124
- ref
125
- }, children, " ", !hideCaret && /* @__PURE__ */ React.createElement(import_icons.ExpandMore, {
126
- size: import_icons.IconSize.SMALL
127
- }));
128
- });
128
+ var import_jsx_runtime = require("react/jsx-runtime");
129
+ var DropdownButton = (0, import_react2.forwardRef)(
130
+ (props, ref) => {
131
+ const { children, hideCaret, ...rest } = props;
132
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_button.Button, {
133
+ ...rest,
134
+ ref,
135
+ children: [
136
+ children,
137
+ " ",
138
+ !hideCaret && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ExpandMore, {
139
+ size: import_icons.IconSize.SMALL
140
+ })
141
+ ]
142
+ });
143
+ }
144
+ );
129
145
  DropdownButton.displayName = "DropdownButton";
130
146
  // Annotate the CommonJS export names for ESM import in node:
131
147
  0 && (module.exports = {
package/dist/index.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../src/index.ts", "../../../scripts/react-shim.js", "../src/Dropdown.tsx", "../src/DropdownButton.tsx"],
4
4
  "sourcesContent": ["export type { DropdownProps } from './Dropdown';\nexport type { DropdownButtonProps } from './DropdownButton';\nexport { Dropdown } from './Dropdown';\nexport { DropdownButton } from './DropdownButton';\n", "import * as React from 'react';\nexport { React };\n", "import type { PopoverProps } from '@launchpad-ui/popover';\n\nimport { Popover } from '@launchpad-ui/popover';\nimport cx from 'clsx';\nimport { Children, cloneElement, useEffect, useRef, useState } from 'react';\n\ntype DropdownState = {\n isOpen?: boolean;\n};\n\ntype DropdownProps<T extends string | object | number> = PopoverProps & {\n onSelect?: (item: T, stateChanges: DropdownState) => void;\n onStateChange?: (state: DropdownState) => void;\n};\n\nconst Dropdown = <T extends string | object | number>(props: DropdownProps<T>) => {\n const {\n placement,\n disabled,\n targetClassName,\n popoverClassName,\n isOpen: isOpenProp,\n onInteraction,\n onSelect,\n onStateChange,\n children,\n ...rest\n } = props;\n\n const triggerRef = useRef<HTMLElement>(null);\n const [isOpen, setIsOpen] = useState(isOpenProp ?? false);\n const [hasOpened, setHasOpened] = useState(isOpen);\n\n useEffect(() => {\n if (isOpenProp !== undefined) {\n setIsOpen(isOpenProp);\n }\n }, [isOpenProp]);\n\n useEffect(() => {\n // Focus the button upon closing for convenient tabbing\n if (hasOpened && isOpen === false) {\n setTimeout(() => {\n const current = triggerRef.current;\n if (!current) {\n return;\n }\n\n // If a dropdown menu item triggers a modal, we do not want to focus the trigger. Instead\n // we let the modal components control their own focus.\n // Note that this is not ideal since closing the modal will not cause the dropdown trigger\n // to regain focus.\n const hasModal = current.closest?.('.has-modal');\n\n !hasModal && current.focus?.();\n });\n }\n }, [isOpen, hasOpened]);\n\n useEffect(() => {\n setHasOpened(isOpen);\n onStateChange?.({ isOpen });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isOpen]);\n\n const renderTrigger = () => {\n return cloneElement(parseChildren().target, {\n 'aria-haspopup': true,\n 'aria-expanded': isOpen ? true : false,\n ref: triggerRef,\n isopen: isOpen?.toString(),\n });\n };\n\n const renderContent = () => {\n return cloneElement(parseChildren().content, {\n onSelect: handleSelect,\n });\n };\n\n const handleSelect = (item: T) => {\n setIsOpen(false);\n onSelect?.(item, { isOpen: false });\n };\n\n const handlePopoverInteraction = (nextIsOpen: boolean) => {\n setIsOpen(nextIsOpen);\n };\n\n const parseChildren = () => {\n const [targetChild, contentChild] = Children.toArray(children);\n return {\n target: targetChild as React.ReactElement,\n content: contentChild as React.ReactElement,\n };\n };\n\n const popoverTargetClasses = cx('Dropdown-target', targetClassName);\n const popoverClasses = cx('Dropdown', popoverClassName);\n\n return (\n <Popover\n isOpen={isOpen}\n placement={placement}\n onInteraction={onInteraction || handlePopoverInteraction}\n restrictHeight={false}\n disabled={disabled}\n targetClassName={popoverTargetClasses}\n popoverClassName={popoverClasses}\n {...rest}\n >\n {renderTrigger()}\n {renderContent()}\n </Popover>\n );\n};\n\nexport { Dropdown };\nexport type { DropdownProps };\n", "import type { ButtonKind, ButtonSize } from '@launchpad-ui/button';\n\nimport { Button } from '@launchpad-ui/button';\nimport { ExpandMore, IconSize } from '@launchpad-ui/icons';\nimport { forwardRef } from 'react';\n\ntype DropdownButtonProps = {\n hideCaret?: boolean;\n kind?: ButtonKind;\n size?: ButtonSize;\n className?: string;\n disabled?: boolean;\n children?: React.ReactNode;\n onClick?(v: React.MouseEvent): void;\n testId?: string;\n};\n\nconst DropdownButton = forwardRef<React.ElementRef<typeof Button>, DropdownButtonProps>(\n (props, ref) => {\n const { children, hideCaret, ...rest } = props;\n\n return (\n <Button {...rest} ref={ref}>\n {children} {!hideCaret && <ExpandMore size={IconSize.SMALL} />}\n </Button>\n );\n }\n);\n\nDropdownButton.displayName = 'DropdownButton';\n\nexport { DropdownButton };\nexport type { DropdownButtonProps };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,YAAuB;;;ACEvB,qBAAwB;AACxB,kBAAe;AACf,mBAAoE;AAWpE,IAAM,WAAW,CAAqC,UAA4B;AAChF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,OACG;AAAA,MACD;AAEJ,QAAM,aAAa,yBAAoB,IAAI;AAC3C,QAAM,CAAC,QAAQ,aAAa,2BAAS,cAAc,KAAK;AACxD,QAAM,CAAC,WAAW,gBAAgB,2BAAS,MAAM;AAEjD,8BAAU,MAAM;AACd,QAAI,eAAe,QAAW;AAC5B,gBAAU,UAAU;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,UAAU,CAAC;AAEf,8BAAU,MAAM;AAEd,QAAI,aAAa,WAAW,OAAO;AACjC,iBAAW,MAAM;AACf,cAAM,UAAU,WAAW;AAC3B,YAAI,CAAC,SAAS;AACZ;AAAA,QACF;AAMA,cAAM,WAAW,QAAQ,UAAU,YAAY;AAE/C,SAAC,YAAY,QAAQ,QAAQ;AAAA,MAC/B,CAAC;AAAA,IACH;AAAA,EACF,GAAG,CAAC,QAAQ,SAAS,CAAC;AAEtB,8BAAU,MAAM;AACd,iBAAa,MAAM;AACnB,oBAAgB,EAAE,OAAO,CAAC;AAAA,EAE5B,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,gBAAgB,MAAM;AAC1B,WAAO,+BAAa,cAAc,EAAE,QAAQ;AAAA,MAC1C,iBAAiB;AAAA,MACjB,iBAAiB,SAAS,OAAO;AAAA,MACjC,KAAK;AAAA,MACL,QAAQ,QAAQ,SAAS;AAAA,IAC3B,CAAC;AAAA,EACH;AAEA,QAAM,gBAAgB,MAAM;AAC1B,WAAO,+BAAa,cAAc,EAAE,SAAS;AAAA,MAC3C,UAAU;AAAA,IACZ,CAAC;AAAA,EACH;AAEA,QAAM,eAAe,CAAC,SAAY;AAChC,cAAU,KAAK;AACf,eAAW,MAAM,EAAE,QAAQ,MAAM,CAAC;AAAA,EACpC;AAEA,QAAM,2BAA2B,CAAC,eAAwB;AACxD,cAAU,UAAU;AAAA,EACtB;AAEA,QAAM,gBAAgB,MAAM;AAC1B,UAAM,CAAC,aAAa,gBAAgB,sBAAS,QAAQ,QAAQ;AAC7D,WAAO;AAAA,MACL,QAAQ;AAAA,MACR,SAAS;AAAA,IACX;AAAA,EACF;AAEA,QAAM,uBAAuB,yBAAG,mBAAmB,eAAe;AAClE,QAAM,iBAAiB,yBAAG,YAAY,gBAAgB;AAEtD,SACE,oCAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA,eAAe,iBAAiB;AAAA,IAChC,gBAAgB;AAAA,IAChB;AAAA,IACA,iBAAiB;AAAA,IACjB,kBAAkB;AAAA,IACjB,GAAG;AAAA,KAEH,cAAc,GACd,cAAc,CACjB;AAEJ;;;ACjHA,oBAAuB;AACvB,mBAAqC;AACrC,oBAA2B;AAa3B,IAAM,iBAAiB,8BACrB,CAAC,OAAO,QAAQ;AACd,QAAM,EAAE,UAAU,cAAc,SAAS;AAEzC,SACE,oCAAC;AAAA,IAAQ,GAAG;AAAA,IAAM;AAAA,KACf,UAAS,KAAE,CAAC,aAAa,oCAAC;AAAA,IAAW,MAAM,sBAAS;AAAA,GAAO,CAC9D;AAEJ,CACF;AAEA,eAAe,cAAc;",
6
- "names": []
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,YAAuB;;;ACEvB,qBAAwB;AACxB,kBAAe;AACf,mBAAoE;AAiGhE;AAtFJ,IAAM,WAAW,CAAqC,UAA4B;AAChF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,OACG;AAAA,EACL,IAAI;AAEJ,QAAM,iBAAa,qBAAoB,IAAI;AAC3C,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAS,cAAc,KAAK;AACxD,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,MAAM;AAEjD,8BAAU,MAAM;AACd,QAAI,eAAe,QAAW;AAC5B,gBAAU,UAAU;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,UAAU,CAAC;AAEf,8BAAU,MAAM;AAEd,QAAI,aAAa,WAAW,OAAO;AACjC,iBAAW,MAAM;AACf,cAAM,UAAU,WAAW;AAC3B,YAAI,CAAC,SAAS;AACZ;AAAA,QACF;AAMA,cAAM,WAAW,QAAQ,UAAU,YAAY;AAE/C,SAAC,YAAY,QAAQ,QAAQ;AAAA,MAC/B,CAAC;AAAA,IACH;AAAA,EACF,GAAG,CAAC,QAAQ,SAAS,CAAC;AAEtB,8BAAU,MAAM;AACd,iBAAa,MAAM;AACnB,oBAAgB,EAAE,OAAO,CAAC;AAAA,EAE5B,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,gBAAgB,MAAM;AAC1B,eAAO,2BAAa,cAAc,EAAE,QAAQ;AAAA,MAC1C,iBAAiB;AAAA,MACjB,iBAAiB,SAAS,OAAO;AAAA,MACjC,KAAK;AAAA,MACL,QAAQ,QAAQ,SAAS;AAAA,IAC3B,CAAC;AAAA,EACH;AAEA,QAAM,gBAAgB,MAAM;AAC1B,eAAO,2BAAa,cAAc,EAAE,SAAS;AAAA,MAC3C,UAAU;AAAA,IACZ,CAAC;AAAA,EACH;AAEA,QAAM,eAAe,CAAC,SAAY;AAChC,cAAU,KAAK;AACf,eAAW,MAAM,EAAE,QAAQ,MAAM,CAAC;AAAA,EACpC;AAEA,QAAM,2BAA2B,CAAC,eAAwB;AACxD,cAAU,UAAU;AAAA,EACtB;AAEA,QAAM,gBAAgB,MAAM;AAC1B,UAAM,CAAC,aAAa,YAAY,IAAI,sBAAS,QAAQ,QAAQ;AAC7D,WAAO;AAAA,MACL,QAAQ;AAAA,MACR,SAAS;AAAA,IACX;AAAA,EACF;AAEA,QAAM,2BAAuB,YAAAA,SAAG,mBAAmB,eAAe;AAClE,QAAM,qBAAiB,YAAAA,SAAG,YAAY,gBAAgB;AAEtD,SACE,6CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA,eAAe,iBAAiB;AAAA,IAChC,gBAAgB;AAAA,IAChB;AAAA,IACA,iBAAiB;AAAA,IACjB,kBAAkB;AAAA,IACjB,GAAG;AAAA,IAEH;AAAA,oBAAc;AAAA,MACd,cAAc;AAAA;AAAA,GACjB;AAEJ;;;ACjHA,oBAAuB;AACvB,mBAAqC;AACrC,IAAAC,gBAA2B;AAkBrB;AALN,IAAM,qBAAiB;AAAA,EACrB,CAAC,OAAO,QAAQ;AACd,UAAM,EAAE,UAAU,cAAc,KAAK,IAAI;AAEzC,WACE,6CAAC;AAAA,MAAQ,GAAG;AAAA,MAAM;AAAA,MACf;AAAA;AAAA,QAAS;AAAA,QAAE,CAAC,aAAa,4CAAC;AAAA,UAAW,MAAM,sBAAS;AAAA,SAAO;AAAA;AAAA,KAC9D;AAAA,EAEJ;AACF;AAEA,eAAe,cAAc;",
6
+ "names": ["cx", "import_react"]
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@launchpad-ui/dropdown",
3
- "version": "0.2.8",
3
+ "version": "0.3.1",
4
4
  "status": "beta",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -25,15 +25,15 @@
25
25
  },
26
26
  "source": "src/index.ts",
27
27
  "dependencies": {
28
- "@launchpad-ui/button": "~0.3.2",
29
- "@launchpad-ui/icons": "~0.2.4",
30
- "@launchpad-ui/popover": "~0.5.6",
28
+ "@launchpad-ui/button": "~0.4.0",
29
+ "@launchpad-ui/icons": "~0.3.1",
30
+ "@launchpad-ui/popover": "~0.6.1",
31
31
  "@launchpad-ui/tokens": "~0.1.5",
32
32
  "clsx": "^1.2.0"
33
33
  },
34
34
  "peerDependencies": {
35
- "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
36
- "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
35
+ "react": "^18.0.0",
36
+ "react-dom": "^18.0.0"
37
37
  },
38
38
  "devDependencies": {
39
39
  "react": "^18.2.0",