@ably/ui 17.13.0-dev.d6a24f68 → 17.13.1-dev.5fb54a0a
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/AGENTS.md +337 -0
- package/core/Expander.js +1 -1
- package/core/Expander.js.map +1 -1
- package/core/Flash.js +1 -1
- package/core/Flash.js.map +1 -1
- package/core/Icon/components/icon-display-ephemeral-messages-dark-col.js +2 -0
- package/core/Icon/components/icon-display-ephemeral-messages-dark-col.js.map +1 -0
- package/core/Icon/components/icon-display-message-annotations-dark-col.js +2 -0
- package/core/Icon/components/icon-display-message-annotations-dark-col.js.map +1 -0
- package/core/Icon/components/icon-gui-square-3-stack-3d.js +2 -0
- package/core/Icon/components/icon-gui-square-3-stack-3d.js.map +1 -0
- package/core/Icon/components/index.js +1 -1
- package/core/Icon/components/index.js.map +1 -1
- package/core/Icon/computed-icons/display-icons.js +1 -1
- package/core/Icon/computed-icons/display-icons.js.map +1 -1
- package/core/hooks/use-themed-scrollpoints.js +1 -1
- package/core/hooks/use-themed-scrollpoints.js.map +1 -1
- package/core/icons/display/icon-display-ephemeral-messages-dark-col.svg +6 -0
- package/core/icons/display/icon-display-message-annotations-dark-col.svg +11 -0
- package/core/insights/posthog.js +1 -1
- package/core/insights/posthog.js.map +1 -1
- package/core/remote-blogs-posts.js.map +1 -1
- package/core/remote-session-data.js.map +1 -1
- package/core/scripts.js +1 -1
- package/core/scripts.js.map +1 -1
- package/core/sprites-display.svg +1 -1
- package/index.d.ts +49 -45
- package/package.json +8 -9
- package/core/ConnectStateWrapper.js +0 -2
- package/core/ConnectStateWrapper.js.map +0 -1
- package/core/CookieMessage/component.css +0 -15
- package/core/CookieMessage.js +0 -2
- package/core/CookieMessage.js.map +0 -1
- package/core/remote-data-store.js +0 -2
- package/core/remote-data-store.js.map +0 -1
package/index.d.ts
CHANGED
|
@@ -480,12 +480,6 @@ export default CodeSnippet;
|
|
|
480
480
|
//# sourceMappingURL=CodeSnippet.d.ts.map
|
|
481
481
|
}
|
|
482
482
|
|
|
483
|
-
declare module '@ably/ui/core/ConnectStateWrapper' {
|
|
484
|
-
const ConnectStateWrapper: (Component: any, selectors: any) => (props: any) => import("react/jsx-runtime").JSX.Element;
|
|
485
|
-
export default ConnectStateWrapper;
|
|
486
|
-
//# sourceMappingURL=ConnectStateWrapper.d.ts.map
|
|
487
|
-
}
|
|
488
|
-
|
|
489
483
|
declare module '@ably/ui/core/ContentTile' {
|
|
490
484
|
import React from "react";
|
|
491
485
|
import { type BadgeProps } from "@ably/ui/core/Badge";
|
|
@@ -540,16 +534,6 @@ export default ContentTile;
|
|
|
540
534
|
//# sourceMappingURL=ContentTile.d.ts.map
|
|
541
535
|
}
|
|
542
536
|
|
|
543
|
-
declare module '@ably/ui/core/CookieMessage' {
|
|
544
|
-
type CookieMessageProps = {
|
|
545
|
-
cookieId: string;
|
|
546
|
-
urlBase: string;
|
|
547
|
-
};
|
|
548
|
-
const CookieMessage: ({ cookieId, urlBase }: CookieMessageProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
549
|
-
export default CookieMessage;
|
|
550
|
-
//# sourceMappingURL=CookieMessage.d.ts.map
|
|
551
|
-
}
|
|
552
|
-
|
|
553
537
|
declare module '@ably/ui/core/CustomerLogos' {
|
|
554
538
|
type CompanyEntity = {
|
|
555
539
|
label: string;
|
|
@@ -659,6 +643,7 @@ export default FeaturedLink;
|
|
|
659
643
|
}
|
|
660
644
|
|
|
661
645
|
declare module '@ably/ui/core/Flash' {
|
|
646
|
+
import { PropsWithChildren } from "react";
|
|
662
647
|
type FlashPropsType = "error" | "success" | "notice" | "info" | "alert";
|
|
663
648
|
type FlashProps = {
|
|
664
649
|
id: string;
|
|
@@ -667,28 +652,21 @@ type FlashProps = {
|
|
|
667
652
|
content: string;
|
|
668
653
|
removeFlash: (id: string) => void;
|
|
669
654
|
};
|
|
670
|
-
type FlashesProps = {
|
|
671
|
-
flashes: {
|
|
672
|
-
items: Pick<FlashProps, "type" | "content">[];
|
|
673
|
-
};
|
|
674
|
-
};
|
|
675
655
|
type BackendFlashesProps = {
|
|
676
656
|
flashes: string[][];
|
|
677
657
|
};
|
|
678
658
|
const FLASH_DATA_ID = "ui-flashes";
|
|
679
|
-
|
|
680
|
-
flashes:
|
|
681
|
-
|
|
682
|
-
|
|
683
|
-
type: string;
|
|
684
|
-
payload: FlashProps | FlashProps[];
|
|
685
|
-
}) => {
|
|
686
|
-
items: FlashProps[];
|
|
687
|
-
};
|
|
659
|
+
type FlashContextType = {
|
|
660
|
+
flashes: FlashProps[];
|
|
661
|
+
addFlashes: (flashes: Pick<FlashProps, "type" | "content">[]) => void;
|
|
662
|
+
removeFlash: (id: string) => void;
|
|
688
663
|
};
|
|
689
|
-
|
|
690
|
-
const
|
|
691
|
-
|
|
664
|
+
type FlashProviderProps = PropsWithChildren;
|
|
665
|
+
const FlashProvider: ({ children }: FlashProviderProps) => import("react/jsx-runtime").JSX.Element;
|
|
666
|
+
const useFlashContext: () => FlashContextType;
|
|
667
|
+
const Flashes: () => import("react/jsx-runtime").JSX.Element;
|
|
668
|
+
const BackendFlashes: ({ flashes }: BackendFlashesProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
669
|
+
export { FLASH_DATA_ID, Flashes, FlashProvider, useFlashContext };
|
|
692
670
|
export default BackendFlashes;
|
|
693
671
|
//# sourceMappingURL=Flash.d.ts.map
|
|
694
672
|
}
|
|
@@ -1330,6 +1308,17 @@ export default ForwardRef;
|
|
|
1330
1308
|
//# sourceMappingURL=icon-display-elasticity.d.ts.map
|
|
1331
1309
|
}
|
|
1332
1310
|
|
|
1311
|
+
declare module '@ably/ui/core/Icon/components/icon-display-ephemeral-messages-dark-col' {
|
|
1312
|
+
import * as React from "react";
|
|
1313
|
+
interface SVGRProps {
|
|
1314
|
+
title?: string;
|
|
1315
|
+
titleId?: string;
|
|
1316
|
+
}
|
|
1317
|
+
const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
1318
|
+
export default ForwardRef;
|
|
1319
|
+
//# sourceMappingURL=icon-display-ephemeral-messages-dark-col.d.ts.map
|
|
1320
|
+
}
|
|
1321
|
+
|
|
1333
1322
|
declare module '@ably/ui/core/Icon/components/icon-display-ephemeral-messages' {
|
|
1334
1323
|
import * as React from "react";
|
|
1335
1324
|
interface SVGRProps {
|
|
@@ -1605,6 +1594,17 @@ export default ForwardRef;
|
|
|
1605
1594
|
//# sourceMappingURL=icon-display-map-pin.d.ts.map
|
|
1606
1595
|
}
|
|
1607
1596
|
|
|
1597
|
+
declare module '@ably/ui/core/Icon/components/icon-display-message-annotations-dark-col' {
|
|
1598
|
+
import * as React from "react";
|
|
1599
|
+
interface SVGRProps {
|
|
1600
|
+
title?: string;
|
|
1601
|
+
titleId?: string;
|
|
1602
|
+
}
|
|
1603
|
+
const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
1604
|
+
export default ForwardRef;
|
|
1605
|
+
//# sourceMappingURL=icon-display-message-annotations-dark-col.d.ts.map
|
|
1606
|
+
}
|
|
1607
|
+
|
|
1608
1608
|
declare module '@ably/ui/core/Icon/components/icon-display-message-annotations' {
|
|
1609
1609
|
import * as React from "react";
|
|
1610
1610
|
interface SVGRProps {
|
|
@@ -2496,6 +2496,17 @@ export default ForwardRef;
|
|
|
2496
2496
|
//# sourceMappingURL=icon-gui-spinner-light.d.ts.map
|
|
2497
2497
|
}
|
|
2498
2498
|
|
|
2499
|
+
declare module '@ably/ui/core/Icon/components/icon-gui-square-3-stack-3d' {
|
|
2500
|
+
import * as React from "react";
|
|
2501
|
+
interface SVGRProps {
|
|
2502
|
+
title?: string;
|
|
2503
|
+
titleId?: string;
|
|
2504
|
+
}
|
|
2505
|
+
const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
2506
|
+
export default ForwardRef;
|
|
2507
|
+
//# sourceMappingURL=icon-gui-square-3-stack-3d.d.ts.map
|
|
2508
|
+
}
|
|
2509
|
+
|
|
2499
2510
|
declare module '@ably/ui/core/Icon/components/icon-product-ai-transport-mono' {
|
|
2500
2511
|
import * as React from "react";
|
|
2501
2512
|
interface SVGRProps {
|
|
@@ -5076,6 +5087,7 @@ import IconDisplayDocumentation from "@ably/ui/core/icon-display-documentation";
|
|
|
5076
5087
|
import IconDisplayDynamicChannelGroups from "@ably/ui/core/icon-display-dynamic-channel-groups";
|
|
5077
5088
|
import IconDisplayEdgeNetwork from "@ably/ui/core/icon-display-edge-network";
|
|
5078
5089
|
import IconDisplayElasticity from "@ably/ui/core/icon-display-elasticity";
|
|
5090
|
+
import IconDisplayEphemeralMessagesDarkCol from "@ably/ui/core/icon-display-ephemeral-messages-dark-col";
|
|
5079
5091
|
import IconDisplayEphemeralMessages from "@ably/ui/core/icon-display-ephemeral-messages";
|
|
5080
5092
|
import IconDisplayEqualisersMono from "@ably/ui/core/icon-display-equalisers-mono";
|
|
5081
5093
|
import IconDisplayEventsCol from "@ably/ui/core/icon-display-events-col";
|
|
@@ -5101,6 +5113,7 @@ import IconDisplayLiveChat from "@ably/ui/core/icon-display-live-chat";
|
|
|
5101
5113
|
import IconDisplayLiveUpdatesResultsMetricsCol from "@ably/ui/core/icon-display-live-updates-results-metrics-col";
|
|
5102
5114
|
import IconDisplayLiveUpdates from "@ably/ui/core/icon-display-live-updates";
|
|
5103
5115
|
import IconDisplayMapPin from "@ably/ui/core/icon-display-map-pin";
|
|
5116
|
+
import IconDisplayMessageAnnotationsDarkCol from "@ably/ui/core/icon-display-message-annotations-dark-col";
|
|
5104
5117
|
import IconDisplayMessageAnnotations from "@ably/ui/core/icon-display-message-annotations";
|
|
5105
5118
|
import IconDisplayMessageBatching from "@ably/ui/core/icon-display-message-batching";
|
|
5106
5119
|
import IconDisplayMessagePersistence from "@ably/ui/core/icon-display-message-persistence";
|
|
@@ -5142,7 +5155,7 @@ import IconDisplayUiMono from "@ably/ui/core/icon-display-ui-mono";
|
|
|
5142
5155
|
import IconDisplayUi from "@ably/ui/core/icon-display-ui";
|
|
5143
5156
|
import IconDisplayVirtualEventsCol from "@ably/ui/core/icon-display-virtual-events-col";
|
|
5144
5157
|
import IconDisplayVirtualEvents from "@ably/ui/core/icon-display-virtual-events";
|
|
5145
|
-
export { IconDisplay48hrs, IconDisplayAblyChannels, IconDisplayAboutAblyCol, IconDisplayApiKeys, IconDisplayApi, IconDisplayArchitecturalGuidance, IconDisplayAssetTrackingCol, IconDisplayAuthentication, IconDisplayAvatarStack, IconDisplayBrowser, IconDisplayCalendar, IconDisplayCallMobile, IconDisplayCareersCol, IconDisplayCaseStudiesCol, IconDisplayChatCol, IconDisplayChatMono, IconDisplayChatStackCol, IconDisplayChatStack, IconDisplayCloudServersMono, IconDisplayCloudServers, IconDisplayCompareTechCol, IconDisplayConnectionStateRecovery, IconDisplayConsumerGroups, IconDisplayCustomCname, IconDisplayCustom, IconDisplayCustomersCol, IconDisplayDataBroadcastCol, IconDisplayDataBroadcastMono, IconDisplayDataIntegrity, IconDisplayDataSynchronizationCol, IconDisplayDatabaseConnector, IconDisplayDedicatedCluster, IconDisplayDeltas, IconDisplayDocsCol, IconDisplayDocumentation, IconDisplayDynamicChannelGroups, IconDisplayEdgeNetwork, IconDisplayElasticity, IconDisplayEphemeralMessages, IconDisplayEqualisersMono, IconDisplayEventsCol, IconDisplayExactlyOnceDelivery, IconDisplayExamplesCol, IconDisplayFanOut, IconDisplayFirehose, IconDisplayGdpr, IconDisplayGeneralComms, IconDisplayGranularPermissions, IconDisplayHipaaMono, IconDisplayHipaa, IconDisplayHistory, IconDisplayIntegrationsCol, IconDisplayIntegrations, IconDisplayItSupportAccess, IconDisplayItSupportHelpdesk, IconDisplayKafkaAtTheEdgeCol, IconDisplayLaptop, IconDisplayLastSeen, IconDisplayLightbulbCol, IconDisplayLiveChat, IconDisplayLiveUpdatesResultsMetricsCol, IconDisplayLiveUpdates, IconDisplayMapPin, IconDisplayMessageAnnotations, IconDisplayMessageBatching, IconDisplayMessagePersistence, IconDisplayMessageQueues, IconDisplayMessage, IconDisplayMultiUserSpacesCol, IconDisplayMultiUserSpaces, IconDisplayObserveAnalytics, IconDisplayPadlockClosed, IconDisplayPlatform, IconDisplayPlay, IconDisplayPremiumSupport, IconDisplayPrivacyShieldFramework, IconDisplayPrivateLink, IconDisplayPushNotificationsCol, IconDisplayPushNotificationsMono, IconDisplayPushNotifications, IconDisplayQuickstartGuidesCol, IconDisplayReactions, IconDisplayReadReceipts, IconDisplayResourcesCol, IconDisplayRewind, IconDisplaySdksCol, IconDisplaySdks, IconDisplaySendReceivedMessages, IconDisplayServers, IconDisplayShoppingCart, IconDisplaySla, IconDisplaySoc2Type2Mono, IconDisplaySoc2Type2, IconDisplaySomethingElseMono, IconDisplaySomethingElse, IconDisplaySubscriptionFilters, IconDisplaySupportChatMono, IconDisplaySystemMetadata, IconDisplayTechAccountComms, IconDisplayTutorialsDemosCol, IconDisplayUiMono, IconDisplayUi, IconDisplayVirtualEventsCol, IconDisplayVirtualEvents, };
|
|
5158
|
+
export { IconDisplay48hrs, IconDisplayAblyChannels, IconDisplayAboutAblyCol, IconDisplayApiKeys, IconDisplayApi, IconDisplayArchitecturalGuidance, IconDisplayAssetTrackingCol, IconDisplayAuthentication, IconDisplayAvatarStack, IconDisplayBrowser, IconDisplayCalendar, IconDisplayCallMobile, IconDisplayCareersCol, IconDisplayCaseStudiesCol, IconDisplayChatCol, IconDisplayChatMono, IconDisplayChatStackCol, IconDisplayChatStack, IconDisplayCloudServersMono, IconDisplayCloudServers, IconDisplayCompareTechCol, IconDisplayConnectionStateRecovery, IconDisplayConsumerGroups, IconDisplayCustomCname, IconDisplayCustom, IconDisplayCustomersCol, IconDisplayDataBroadcastCol, IconDisplayDataBroadcastMono, IconDisplayDataIntegrity, IconDisplayDataSynchronizationCol, IconDisplayDatabaseConnector, IconDisplayDedicatedCluster, IconDisplayDeltas, IconDisplayDocsCol, IconDisplayDocumentation, IconDisplayDynamicChannelGroups, IconDisplayEdgeNetwork, IconDisplayElasticity, IconDisplayEphemeralMessagesDarkCol, IconDisplayEphemeralMessages, IconDisplayEqualisersMono, IconDisplayEventsCol, IconDisplayExactlyOnceDelivery, IconDisplayExamplesCol, IconDisplayFanOut, IconDisplayFirehose, IconDisplayGdpr, IconDisplayGeneralComms, IconDisplayGranularPermissions, IconDisplayHipaaMono, IconDisplayHipaa, IconDisplayHistory, IconDisplayIntegrationsCol, IconDisplayIntegrations, IconDisplayItSupportAccess, IconDisplayItSupportHelpdesk, IconDisplayKafkaAtTheEdgeCol, IconDisplayLaptop, IconDisplayLastSeen, IconDisplayLightbulbCol, IconDisplayLiveChat, IconDisplayLiveUpdatesResultsMetricsCol, IconDisplayLiveUpdates, IconDisplayMapPin, IconDisplayMessageAnnotationsDarkCol, IconDisplayMessageAnnotations, IconDisplayMessageBatching, IconDisplayMessagePersistence, IconDisplayMessageQueues, IconDisplayMessage, IconDisplayMultiUserSpacesCol, IconDisplayMultiUserSpaces, IconDisplayObserveAnalytics, IconDisplayPadlockClosed, IconDisplayPlatform, IconDisplayPlay, IconDisplayPremiumSupport, IconDisplayPrivacyShieldFramework, IconDisplayPrivateLink, IconDisplayPushNotificationsCol, IconDisplayPushNotificationsMono, IconDisplayPushNotifications, IconDisplayQuickstartGuidesCol, IconDisplayReactions, IconDisplayReadReceipts, IconDisplayResourcesCol, IconDisplayRewind, IconDisplaySdksCol, IconDisplaySdks, IconDisplaySendReceivedMessages, IconDisplayServers, IconDisplayShoppingCart, IconDisplaySla, IconDisplaySoc2Type2Mono, IconDisplaySoc2Type2, IconDisplaySomethingElseMono, IconDisplaySomethingElse, IconDisplaySubscriptionFilters, IconDisplaySupportChatMono, IconDisplaySystemMetadata, IconDisplayTechAccountComms, IconDisplayTutorialsDemosCol, IconDisplayUiMono, IconDisplayUi, IconDisplayVirtualEventsCol, IconDisplayVirtualEvents, };
|
|
5146
5159
|
import IconGuiAblyBadge from "@ably/ui/core/icon-gui-ably-badge";
|
|
5147
5160
|
import IconGuiCheckCircledFill from "@ably/ui/core/icon-gui-check-circled-fill";
|
|
5148
5161
|
import IconGuiCheckLotusCircled from "@ably/ui/core/icon-gui-check-lotus-circled";
|
|
@@ -5422,7 +5435,7 @@ export { IconTechAblyApiStreamer, IconTechAblyFirehose, IconTechAblyNative, Icon
|
|
|
5422
5435
|
}
|
|
5423
5436
|
|
|
5424
5437
|
declare module '@ably/ui/core/Icon/computed-icons/display-icons' {
|
|
5425
|
-
export const displayIcons: readonly ["icon-display-48hrs", "icon-display-ably-channels", "icon-display-about-ably-col", "icon-display-api", "icon-display-api-keys", "icon-display-architectural-guidance", "icon-display-asset-tracking-col", "icon-display-authentication", "icon-display-avatar-stack", "icon-display-browser", "icon-display-calendar", "icon-display-call-mobile", "icon-display-careers-col", "icon-display-case-studies-col", "icon-display-chat-col", "icon-display-chat-mono", "icon-display-chat-stack", "icon-display-chat-stack-col", "icon-display-cloud-servers", "icon-display-cloud-servers-mono", "icon-display-compare-tech-col", "icon-display-connection-state-recovery", "icon-display-consumer-groups", "icon-display-custom", "icon-display-custom-cname", "icon-display-customers-col", "icon-display-data-broadcast-col", "icon-display-data-broadcast-mono", "icon-display-data-integrity", "icon-display-data-synchronization-col", "icon-display-database-connector", "icon-display-dedicated-cluster", "icon-display-deltas", "icon-display-docs-col", "icon-display-documentation", "icon-display-dynamic-channel-groups", "icon-display-edge-network", "icon-display-elasticity", "icon-display-ephemeral-messages", "icon-display-equalisers-mono", "icon-display-events-col", "icon-display-exactly-once-delivery", "icon-display-examples-col", "icon-display-fan-out", "icon-display-firehose", "icon-display-gdpr", "icon-display-general-comms", "icon-display-granular-permissions", "icon-display-hipaa", "icon-display-hipaa-mono", "icon-display-history", "icon-display-integrations", "icon-display-integrations-col", "icon-display-it-support-access", "icon-display-it-support-helpdesk", "icon-display-kafka-at-the-edge-col", "icon-display-laptop", "icon-display-last-seen", "icon-display-lightbulb-col", "icon-display-live-chat", "icon-display-live-updates", "icon-display-live-updates-results-metrics-col", "icon-display-map-pin", "icon-display-message", "icon-display-message-annotations", "icon-display-message-batching", "icon-display-message-persistence", "icon-display-message-queues", "icon-display-multi-user-spaces", "icon-display-multi-user-spaces-col", "icon-display-observe-analytics", "icon-display-padlock-closed", "icon-display-platform", "icon-display-play", "icon-display-premium-support", "icon-display-privacy-shield-framework", "icon-display-private-link", "icon-display-push-notifications", "icon-display-push-notifications-col", "icon-display-push-notifications-mono", "icon-display-quickstart-guides-col", "icon-display-reactions", "icon-display-read-receipts", "icon-display-resources-col", "icon-display-rewind", "icon-display-sdks", "icon-display-sdks-col", "icon-display-send-received-messages", "icon-display-servers", "icon-display-shopping-cart", "icon-display-sla", "icon-display-soc2-type2", "icon-display-soc2-type2-mono", "icon-display-something-else", "icon-display-something-else-mono", "icon-display-subscription-filters", "icon-display-support-chat-mono", "icon-display-system-metadata", "icon-display-tech-account-comms", "icon-display-tutorials-demos-col", "icon-display-ui", "icon-display-ui-mono", "icon-display-virtual-events", "icon-display-virtual-events-col"];
|
|
5438
|
+
export const displayIcons: readonly ["icon-display-48hrs", "icon-display-ably-channels", "icon-display-about-ably-col", "icon-display-api", "icon-display-api-keys", "icon-display-architectural-guidance", "icon-display-asset-tracking-col", "icon-display-authentication", "icon-display-avatar-stack", "icon-display-browser", "icon-display-calendar", "icon-display-call-mobile", "icon-display-careers-col", "icon-display-case-studies-col", "icon-display-chat-col", "icon-display-chat-mono", "icon-display-chat-stack", "icon-display-chat-stack-col", "icon-display-cloud-servers", "icon-display-cloud-servers-mono", "icon-display-compare-tech-col", "icon-display-connection-state-recovery", "icon-display-consumer-groups", "icon-display-custom", "icon-display-custom-cname", "icon-display-customers-col", "icon-display-data-broadcast-col", "icon-display-data-broadcast-mono", "icon-display-data-integrity", "icon-display-data-synchronization-col", "icon-display-database-connector", "icon-display-dedicated-cluster", "icon-display-deltas", "icon-display-docs-col", "icon-display-documentation", "icon-display-dynamic-channel-groups", "icon-display-edge-network", "icon-display-elasticity", "icon-display-ephemeral-messages", "icon-display-ephemeral-messages-dark-col", "icon-display-equalisers-mono", "icon-display-events-col", "icon-display-exactly-once-delivery", "icon-display-examples-col", "icon-display-fan-out", "icon-display-firehose", "icon-display-gdpr", "icon-display-general-comms", "icon-display-granular-permissions", "icon-display-hipaa", "icon-display-hipaa-mono", "icon-display-history", "icon-display-integrations", "icon-display-integrations-col", "icon-display-it-support-access", "icon-display-it-support-helpdesk", "icon-display-kafka-at-the-edge-col", "icon-display-laptop", "icon-display-last-seen", "icon-display-lightbulb-col", "icon-display-live-chat", "icon-display-live-updates", "icon-display-live-updates-results-metrics-col", "icon-display-map-pin", "icon-display-message", "icon-display-message-annotations", "icon-display-message-annotations-dark-col", "icon-display-message-batching", "icon-display-message-persistence", "icon-display-message-queues", "icon-display-multi-user-spaces", "icon-display-multi-user-spaces-col", "icon-display-observe-analytics", "icon-display-padlock-closed", "icon-display-platform", "icon-display-play", "icon-display-premium-support", "icon-display-privacy-shield-framework", "icon-display-private-link", "icon-display-push-notifications", "icon-display-push-notifications-col", "icon-display-push-notifications-mono", "icon-display-quickstart-guides-col", "icon-display-reactions", "icon-display-read-receipts", "icon-display-resources-col", "icon-display-rewind", "icon-display-sdks", "icon-display-sdks-col", "icon-display-send-received-messages", "icon-display-servers", "icon-display-shopping-cart", "icon-display-sla", "icon-display-soc2-type2", "icon-display-soc2-type2-mono", "icon-display-something-else", "icon-display-something-else-mono", "icon-display-subscription-filters", "icon-display-support-chat-mono", "icon-display-system-metadata", "icon-display-tech-account-comms", "icon-display-tutorials-demos-col", "icon-display-ui", "icon-display-ui-mono", "icon-display-virtual-events", "icon-display-virtual-events-col"];
|
|
5426
5439
|
//# sourceMappingURL=display-icons.d.ts.map
|
|
5427
5440
|
}
|
|
5428
5441
|
|
|
@@ -5449,7 +5462,7 @@ export const techIcons: readonly ["icon-tech-ably", "icon-tech-ably-api-streamer
|
|
|
5449
5462
|
declare module '@ably/ui/core/Icon/types' {
|
|
5450
5463
|
export const iconNames: {
|
|
5451
5464
|
gui: readonly ["icon-gui-ably-badge", "icon-gui-check-circled-fill", "icon-gui-check-lotus-circled", "icon-gui-checklist-checked", "icon-gui-code-doc", "icon-gui-cursor", "icon-gui-expand", "icon-gui-filter-flow-step-0", "icon-gui-filter-flow-step-1", "icon-gui-filter-flow-step-2", "icon-gui-filter-flow-step-3", "icon-gui-flower-growth", "icon-gui-further-reading", "icon-gui-glasses", "icon-gui-heartbeat-outline", "icon-gui-heartbeat-solid", "icon-gui-history", "icon-gui-live-chat", "icon-gui-mouse", "icon-gui-partial", "icon-gui-pitfall", "icon-gui-prod-ai-transport-outline", "icon-gui-prod-ai-transport-solid", "icon-gui-prod-asset-tracking-outline", "icon-gui-prod-asset-tracking-solid", "icon-gui-prod-chat-outline", "icon-gui-prod-chat-solid", "icon-gui-prod-liveobjects-outline", "icon-gui-prod-liveobjects-solid", "icon-gui-prod-livesync-outline", "icon-gui-prod-livesync-solid", "icon-gui-prod-pubsub-outline", "icon-gui-prod-pubsub-solid", "icon-gui-prod-spaces-outline", "icon-gui-prod-spaces-solid", "icon-gui-quote-marks-fill", "icon-gui-refresh", "icon-gui-resources", "icon-gui-spinner-dark", "icon-gui-spinner-light"];
|
|
5452
|
-
display: readonly ["icon-display-48hrs", "icon-display-ably-channels", "icon-display-about-ably-col", "icon-display-api", "icon-display-api-keys", "icon-display-architectural-guidance", "icon-display-asset-tracking-col", "icon-display-authentication", "icon-display-avatar-stack", "icon-display-browser", "icon-display-calendar", "icon-display-call-mobile", "icon-display-careers-col", "icon-display-case-studies-col", "icon-display-chat-col", "icon-display-chat-mono", "icon-display-chat-stack", "icon-display-chat-stack-col", "icon-display-cloud-servers", "icon-display-cloud-servers-mono", "icon-display-compare-tech-col", "icon-display-connection-state-recovery", "icon-display-consumer-groups", "icon-display-custom", "icon-display-custom-cname", "icon-display-customers-col", "icon-display-data-broadcast-col", "icon-display-data-broadcast-mono", "icon-display-data-integrity", "icon-display-data-synchronization-col", "icon-display-database-connector", "icon-display-dedicated-cluster", "icon-display-deltas", "icon-display-docs-col", "icon-display-documentation", "icon-display-dynamic-channel-groups", "icon-display-edge-network", "icon-display-elasticity", "icon-display-ephemeral-messages", "icon-display-equalisers-mono", "icon-display-events-col", "icon-display-exactly-once-delivery", "icon-display-examples-col", "icon-display-fan-out", "icon-display-firehose", "icon-display-gdpr", "icon-display-general-comms", "icon-display-granular-permissions", "icon-display-hipaa", "icon-display-hipaa-mono", "icon-display-history", "icon-display-integrations", "icon-display-integrations-col", "icon-display-it-support-access", "icon-display-it-support-helpdesk", "icon-display-kafka-at-the-edge-col", "icon-display-laptop", "icon-display-last-seen", "icon-display-lightbulb-col", "icon-display-live-chat", "icon-display-live-updates", "icon-display-live-updates-results-metrics-col", "icon-display-map-pin", "icon-display-message", "icon-display-message-annotations", "icon-display-message-batching", "icon-display-message-persistence", "icon-display-message-queues", "icon-display-multi-user-spaces", "icon-display-multi-user-spaces-col", "icon-display-observe-analytics", "icon-display-padlock-closed", "icon-display-platform", "icon-display-play", "icon-display-premium-support", "icon-display-privacy-shield-framework", "icon-display-private-link", "icon-display-push-notifications", "icon-display-push-notifications-col", "icon-display-push-notifications-mono", "icon-display-quickstart-guides-col", "icon-display-reactions", "icon-display-read-receipts", "icon-display-resources-col", "icon-display-rewind", "icon-display-sdks", "icon-display-sdks-col", "icon-display-send-received-messages", "icon-display-servers", "icon-display-shopping-cart", "icon-display-sla", "icon-display-soc2-type2", "icon-display-soc2-type2-mono", "icon-display-something-else", "icon-display-something-else-mono", "icon-display-subscription-filters", "icon-display-support-chat-mono", "icon-display-system-metadata", "icon-display-tech-account-comms", "icon-display-tutorials-demos-col", "icon-display-ui", "icon-display-ui-mono", "icon-display-virtual-events", "icon-display-virtual-events-col"];
|
|
5465
|
+
display: readonly ["icon-display-48hrs", "icon-display-ably-channels", "icon-display-about-ably-col", "icon-display-api", "icon-display-api-keys", "icon-display-architectural-guidance", "icon-display-asset-tracking-col", "icon-display-authentication", "icon-display-avatar-stack", "icon-display-browser", "icon-display-calendar", "icon-display-call-mobile", "icon-display-careers-col", "icon-display-case-studies-col", "icon-display-chat-col", "icon-display-chat-mono", "icon-display-chat-stack", "icon-display-chat-stack-col", "icon-display-cloud-servers", "icon-display-cloud-servers-mono", "icon-display-compare-tech-col", "icon-display-connection-state-recovery", "icon-display-consumer-groups", "icon-display-custom", "icon-display-custom-cname", "icon-display-customers-col", "icon-display-data-broadcast-col", "icon-display-data-broadcast-mono", "icon-display-data-integrity", "icon-display-data-synchronization-col", "icon-display-database-connector", "icon-display-dedicated-cluster", "icon-display-deltas", "icon-display-docs-col", "icon-display-documentation", "icon-display-dynamic-channel-groups", "icon-display-edge-network", "icon-display-elasticity", "icon-display-ephemeral-messages", "icon-display-ephemeral-messages-dark-col", "icon-display-equalisers-mono", "icon-display-events-col", "icon-display-exactly-once-delivery", "icon-display-examples-col", "icon-display-fan-out", "icon-display-firehose", "icon-display-gdpr", "icon-display-general-comms", "icon-display-granular-permissions", "icon-display-hipaa", "icon-display-hipaa-mono", "icon-display-history", "icon-display-integrations", "icon-display-integrations-col", "icon-display-it-support-access", "icon-display-it-support-helpdesk", "icon-display-kafka-at-the-edge-col", "icon-display-laptop", "icon-display-last-seen", "icon-display-lightbulb-col", "icon-display-live-chat", "icon-display-live-updates", "icon-display-live-updates-results-metrics-col", "icon-display-map-pin", "icon-display-message", "icon-display-message-annotations", "icon-display-message-annotations-dark-col", "icon-display-message-batching", "icon-display-message-persistence", "icon-display-message-queues", "icon-display-multi-user-spaces", "icon-display-multi-user-spaces-col", "icon-display-observe-analytics", "icon-display-padlock-closed", "icon-display-platform", "icon-display-play", "icon-display-premium-support", "icon-display-privacy-shield-framework", "icon-display-private-link", "icon-display-push-notifications", "icon-display-push-notifications-col", "icon-display-push-notifications-mono", "icon-display-quickstart-guides-col", "icon-display-reactions", "icon-display-read-receipts", "icon-display-resources-col", "icon-display-rewind", "icon-display-sdks", "icon-display-sdks-col", "icon-display-send-received-messages", "icon-display-servers", "icon-display-shopping-cart", "icon-display-sla", "icon-display-soc2-type2", "icon-display-soc2-type2-mono", "icon-display-something-else", "icon-display-something-else-mono", "icon-display-subscription-filters", "icon-display-support-chat-mono", "icon-display-system-metadata", "icon-display-tech-account-comms", "icon-display-tutorials-demos-col", "icon-display-ui", "icon-display-ui-mono", "icon-display-virtual-events", "icon-display-virtual-events-col"];
|
|
5453
5466
|
social: readonly ["icon-social-discord", "icon-social-discord-mono", "icon-social-facebook", "icon-social-facebook-mono", "icon-social-github", "icon-social-github-mono", "icon-social-glassdoor", "icon-social-glassdoor-mono", "icon-social-google", "icon-social-google-mono", "icon-social-linkedin", "icon-social-linkedin-mono", "icon-social-slack", "icon-social-slack-mono", "icon-social-stackoverflow", "icon-social-stackoverflow-mono", "icon-social-twitter", "icon-social-twitter-mono", "icon-social-x", "icon-social-x-mono", "icon-social-youtube", "icon-social-youtube-mono"];
|
|
5454
5467
|
tech: readonly ["icon-tech-ably", "icon-tech-ably-api-streamer", "icon-tech-ably-firehose", "icon-tech-ably-native", "icon-tech-activemq", "icon-tech-activitypub", "icon-tech-aerospike", "icon-tech-akka", "icon-tech-amazon-ec2", "icon-tech-amazon-event-bridge", "icon-tech-amqp091", "icon-tech-amqp10", "icon-tech-android-full", "icon-tech-android-head", "icon-tech-angular", "icon-tech-anycable", "icon-tech-apache-cassandra", "icon-tech-apache-cordova", "icon-tech-apache-kafka", "icon-tech-apache-spark", "icon-tech-apachepulsar", "icon-tech-apachestorm", "icon-tech-apns", "icon-tech-assemblyai", "icon-tech-atmosphere", "icon-tech-aws", "icon-tech-aws-app-sync", "icon-tech-aws-aurora", "icon-tech-aws-gateway-websockets", "icon-tech-aws-sns", "icon-tech-aws-sqs", "icon-tech-awsiot", "icon-tech-awskinesis", "icon-tech-awslambda", "icon-tech-awssqs", "icon-tech-azure-api", "icon-tech-azure-archive-api", "icon-tech-azure-bus", "icon-tech-azure-cosmos", "icon-tech-azure-event-hub", "icon-tech-azure-functions", "icon-tech-azure-search", "icon-tech-azure-static-web-app", "icon-tech-azure-static-web-apps", "icon-tech-azure-storage", "icon-tech-azure-web-pubsub", "icon-tech-azurefunctions", "icon-tech-azureservicebus", "icon-tech-azuresignalR", "icon-tech-bayeux", "icon-tech-c++", "icon-tech-centrifugo", "icon-tech-claude", "icon-tech-claude-mono", "icon-tech-client-side-frameworks", "icon-tech-clojure", "icon-tech-cloudflare-durable-objects", "icon-tech-cloudflareworkers", "icon-tech-cocoa", "icon-tech-confluent", "icon-tech-cord", "icon-tech-csharp", "icon-tech-curl", "icon-tech-customwebhooks", "icon-tech-datadog", "icon-tech-design-patterns", "icon-tech-devplatforms", "icon-tech-diffusion-data", "icon-tech-django", "icon-tech-engineio", "icon-tech-event-driven-servers", "icon-tech-fanout-io", "icon-tech-fast-api", "icon-tech-fauna", "icon-tech-featherjs", "icon-tech-firebase", "icon-tech-firebase-cloud-messaging", "icon-tech-flutter", "icon-tech-gcloudbigquery", "icon-tech-gclouddataflow", "icon-tech-gcloudfunctions", "icon-tech-gcloudpubsub", "icon-tech-go", "icon-tech-grpc", "icon-tech-hivemq", "icon-tech-http2", "icon-tech-http3", "icon-tech-httprest", "icon-tech-idempotency", "icon-tech-ifttt", "icon-tech-integrations", "icon-tech-ios", "icon-tech-ios-generic", "icon-tech-ipados", "icon-tech-ipfs", "icon-tech-ironmq", "icon-tech-java", "icon-tech-javascript", "icon-tech-jetpack", "icon-tech-jms", "icon-tech-json", "icon-tech-json-web-tokens", "icon-tech-kaazing", "icon-tech-kotlin", "icon-tech-ksql-db", "icon-tech-kubernetes", "icon-tech-laravel-broadcast", "icon-tech-laravel-echo", "icon-tech-lightstreamer", "icon-tech-liveblocks", "icon-tech-longpolling", "icon-tech-macos", "icon-tech-matrix", "icon-tech-meteor", "icon-tech-mongo-db", "icon-tech-mono", "icon-tech-mqtt", "icon-tech-mysql", "icon-tech-native-script", "icon-tech-net", "icon-tech-netlify", "icon-tech-nextjs", "icon-tech-nkn", "icon-tech-nodejs", "icon-tech-objectivec", "icon-tech-openai", "icon-tech-parse-server", "icon-tech-php", "icon-tech-planetscale", "icon-tech-postgres", "icon-tech-prisma", "icon-tech-programminglanguages", "icon-tech-protcol-adaptors", "icon-tech-protocols", "icon-tech-pub-sub", "icon-tech-pubnub", "icon-tech-push-technology", "icon-tech-pusher", "icon-tech-python", "icon-tech-quic", "icon-tech-rabbitMQ", "icon-tech-railsactioncable", "icon-tech-react", "icon-tech-react-app", "icon-tech-reactnative", "icon-tech-redis", "icon-tech-redpanda", "icon-tech-replicache", "icon-tech-rethinkdb", "icon-tech-rocketmq", "icon-tech-ruby", "icon-tech-scala", "icon-tech-scaledrone", "icon-tech-serversentevents", "icon-tech-serversideframeworks", "icon-tech-signalR", "icon-tech-snowflake", "icon-tech-socketio", "icon-tech-sockjs", "icon-tech-solace", "icon-tech-spring", "icon-tech-stomp", "icon-tech-streamdata-io", "icon-tech-streamr", "icon-tech-swift", "icon-tech-symfony", "icon-tech-symfony-mercure", "icon-tech-tcp-ip", "icon-tech-tenefit", "icon-tech-terraform", "icon-tech-terraform-outline", "icon-tech-tvos", "icon-tech-twilio", "icon-tech-typescript", "icon-tech-udp-protocol", "icon-tech-unity", "icon-tech-vercel", "icon-tech-vscode", "icon-tech-vuejs", "icon-tech-wamp", "icon-tech-watchos", "icon-tech-web", "icon-tech-web-push", "icon-tech-webhooks", "icon-tech-webrtc", "icon-tech-websockets", "icon-tech-websub", "icon-tech-xamarin", "icon-tech-xhr-streaming", "icon-tech-xmpp", "icon-tech-zapier", "icon-tech-zeromq"];
|
|
5455
5468
|
product: readonly ["icon-product-ai-transport", "icon-product-ai-transport-mono", "icon-product-asset-tracking", "icon-product-asset-tracking-mono", "icon-product-chat", "icon-product-chat-mono", "icon-product-liveobjects", "icon-product-liveobjects-dark", "icon-product-liveobjects-mono", "icon-product-livesync", "icon-product-livesync-mono", "icon-product-platform", "icon-product-platform-mono", "icon-product-pubsub", "icon-product-pubsub-mono", "icon-product-spaces", "icon-product-spaces-mono"];
|
|
@@ -6446,14 +6459,6 @@ export function selectRecentBlogPosts(store: any): any;
|
|
|
6446
6459
|
//# sourceMappingURL=remote-blogs-posts.d.ts.map
|
|
6447
6460
|
}
|
|
6448
6461
|
|
|
6449
|
-
declare module '@ably/ui/core/remote-data-store' {
|
|
6450
|
-
export function attachStoreToWindow(store: any): void;
|
|
6451
|
-
export function getRemoteDataStore(): any;
|
|
6452
|
-
export function connectState(selector: any, setState: any): void;
|
|
6453
|
-
export function createRemoteDataStore(reducers: any): any;
|
|
6454
|
-
//# sourceMappingURL=remote-data-store.d.ts.map
|
|
6455
|
-
}
|
|
6456
|
-
|
|
6457
6462
|
declare module '@ably/ui/core/remote-data-util' {
|
|
6458
6463
|
export function isJsonResponse(contentType: any): any;
|
|
6459
6464
|
//# sourceMappingURL=remote-data-util.d.ts.map
|
|
@@ -6474,7 +6479,6 @@ export function selectSessionData(store: any): any;
|
|
|
6474
6479
|
|
|
6475
6480
|
declare module '@ably/ui/core/scripts' {
|
|
6476
6481
|
export { default as loadSprites } from "@ably/ui/core/load-sprites";
|
|
6477
|
-
export * from "@ably/ui/core/remote-data-store";
|
|
6478
6482
|
export * from "@ably/ui/core/remote-blogs-posts";
|
|
6479
6483
|
export * from "@ably/ui/core/remote-session-data";
|
|
6480
6484
|
export * from "@ably/ui/core/dom-query";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ably/ui",
|
|
3
|
-
"version": "17.13.
|
|
3
|
+
"version": "17.13.1-dev.5fb54a0a",
|
|
4
4
|
"description": "Home of the Ably design system library ([design.ably.com](https://design.ably.com)). It provides a showcase, development/test environment and a publishing pipeline for different distributables.",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -21,10 +21,10 @@
|
|
|
21
21
|
"workerDirectory": "./public"
|
|
22
22
|
},
|
|
23
23
|
"devDependencies": {
|
|
24
|
-
"@storybook/addon-docs": "^10.
|
|
25
|
-
"@storybook/addon-themes": "^10.
|
|
26
|
-
"@storybook/addon-vitest": "^10.
|
|
27
|
-
"@storybook/react-vite": "^10.
|
|
24
|
+
"@storybook/addon-docs": "^10.2.0",
|
|
25
|
+
"@storybook/addon-themes": "^10.2.0",
|
|
26
|
+
"@storybook/addon-vitest": "^10.2.0",
|
|
27
|
+
"@storybook/react-vite": "^10.2.0",
|
|
28
28
|
"@svgr/core": "^8.1.0",
|
|
29
29
|
"@svgr/plugin-jsx": "^8.1.0",
|
|
30
30
|
"@svgr/plugin-svgo": "^8.1.0",
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
"eslint-plugin-react": "^7.35.0",
|
|
50
50
|
"eslint-plugin-react-hooks": "^7.0.0",
|
|
51
51
|
"eslint-plugin-react-perf": "^3.3.3",
|
|
52
|
-
"eslint-plugin-storybook": "^10.
|
|
52
|
+
"eslint-plugin-storybook": "^10.2.0",
|
|
53
53
|
"heroicons": "^2.2.0",
|
|
54
54
|
"http-server": "14.1.1",
|
|
55
55
|
"jsdom": "^27.4.0",
|
|
@@ -57,9 +57,9 @@
|
|
|
57
57
|
"msw": "2.12.0",
|
|
58
58
|
"msw-storybook-addon": "^2.0.5",
|
|
59
59
|
"playwright": "^1.49.1",
|
|
60
|
-
"posthog-js": "^1.
|
|
60
|
+
"posthog-js": "^1.334.1",
|
|
61
61
|
"prettier": "^3.8.0",
|
|
62
|
-
"storybook": "^10.
|
|
62
|
+
"storybook": "^10.2.0",
|
|
63
63
|
"svg-sprite": "^2.0.4",
|
|
64
64
|
"tailwindcss": "^3.3.6",
|
|
65
65
|
"ts-node": "^10.9.2",
|
|
@@ -88,7 +88,6 @@
|
|
|
88
88
|
"js-cookie": "^3.0.5",
|
|
89
89
|
"react": "^18.2.0",
|
|
90
90
|
"react-dom": "^18.3.1",
|
|
91
|
-
"redux": "^4.0.5",
|
|
92
91
|
"scroll-lock": "^2.1.4",
|
|
93
92
|
"swr": "^2.2.5",
|
|
94
93
|
"tailwind-merge": "^2.5.5"
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import React,{useEffect,useState}from"react";import{connectState,getRemoteDataStore}from"./remote-data-store";const ConnectStateWrapper=(Component,selectors)=>{const[state,setState]=useState({});const setStateForKey=key=>storeState=>setState(()=>({[key]:storeState}));useEffect(()=>{const store=getRemoteDataStore();const resolvedState=Object.keys(selectors).reduce((acc,key)=>({...acc,[key]:selectors[key](store)}),{});setState(resolvedState);Object.keys(selectors).forEach(key=>{connectState(selectors[key],setStateForKey(key))})},[]);const WrappedComponent=props=>React.createElement(Component,{...props,...state});return WrappedComponent};export default ConnectStateWrapper;
|
|
2
|
-
//# sourceMappingURL=ConnectStateWrapper.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/core/ConnectStateWrapper.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport { connectState, getRemoteDataStore } from \"./remote-data-store\";\n\n/*\n Connect a react component to a global store.\n This is similar to what react-redux does but uses our global store so\n can share state with other React mount points or anything that uses the\n store.\n - selectors is an object where keys are your prop names and values are your select\n functions that work on the store to retrieve the state you are interested in\n - initial state is set in useEffect so the wrapped component needs to handle it's props set to undefined initially\n*/\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst ConnectStateWrapper = (Component: any, selectors: any) => {\n const [state, setState] = useState({});\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const setStateForKey = (key: string) => (storeState: any) =>\n setState(() => ({ [key]: storeState }));\n\n useEffect(() => {\n const store = getRemoteDataStore();\n const resolvedState = Object.keys(selectors).reduce(\n (acc, key) => ({ ...acc, [key]: selectors[key](store) }),\n {},\n );\n\n // Set initial state\n setState(resolvedState);\n\n // Create a store subscription for each selector. Depending on your use case, this can be inefficient.\n // When optimising for renders, look for wins with selectors better for your use and using connectState directly.\n Object.keys(selectors).forEach((key) => {\n connectState(selectors[key], setStateForKey(key));\n });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const WrappedComponent = (props: any) => <Component {...props} {...state} />;\n\n return WrappedComponent;\n};\n\nexport default ConnectStateWrapper;\n"],"names":["React","useEffect","useState","connectState","getRemoteDataStore","ConnectStateWrapper","Component","selectors","state","setState","setStateForKey","key","storeState","store","resolvedState","Object","keys","reduce","acc","forEach","WrappedComponent","props"],"mappings":"AAAA,OAAOA,OAASC,SAAS,CAAEC,QAAQ,KAAQ,OAAQ,AAEnD,QAASC,YAAY,CAAEC,kBAAkB,KAAQ,qBAAsB,CAavE,MAAMC,oBAAsB,CAACC,UAAgBC,aAC3C,KAAM,CAACC,MAAOC,SAAS,CAAGP,SAAS,CAAC,GAGpC,MAAMQ,eAAiB,AAACC,KAAgB,AAACC,YACvCH,SAAS,IAAO,CAAA,CAAE,CAACE,IAAI,CAAEC,UAAW,CAAA,GAEtCX,UAAU,KACR,MAAMY,MAAQT,qBACd,MAAMU,cAAgBC,OAAOC,IAAI,CAACT,WAAWU,MAAM,CACjD,CAACC,IAAKP,MAAS,CAAA,CAAE,GAAGO,GAAG,CAAE,CAACP,IAAI,CAAEJ,SAAS,CAACI,IAAI,CAACE,MAAO,CAAA,EACtD,CAAC,GAIHJ,SAASK,eAITC,OAAOC,IAAI,CAACT,WAAWY,OAAO,CAAC,AAACR,MAC9BR,aAAaI,SAAS,CAACI,IAAI,CAAED,eAAeC,KAC9C,EAEF,EAAG,EAAE,EAGL,MAAMS,iBAAmB,AAACC,OAAe,oBAACf,WAAW,GAAGe,KAAK,CAAG,GAAGb,KAAK,GAExE,OAAOY,gBACT,CAEA,gBAAef,mBAAoB"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
@layer components {
|
|
2
|
-
.ui-cookie-message {
|
|
3
|
-
@apply rounded-lg bg-white font-sans;
|
|
4
|
-
@apply justify-between items-center;
|
|
5
|
-
@apply opacity-100 z-50 bottom-0 fixed sm:flex;
|
|
6
|
-
@apply p-4 mb-4 ml-4;
|
|
7
|
-
max-width: 70vw;
|
|
8
|
-
box-shadow: 0px 24px 32px 0px #0000000d;
|
|
9
|
-
border: 1px solid var(--color-mid-grey);
|
|
10
|
-
border-left: 0.5rem solid var(--color-electric-cyan);
|
|
11
|
-
transition:
|
|
12
|
-
bottom 250ms ease-out,
|
|
13
|
-
opacity 150ms ease-out;
|
|
14
|
-
}
|
|
15
|
-
}
|
package/core/CookieMessage.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import React,{useRef,useEffect,useState}from"react";import Cookie from"js-cookie";import _absUrl from"./url-base";const COOKIE_EXPIRY=365;const CookieMessage=({cookieId,urlBase})=>{const ref=useRef(null);const[hideCookieMessage,setHideCookieMessage]=useState(()=>Cookie.get(cookieId)?true:false);useEffect(()=>{const isCookieSet=Cookie.get(cookieId)?true:false;if(hideCookieMessage!==isCookieSet){setHideCookieMessage(isCookieSet)}},[cookieId]);const handleClose=()=>{Cookie.set(cookieId,"1",{expires:COOKIE_EXPIRY});ref.current?.classList.add("bottom-px","opacity-0");setTimeout(()=>setHideCookieMessage(true),500)};const absUrl=path=>_absUrl(path,urlBase);if(hideCookieMessage)return null;return React.createElement("div",{className:"ui-cookie-message",ref:ref},React.createElement("p",{className:"ui-text-p2 pr-8"},React.createElement("a",{href:absUrl("/privacy"),className:"underline"},"How we use cookies")," ","to improve your experience."),React.createElement("button",{className:"ui-btn-secondary mt-3 sm:mt-0 whitespace-nowrap",onClick:handleClose},"Accept and close"))};export default CookieMessage;
|
|
2
|
-
//# sourceMappingURL=CookieMessage.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/core/CookieMessage.tsx"],"sourcesContent":["import React, { useRef, useEffect, useState } from \"react\";\nimport Cookie from \"js-cookie\";\n\nimport _absUrl from \"./url-base\";\n\nconst COOKIE_EXPIRY = 365;\n\ntype CookieMessageProps = {\n cookieId: string;\n urlBase: string;\n};\n\nconst CookieMessage = ({ cookieId, urlBase }: CookieMessageProps) => {\n const ref = useRef<HTMLDivElement>(null);\n const [hideCookieMessage, setHideCookieMessage] = useState(() =>\n Cookie.get(cookieId) ? true : false,\n );\n\n useEffect(() => {\n const isCookieSet = Cookie.get(cookieId) ? true : false;\n if (hideCookieMessage !== isCookieSet) {\n setHideCookieMessage(isCookieSet);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [cookieId]);\n\n const handleClose = () => {\n Cookie.set(cookieId, \"1\", { expires: COOKIE_EXPIRY });\n\n ref.current?.classList.add(\"bottom-px\", \"opacity-0\");\n setTimeout(() => setHideCookieMessage(true), 500);\n };\n\n const absUrl = (path: string) => _absUrl(path, urlBase);\n\n // Presume the message is hidden by default\n if (hideCookieMessage) return null;\n\n return (\n <div className=\"ui-cookie-message\" ref={ref}>\n <p className=\"ui-text-p2 pr-8\">\n <a href={absUrl(\"/privacy\")} className=\"underline\">\n How we use cookies\n </a>{\" \"}\n to improve your experience.\n </p>\n <button\n className=\"ui-btn-secondary mt-3 sm:mt-0 whitespace-nowrap\"\n onClick={handleClose}\n >\n Accept and close\n </button>\n </div>\n );\n};\n\nexport default CookieMessage;\n"],"names":["React","useRef","useEffect","useState","Cookie","_absUrl","COOKIE_EXPIRY","CookieMessage","cookieId","urlBase","ref","hideCookieMessage","setHideCookieMessage","get","isCookieSet","handleClose","set","expires","current","classList","add","setTimeout","absUrl","path","div","className","p","a","href","button","onClick"],"mappings":"AAAA,OAAOA,OAASC,MAAM,CAAEC,SAAS,CAAEC,QAAQ,KAAQ,OAAQ,AAC3D,QAAOC,WAAY,WAAY,AAE/B,QAAOC,YAAa,YAAa,CAEjC,MAAMC,cAAgB,IAOtB,MAAMC,cAAgB,CAAC,CAAEC,QAAQ,CAAEC,OAAO,CAAsB,IAC9D,MAAMC,IAAMT,OAAuB,MACnC,KAAM,CAACU,kBAAmBC,qBAAqB,CAAGT,SAAS,IACzDC,OAAOS,GAAG,CAACL,UAAY,KAAO,OAGhCN,UAAU,KACR,MAAMY,YAAcV,OAAOS,GAAG,CAACL,UAAY,KAAO,MAClD,GAAIG,oBAAsBG,YAAa,CACrCF,qBAAqBE,YACvB,CAEF,EAAG,CAACN,SAAS,EAEb,MAAMO,YAAc,KAClBX,OAAOY,GAAG,CAACR,SAAU,IAAK,CAAES,QAASX,aAAc,EAEnDI,CAAAA,IAAIQ,OAAO,EAAEC,UAAUC,IAAI,YAAa,aACxCC,WAAW,IAAMT,qBAAqB,MAAO,IAC/C,EAEA,MAAMU,OAAS,AAACC,MAAiBlB,QAAQkB,KAAMd,SAG/C,GAAIE,kBAAmB,OAAO,KAE9B,OACE,oBAACa,OAAIC,UAAU,oBAAoBf,IAAKA,KACtC,oBAACgB,KAAED,UAAU,mBACX,oBAACE,KAAEC,KAAMN,OAAO,YAAaG,UAAU,aAAY,sBAE9C,IAAI,+BAGX,oBAACI,UACCJ,UAAU,kDACVK,QAASf,aACV,oBAKP,CAEA,gBAAeR,aAAc"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{createStore,combineReducers}from"redux";export const attachStoreToWindow=store=>{window.AblyUi=window.AblyUi||{};window.AblyUi.RemoteDataStore=store};export const getRemoteDataStore=()=>{if(!window.AblyUi.RemoteDataStore){throw new Error("Remote store was called before one was created")}return window.AblyUi.RemoteDataStore};export const connectState=(selector,setState)=>{const store=getRemoteDataStore();let cachedOldState=selector(store);store.subscribe(()=>{const newState=selector(store);if(newState===cachedOldState){return}cachedOldState=newState;setState(newState)})};export const createRemoteDataStore=reducers=>createStore(combineReducers(reducers));
|
|
2
|
-
//# sourceMappingURL=remote-data-store.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/core/remote-data-store.js"],"sourcesContent":["import { createStore, combineReducers } from \"redux\";\n\nexport const attachStoreToWindow = (store) => {\n window.AblyUi = window.AblyUi || {};\n window.AblyUi.RemoteDataStore = store;\n};\n\nexport const getRemoteDataStore = () => {\n if (!window.AblyUi.RemoteDataStore) {\n throw new Error(\"Remote store was called before one was created\");\n }\n\n return window.AblyUi.RemoteDataStore;\n};\n\nexport const connectState = (selector, setState) => {\n const store = getRemoteDataStore();\n let cachedOldState = selector(store);\n\n store.subscribe(() => {\n const newState = selector(store);\n\n // Do nothing, state is the same\n if (newState === cachedOldState) {\n return;\n }\n\n cachedOldState = newState;\n setState(newState);\n });\n};\n\nexport const createRemoteDataStore = (reducers) =>\n createStore(combineReducers(reducers));\n"],"names":["createStore","combineReducers","attachStoreToWindow","store","window","AblyUi","RemoteDataStore","getRemoteDataStore","Error","connectState","selector","setState","cachedOldState","subscribe","newState","createRemoteDataStore","reducers"],"mappings":"AAAA,OAASA,WAAW,CAAEC,eAAe,KAAQ,OAAQ,AAErD,QAAO,MAAMC,oBAAsB,AAACC,QAClCC,OAAOC,MAAM,CAAGD,OAAOC,MAAM,EAAI,CAAC,CAClCD,CAAAA,OAAOC,MAAM,CAACC,eAAe,CAAGH,KAClC,CAAE,AAEF,QAAO,MAAMI,mBAAqB,KAChC,GAAI,CAACH,OAAOC,MAAM,CAACC,eAAe,CAAE,CAClC,MAAM,IAAIE,MAAM,iDAClB,CAEA,OAAOJ,OAAOC,MAAM,CAACC,eAAe,AACtC,CAAE,AAEF,QAAO,MAAMG,aAAe,CAACC,SAAUC,YACrC,MAAMR,MAAQI,qBACd,IAAIK,eAAiBF,SAASP,OAE9BA,MAAMU,SAAS,CAAC,KACd,MAAMC,SAAWJ,SAASP,OAG1B,GAAIW,WAAaF,eAAgB,CAC/B,MACF,CAEAA,eAAiBE,SACjBH,SAASG,SACX,EACF,CAAE,AAEF,QAAO,MAAMC,sBAAwB,AAACC,UACpChB,YAAYC,gBAAgBe,UAAW"}
|