@wistia/ui 0.18.14-beta.0ffff1cc.bde9434 → 0.18.14-beta.25f44b78.4728536

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/dist/index.cjs CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  /*
3
- * @license @wistia/ui v0.18.14-beta.0ffff1cc.bde9434
3
+ * @license @wistia/ui v0.18.14-beta.25f44b78.4728536
4
4
  *
5
5
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
6
6
  *
@@ -73,6 +73,7 @@ __export(index_exports, {
73
73
  ComboboxOption: () => ComboboxOption,
74
74
  ContextMenu: () => ContextMenu,
75
75
  ContrastControls: () => ContrastControls,
76
+ CustomizableThemeWrapper: () => CustomizableThemeWrapper,
76
77
  DataCard: () => DataCard,
77
78
  DataCardHoverArrow: () => DataCardHoverArrow,
78
79
  DataCardTrend: () => DataCardTrend,
@@ -2573,20 +2574,17 @@ var dateTime = {
2573
2574
 
2574
2575
  // src/helpers/mergeRefs/mergeRefs.ts
2575
2576
  var import_type_guards5 = require("@wistia/type-guards");
2576
- var mergeRefs = (
2577
- // eslint-disable-next-line @typescript-eslint/no-deprecated
2578
- (refs) => (value) => {
2579
- refs.forEach((ref) => {
2580
- if ((0, import_type_guards5.isFunction)(ref)) {
2581
- ref(value);
2582
- return;
2583
- }
2584
- if ((0, import_type_guards5.isNotNil)(ref)) {
2585
- ref.current = value;
2586
- }
2587
- });
2588
- }
2589
- );
2577
+ var mergeRefs = (refs) => (value) => {
2578
+ refs.forEach((ref) => {
2579
+ if ((0, import_type_guards5.isFunction)(ref)) {
2580
+ ref(value);
2581
+ return;
2582
+ }
2583
+ if ((0, import_type_guards5.isNotNil)(ref)) {
2584
+ ref.current = value;
2585
+ }
2586
+ });
2587
+ };
2590
2588
 
2591
2589
  // src/helpers/mq/mq.ts
2592
2590
  var import_polished = require("polished");
@@ -2662,7 +2660,7 @@ var import_react7 = require("react");
2662
2660
  var import_react6 = require("react");
2663
2661
  var useTimedToggle = (initialValue) => {
2664
2662
  const [value, setValue] = (0, import_react6.useState)(false);
2665
- const timeoutRef = (0, import_react6.useRef)(void 0);
2663
+ const timeoutRef = (0, import_react6.useRef)();
2666
2664
  const initialValueRef = (0, import_react6.useRef)(initialValue);
2667
2665
  const toggleValue = (timeout) => {
2668
2666
  clearTimeout(timeoutRef.current);
@@ -3028,8 +3026,8 @@ var isEventTargetSupported = (eventTarget) => (
3028
3026
  Boolean(typeof eventTarget === "object" && eventTarget?.addEventListener)
3029
3027
  );
3030
3028
  var useEvent = (eventName, eventHandler, eventTarget = window, eventOptions = {}) => {
3031
- const savedEventHandler = (0, import_react12.useRef)(void 0);
3032
- const savedEventOptions = (0, import_react12.useRef)(void 0);
3029
+ const savedEventHandler = (0, import_react12.useRef)();
3030
+ const savedEventOptions = (0, import_react12.useRef)();
3033
3031
  (0, import_react12.useEffect)(() => {
3034
3032
  savedEventHandler.current = eventHandler;
3035
3033
  }, [eventHandler]);
@@ -3222,7 +3220,7 @@ var useOnClickOutside = (ref, handler, eventTypes = ["mousedown", "touchend"]) =
3222
3220
  // src/hooks/usePreviousValue/usePreviousValue.ts
3223
3221
  var import_react18 = require("react");
3224
3222
  var usePreviousValue = (value) => {
3225
- const ref = (0, import_react18.useRef)(void 0);
3223
+ const ref = (0, import_react18.useRef)();
3226
3224
  (0, import_react18.useEffect)(() => {
3227
3225
  ref.current = value;
3228
3226
  });
@@ -14902,7 +14900,6 @@ var EditableTextDisplayComponent = (0, import_react65.forwardRef)(
14902
14900
  );
14903
14901
  EditableTextDisplayComponent.displayName = "EditableTextDisplay_UI";
14904
14902
  var EditableTextDisplay = makePolymorphic(
14905
- // @ts-expect-error makePolymorphic is causing issues with types in R19
14906
14903
  EditableTextDisplayComponent
14907
14904
  );
14908
14905
 
@@ -18826,6 +18823,26 @@ var SplitButton = ({
18826
18823
  ] });
18827
18824
  };
18828
18825
  SplitButton.displayName = "SplitButton_UI";
18826
+
18827
+ // src/components/CustomizableThemeWrapper/CustomizableThemeWrapper.tsx
18828
+ var import_styled_components132 = require("styled-components");
18829
+ var import_jsx_runtime340 = require("react/jsx-runtime");
18830
+ var StyledCustomizableThemeWrapper = import_styled_components132.styled.div(
18831
+ (props) => props.$overrides
18832
+ );
18833
+ var CustomizableThemeWrapper = ({
18834
+ children,
18835
+ overrides,
18836
+ ...props
18837
+ }) => /* @__PURE__ */ (0, import_jsx_runtime340.jsx)(
18838
+ StyledCustomizableThemeWrapper,
18839
+ {
18840
+ ...props,
18841
+ $overrides: overrides,
18842
+ children
18843
+ }
18844
+ );
18845
+ CustomizableThemeWrapper.displayName = "CustomizableThemeWrapper_UI";
18829
18846
  // Annotate the CommonJS export names for ESM import in node:
18830
18847
  0 && (module.exports = {
18831
18848
  ActionButton,
@@ -18862,6 +18879,7 @@ SplitButton.displayName = "SplitButton_UI";
18862
18879
  ComboboxOption,
18863
18880
  ContextMenu,
18864
18881
  ContrastControls,
18882
+ CustomizableThemeWrapper,
18865
18883
  DataCard,
18866
18884
  DataCardHoverArrow,
18867
18885
  DataCardTrend,