@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 +38 -20
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.mts +43 -15
- package/dist/index.d.ts +43 -15
- package/dist/index.mjs +37 -20
- package/dist/index.mjs.map +1 -1
- package/package.json +5 -5
package/dist/index.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
/*
|
|
3
|
-
* @license @wistia/ui v0.18.14-beta.
|
|
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
|
-
|
|
2578
|
-
|
|
2579
|
-
|
|
2580
|
-
|
|
2581
|
-
|
|
2582
|
-
|
|
2583
|
-
|
|
2584
|
-
|
|
2585
|
-
|
|
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)(
|
|
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)(
|
|
3032
|
-
const savedEventOptions = (0, import_react12.useRef)(
|
|
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)(
|
|
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,
|