@ably/ui 13.3.0 → 14.0.0-dev.3f64b93
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.
- package/README.md +26 -155
- package/core/.DS_Store +0 -0
- package/core/Accordion/.DS_Store +0 -0
- package/core/Accordion.js +1 -0
- package/core/Code/.DS_Store +0 -0
- package/core/Code/component.css +1 -72
- package/core/Code/component.js +1 -1
- package/core/Code.js +1 -0
- package/core/ConnectStateWrapper.js +1 -0
- package/core/ContactFooter/.DS_Store +0 -0
- package/core/ContactFooter/component.css +7 -10
- package/core/ContactFooter/component.js +1 -1
- package/core/ContactFooter.js +1 -0
- package/core/CookieMessage/.DS_Store +0 -0
- package/core/CookieMessage/component.css +10 -13
- package/core/CookieMessage.js +1 -0
- package/core/CustomerLogos/.DS_Store +0 -0
- package/core/CustomerLogos.js +1 -0
- package/core/DropdownMenu/.DS_Store +0 -0
- package/core/DropdownMenu.js +1 -0
- package/core/Expander.js +1 -0
- package/core/FeaturedLink/.DS_Store +0 -0
- package/core/FeaturedLink.js +1 -0
- package/core/Flash/.DS_Store +0 -0
- package/core/Flash/component.css +19 -22
- package/core/Flash.js +1 -0
- package/core/Footer/.DS_Store +0 -0
- package/core/Footer/component.css +22 -25
- package/core/Footer.js +1 -0
- package/core/Icon/.DS_Store +0 -0
- package/core/Icon.js +1 -0
- package/core/Loader/.DS_Store +0 -0
- package/core/Loader.js +13 -0
- package/core/Logo/.DS_Store +0 -0
- package/core/Logo.js +1 -0
- package/core/Meganav/.DS_Store +0 -0
- package/core/Meganav/component.css +103 -106
- package/core/Meganav/component.js +1 -1
- package/core/Meganav.js +1 -0
- package/core/MeganavBlogPostsList/.DS_Store +0 -0
- package/core/MeganavBlogPostsList/component.js +1 -2
- package/core/MeganavBlogPostsList.js +1 -0
- package/core/MeganavContentCompany.js +1 -0
- package/core/MeganavContentDevelopers.js +1 -0
- package/core/MeganavContentProducts.js +1 -0
- package/core/MeganavContentUseCases.js +1 -0
- package/core/MeganavControl/.DS_Store +0 -0
- package/core/MeganavControl/component.js +1 -1
- package/core/MeganavControl.js +1 -0
- package/core/MeganavControlMobileDropdown/.DS_Store +0 -0
- package/core/MeganavControlMobileDropdown/component.js +1 -1
- package/core/MeganavControlMobileDropdown.js +1 -0
- package/core/MeganavControlMobilePanelClose/.DS_Store +0 -0
- package/core/MeganavControlMobilePanelClose/component.js +1 -1
- package/core/MeganavControlMobilePanelClose.js +1 -0
- package/core/MeganavControlMobilePanelOpen/.DS_Store +0 -0
- package/core/MeganavControlMobilePanelOpen/component.js +1 -1
- package/core/MeganavControlMobilePanelOpen.js +1 -0
- package/core/MeganavItemsDesktop.js +1 -0
- package/core/MeganavItemsMobile.js +1 -0
- package/core/MeganavItemsSignedIn.js +1 -0
- package/core/MeganavSearch.js +1 -0
- package/core/MeganavSearchAutocomplete/.DS_Store +0 -0
- package/core/MeganavSearchAutocomplete/component.js +1 -1
- package/core/MeganavSearchAutocomplete.js +1 -0
- package/core/MeganavSearchPanel.js +1 -0
- package/core/MeganavSearchSuggestions/.DS_Store +0 -0
- package/core/MeganavSearchSuggestions/component.js +1 -1
- package/core/MeganavSearchSuggestions.js +1 -0
- package/core/Notice/.DS_Store +0 -0
- package/core/Notice/component.css +4 -7
- package/core/Notice/component.js +1 -1
- package/core/Notice.js +1 -0
- package/core/SignOutLink.js +1 -0
- package/core/Slider/.DS_Store +0 -0
- package/core/Slider/component.css +34 -5
- package/core/Slider/component.js +1 -1
- package/core/Slider.js +1 -0
- package/core/Table/.DS_Store +0 -0
- package/core/Table/Table.js +1 -0
- package/core/Table/TableCell.js +7 -0
- package/core/Table/TableRow.js +1 -0
- package/core/Table/data.js +1 -0
- package/core/Table.js +1 -0
- package/core/Tooltip/.DS_Store +0 -0
- package/core/Tooltip.js +1 -0
- package/core/css.js +1 -0
- package/core/dom-query.js +1 -0
- package/core/hubspot-chat-toggle.js +1 -0
- package/core/icons/discord.svg +10 -0
- package/core/icons/facebook.svg +4 -0
- package/core/icons/github.svg +3 -0
- package/core/icons/glassdoor.svg +3 -0
- package/core/icons/google.svg +3 -0
- package/core/icons/icon-display-48hrs.svg +3 -0
- package/core/icons/icon-display-about-ably-col.svg +4 -0
- package/core/icons/icon-display-api-keys.svg +3 -0
- package/core/icons/icon-display-api.svg +3 -0
- package/core/icons/icon-display-asset-tracking-col.svg +18 -0
- package/core/icons/icon-display-browser.svg +10 -0
- package/core/icons/icon-display-calendar.svg +3 -0
- package/core/icons/icon-display-call-mobile.svg +3 -0
- package/core/icons/icon-display-careers-col.svg +9 -0
- package/core/icons/icon-display-case-studies-col.svg +5 -0
- package/core/icons/icon-display-chat-col.svg +4 -0
- package/core/icons/icon-display-chat-stack-col.svg +4 -0
- package/core/icons/icon-display-chat-stack.svg +4 -0
- package/core/icons/icon-display-cloud-servers.svg +3 -0
- package/core/icons/icon-display-compare-tech-col.svg +9 -0
- package/core/icons/icon-display-customers-col.svg +15 -0
- package/core/icons/icon-display-data-broadcast-col.svg +26 -0
- package/core/icons/icon-display-data-synchronization-col.svg +14 -0
- package/core/icons/icon-display-docs-col.svg +7 -0
- package/core/icons/icon-display-documentation.svg +3 -0
- package/core/icons/icon-display-events-col.svg +13 -0
- package/core/icons/icon-display-examples-col.svg +11 -0
- package/core/icons/icon-display-gdpr.svg +3 -0
- package/core/icons/icon-display-general-comms.svg +3 -0
- package/core/icons/icon-display-hipaa.svg +10 -0
- package/core/icons/icon-display-integrations-col.svg +8 -0
- package/core/icons/icon-display-it-support-access.svg +3 -0
- package/core/icons/icon-display-it-support-helpdesk.svg +3 -0
- package/core/icons/icon-display-kafka-at-the-edge-col.svg +8 -0
- package/core/icons/icon-display-laptop.svg +10 -0
- package/core/icons/icon-display-lightbulb-col.svg +10 -0
- package/core/icons/icon-display-live-chat.svg +3 -0
- package/core/icons/icon-display-map-pin.svg +3 -0
- package/core/icons/icon-display-message.svg +3 -0
- package/core/icons/icon-display-padlock-closed.svg +3 -0
- package/core/icons/icon-display-platform.svg +22 -0
- package/core/icons/icon-display-play.svg +3 -0
- package/core/icons/icon-display-privacy-shield-framework.svg +7 -0
- package/core/icons/icon-display-push-notifications-col.svg +6 -0
- package/core/icons/icon-display-quickstart-guides-col.svg +8 -0
- package/core/icons/icon-display-resources-col.svg +21 -0
- package/core/icons/icon-display-sdks-col.svg +11 -0
- package/core/icons/icon-display-servers.svg +3 -0
- package/core/icons/icon-display-shopping-cart.svg +10 -0
- package/core/icons/icon-display-sla.svg +3 -0
- package/core/icons/icon-display-soc2-type2.svg +3 -0
- package/core/icons/icon-display-tech-account-comms.svg +3 -0
- package/core/icons/icon-display-tutorials-demos-col.svg +25 -0
- package/core/icons/icon-display-virtual-events-col.svg +12 -0
- package/core/icons/icon-display-virtual-events.svg +12 -0
- package/core/icons/icon-gui-ably-badge.svg +3 -0
- package/core/icons/icon-gui-arrow-bidirectional-horizontal.svg +3 -0
- package/core/icons/icon-gui-arrow-bidirectional-vertical.svg +3 -0
- package/core/icons/icon-gui-arrow-down.svg +3 -0
- package/core/icons/icon-gui-arrow-left.svg +3 -0
- package/core/icons/icon-gui-arrow-right.svg +3 -0
- package/core/icons/icon-gui-arrow-up.svg +3 -0
- package/core/icons/icon-gui-burger-menu.svg +5 -0
- package/core/icons/icon-gui-check-circled-fill-black.svg +4 -0
- package/core/icons/icon-gui-check-circled-fill.svg +4 -0
- package/core/icons/icon-gui-check-circled.svg +3 -0
- package/core/icons/icon-gui-checklist-checked.svg +3 -0
- package/core/icons/icon-gui-clock.svg +3 -0
- package/core/icons/icon-gui-close.svg +3 -0
- package/core/icons/icon-gui-copy.svg +10 -0
- package/core/icons/icon-gui-cross-circled-fill.svg +4 -0
- package/core/icons/icon-gui-cross-circled.svg +3 -0
- package/core/icons/icon-gui-dash-circled.svg +3 -0
- package/core/icons/icon-gui-disclosure-arrow.svg +3 -0
- package/core/icons/icon-gui-document-generic.svg +3 -0
- package/core/icons/icon-gui-enlarge.svg +3 -0
- package/core/icons/icon-gui-external-link.svg +3 -0
- package/core/icons/icon-gui-filter-flow-step-1.svg +5 -0
- package/core/icons/icon-gui-filter-flow-step-2.svg +5 -0
- package/core/icons/icon-gui-filter-flow-step-3.svg +5 -0
- package/core/icons/icon-gui-history.svg +3 -0
- package/core/icons/icon-gui-info.svg +3 -0
- package/core/icons/icon-gui-link-arrow.svg +3 -0
- package/core/icons/icon-gui-link.svg +4 -0
- package/core/icons/icon-gui-live-chat.svg +3 -0
- package/core/icons/icon-gui-minus.svg +3 -0
- package/core/icons/icon-gui-partial.svg +4 -0
- package/core/icons/icon-gui-plus.svg +3 -0
- package/core/icons/icon-gui-quote-marks-solid.svg +3 -0
- package/core/icons/icon-gui-refresh.svg +10 -0
- package/core/icons/icon-gui-resources.svg +3 -0
- package/core/icons/icon-gui-search.svg +3 -0
- package/core/icons/icon-gui-tick.svg +3 -0
- package/core/icons/icon-gui-warning.svg +5 -0
- package/core/icons/icon-live-updates-results-metrics-col.svg +26 -0
- package/core/icons/icon-multi-user-spaces-col.svg +13 -0
- package/core/icons/icon-social-x.svg +3 -0
- package/core/icons/icon-tech-apachekafka.svg +3 -0
- package/core/icons/linkedin.svg +3 -0
- package/core/icons/quote.svg +3 -0
- package/core/icons/stackoverflow.svg +3 -0
- package/core/icons/twitter.svg +3 -0
- package/core/icons/youtube.svg +11 -0
- package/core/icons.js +1 -0
- package/core/load-sprites.js +1 -0
- package/core/react-renderer.js +1 -0
- package/core/remote-blogs-posts.js +1 -0
- package/core/remote-data-store.js +1 -0
- package/core/remote-data-util.js +1 -0
- package/core/remote-session-data.js +1 -0
- package/core/scripts.js +1 -2
- package/core/sprites.svg +1 -525
- package/core/styles/buttons.css +122 -0
- package/core/styles/forms.css +62 -0
- package/core/styles/layout.css +19 -0
- package/core/styles/properties.css +276 -0
- package/core/styles/text.css +166 -0
- package/core/styles.base.css +1 -0
- package/core/styles.components.css +33 -0
- package/core/styles.css +2 -699
- package/core/url-base.js +1 -0
- package/core/utils/syntax-highlighter-registry.js +1 -0
- package/core/utils/syntax-highlighter.css +67 -0
- package/core/utils/syntax-highlighter.js +1 -0
- package/package.json +38 -34
- package/reset/scripts.js +1 -1
- package/reset/styles/normalize.css +353 -0
- package/reset/styles/reset.css +129 -0
- package/reset/styles.css +2 -477
- package/src/.DS_Store +0 -0
- package/src/core/.DS_Store +0 -0
- package/src/core/Accordion/.DS_Store +0 -0
- package/src/core/Accordion/Accordion.stories.tsx +39 -0
- package/src/core/Accordion.tsx +147 -0
- package/src/core/Code/.DS_Store +0 -0
- package/src/core/Code/Code.stories.tsx +71 -0
- package/src/core/Code.tsx +45 -0
- package/src/core/{ConnectStateWrapper/component.jsx → ConnectStateWrapper.tsx} +8 -4
- package/src/core/ContactFooter/.DS_Store +0 -0
- package/src/core/ContactFooter/ContactFooter.stories.tsx +11 -0
- package/src/core/ContactFooter/component.css +7 -9
- package/src/core/ContactFooter.tsx +92 -0
- package/src/core/CookieMessage/.DS_Store +0 -0
- package/src/core/CookieMessage/CookieMessage.stories.tsx +12 -0
- package/src/core/CookieMessage/component.css +10 -12
- package/src/core/{CookieMessage/component.jsx → CookieMessage.tsx} +16 -11
- package/src/core/CustomerLogos/.DS_Store +0 -0
- package/src/core/CustomerLogos/CustomerLogos.stories.tsx +43 -0
- package/src/core/CustomerLogos.tsx +35 -0
- package/src/core/DropdownMenu/.DS_Store +0 -0
- package/src/core/DropdownMenu/DropdownMenu.stories.tsx +48 -0
- package/src/core/{DropdownMenu/component.jsx → DropdownMenu.tsx} +64 -36
- package/src/core/Expander/Expander.stories.tsx +132 -0
- package/src/core/Expander.tsx +54 -0
- package/src/core/FeaturedLink/.DS_Store +0 -0
- package/src/core/FeaturedLink/FeaturedLink.stories.tsx +43 -0
- package/src/core/{FeaturedLink/component.jsx → FeaturedLink.tsx} +26 -18
- package/src/core/Flash/.DS_Store +0 -0
- package/src/core/Flash/Flash.stories.tsx +37 -0
- package/src/core/Flash/component.css +19 -21
- package/src/core/{Flash/component.jsx → Flash.tsx} +78 -39
- package/src/core/Footer/.DS_Store +0 -0
- package/src/core/Footer/Footer.stories.tsx +26 -0
- package/src/core/Footer/component.css +22 -24
- package/src/core/{Footer/component.jsx → Footer.tsx} +237 -70
- package/src/core/Icon/.DS_Store +0 -0
- package/src/core/Icon/Icon.stories.tsx +151 -0
- package/src/core/Icon.tsx +26 -0
- package/src/core/Loader/.DS_Store +0 -0
- package/src/core/Loader/Loader.stories.tsx +21 -0
- package/src/core/{Loader/component.jsx → Loader.tsx} +11 -8
- package/src/core/Logo/.DS_Store +0 -0
- package/src/core/Logo/Logo.stories.tsx +12 -0
- package/src/core/Logo.tsx +29 -0
- package/src/core/Meganav/.DS_Store +0 -0
- package/src/core/Meganav/Meganav.stories.tsx +86 -0
- package/src/core/Meganav/component.css +103 -105
- package/src/core/Meganav/component.js +6 -7
- package/src/core/Meganav.tsx +226 -0
- package/src/core/MeganavBlogPostsList/.DS_Store +0 -0
- package/src/core/{MeganavBlogPostsList/component.jsx → MeganavBlogPostsList.tsx} +15 -14
- package/src/core/{MeganavContentCompany/component.jsx → MeganavContentCompany.tsx} +82 -33
- package/src/core/{MeganavContentDevelopers/component.jsx → MeganavContentDevelopers.tsx} +98 -34
- package/src/core/MeganavContentProducts.tsx +165 -0
- package/src/core/MeganavContentUseCases.tsx +244 -0
- package/src/core/MeganavControl/.DS_Store +0 -0
- package/src/core/{MeganavControl/component.jsx → MeganavControl.tsx} +18 -12
- package/src/core/MeganavControlMobileDropdown/.DS_Store +0 -0
- package/src/core/{MeganavControlMobileDropdown/component.jsx → MeganavControlMobileDropdown.tsx} +3 -7
- package/src/core/MeganavControlMobilePanelClose/.DS_Store +0 -0
- package/src/core/{MeganavControlMobilePanelClose/component.jsx → MeganavControlMobilePanelClose.tsx} +15 -9
- package/src/core/MeganavControlMobilePanelOpen/.DS_Store +0 -0
- package/src/core/MeganavControlMobilePanelOpen.tsx +31 -0
- package/src/core/MeganavItemsDesktop.tsx +68 -0
- package/src/core/MeganavItemsMobile.tsx +197 -0
- package/src/core/{MeganavItemsSignedIn/component.jsx → MeganavItemsSignedIn.tsx} +55 -23
- package/src/core/MeganavSearch.tsx +36 -0
- package/src/core/MeganavSearchAutocomplete/.DS_Store +0 -0
- package/src/core/MeganavSearchAutocomplete.tsx +12 -0
- package/src/core/MeganavSearchPanel.tsx +52 -0
- package/src/core/MeganavSearchSuggestions/.DS_Store +0 -0
- package/src/core/MeganavSearchSuggestions.tsx +62 -0
- package/src/core/Notice/.DS_Store +0 -0
- package/src/core/Notice/component.css +4 -6
- package/src/core/Notice/component.js +1 -1
- package/src/core/Notice.tsx +103 -0
- package/src/core/SignOutLink.tsx +51 -0
- package/src/core/Slider/.DS_Store +0 -0
- package/src/core/Slider/Slider.stories.tsx +98 -0
- package/src/core/Slider/component.css +35 -5
- package/src/core/Slider.tsx +193 -0
- package/src/core/Table/.DS_Store +0 -0
- package/src/core/Table/Table.stories.tsx +12 -0
- package/src/core/Table/Table.tsx +59 -0
- package/src/core/Table/TableCell.tsx +109 -0
- package/src/core/Table/TableRow.tsx +25 -0
- package/src/core/Table/data.tsx +113 -0
- package/src/core/Table.tsx +26 -0
- package/src/core/Tooltip/.DS_Store +0 -0
- package/src/core/Tooltip/Tooltip.stories.tsx +27 -0
- package/src/core/Tooltip.tsx +88 -0
- package/src/core/icons/icon-gui-partial.svg +4 -0
- package/src/core/icons.js +6 -0
- package/src/core/{react-renderer.js → react-renderer.tsx} +9 -7
- package/src/core/styles/buttons.css +121 -123
- package/src/core/styles/forms.css +49 -51
- package/src/core/styles/layout.css +14 -16
- package/src/core/styles/properties.css +250 -259
- package/src/core/styles/text.css +165 -167
- package/src/core/styles.components.css +22 -24
- package/src/core/utils/syntax-highlighter.css +55 -59
- package/src/pages/Buttons.mdx +121 -0
- package/src/pages/Chips.mdx +136 -0
- package/src/pages/Colour.mdx +23 -0
- package/src/pages/Forms.mdx +173 -0
- package/src/pages/Layout.mdx +58 -0
- package/src/pages/Typography.mdx +206 -0
- package/src/pages/utils.ts +70 -0
- package/tailwind.config.js +1 -7
- package/tailwind.extend.js +1 -1
- package/core/.gitignore +0 -1
- package/core/Code.jsx +0 -684
- package/core/CompanyAutocomplete/component.css +0 -46
- package/core/CompanyAutocomplete/component.js +0 -2
- package/core/CompanyAutocomplete/component.js.LICENSE.txt +0 -1
- package/core/ConnectStateWrapper/component.js +0 -1
- package/core/ConnectStateWrapper.jsx +0 -222
- package/core/ContactFooter.jsx +0 -342
- package/core/CookieMessage/component.js +0 -1
- package/core/CookieMessage.jsx +0 -204
- package/core/CustomerLogos/component.js +0 -1
- package/core/CustomerLogos.jsx +0 -144
- package/core/DropdownMenu/component.js +0 -1
- package/core/DropdownMenu.jsx +0 -313
- package/core/FeatureFooter/component.css +0 -13
- package/core/FeatureFooter/component.js +0 -1
- package/core/FeaturedLink/component.js +0 -1
- package/core/FeaturedLink.jsx +0 -241
- package/core/Flash/component.js +0 -1
- package/core/Flash.jsx +0 -622
- package/core/Footer/component.js +0 -1
- package/core/Footer.jsx +0 -587
- package/core/Icon/component.js +0 -1
- package/core/Icon.jsx +0 -152
- package/core/Loader/component.js +0 -1
- package/core/Loader.jsx +0 -154
- package/core/Logo/component.js +0 -1
- package/core/Logo.jsx +0 -147
- package/core/Meganav.jsx +0 -4151
- package/core/MeganavBlogPostsList/component.js.LICENSE.txt +0 -1
- package/core/MeganavBlogPostsList.jsx +0 -296
- package/core/MeganavContentCompany/component.js +0 -1
- package/core/MeganavContentCompany.jsx +0 -1058
- package/core/MeganavContentDevelopers/component.js +0 -1
- package/core/MeganavContentDevelopers.jsx +0 -334
- package/core/MeganavContentProducts/component.js +0 -1
- package/core/MeganavContentProducts.jsx +0 -373
- package/core/MeganavContentUseCases/component.js +0 -1
- package/core/MeganavContentUseCases.jsx +0 -341
- package/core/MeganavControl.jsx +0 -199
- package/core/MeganavControlMobileDropdown.jsx +0 -197
- package/core/MeganavControlMobilePanelClose.jsx +0 -198
- package/core/MeganavControlMobilePanelOpen.jsx +0 -193
- package/core/MeganavItemsDesktop/component.js +0 -1
- package/core/MeganavItemsDesktop.jsx +0 -279
- package/core/MeganavItemsMobile/component.js +0 -1
- package/core/MeganavItemsMobile.jsx +0 -689
- package/core/MeganavItemsSignedIn/component.js +0 -1
- package/core/MeganavItemsSignedIn.jsx +0 -643
- package/core/MeganavSearch/component.js +0 -1
- package/core/MeganavSearch.jsx +0 -434
- package/core/MeganavSearchAutocomplete.jsx +0 -117
- package/core/MeganavSearchPanel/component.js +0 -1
- package/core/MeganavSearchPanel.jsx +0 -386
- package/core/MeganavSearchSuggestions.jsx +0 -299
- package/core/Notice.jsx +0 -914
- package/core/Showcase/component.css +0 -31
- package/core/Showcase/component.js +0 -1
- package/core/Showcase.jsx +0 -17
- package/core/SignOutLink/component.js +0 -1
- package/core/SignOutLink.jsx +0 -157
- package/core/Slider.jsx +0 -400
- package/core/Uptime/component.css +0 -128
- package/core/Uptime/component.js +0 -1
- package/core/Uptime.jsx +0 -895
- package/core/scripts.js.LICENSE.txt +0 -1
- package/preview/log/.keep +0 -0
- package/preview/tmp/.keep +0 -0
- package/preview/tmp/pids/.keep +0 -0
- package/reset/.gitignore +0 -1
- package/src/core/Code/component.html.erb +0 -3
- package/src/core/Code/component.jsx +0 -31
- package/src/core/Code/component.rb +0 -12
- package/src/core/CompanyAutocomplete/component.css +0 -45
- package/src/core/CompanyAutocomplete/component.js +0 -204
- package/src/core/ConnectStateWrapper/component.js +0 -0
- package/src/core/ContactFooter/component.html.erb +0 -32
- package/src/core/ContactFooter/component.jsx +0 -66
- package/src/core/ContactFooter/component.rb +0 -13
- package/src/core/CookieMessage/component.js +0 -1
- package/src/core/CustomerLogos/component.html.erb +0 -9
- package/src/core/CustomerLogos/component.js +0 -0
- package/src/core/CustomerLogos/component.jsx +0 -28
- package/src/core/CustomerLogos/component.rb +0 -14
- package/src/core/DropdownMenu/component.js +0 -0
- package/src/core/FeatureFooter/component.css +0 -12
- package/src/core/FeatureFooter/component.html.erb +0 -54
- package/src/core/FeatureFooter/component.js +0 -7
- package/src/core/FeatureFooter/component.rb +0 -30
- package/src/core/FeaturedLink/component.html.erb +0 -15
- package/src/core/FeaturedLink/component.js +0 -0
- package/src/core/FeaturedLink/component.rb +0 -21
- package/src/core/Flash/component.js +0 -1
- package/src/core/Footer/component.html.erb +0 -256
- package/src/core/Footer/component.js +0 -1
- package/src/core/Footer/component.rb +0 -14
- package/src/core/Icon/component.html.erb +0 -3
- package/src/core/Icon/component.js +0 -0
- package/src/core/Icon/component.jsx +0 -19
- package/src/core/Icon/component.rb +0 -25
- package/src/core/Loader/component.html.erb +0 -18
- package/src/core/Loader/component.js +0 -0
- package/src/core/Loader/component.rb +0 -19
- package/src/core/Logo/component.html.erb +0 -3
- package/src/core/Logo/component.js +0 -0
- package/src/core/Logo/component.jsx +0 -20
- package/src/core/Logo/component.rb +0 -31
- package/src/core/Meganav/component.html.erb +0 -31
- package/src/core/Meganav/component.jsx +0 -123
- package/src/core/Meganav/component.rb +0 -60
- package/src/core/MeganavBlogPostsList/component.html.erb +0 -5
- package/src/core/MeganavBlogPostsList/component.rb +0 -13
- package/src/core/MeganavContentCompany/component.html.erb +0 -90
- package/src/core/MeganavContentCompany/component.js +0 -0
- package/src/core/MeganavContentCompany/component.rb +0 -14
- package/src/core/MeganavContentDevelopers/component.html.erb +0 -129
- package/src/core/MeganavContentDevelopers/component.js +0 -0
- package/src/core/MeganavContentDevelopers/component.rb +0 -13
- package/src/core/MeganavContentProducts/component.html.erb +0 -83
- package/src/core/MeganavContentProducts/component.js +0 -0
- package/src/core/MeganavContentProducts/component.jsx +0 -105
- package/src/core/MeganavContentProducts/component.rb +0 -14
- package/src/core/MeganavContentUseCases/component.html.erb +0 -135
- package/src/core/MeganavContentUseCases/component.js +0 -1
- package/src/core/MeganavContentUseCases/component.jsx +0 -147
- package/src/core/MeganavContentUseCases/component.rb +0 -13
- package/src/core/MeganavControl/component.html.erb +0 -6
- package/src/core/MeganavControl/component.rb +0 -20
- package/src/core/MeganavControlMobileDropdown/component.html.erb +0 -7
- package/src/core/MeganavControlMobileDropdown/component.rb +0 -11
- package/src/core/MeganavControlMobilePanelClose/component.html.erb +0 -12
- package/src/core/MeganavControlMobilePanelClose/component.rb +0 -12
- package/src/core/MeganavControlMobilePanelOpen/component.html.erb +0 -7
- package/src/core/MeganavControlMobilePanelOpen/component.jsx +0 -25
- package/src/core/MeganavControlMobilePanelOpen/component.rb +0 -9
- package/src/core/MeganavItemsDesktop/component.html.erb +0 -17
- package/src/core/MeganavItemsDesktop/component.js +0 -0
- package/src/core/MeganavItemsDesktop/component.jsx +0 -49
- package/src/core/MeganavItemsDesktop/component.rb +0 -23
- package/src/core/MeganavItemsMobile/component.html.erb +0 -75
- package/src/core/MeganavItemsMobile/component.js +0 -0
- package/src/core/MeganavItemsMobile/component.jsx +0 -137
- package/src/core/MeganavItemsMobile/component.rb +0 -21
- package/src/core/MeganavItemsSignedIn/component.html.erb +0 -53
- package/src/core/MeganavItemsSignedIn/component.js +0 -0
- package/src/core/MeganavItemsSignedIn/component.rb +0 -33
- package/src/core/MeganavSearch/component.html.erb +0 -15
- package/src/core/MeganavSearch/component.js +0 -0
- package/src/core/MeganavSearch/component.jsx +0 -33
- package/src/core/MeganavSearch/component.rb +0 -13
- package/src/core/MeganavSearchAutocomplete/component.html.erb +0 -6
- package/src/core/MeganavSearchAutocomplete/component.jsx +0 -14
- package/src/core/MeganavSearchAutocomplete/component.rb +0 -6
- package/src/core/MeganavSearchPanel/component.html.erb +0 -22
- package/src/core/MeganavSearchPanel/component.js +0 -0
- package/src/core/MeganavSearchPanel/component.jsx +0 -39
- package/src/core/MeganavSearchPanel/component.rb +0 -13
- package/src/core/MeganavSearchSuggestions/component.html.erb +0 -22
- package/src/core/MeganavSearchSuggestions/component.jsx +0 -49
- package/src/core/MeganavSearchSuggestions/component.rb +0 -18
- package/src/core/Notice/component.html.erb +0 -16
- package/src/core/Notice/component.jsx +0 -71
- package/src/core/Notice/component.rb +0 -29
- package/src/core/Showcase/component.css +0 -30
- package/src/core/Showcase/component.html.erb +0 -76
- package/src/core/Showcase/component.js +0 -180
- package/src/core/Showcase/component.jsx +0 -0
- package/src/core/Showcase/component.rb +0 -190
- package/src/core/SignOutLink/component.html.erb +0 -1
- package/src/core/SignOutLink/component.js +0 -0
- package/src/core/SignOutLink/component.jsx +0 -32
- package/src/core/SignOutLink/component.rb +0 -17
- package/src/core/Slider/component.html.erb +0 -28
- package/src/core/Slider/component.jsx +0 -86
- package/src/core/Slider/component.rb +0 -38
- package/src/core/Uptime/component.css +0 -127
- package/src/core/Uptime/component.html.erb +0 -0
- package/src/core/Uptime/component.js +0 -1
- package/src/core/Uptime/component.jsx +0 -183
- package/src/core/Uptime/component.rb +0 -7
- package/src/core/core.rb +0 -81
package/core/CookieMessage.jsx
DELETED
|
@@ -1,204 +0,0 @@
|
|
|
1
|
-
(function webpackUniversalModuleDefinition(root, factory) {
|
|
2
|
-
if(typeof exports === 'object' && typeof module === 'object')
|
|
3
|
-
module.exports = factory(require("react"), require("prop-types"), require("js-cookie"));
|
|
4
|
-
else if(typeof define === 'function' && define.amd)
|
|
5
|
-
define([, , ], factory);
|
|
6
|
-
else {
|
|
7
|
-
var a = typeof exports === 'object' ? factory(require("react"), require("prop-types"), require("js-cookie")) : factory(root[undefined], root[undefined], root[undefined]);
|
|
8
|
-
for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
|
|
9
|
-
}
|
|
10
|
-
})(this, (__WEBPACK_EXTERNAL_MODULE__5225__, __WEBPACK_EXTERNAL_MODULE__6073__, __WEBPACK_EXTERNAL_MODULE__4360__) => {
|
|
11
|
-
return /******/ (() => { // webpackBootstrap
|
|
12
|
-
/******/ "use strict";
|
|
13
|
-
/******/ var __webpack_modules__ = ({
|
|
14
|
-
|
|
15
|
-
/***/ 4360:
|
|
16
|
-
/***/ ((module) => {
|
|
17
|
-
|
|
18
|
-
module.exports = __WEBPACK_EXTERNAL_MODULE__4360__;
|
|
19
|
-
|
|
20
|
-
/***/ }),
|
|
21
|
-
|
|
22
|
-
/***/ 6073:
|
|
23
|
-
/***/ ((module) => {
|
|
24
|
-
|
|
25
|
-
module.exports = __WEBPACK_EXTERNAL_MODULE__6073__;
|
|
26
|
-
|
|
27
|
-
/***/ }),
|
|
28
|
-
|
|
29
|
-
/***/ 5225:
|
|
30
|
-
/***/ ((module) => {
|
|
31
|
-
|
|
32
|
-
module.exports = __WEBPACK_EXTERNAL_MODULE__5225__;
|
|
33
|
-
|
|
34
|
-
/***/ })
|
|
35
|
-
|
|
36
|
-
/******/ });
|
|
37
|
-
/************************************************************************/
|
|
38
|
-
/******/ // The module cache
|
|
39
|
-
/******/ var __webpack_module_cache__ = {};
|
|
40
|
-
/******/
|
|
41
|
-
/******/ // The require function
|
|
42
|
-
/******/ function __webpack_require__(moduleId) {
|
|
43
|
-
/******/ // Check if module is in cache
|
|
44
|
-
/******/ var cachedModule = __webpack_module_cache__[moduleId];
|
|
45
|
-
/******/ if (cachedModule !== undefined) {
|
|
46
|
-
/******/ return cachedModule.exports;
|
|
47
|
-
/******/ }
|
|
48
|
-
/******/ // Create a new module (and put it into the cache)
|
|
49
|
-
/******/ var module = __webpack_module_cache__[moduleId] = {
|
|
50
|
-
/******/ // no module.id needed
|
|
51
|
-
/******/ // no module.loaded needed
|
|
52
|
-
/******/ exports: {}
|
|
53
|
-
/******/ };
|
|
54
|
-
/******/
|
|
55
|
-
/******/ // Execute the module function
|
|
56
|
-
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
|
|
57
|
-
/******/
|
|
58
|
-
/******/ // Return the exports of the module
|
|
59
|
-
/******/ return module.exports;
|
|
60
|
-
/******/ }
|
|
61
|
-
/******/
|
|
62
|
-
/************************************************************************/
|
|
63
|
-
/******/ /* webpack/runtime/compat get default export */
|
|
64
|
-
/******/ (() => {
|
|
65
|
-
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
66
|
-
/******/ __webpack_require__.n = (module) => {
|
|
67
|
-
/******/ var getter = module && module.__esModule ?
|
|
68
|
-
/******/ () => (module['default']) :
|
|
69
|
-
/******/ () => (module);
|
|
70
|
-
/******/ __webpack_require__.d(getter, { a: getter });
|
|
71
|
-
/******/ return getter;
|
|
72
|
-
/******/ };
|
|
73
|
-
/******/ })();
|
|
74
|
-
/******/
|
|
75
|
-
/******/ /* webpack/runtime/define property getters */
|
|
76
|
-
/******/ (() => {
|
|
77
|
-
/******/ // define getter functions for harmony exports
|
|
78
|
-
/******/ __webpack_require__.d = (exports, definition) => {
|
|
79
|
-
/******/ for(var key in definition) {
|
|
80
|
-
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
|
|
81
|
-
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
|
82
|
-
/******/ }
|
|
83
|
-
/******/ }
|
|
84
|
-
/******/ };
|
|
85
|
-
/******/ })();
|
|
86
|
-
/******/
|
|
87
|
-
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
|
88
|
-
/******/ (() => {
|
|
89
|
-
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
|
90
|
-
/******/ })();
|
|
91
|
-
/******/
|
|
92
|
-
/******/ /* webpack/runtime/make namespace object */
|
|
93
|
-
/******/ (() => {
|
|
94
|
-
/******/ // define __esModule on exports
|
|
95
|
-
/******/ __webpack_require__.r = (exports) => {
|
|
96
|
-
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
|
97
|
-
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
98
|
-
/******/ }
|
|
99
|
-
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
|
100
|
-
/******/ };
|
|
101
|
-
/******/ })();
|
|
102
|
-
/******/
|
|
103
|
-
/************************************************************************/
|
|
104
|
-
var __webpack_exports__ = {};
|
|
105
|
-
// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
|
|
106
|
-
(() => {
|
|
107
|
-
// ESM COMPAT FLAG
|
|
108
|
-
__webpack_require__.r(__webpack_exports__);
|
|
109
|
-
|
|
110
|
-
// EXPORTS
|
|
111
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
112
|
-
"default": () => (/* binding */ CookieMessage)
|
|
113
|
-
});
|
|
114
|
-
|
|
115
|
-
// EXTERNAL MODULE: external {"commonjs":"react","commonjs2":"react"}
|
|
116
|
-
var external_commonjs_react_commonjs2_react_ = __webpack_require__(5225);
|
|
117
|
-
var external_commonjs_react_commonjs2_react_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_react_commonjs2_react_);
|
|
118
|
-
// EXTERNAL MODULE: external {"commonjs":"prop-types","commonjs2":"prop-types"}
|
|
119
|
-
var external_commonjs_prop_types_commonjs2_prop_types_ = __webpack_require__(6073);
|
|
120
|
-
var external_commonjs_prop_types_commonjs2_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_prop_types_commonjs2_prop_types_);
|
|
121
|
-
// EXTERNAL MODULE: external {"commonjs":"js-cookie","commonjs2":"js-cookie"}
|
|
122
|
-
var external_commonjs_js_cookie_commonjs2_js_cookie_ = __webpack_require__(4360);
|
|
123
|
-
var external_commonjs_js_cookie_commonjs2_js_cookie_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_js_cookie_commonjs2_js_cookie_);
|
|
124
|
-
;// CONCATENATED MODULE: ./src/core/url-base.js
|
|
125
|
-
var DEFAULT_URL_BASE = "";
|
|
126
|
-
|
|
127
|
-
var absUrl = function absUrl(path) {
|
|
128
|
-
var urlBase = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_URL_BASE;
|
|
129
|
-
return "".concat(urlBase).concat(path);
|
|
130
|
-
};
|
|
131
|
-
|
|
132
|
-
/* harmony default export */ const url_base = (absUrl);
|
|
133
|
-
;// CONCATENATED MODULE: ./src/core/CookieMessage/component.jsx
|
|
134
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
135
|
-
|
|
136
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
137
|
-
|
|
138
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
139
|
-
|
|
140
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
141
|
-
|
|
142
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
143
|
-
|
|
144
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
var COOKIE_EXPIRY = 365;
|
|
151
|
-
function CookieMessage(_ref) {
|
|
152
|
-
var cookieId = _ref.cookieId,
|
|
153
|
-
urlBase = _ref.urlBase;
|
|
154
|
-
var ref = (0,external_commonjs_react_commonjs2_react_.useRef)(null);
|
|
155
|
-
|
|
156
|
-
var _useState = (0,external_commonjs_react_commonjs2_react_.useState)(true),
|
|
157
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
158
|
-
hideCookieMessage = _useState2[0],
|
|
159
|
-
setHideCookieMessage = _useState2[1];
|
|
160
|
-
|
|
161
|
-
(0,external_commonjs_react_commonjs2_react_.useEffect)(function () {
|
|
162
|
-
var isCookieSet = external_commonjs_js_cookie_commonjs2_js_cookie_default().get(cookieId) ? true : false;
|
|
163
|
-
setHideCookieMessage(isCookieSet);
|
|
164
|
-
}, []);
|
|
165
|
-
|
|
166
|
-
var handleClose = function handleClose() {
|
|
167
|
-
external_commonjs_js_cookie_commonjs2_js_cookie_default().set(cookieId, "1", {
|
|
168
|
-
expires: COOKIE_EXPIRY
|
|
169
|
-
});
|
|
170
|
-
ref.current.classList.add("bottom-1", "opacity-0");
|
|
171
|
-
setTimeout(function () {
|
|
172
|
-
return setHideCookieMessage(true);
|
|
173
|
-
}, 500);
|
|
174
|
-
};
|
|
175
|
-
|
|
176
|
-
var absUrl = function absUrl(path) {
|
|
177
|
-
return url_base(path, urlBase);
|
|
178
|
-
}; // Presume the message is hidden by default
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
if (hideCookieMessage) return null;
|
|
182
|
-
return /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
|
|
183
|
-
className: "ui-cookie-message",
|
|
184
|
-
ref: ref
|
|
185
|
-
}, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
|
|
186
|
-
className: "ui-text-p2 pr-32"
|
|
187
|
-
}, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
|
|
188
|
-
href: absUrl("/privacy"),
|
|
189
|
-
className: "underline"
|
|
190
|
-
}, "How we use cookies"), " ", "to improve your experience."), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("button", {
|
|
191
|
-
className: "ui-btn-secondary mt-12 sm:mt-0 whitespace-nowrap",
|
|
192
|
-
onClick: handleClose
|
|
193
|
-
}, "Accept and close"));
|
|
194
|
-
}
|
|
195
|
-
CookieMessage.propTypes = {
|
|
196
|
-
cookieId: (external_commonjs_prop_types_commonjs2_prop_types_default()).string,
|
|
197
|
-
urlBase: (external_commonjs_prop_types_commonjs2_prop_types_default()).string
|
|
198
|
-
};
|
|
199
|
-
})();
|
|
200
|
-
|
|
201
|
-
/******/ return __webpack_exports__;
|
|
202
|
-
/******/ })()
|
|
203
|
-
;
|
|
204
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
!function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.AblyUi=o():(e.AblyUi=e.AblyUi||{},e.AblyUi.Core=e.AblyUi.Core||{},e.AblyUi.Core.CustomerLogos=o())}(this,(()=>({}.default)));
|
package/core/CustomerLogos.jsx
DELETED
|
@@ -1,144 +0,0 @@
|
|
|
1
|
-
(function webpackUniversalModuleDefinition(root, factory) {
|
|
2
|
-
if(typeof exports === 'object' && typeof module === 'object')
|
|
3
|
-
module.exports = factory(require("react"), require("prop-types"));
|
|
4
|
-
else if(typeof define === 'function' && define.amd)
|
|
5
|
-
define([, ], factory);
|
|
6
|
-
else {
|
|
7
|
-
var a = typeof exports === 'object' ? factory(require("react"), require("prop-types")) : factory(root[undefined], root[undefined]);
|
|
8
|
-
for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
|
|
9
|
-
}
|
|
10
|
-
})(this, (__WEBPACK_EXTERNAL_MODULE__5225__, __WEBPACK_EXTERNAL_MODULE__6073__) => {
|
|
11
|
-
return /******/ (() => { // webpackBootstrap
|
|
12
|
-
/******/ "use strict";
|
|
13
|
-
/******/ var __webpack_modules__ = ({
|
|
14
|
-
|
|
15
|
-
/***/ 6073:
|
|
16
|
-
/***/ ((module) => {
|
|
17
|
-
|
|
18
|
-
module.exports = __WEBPACK_EXTERNAL_MODULE__6073__;
|
|
19
|
-
|
|
20
|
-
/***/ }),
|
|
21
|
-
|
|
22
|
-
/***/ 5225:
|
|
23
|
-
/***/ ((module) => {
|
|
24
|
-
|
|
25
|
-
module.exports = __WEBPACK_EXTERNAL_MODULE__5225__;
|
|
26
|
-
|
|
27
|
-
/***/ })
|
|
28
|
-
|
|
29
|
-
/******/ });
|
|
30
|
-
/************************************************************************/
|
|
31
|
-
/******/ // The module cache
|
|
32
|
-
/******/ var __webpack_module_cache__ = {};
|
|
33
|
-
/******/
|
|
34
|
-
/******/ // The require function
|
|
35
|
-
/******/ function __webpack_require__(moduleId) {
|
|
36
|
-
/******/ // Check if module is in cache
|
|
37
|
-
/******/ var cachedModule = __webpack_module_cache__[moduleId];
|
|
38
|
-
/******/ if (cachedModule !== undefined) {
|
|
39
|
-
/******/ return cachedModule.exports;
|
|
40
|
-
/******/ }
|
|
41
|
-
/******/ // Create a new module (and put it into the cache)
|
|
42
|
-
/******/ var module = __webpack_module_cache__[moduleId] = {
|
|
43
|
-
/******/ // no module.id needed
|
|
44
|
-
/******/ // no module.loaded needed
|
|
45
|
-
/******/ exports: {}
|
|
46
|
-
/******/ };
|
|
47
|
-
/******/
|
|
48
|
-
/******/ // Execute the module function
|
|
49
|
-
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
|
|
50
|
-
/******/
|
|
51
|
-
/******/ // Return the exports of the module
|
|
52
|
-
/******/ return module.exports;
|
|
53
|
-
/******/ }
|
|
54
|
-
/******/
|
|
55
|
-
/************************************************************************/
|
|
56
|
-
/******/ /* webpack/runtime/compat get default export */
|
|
57
|
-
/******/ (() => {
|
|
58
|
-
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
59
|
-
/******/ __webpack_require__.n = (module) => {
|
|
60
|
-
/******/ var getter = module && module.__esModule ?
|
|
61
|
-
/******/ () => (module['default']) :
|
|
62
|
-
/******/ () => (module);
|
|
63
|
-
/******/ __webpack_require__.d(getter, { a: getter });
|
|
64
|
-
/******/ return getter;
|
|
65
|
-
/******/ };
|
|
66
|
-
/******/ })();
|
|
67
|
-
/******/
|
|
68
|
-
/******/ /* webpack/runtime/define property getters */
|
|
69
|
-
/******/ (() => {
|
|
70
|
-
/******/ // define getter functions for harmony exports
|
|
71
|
-
/******/ __webpack_require__.d = (exports, definition) => {
|
|
72
|
-
/******/ for(var key in definition) {
|
|
73
|
-
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
|
|
74
|
-
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
|
75
|
-
/******/ }
|
|
76
|
-
/******/ }
|
|
77
|
-
/******/ };
|
|
78
|
-
/******/ })();
|
|
79
|
-
/******/
|
|
80
|
-
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
|
81
|
-
/******/ (() => {
|
|
82
|
-
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
|
83
|
-
/******/ })();
|
|
84
|
-
/******/
|
|
85
|
-
/******/ /* webpack/runtime/make namespace object */
|
|
86
|
-
/******/ (() => {
|
|
87
|
-
/******/ // define __esModule on exports
|
|
88
|
-
/******/ __webpack_require__.r = (exports) => {
|
|
89
|
-
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
|
90
|
-
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
91
|
-
/******/ }
|
|
92
|
-
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
|
93
|
-
/******/ };
|
|
94
|
-
/******/ })();
|
|
95
|
-
/******/
|
|
96
|
-
/************************************************************************/
|
|
97
|
-
var __webpack_exports__ = {};
|
|
98
|
-
// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
|
|
99
|
-
(() => {
|
|
100
|
-
__webpack_require__.r(__webpack_exports__);
|
|
101
|
-
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
102
|
-
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
103
|
-
/* harmony export */ });
|
|
104
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
|
|
105
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
106
|
-
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
|
|
107
|
-
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
var CustomerLogos = function CustomerLogos(_ref) {
|
|
112
|
-
var companies = _ref.companies,
|
|
113
|
-
_ref$additionalCss = _ref.additionalCss,
|
|
114
|
-
additionalCss = _ref$additionalCss === void 0 ? "" : _ref$additionalCss;
|
|
115
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", {
|
|
116
|
-
className: "w-full bg-white"
|
|
117
|
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
|
|
118
|
-
className: "py-64 flex flex-row flex-wrap md:flex-nowrap content-between m-auto items-center ".concat(additionalCss)
|
|
119
|
-
}, companies.map(function (company) {
|
|
120
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", {
|
|
121
|
-
key: company.label,
|
|
122
|
-
className: "flex-auto text-center sm:w-1/3 w-1/2"
|
|
123
|
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("img", {
|
|
124
|
-
alt: company.label,
|
|
125
|
-
src: company.logo,
|
|
126
|
-
className: "mx-auto"
|
|
127
|
-
}));
|
|
128
|
-
})));
|
|
129
|
-
};
|
|
130
|
-
|
|
131
|
-
CustomerLogos.propTypes = {
|
|
132
|
-
companies: prop_types__WEBPACK_IMPORTED_MODULE_1___default().arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_1___default().shape({
|
|
133
|
-
label: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
|
|
134
|
-
logo: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
|
|
135
|
-
})),
|
|
136
|
-
additionalCss: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
|
|
137
|
-
};
|
|
138
|
-
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CustomerLogos);
|
|
139
|
-
})();
|
|
140
|
-
|
|
141
|
-
/******/ return __webpack_exports__;
|
|
142
|
-
/******/ })()
|
|
143
|
-
;
|
|
144
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
!function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.AblyUi=o():(e.AblyUi=e.AblyUi||{},e.AblyUi.Core=e.AblyUi.Core||{},e.AblyUi.Core.DropdownMenu=o())}(this,(()=>({}.default)));
|
package/core/DropdownMenu.jsx
DELETED
|
@@ -1,313 +0,0 @@
|
|
|
1
|
-
(function webpackUniversalModuleDefinition(root, factory) {
|
|
2
|
-
if(typeof exports === 'object' && typeof module === 'object')
|
|
3
|
-
module.exports = factory(require("react"), require("prop-types"));
|
|
4
|
-
else if(typeof define === 'function' && define.amd)
|
|
5
|
-
define([, ], factory);
|
|
6
|
-
else {
|
|
7
|
-
var a = typeof exports === 'object' ? factory(require("react"), require("prop-types")) : factory(root[undefined], root[undefined]);
|
|
8
|
-
for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
|
|
9
|
-
}
|
|
10
|
-
})(this, (__WEBPACK_EXTERNAL_MODULE__5225__, __WEBPACK_EXTERNAL_MODULE__6073__) => {
|
|
11
|
-
return /******/ (() => { // webpackBootstrap
|
|
12
|
-
/******/ "use strict";
|
|
13
|
-
/******/ var __webpack_modules__ = ({
|
|
14
|
-
|
|
15
|
-
/***/ 9008:
|
|
16
|
-
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
17
|
-
|
|
18
|
-
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
19
|
-
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
20
|
-
/* harmony export */ });
|
|
21
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
|
|
22
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
23
|
-
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
|
|
24
|
-
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
|
|
25
|
-
var _excluded = ["name", "size", "color", "additionalCSS"];
|
|
26
|
-
|
|
27
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
28
|
-
|
|
29
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
30
|
-
|
|
31
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
var Icon = function Icon(_ref) {
|
|
37
|
-
var name = _ref.name,
|
|
38
|
-
_ref$size = _ref.size,
|
|
39
|
-
size = _ref$size === void 0 ? "0.75rem" : _ref$size,
|
|
40
|
-
_ref$color = _ref.color,
|
|
41
|
-
color = _ref$color === void 0 ? "" : _ref$color,
|
|
42
|
-
_ref$additionalCSS = _ref.additionalCSS,
|
|
43
|
-
additionalCSS = _ref$additionalCSS === void 0 ? "" : _ref$additionalCSS,
|
|
44
|
-
additionalAttributes = _objectWithoutProperties(_ref, _excluded);
|
|
45
|
-
|
|
46
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", _extends({
|
|
47
|
-
className: "".concat(color, " ").concat(additionalCSS),
|
|
48
|
-
style: {
|
|
49
|
-
width: size,
|
|
50
|
-
height: size
|
|
51
|
-
}
|
|
52
|
-
}, additionalAttributes), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("use", {
|
|
53
|
-
xlinkHref: "#sprite-".concat(name)
|
|
54
|
-
}));
|
|
55
|
-
};
|
|
56
|
-
|
|
57
|
-
Icon.propTypes = {
|
|
58
|
-
name: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string.isRequired),
|
|
59
|
-
size: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
|
|
60
|
-
color: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
|
|
61
|
-
additionalCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
|
|
62
|
-
};
|
|
63
|
-
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Icon);
|
|
64
|
-
|
|
65
|
-
/***/ }),
|
|
66
|
-
|
|
67
|
-
/***/ 6073:
|
|
68
|
-
/***/ ((module) => {
|
|
69
|
-
|
|
70
|
-
module.exports = __WEBPACK_EXTERNAL_MODULE__6073__;
|
|
71
|
-
|
|
72
|
-
/***/ }),
|
|
73
|
-
|
|
74
|
-
/***/ 5225:
|
|
75
|
-
/***/ ((module) => {
|
|
76
|
-
|
|
77
|
-
module.exports = __WEBPACK_EXTERNAL_MODULE__5225__;
|
|
78
|
-
|
|
79
|
-
/***/ })
|
|
80
|
-
|
|
81
|
-
/******/ });
|
|
82
|
-
/************************************************************************/
|
|
83
|
-
/******/ // The module cache
|
|
84
|
-
/******/ var __webpack_module_cache__ = {};
|
|
85
|
-
/******/
|
|
86
|
-
/******/ // The require function
|
|
87
|
-
/******/ function __webpack_require__(moduleId) {
|
|
88
|
-
/******/ // Check if module is in cache
|
|
89
|
-
/******/ var cachedModule = __webpack_module_cache__[moduleId];
|
|
90
|
-
/******/ if (cachedModule !== undefined) {
|
|
91
|
-
/******/ return cachedModule.exports;
|
|
92
|
-
/******/ }
|
|
93
|
-
/******/ // Create a new module (and put it into the cache)
|
|
94
|
-
/******/ var module = __webpack_module_cache__[moduleId] = {
|
|
95
|
-
/******/ // no module.id needed
|
|
96
|
-
/******/ // no module.loaded needed
|
|
97
|
-
/******/ exports: {}
|
|
98
|
-
/******/ };
|
|
99
|
-
/******/
|
|
100
|
-
/******/ // Execute the module function
|
|
101
|
-
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
|
|
102
|
-
/******/
|
|
103
|
-
/******/ // Return the exports of the module
|
|
104
|
-
/******/ return module.exports;
|
|
105
|
-
/******/ }
|
|
106
|
-
/******/
|
|
107
|
-
/************************************************************************/
|
|
108
|
-
/******/ /* webpack/runtime/compat get default export */
|
|
109
|
-
/******/ (() => {
|
|
110
|
-
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
111
|
-
/******/ __webpack_require__.n = (module) => {
|
|
112
|
-
/******/ var getter = module && module.__esModule ?
|
|
113
|
-
/******/ () => (module['default']) :
|
|
114
|
-
/******/ () => (module);
|
|
115
|
-
/******/ __webpack_require__.d(getter, { a: getter });
|
|
116
|
-
/******/ return getter;
|
|
117
|
-
/******/ };
|
|
118
|
-
/******/ })();
|
|
119
|
-
/******/
|
|
120
|
-
/******/ /* webpack/runtime/define property getters */
|
|
121
|
-
/******/ (() => {
|
|
122
|
-
/******/ // define getter functions for harmony exports
|
|
123
|
-
/******/ __webpack_require__.d = (exports, definition) => {
|
|
124
|
-
/******/ for(var key in definition) {
|
|
125
|
-
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
|
|
126
|
-
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
|
127
|
-
/******/ }
|
|
128
|
-
/******/ }
|
|
129
|
-
/******/ };
|
|
130
|
-
/******/ })();
|
|
131
|
-
/******/
|
|
132
|
-
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
|
133
|
-
/******/ (() => {
|
|
134
|
-
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
|
135
|
-
/******/ })();
|
|
136
|
-
/******/
|
|
137
|
-
/******/ /* webpack/runtime/make namespace object */
|
|
138
|
-
/******/ (() => {
|
|
139
|
-
/******/ // define __esModule on exports
|
|
140
|
-
/******/ __webpack_require__.r = (exports) => {
|
|
141
|
-
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
|
142
|
-
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
143
|
-
/******/ }
|
|
144
|
-
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
|
145
|
-
/******/ };
|
|
146
|
-
/******/ })();
|
|
147
|
-
/******/
|
|
148
|
-
/************************************************************************/
|
|
149
|
-
var __webpack_exports__ = {};
|
|
150
|
-
// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
|
|
151
|
-
(() => {
|
|
152
|
-
__webpack_require__.r(__webpack_exports__);
|
|
153
|
-
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
154
|
-
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
155
|
-
/* harmony export */ });
|
|
156
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
|
|
157
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
158
|
-
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
|
|
159
|
-
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
|
|
160
|
-
/* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);
|
|
161
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
162
|
-
|
|
163
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
164
|
-
|
|
165
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
166
|
-
|
|
167
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
168
|
-
|
|
169
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
170
|
-
|
|
171
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
var DropdownMenuContext = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)();
|
|
177
|
-
|
|
178
|
-
var DropdownMenu = function DropdownMenu(_ref) {
|
|
179
|
-
var children = _ref.children;
|
|
180
|
-
|
|
181
|
-
var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
|
|
182
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
183
|
-
isOpen = _useState2[0],
|
|
184
|
-
setOpen = _useState2[1];
|
|
185
|
-
|
|
186
|
-
var ref = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
|
|
187
|
-
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
|
|
188
|
-
var clickHandler = function clickHandler(e) {
|
|
189
|
-
var _ref$current;
|
|
190
|
-
|
|
191
|
-
if (ref !== null && ref !== void 0 && (_ref$current = ref.current) !== null && _ref$current !== void 0 && _ref$current.contains(e.target)) return;
|
|
192
|
-
setOpen(false);
|
|
193
|
-
};
|
|
194
|
-
|
|
195
|
-
document.addEventListener("click", clickHandler);
|
|
196
|
-
return function () {
|
|
197
|
-
document.removeEventListener("click", clickHandler);
|
|
198
|
-
};
|
|
199
|
-
}, []);
|
|
200
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(DropdownMenuContext.Provider, {
|
|
201
|
-
value: {
|
|
202
|
-
isOpen: isOpen,
|
|
203
|
-
setOpen: setOpen
|
|
204
|
-
}
|
|
205
|
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
|
|
206
|
-
id: "dropdown-menu",
|
|
207
|
-
className: "relative",
|
|
208
|
-
ref: ref
|
|
209
|
-
}, children));
|
|
210
|
-
};
|
|
211
|
-
|
|
212
|
-
DropdownMenu.propTypes = {
|
|
213
|
-
children: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node)
|
|
214
|
-
};
|
|
215
|
-
|
|
216
|
-
var Trigger = function Trigger(_ref2) {
|
|
217
|
-
var children = _ref2.children,
|
|
218
|
-
_ref2$additionalTrigg = _ref2.additionalTriggerCSS,
|
|
219
|
-
additionalTriggerCSS = _ref2$additionalTrigg === void 0 ? "" : _ref2$additionalTrigg;
|
|
220
|
-
|
|
221
|
-
var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(DropdownMenuContext),
|
|
222
|
-
isOpen = _useContext.isOpen,
|
|
223
|
-
setOpen = _useContext.setOpen;
|
|
224
|
-
|
|
225
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
|
|
226
|
-
id: "menu-trigger",
|
|
227
|
-
onClick: function onClick() {
|
|
228
|
-
return setOpen(!isOpen);
|
|
229
|
-
},
|
|
230
|
-
className: "".concat(additionalTriggerCSS, " flex items-center p-8 ml-8 group hover:text-gui-hover hover:bg-light-grey active:text-gui-active focus:text-gui-focus focus:outline-none rounded-lg")
|
|
231
|
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
|
|
232
|
-
className: "leading-normal"
|
|
233
|
-
}, children), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
|
|
234
|
-
name: "icon-gui-disclosure-arrow",
|
|
235
|
-
color: "text-cool-black",
|
|
236
|
-
size: "1.25rem",
|
|
237
|
-
additionalCSS: "transform rotate-90 group-hover:text-gui-hover group-active:text-gui-active group-focus:text-gui-focus"
|
|
238
|
-
}));
|
|
239
|
-
};
|
|
240
|
-
|
|
241
|
-
Trigger.propTypes = {
|
|
242
|
-
children: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
|
|
243
|
-
additionalTriggerCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
|
|
244
|
-
};
|
|
245
|
-
|
|
246
|
-
var Content = function Content(_ref3) {
|
|
247
|
-
var children = _ref3.children,
|
|
248
|
-
_ref3$anchorPosition = _ref3.anchorPosition,
|
|
249
|
-
anchorPosition = _ref3$anchorPosition === void 0 ? "right" : _ref3$anchorPosition,
|
|
250
|
-
additionalContentCSS = _ref3.additionalContentCSS;
|
|
251
|
-
|
|
252
|
-
var _useContext2 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(DropdownMenuContext),
|
|
253
|
-
isOpen = _useContext2.isOpen;
|
|
254
|
-
|
|
255
|
-
if (!isOpen) {
|
|
256
|
-
return null;
|
|
257
|
-
}
|
|
258
|
-
|
|
259
|
-
var anchorPositionClasses = anchorPosition === "right" ? "right-0" : "left-0";
|
|
260
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
|
|
261
|
-
id: "menu-content",
|
|
262
|
-
className: "".concat(additionalContentCSS, " absolute p-8 z-10 border border-mid-grey bg-white rounded shadow-container ").concat(anchorPositionClasses),
|
|
263
|
-
style: {
|
|
264
|
-
minWidth: 275,
|
|
265
|
-
top: 44
|
|
266
|
-
}
|
|
267
|
-
}, children);
|
|
268
|
-
};
|
|
269
|
-
|
|
270
|
-
Content.propTypes = {
|
|
271
|
-
children: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
|
|
272
|
-
anchorPosition: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
|
|
273
|
-
additionalContentCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
|
|
274
|
-
};
|
|
275
|
-
|
|
276
|
-
var Link = function Link(_ref4) {
|
|
277
|
-
var url = _ref4.url,
|
|
278
|
-
title = _ref4.title,
|
|
279
|
-
subtitle = _ref4.subtitle,
|
|
280
|
-
iconName = _ref4.iconName,
|
|
281
|
-
children = _ref4.children;
|
|
282
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
|
|
283
|
-
href: url,
|
|
284
|
-
className: "menu-link group block p-8 hover:bg-light-grey hover:text-cool-black rounded"
|
|
285
|
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
|
|
286
|
-
className: "mb-4"
|
|
287
|
-
}, title, iconName ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
|
|
288
|
-
name: iconName,
|
|
289
|
-
size: "1rem",
|
|
290
|
-
color: "text-cool-black",
|
|
291
|
-
additionalCSS: "align-middle ml-8 relative -top-1 -left-4"
|
|
292
|
-
}) : null), subtitle ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
|
|
293
|
-
className: "ui-text-p3 mb-16"
|
|
294
|
-
}, subtitle) : null, children);
|
|
295
|
-
};
|
|
296
|
-
|
|
297
|
-
Link.propTypes = {
|
|
298
|
-
url: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
|
|
299
|
-
title: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
|
|
300
|
-
subtitle: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
|
|
301
|
-
iconName: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
|
|
302
|
-
children: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node)
|
|
303
|
-
};
|
|
304
|
-
DropdownMenu.Trigger = Trigger;
|
|
305
|
-
DropdownMenu.Content = Content;
|
|
306
|
-
DropdownMenu.Link = Link;
|
|
307
|
-
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DropdownMenu);
|
|
308
|
-
})();
|
|
309
|
-
|
|
310
|
-
/******/ return __webpack_exports__;
|
|
311
|
-
/******/ })()
|
|
312
|
-
;
|
|
313
|
-
});
|