fix(combobox/combobox-primitive): fix multiselect example and ref merge bug

[andioneto]

Description

Continuation of PR 2119 from @shleewhite.

Fix useMultiSelectPrimitive examples

Issue

A customer reported that our multiple selection example is not working as expected.

Cause

Downshift does not automatically "reset" the useCombobox selected item state. The just-selected, then removed, item cannot be selected again immediately after because it is still set as the currently selected Item.

Fix

Manually reset the selected item state for the multiple selection examples.

Fix ref errors reported in console

Issue

We were seeing console.error statements indicating that the ref properties from various prop getters were not being correctly passed to indented components. This was specifically happening for the controlled component whenever we passed our combobox its state via our state property.

Cause

We are currently conditionally using a "default" state for the combobox, by allowing our customers to pass in their own state that matches the API specifications of our component and the managing hook. Due to internal implementation details of the useCombobox hook, this caused the observed side effects.

Fix

Remove default hook render if state property is received by the component.

Summary of changes:

• manually set selectedItem to null after selection in multi primitive storybook
• conditionally render the combobox with default state or with consumer-provided state
• update website docs examples for: pill form, combobox component, combobox primitives
• add missing lodash types

[changeset-bot]

🦋 Changeset detected

Latest commit: 070a0c4

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 2 packages

Name	Type
@twilio-paste/combobox	Patch
@twilio-paste/core	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[netlify]

✔️ Deploy Preview for paste-docs ready!

🔨 Explore the source changes: 070a0c4

🔍 Inspect the deploy log: https://app.netlify.com/sites/paste-docs/deploys/62043712f9cb6a0008849759

😎 Browse the preview: https://deploy-preview-2155--paste-docs.netlify.app

[github-actions]

Size Change: +2.26 kB (0%)

Total Size: 463 kB

Filename	Size	Change
packages/paste-core/components/combobox/dist/index.js	12.4 kB	+2.26 kB (+22%)	🚨

ℹ️ View Unchanged

Filename	Size
./packages/paste-icons/cjs/AgentIcon.js	1.33 kB
./packages/paste-icons/cjs/ArrowBackIcon.js	1.08 kB
./packages/paste-icons/cjs/ArrowDownIcon.js	1.08 kB
./packages/paste-icons/cjs/ArrowForwardIcon.js	1.08 kB
./packages/paste-icons/cjs/ArrowUpIcon.js	1.1 kB
./packages/paste-icons/cjs/AttachIcon.js	1.23 kB
./packages/paste-icons/cjs/AttachmentIcon.js	1.14 kB
./packages/paste-icons/cjs/BoldIcon.js	1.29 kB
./packages/paste-icons/cjs/BuiltInIcon.js	1.12 kB
./packages/paste-icons/cjs/CalendarIcon.js	1.17 kB
./packages/paste-icons/cjs/ChatIcon.js	1.2 kB
./packages/paste-icons/cjs/CheckboxCheckIcon.js	992 B
./packages/paste-icons/cjs/CheckboxLineIcon.js	941 B
./packages/paste-icons/cjs/CheckmarkCircleIcon.js	1.07 kB
./packages/paste-icons/cjs/ChevronDisclosureCollapsedIcon.js	1.01 kB
./packages/paste-icons/cjs/ChevronDisclosureExpandedIcon.js	1.01 kB
./packages/paste-icons/cjs/ChevronDisclosureIcon.js	1 kB
./packages/paste-icons/cjs/ChevronDoubleLeftIcon.js	1.03 kB
./packages/paste-icons/cjs/ChevronDoubleRightIcon.js	1.05 kB
./packages/paste-icons/cjs/ChevronDownIcon.js	975 B
./packages/paste-icons/cjs/ChevronExpandIcon.js	1.02 kB
./packages/paste-icons/cjs/ChevronLeftIcon.js	973 B
./packages/paste-icons/cjs/ChevronRightIcon.js	975 B
./packages/paste-icons/cjs/ChevronUpIcon.js	972 B
./packages/paste-icons/cjs/CloseIcon.js	977 B
./packages/paste-icons/cjs/ColorPickerIcon.js	1.21 kB
./packages/paste-icons/cjs/ConnectivityAvailableIcon.js	901 B
./packages/paste-icons/cjs/ConnectivityBusyIcon.js	899 B
./packages/paste-icons/cjs/ConnectivityOfflineIcon.js	948 B
./packages/paste-icons/cjs/ConnectivityUnavailableIcon.js	904 B
./packages/paste-icons/cjs/CopyIcon.js	1.19 kB
./packages/paste-icons/cjs/CreditCardIcon.js	1.01 kB
./packages/paste-icons/cjs/CustomIcon.js	1.27 kB
./packages/paste-icons/cjs/DarkModeIcon.js	1.04 kB
./packages/paste-icons/cjs/DataBarChartIcon.js	1.03 kB
./packages/paste-icons/cjs/DataLineChartIcon.js	1.04 kB
./packages/paste-icons/cjs/DataPieChartIcon.js	1.03 kB
./packages/paste-icons/cjs/DataTableIcon.js	1.03 kB
./packages/paste-icons/cjs/DeleteIcon.js	1.16 kB
./packages/paste-icons/cjs/DownloadIcon.js	1.02 kB
./packages/paste-icons/cjs/EditIcon.js	1.16 kB
./packages/paste-icons/cjs/ElasticSIPTrunkingCapableIcon.js	1.46 kB
./packages/paste-icons/cjs/ErrorIcon.js	1.06 kB
./packages/paste-icons/cjs/ExpandIcon.js	1.14 kB
./packages/paste-icons/cjs/ExportIcon.js	1.02 kB
./packages/paste-icons/cjs/FaxCapableIcon.js	1.32 kB
./packages/paste-icons/cjs/FileIcon.js	1.02 kB
./packages/paste-icons/cjs/FilterIcon.js	929 B
./packages/paste-icons/cjs/helpers/IconWrapper.js	703 B
./packages/paste-icons/cjs/HideIcon.js	1.39 kB
./packages/paste-icons/cjs/HistoryIcon.js	1.08 kB
./packages/paste-icons/cjs/InformationIcon.js	974 B
./packages/paste-icons/cjs/ItalicIcon.js	1.02 kB
./packages/paste-icons/cjs/LightModeIcon.js	1.16 kB
./packages/paste-icons/cjs/LinkExternalIcon.js	1.08 kB
./packages/paste-icons/cjs/LinkIcon.js	1.22 kB
./packages/paste-icons/cjs/LoadingIcon.js	1.29 kB
./packages/paste-icons/cjs/LogoTwilioIcon.js	1.03 kB
./packages/paste-icons/cjs/LowerHandIcon.js	1.51 kB
./packages/paste-icons/cjs/MicrophoneOffIcon.js	1.3 kB
./packages/paste-icons/cjs/MicrophoneOnIcon.js	1.12 kB
./packages/paste-icons/cjs/MinusIcon.js	979 B
./packages/paste-icons/cjs/MMSCapableIcon.js	1.26 kB
./packages/paste-icons/cjs/MoreIcon.js	942 B
./packages/paste-icons/cjs/NeutralIcon.js	1.2 kB
./packages/paste-icons/cjs/NewIcon.js	1.28 kB
./packages/paste-icons/cjs/OrderedListIcon.js	1.24 kB
./packages/paste-icons/cjs/PauseIcon.js	1.01 kB
./packages/paste-icons/cjs/PinIcon.js	1.21 kB
./packages/paste-icons/cjs/PlayIcon.js	1.03 kB
./packages/paste-icons/cjs/PlusIcon.js	948 B
./packages/paste-icons/cjs/ProcessDisabledIcon.js	979 B
./packages/paste-icons/cjs/ProcessDraftIcon.js	1.25 kB
./packages/paste-icons/cjs/ProcessErrorIcon.js	968 B
./packages/paste-icons/cjs/ProcessInProgressIcon.js	990 B
./packages/paste-icons/cjs/ProcessNeutralIcon.js	982 B
./packages/paste-icons/cjs/ProcessSuccessIcon.js	898 B
./packages/paste-icons/cjs/ProcessWarningIcon.js	1.01 kB
./packages/paste-icons/cjs/ProductAddOnsIcon.js	1.38 kB
./packages/paste-icons/cjs/ProductAdminAccessControlIcon.js	1.6 kB
./packages/paste-icons/cjs/ProductAdminAccountsIcon.js	1.11 kB
./packages/paste-icons/cjs/ProductAdminDomainsIcon.js	1.85 kB
./packages/paste-icons/cjs/ProductAdminResoldCustomersIcon.js	1.41 kB
./packages/paste-icons/cjs/ProductAdminSSOIcon.js	1.59 kB
./packages/paste-icons/cjs/ProductAdminUsersIcon.js	1.49 kB
./packages/paste-icons/cjs/ProductAlarmsIcon.js	1.3 kB
./packages/paste-icons/cjs/ProductAPIExplorerIcon.js	1.27 kB
./packages/paste-icons/cjs/ProductAssetsIcon.js	1.07 kB
./packages/paste-icons/cjs/ProductAuthyIcon.js	1.22 kB
./packages/paste-icons/cjs/ProductAutopilotIcon.js	1.43 kB
./packages/paste-icons/cjs/ProductBillingIcon.js	1.32 kB
./packages/paste-icons/cjs/ProductChannelsIcon.js	1.05 kB
./packages/paste-icons/cjs/ProductChatIcon.js	1.16 kB
./packages/paste-icons/cjs/ProductCLIIcon.js	1.1 kB
./packages/paste-icons/cjs/ProductCodeExchangeCommunityIcon.js	1.75 kB
./packages/paste-icons/cjs/ProductCodeExchangePartnerIcon.js	1.66 kB
./packages/paste-icons/cjs/ProductConnectedDevicesIcon.js	1.53 kB
./packages/paste-icons/cjs/ProductConversationsIcon.js	1.23 kB
./packages/paste-icons/cjs/ProductDebuggerIcon.js	1.45 kB
./packages/paste-icons/cjs/ProductElasticSIPTrunkingIcon.js	1.46 kB
./packages/paste-icons/cjs/ProductEmailAPIIcon.js	1.09 kB
./packages/paste-icons/cjs/ProductEngagementIntelligencePlatformIcon.js	1.26 kB
./packages/paste-icons/cjs/ProductEventStreamsIcon.js	1.32 kB
./packages/paste-icons/cjs/ProductFaxIcon.js	1.34 kB
./packages/paste-icons/cjs/ProductFlexIcon.js	1.09 kB
./packages/paste-icons/cjs/ProductFrontlineIcon.js	1.09 kB
./packages/paste-icons/cjs/ProductFunctionsIcon.js	1.22 kB
./packages/paste-icons/cjs/ProductHomeIcon.js	1.08 kB
./packages/paste-icons/cjs/ProductInsightsIcon.js	1.37 kB
./packages/paste-icons/cjs/ProductInterconnectIcon.js	1.09 kB
./packages/paste-icons/cjs/ProductInternetOfThingsEmbeddedSIMIcon.js	1.13 kB
./packages/paste-icons/cjs/ProductInternetOfThingsIcon.js	1.15 kB
./packages/paste-icons/cjs/ProductInternetOfThingsNarrowbandIcon.js	1.28 kB
./packages/paste-icons/cjs/ProductInternetOfThingsSuperSIMIcon.js	1.32 kB
./packages/paste-icons/cjs/ProductInternetOfThingsTrustOnboardIcon.js	1.35 kB
./packages/paste-icons/cjs/ProductInternetOfThingsWirelessIcon.js	1.24 kB
./packages/paste-icons/cjs/ProductKeysIcon.js	1.44 kB
./packages/paste-icons/cjs/ProductLiveIcon.js	1.25 kB
./packages/paste-icons/cjs/ProductLogsIcon.js	1.28 kB
./packages/paste-icons/cjs/ProductLookupIcon.js	1.02 kB
./packages/paste-icons/cjs/ProductMarketingCampaignsIcon.js	1.15 kB
./packages/paste-icons/cjs/ProductMessagingIcon.js	1.12 kB
./packages/paste-icons/cjs/ProductMicrovisorIcon.js	1.28 kB
./packages/paste-icons/cjs/ProductNotifyIcon.js	1.23 kB
./packages/paste-icons/cjs/ProductPhoneNumbersIcon.js	1.23 kB
./packages/paste-icons/cjs/ProductProxyIcon.js	1.29 kB
./packages/paste-icons/cjs/ProductRegionalIcon.js	1.81 kB
./packages/paste-icons/cjs/ProductSDKIcon.js	1.18 kB
./packages/paste-icons/cjs/ProductSegmentIcon.js	1.24 kB
./packages/paste-icons/cjs/ProductSettingsIcon.js	1.58 kB
./packages/paste-icons/cjs/ProductStudioIcon.js	1.03 kB
./packages/paste-icons/cjs/ProductSupportIcon.js	1.1 kB
./packages/paste-icons/cjs/ProductSyncIcon.js	1.26 kB
./packages/paste-icons/cjs/ProductTaskRouterIcon.js	1.07 kB
./packages/paste-icons/cjs/ProductTrustHubIcon.js	1.3 kB
./packages/paste-icons/cjs/ProductTwilioOrgIcon.js	1.3 kB
./packages/paste-icons/cjs/ProductTwiMLBinsIcon.js	1.01 kB
./packages/paste-icons/cjs/ProductUsageIcon.js	1.47 kB
./packages/paste-icons/cjs/ProductVerifyIcon.js	1.21 kB
./packages/paste-icons/cjs/ProductVideoIcon.js	1.12 kB
./packages/paste-icons/cjs/ProductVoiceIcon.js	1.33 kB
./packages/paste-icons/cjs/RaiseHandIcon.js	2.21 kB
./packages/paste-icons/cjs/ScreenShareIcon.js	1.07 kB
./packages/paste-icons/cjs/SearchIcon.js	983 B
./packages/paste-icons/cjs/SendIcon.js	1.14 kB
./packages/paste-icons/cjs/ShowIcon.js	1.26 kB
./packages/paste-icons/cjs/ShrinkIcon.js	1.18 kB
./packages/paste-icons/cjs/SkipBackIcon.js	1.09 kB
./packages/paste-icons/cjs/SkipForwardIcon.js	1.1 kB
./packages/paste-icons/cjs/SMSCapableIcon.js	1.04 kB
./packages/paste-icons/cjs/StopScreenShareIcon.js	1.05 kB
./packages/paste-icons/cjs/StrikethroughIcon.js	1.22 kB
./packages/paste-icons/cjs/SuccessIcon.js	1 kB
./packages/paste-icons/cjs/SupportIcon.js	1.11 kB
./packages/paste-icons/cjs/TextFormatIcon.js	1.09 kB
./packages/paste-icons/cjs/ThemeIcon.js	1.37 kB
./packages/paste-icons/cjs/ThumbsDownIcon.js	1.68 kB
./packages/paste-icons/cjs/ThumbsUpIcon.js	1.67 kB
./packages/paste-icons/cjs/UnderlineIcon.js	1.07 kB
./packages/paste-icons/cjs/UnorderedListIcon.js	1.02 kB
./packages/paste-icons/cjs/UnpinIcon.js	1.08 kB
./packages/paste-icons/cjs/UnsortedIcon.js	1.09 kB
./packages/paste-icons/cjs/UploadToCloudIcon.js	1.46 kB
./packages/paste-icons/cjs/UserIcon.js	998 B
./packages/paste-icons/cjs/VideoOffIcon.js	1.21 kB
./packages/paste-icons/cjs/VideoOnIcon.js	1.15 kB
./packages/paste-icons/cjs/VoiceCapableIcon.js	1.25 kB
./packages/paste-icons/cjs/VolumeOffIcon.js	1.26 kB
./packages/paste-icons/cjs/VolumeOnIcon.js	1.36 kB
./packages/paste-icons/cjs/WarningIcon.js	1.11 kB
packages/paste-color-contrast-utils/dist/index.js	12.8 kB
packages/paste-core/components/alert-dialog/dist/index.js	1.68 kB
packages/paste-core/components/alert/dist/index.js	1.28 kB
packages/paste-core/components/anchor/dist/index.js	1.43 kB
packages/paste-core/components/avatar/dist/index.js	1.55 kB
packages/paste-core/components/badge/dist/index.js	1.41 kB
packages/paste-core/components/base-radio-checkbox/dist/index.js	1.25 kB
packages/paste-core/components/breadcrumb/dist/index.js	1.17 kB
packages/paste-core/components/button/dist/index.js	4.8 kB
packages/paste-core/components/card/dist/index.js	791 B
packages/paste-core/components/checkbox/dist/index.js	2.26 kB
packages/paste-core/components/data-grid/dist/index.js	3.42 kB
packages/paste-core/components/date-picker/dist/index.js	6.65 kB
packages/paste-core/components/disclosure/dist/index.js	2.08 kB
packages/paste-core/components/display-pill-group/dist/index.js	973 B
packages/paste-core/components/form-pill-group/dist/index.js	1.52 kB
packages/paste-core/components/form/dist/index.js	497 B
packages/paste-core/components/heading/dist/index.js	941 B
packages/paste-core/components/help-text/dist/index.js	939 B
packages/paste-core/components/inline-control-group/dist/index.js	1.05 kB
packages/paste-core/components/input-box/dist/index.js	1.84 kB
packages/paste-core/components/input/dist/index.js	1.47 kB
packages/paste-core/components/label/dist/index.js	1.23 kB
packages/paste-core/components/list/dist/index.js	1.02 kB
packages/paste-core/components/menu/dist/index.js	1.95 kB
packages/paste-core/components/modal/dist/index.js	2.48 kB
packages/paste-core/components/pagination/dist/index.js	2.97 kB
packages/paste-core/components/paragraph/dist/index.js	704 B
packages/paste-core/components/popover/dist/index.js	1.57 kB
packages/paste-core/components/radio-group/dist/index.js	1.56 kB
packages/paste-core/components/screen-reader-only/dist/index.js	707 B
packages/paste-core/components/select/dist/index.js	1.6 kB
packages/paste-core/components/separator/dist/index.js	818 B
packages/paste-core/components/skeleton-loader/dist/index.js	1.09 kB
packages/paste-core/components/spinner/dist/index.js	1.21 kB
packages/paste-core/components/table/dist/index.js	1.7 kB
packages/paste-core/components/tabs/dist/index.js	2.07 kB
packages/paste-core/components/textarea/dist/index.js	3.72 kB
packages/paste-core/components/time-picker/dist/index.js	6.67 kB
packages/paste-core/components/toast/dist/index.js	2.67 kB
packages/paste-core/components/tooltip/dist/index.js	1.16 kB
packages/paste-core/components/truncate/dist/index.js	659 B
packages/paste-core/core-bundle/dist/alert-dialog.js	210 B
packages/paste-core/core-bundle/dist/alert.js	194 B
packages/paste-core/core-bundle/dist/anchor.js	197 B
packages/paste-core/core-bundle/dist/animation-library.js	211 B
packages/paste-core/core-bundle/dist/aspect-ratio.js	205 B
packages/paste-core/core-bundle/dist/avatar.js	200 B
packages/paste-core/core-bundle/dist/badge.js	199 B
packages/paste-core/core-bundle/dist/base-radio-checkbox.js	218 B
packages/paste-core/core-bundle/dist/box.js	195 B
packages/paste-core/core-bundle/dist/breadcrumb.js	204 B
packages/paste-core/core-bundle/dist/button.js	201 B
packages/paste-core/core-bundle/dist/card.js	199 B
packages/paste-core/core-bundle/dist/checkbox.js	201 B
packages/paste-core/core-bundle/dist/clipboard-copy-library.js	219 B
packages/paste-core/core-bundle/dist/color-contrast-utils.js	219 B
packages/paste-core/core-bundle/dist/combobox-primitive.js	213 B
packages/paste-core/core-bundle/dist/combobox.js	203 B
packages/paste-core/core-bundle/dist/customization.js	206 B
packages/paste-core/core-bundle/dist/data-grid.js	204 B
packages/paste-core/core-bundle/dist/date-picker.js	205 B
packages/paste-core/core-bundle/dist/design-tokens.js	209 B
packages/paste-core/core-bundle/dist/disclosure-primitive.js	213 B
packages/paste-core/core-bundle/dist/disclosure.js	204 B
packages/paste-core/core-bundle/dist/display-pill-group.js	217 B
packages/paste-core/core-bundle/dist/dropdown-library.js	211 B
packages/paste-core/core-bundle/dist/flex.js	196 B
packages/paste-core/core-bundle/dist/form-pill-group.js	215 B
packages/paste-core/core-bundle/dist/form.js	197 B
packages/paste-core/core-bundle/dist/grid.js	196 B
packages/paste-core/core-bundle/dist/heading.js	199 B
packages/paste-core/core-bundle/dist/help-text.js	204 B
packages/paste-core/core-bundle/dist/index.js	1.19 kB
packages/paste-core/core-bundle/dist/inline-control-group.js	218 B
packages/paste-core/core-bundle/dist/input-box.js	206 B
packages/paste-core/core-bundle/dist/input.js	200 B
packages/paste-core/core-bundle/dist/label.js	196 B
packages/paste-core/core-bundle/dist/list.js	195 B
packages/paste-core/core-bundle/dist/media-object.js	202 B
packages/paste-core/core-bundle/dist/menu-primitive.js	210 B
packages/paste-core/core-bundle/dist/menu.js	196 B
packages/paste-core/core-bundle/dist/modal-dialog-primitive.js	219 B
packages/paste-core/core-bundle/dist/modal.js	196 B
packages/paste-core/core-bundle/dist/non-modal-dialog-primitive.js	224 B
packages/paste-core/core-bundle/dist/pagination.js	199 B
packages/paste-core/core-bundle/dist/paragraph.js	202 B
packages/paste-core/core-bundle/dist/popover.js	201 B
packages/paste-core/core-bundle/dist/radio-group.js	208 B
packages/paste-core/core-bundle/dist/reakit-library.js	211 B
packages/paste-core/core-bundle/dist/screen-reader-only.js	214 B
packages/paste-core/core-bundle/dist/select.js	197 B
packages/paste-core/core-bundle/dist/separator.js	199 B
packages/paste-core/core-bundle/dist/sibling-box.js	206 B
packages/paste-core/core-bundle/dist/skeleton-loader.js	211 B
packages/paste-core/core-bundle/dist/spinner.js	198 B
packages/paste-core/core-bundle/dist/stack.js	200 B
packages/paste-core/core-bundle/dist/style-props.js	202 B
packages/paste-core/core-bundle/dist/styling-library.js	210 B
packages/paste-core/core-bundle/dist/table.js	195 B
packages/paste-core/core-bundle/dist/tabs-primitive.js	210 B
packages/paste-core/core-bundle/dist/tabs.js	196 B
packages/paste-core/core-bundle/dist/text.js	195 B
packages/paste-core/core-bundle/dist/textarea.js	198 B
packages/paste-core/core-bundle/dist/theme.js	196 B
packages/paste-core/core-bundle/dist/time-picker.js	206 B
packages/paste-core/core-bundle/dist/toast.js	195 B
packages/paste-core/core-bundle/dist/tooltip-primitive.js	212 B
packages/paste-core/core-bundle/dist/tooltip.js	198 B
packages/paste-core/core-bundle/dist/truncate.js	198 B
packages/paste-core/core-bundle/dist/types.js	196 B
packages/paste-core/core-bundle/dist/uid-library.js	208 B
packages/paste-core/core-bundle/dist/utils.js	200 B
packages/paste-core/layout/aspect-ratio/dist/index.js	801 B
packages/paste-core/layout/flex/dist/index.js	1.85 kB
packages/paste-core/layout/grid/dist/index.js	1.69 kB
packages/paste-core/layout/media-object/dist/index.js	1.03 kB
packages/paste-core/layout/stack/dist/index.js	1.07 kB
packages/paste-core/primitives/box/dist/index.js	2.52 kB
packages/paste-core/primitives/combobox/dist/index.js	421 B
packages/paste-core/primitives/disclosure/dist/index.js	411 B
packages/paste-core/primitives/menu/dist/index.js	460 B
packages/paste-core/primitives/modal-dialog/dist/index.js	15.6 kB
packages/paste-core/primitives/non-modal-dialog/dist/index.js	430 B
packages/paste-core/primitives/sibling-box/dist/index.js	1.12 kB
packages/paste-core/primitives/tabs/dist/index.js	413 B
packages/paste-core/primitives/text/dist/index.js	2.15 kB
packages/paste-core/primitives/tooltip/dist/index.js	420 B
packages/paste-customization/dist/index.js	1.58 kB
packages/paste-design-tokens/dist/themes/dark/tokens.common.js	3.44 kB
packages/paste-design-tokens/dist/themes/sendgrid/tokens.common.js	3.37 kB
packages/paste-design-tokens/dist/tokens.common.js	4.03 kB
packages/paste-libraries/animation/dist/index.js	17.9 kB
packages/paste-libraries/clipboard-copy/dist/index.js	1.2 kB
packages/paste-libraries/dropdown/dist/index.js	19.2 kB
packages/paste-libraries/reakit/dist/index.js	32.4 kB
packages/paste-libraries/styling/dist/index.js	20.5 kB
packages/paste-libraries/uid/dist/index.js	1.56 kB
packages/paste-style-props/dist/index.js	4.24 kB
packages/paste-theme/dist/index.js	2.96 kB
packages/paste-types/dist/index.js	20 B
packages/paste-utils/dist/index.js	1.6 kB

_{compressed-size-action}

[netlify]

✔️ Deploy Preview for paste-theme-designer ready!

🔨 Explore the source changes: 070a0c4

🔍 Inspect the deploy log: https://app.netlify.com/sites/paste-theme-designer/deploys/620437127dcf470008ade498

😎 Browse the preview: https://deploy-preview-2155--paste-theme-designer.netlify.app

[shleewhite]

LGTM! Just need to update the website examples to match the latest changes in the storybook file.

[cypress]

---

Test summary

31 • 0 • 0 • 0 • 0

---

Run details

Project	Paste
Status	Passed
Commit	17f5ab4 ℹ️
Started	Feb 10, 2022 12:14 AM
Ended	Feb 10, 2022 12:22 AM
Duration	07:57 💡
OS	Linux Ubuntu - 20.04
Browser	Electron 94

View run in Cypress Dashboard ➡️

---

This comment has been generated by cypress-bot as a result of this project's GitHub integration settings. You can manage this integration in this project's settings in the Cypress Dashboard

[netlify]

Comment has been resolved by Andi Oneto

A reviewer left a comment:

Something is going wrong with the example on the website- when I choose from the combobox, the UI for it disappears and an error shows up. Trying to investigate it now.

Browser metadata

Path:      /primitives/combobox-primitive/
Browser:   Chrome 97.0.4692.99 on Mac OS 10.15.7
Viewport:  1519 x 885 @2x
Language:  en-US
Cookies:   Enabled

Open in BrowserStack

Open Deploy Preview · Mark as Unresolved

[gloriliale]

oh my find about the website example might be bc of this that @shleewhite had said?

LGTM! Just need to update the website examples to match the latest changes in the storybook file.

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 070a0c4:

Sandbox	Source
@twilio-paste/nextjs-template	Configuration

[andioneto]

@SiTaggart @TheSisb Here are some additional resources on "merging" props like refs and event handlers:

• Article that goes in depth on how the getters work and how to merge props from downshift with dev supplied
• Here is the implementation of getInputProps which shows an example of merging the refs as well as handing multiple event handlers

[SiTaggart]

This seems to be in such a better space now. Just a couple of small things to tidy up