@wistia/vhs 3.0.2 → 4.0.0-beta.144ba507.317e0d6

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.
Files changed (7) hide show
  1. package/dist/index.cjs +251 -250
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.mts +39 -38
  4. package/dist/index.d.ts +39 -38
  5. package/dist/index.mjs +89 -88
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +30 -36
package/dist/index.d.mts CHANGED
@@ -2,11 +2,12 @@ import * as styled_components from 'styled-components';
2
2
  import { css, DefaultTheme } from 'styled-components';
3
3
  import * as react_jsx_runtime from 'react/jsx-runtime';
4
4
  import * as react from 'react';
5
- import { JSX, ReactNode, ComponentPropsWithoutRef, Dispatch, SetStateAction, RefObject, MutableRefObject, MouseEvent, ComponentPropsWithRef, ChangeEvent, ElementType, FocusEvent, HTMLInputTypeAttribute, KeyboardEvent as KeyboardEvent$1, ReactElement, ComponentType, PropsWithChildren } from 'react';
5
+ import { JSX, ReactNode, ComponentPropsWithoutRef, Dispatch, SetStateAction, RefObject, MutableRefObject, MouseEvent, ComponentPropsWithRef, ChangeEvent, ElementType, Ref, ComponentClass, ComponentProps, FocusEvent, HTMLInputTypeAttribute, KeyboardEvent as KeyboardEvent$1, ReactElement, ComponentType, PropsWithChildren } from 'react';
6
6
  import { FormikProps, FormikHelpers, FormikErrors, Field } from 'formik';
7
7
  export { useFormikContext } from 'formik';
8
8
  import { DropdownMenuProps, DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuCheckboxItemProps, DropdownMenuRadioItemProps } from '@radix-ui/react-dropdown-menu';
9
9
  export { DropdownMenuRadioGroup as MenuRadioGroup } from '@radix-ui/react-dropdown-menu';
10
+ import * as styled_components_dist_types from 'styled-components/dist/types';
10
11
  import { Descendant } from 'slate';
11
12
  import { ReactEditor } from 'slate-react';
12
13
 
@@ -309,22 +310,22 @@ declare const datetimeHelpers: {
309
310
  };
310
311
 
311
312
  declare const gradients: {
312
- defaultDarkOne: styled_components.FlattenSimpleInterpolation;
313
- defaultDarkTwo: styled_components.FlattenSimpleInterpolation;
314
- defaultLightOne: styled_components.FlattenSimpleInterpolation;
315
- defaultLightTwo: styled_components.FlattenSimpleInterpolation;
316
- defaultMidOne: styled_components.FlattenSimpleInterpolation;
317
- defaultMidTwo: styled_components.FlattenSimpleInterpolation;
318
- green: styled_components.FlattenSimpleInterpolation;
319
- greenWithPop: styled_components.FlattenSimpleInterpolation;
320
- pink: styled_components.FlattenSimpleInterpolation;
321
- pinkWithPop: styled_components.FlattenSimpleInterpolation;
322
- playfulGradientOne: styled_components.FlattenSimpleInterpolation;
323
- playfulGradientTwo: styled_components.FlattenSimpleInterpolation;
324
- purple: styled_components.FlattenSimpleInterpolation;
325
- purpleWithPop: styled_components.FlattenSimpleInterpolation;
326
- yellow: styled_components.FlattenSimpleInterpolation;
327
- yellowWithPop: styled_components.FlattenSimpleInterpolation;
313
+ defaultDarkOne: styled_components.RuleSet<object>;
314
+ defaultDarkTwo: styled_components.RuleSet<object>;
315
+ defaultLightOne: styled_components.RuleSet<object>;
316
+ defaultLightTwo: styled_components.RuleSet<object>;
317
+ defaultMidOne: styled_components.RuleSet<object>;
318
+ defaultMidTwo: styled_components.RuleSet<object>;
319
+ green: styled_components.RuleSet<object>;
320
+ greenWithPop: styled_components.RuleSet<object>;
321
+ pink: styled_components.RuleSet<object>;
322
+ pinkWithPop: styled_components.RuleSet<object>;
323
+ playfulGradientOne: styled_components.RuleSet<object>;
324
+ playfulGradientTwo: styled_components.RuleSet<object>;
325
+ purple: styled_components.RuleSet<object>;
326
+ purpleWithPop: styled_components.RuleSet<object>;
327
+ yellow: styled_components.RuleSet<object>;
328
+ yellowWithPop: styled_components.RuleSet<object>;
328
329
  };
329
330
  type GradientNameType = keyof typeof gradients;
330
331
  type GetBackgroundGradientType = GradientNameType | undefined;
@@ -546,7 +547,7 @@ type Rect = {
546
547
  x: number;
547
548
  y: number;
548
549
  };
549
- declare const useElementObserver: <T extends HTMLElement>() => [RefObject<T>, Rect];
550
+ declare const useElementObserver: <T extends HTMLElement>() => [RefObject<T | null>, Rect];
550
551
 
551
552
  type AddEventListenerType = (type: string, listener: (evt: Event) => void, options?: AddEventListenerOptions | boolean) => void;
552
553
  type RemoveEventListenerType = (type: string, listener: (evt: Event) => void, options?: AddEventListenerOptions | boolean) => void;
@@ -554,7 +555,7 @@ declare const useEvent: <T extends Event>(eventName: Parameters<AddEventListener
554
555
 
555
556
  type UseFocusTrapOptions = {
556
557
  disableAriaHider?: boolean;
557
- focusSelector?: HTMLElement | RefObject<HTMLElement> | string | null | undefined;
558
+ focusSelector?: HTMLElement | RefObject<HTMLElement | null> | string | null | undefined;
558
559
  };
559
560
  declare const useFocusTrap: (active?: boolean, options?: UseFocusTrapOptions) => (node: HTMLElement | null | undefined) => void;
560
561
 
@@ -1696,8 +1697,8 @@ declare const Divider: {
1696
1697
  displayName: string;
1697
1698
  };
1698
1699
 
1699
- declare const ellipsisStyle: styled_components.FlattenSimpleInterpolation;
1700
- declare const ellipsisFlexParentStyle: styled_components.FlattenSimpleInterpolation;
1700
+ declare const ellipsisStyle: styled_components.RuleSet<object>;
1701
+ declare const ellipsisFlexParentStyle: styled_components.RuleSet<object>;
1701
1702
  type EllipsisProps = ComponentPropsWithoutRef<'div'> & {
1702
1703
  /**
1703
1704
  * The text that will be truncated with an ellipsis
@@ -1785,7 +1786,7 @@ type FormProps = {
1785
1786
  /**
1786
1787
  * Ref to access the form's state and API
1787
1788
  */
1788
- innerRef?: React.Ref<FormState>;
1789
+ innerRef?: Ref<FormState>;
1789
1790
  /**
1790
1791
  * On-submit callback
1791
1792
  */
@@ -1885,7 +1886,7 @@ type FormFieldProps = Omit<ComponentPropsWithRef<'input'>, 'placeholder'> & {
1885
1886
  /**
1886
1887
  * A custom component that acts as a field and that needs access to Formik fields
1887
1888
  */
1888
- customComponent?: React.ComponentClass<CustomComponentClass> | ((arg?: React.ComponentProps<typeof Field>) => ReactNode) | ((arg?: Record<string, unknown>) => ReactNode) | undefined;
1889
+ customComponent?: ComponentClass<CustomComponentClass> | ((arg?: ComponentProps<typeof Field>) => ReactNode) | ((arg?: Record<string, unknown>) => ReactNode) | undefined;
1889
1890
  /**
1890
1891
  * Should the radio buttons be displayed vertically as a column or horizontally as a row
1891
1892
  */
@@ -2531,7 +2532,7 @@ type ModalProps = ComponentPropsWithoutRef<'div'> & {
2531
2532
  /**
2532
2533
  * Ref to the element that should receive focus when the modal opens
2533
2534
  */
2534
- initialFocusRef?: RefObject<HTMLElement>;
2535
+ initialFocusRef?: RefObject<HTMLElement | null>;
2535
2536
  /**
2536
2537
  * Whether or not the modal is open, and should be rendered
2537
2538
  */
@@ -2565,9 +2566,9 @@ declare const Modal: {
2565
2566
  displayName: string;
2566
2567
  };
2567
2568
 
2568
- declare const ModalHeader: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
2569
- declare const ModalBody: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
2570
- declare const ModalFooter: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
2569
+ declare const ModalHeader: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
2570
+ declare const ModalBody: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
2571
+ declare const ModalFooter: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
2571
2572
  type ModalCloseButtonProps = {
2572
2573
  /**
2573
2574
  * Callback invoked when the button is clicked
@@ -2914,7 +2915,7 @@ declare const RichTextEditor: {
2914
2915
  declare const rteSerializeToHTML: (value: Descendant[]) => string | null;
2915
2916
  declare const rteDeserializeHTML: (htmlString: string) => (Descendant | string | null)[] | Descendant | string | null | undefined;
2916
2917
 
2917
- declare const screenReaderOnlyStyle: styled_components.FlattenSimpleInterpolation;
2918
+ declare const screenReaderOnlyStyle: styled_components.RuleSet<object>;
2918
2919
  type ScreenReaderOnlyProps = ComponentPropsWithoutRef<'div'> & {
2919
2920
  /**
2920
2921
  * Pass an arbitrary child node
@@ -3127,16 +3128,16 @@ declare const renderMap: {
3127
3128
  span: string;
3128
3129
  };
3129
3130
  declare const variantStyleMap: {
3130
- headline1: styled_components.FlattenInterpolation<styled_components.ThemeProps<styled_components.DefaultTheme>>;
3131
- headline2: styled_components.FlattenInterpolation<styled_components.ThemeProps<styled_components.DefaultTheme>>;
3132
- headline3: styled_components.FlattenInterpolation<styled_components.ThemeProps<styled_components.DefaultTheme>>;
3133
- overline: styled_components.FlattenInterpolation<styled_components.ThemeProps<styled_components.DefaultTheme>>;
3134
- body1: styled_components.FlattenInterpolation<styled_components.ThemeProps<styled_components.DefaultTheme>>;
3135
- body2: styled_components.FlattenInterpolation<styled_components.ThemeProps<styled_components.DefaultTheme>>;
3136
- caption: styled_components.FlattenInterpolation<styled_components.ThemeProps<styled_components.DefaultTheme>>;
3137
- subtitle1: styled_components.FlattenInterpolation<styled_components.ThemeProps<styled_components.DefaultTheme>>;
3138
- subtitle2: styled_components.FlattenInterpolation<styled_components.ThemeProps<styled_components.DefaultTheme>>;
3139
- monospace: styled_components.FlattenInterpolation<styled_components.ThemeProps<styled_components.DefaultTheme>>;
3131
+ headline1: styled_components.RuleSet<object>;
3132
+ headline2: styled_components.RuleSet<object>;
3133
+ headline3: styled_components.RuleSet<object>;
3134
+ overline: styled_components.RuleSet<object>;
3135
+ body1: styled_components.RuleSet<object>;
3136
+ body2: styled_components.RuleSet<object>;
3137
+ caption: styled_components.RuleSet<object>;
3138
+ subtitle1: styled_components.RuleSet<object>;
3139
+ subtitle2: styled_components.RuleSet<object>;
3140
+ monospace: styled_components.RuleSet<object>;
3140
3141
  };
3141
3142
  type TextProps = ComponentPropsWithoutRef<'div'> & {
3142
3143
  /**
package/dist/index.d.ts CHANGED
@@ -2,11 +2,12 @@ import * as styled_components from 'styled-components';
2
2
  import { css, DefaultTheme } from 'styled-components';
3
3
  import * as react_jsx_runtime from 'react/jsx-runtime';
4
4
  import * as react from 'react';
5
- import { JSX, ReactNode, ComponentPropsWithoutRef, Dispatch, SetStateAction, RefObject, MutableRefObject, MouseEvent, ComponentPropsWithRef, ChangeEvent, ElementType, FocusEvent, HTMLInputTypeAttribute, KeyboardEvent as KeyboardEvent$1, ReactElement, ComponentType, PropsWithChildren } from 'react';
5
+ import { JSX, ReactNode, ComponentPropsWithoutRef, Dispatch, SetStateAction, RefObject, MutableRefObject, MouseEvent, ComponentPropsWithRef, ChangeEvent, ElementType, Ref, ComponentClass, ComponentProps, FocusEvent, HTMLInputTypeAttribute, KeyboardEvent as KeyboardEvent$1, ReactElement, ComponentType, PropsWithChildren } from 'react';
6
6
  import { FormikProps, FormikHelpers, FormikErrors, Field } from 'formik';
7
7
  export { useFormikContext } from 'formik';
8
8
  import { DropdownMenuProps, DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuCheckboxItemProps, DropdownMenuRadioItemProps } from '@radix-ui/react-dropdown-menu';
9
9
  export { DropdownMenuRadioGroup as MenuRadioGroup } from '@radix-ui/react-dropdown-menu';
10
+ import * as styled_components_dist_types from 'styled-components/dist/types';
10
11
  import { Descendant } from 'slate';
11
12
  import { ReactEditor } from 'slate-react';
12
13
 
@@ -309,22 +310,22 @@ declare const datetimeHelpers: {
309
310
  };
310
311
 
311
312
  declare const gradients: {
312
- defaultDarkOne: styled_components.FlattenSimpleInterpolation;
313
- defaultDarkTwo: styled_components.FlattenSimpleInterpolation;
314
- defaultLightOne: styled_components.FlattenSimpleInterpolation;
315
- defaultLightTwo: styled_components.FlattenSimpleInterpolation;
316
- defaultMidOne: styled_components.FlattenSimpleInterpolation;
317
- defaultMidTwo: styled_components.FlattenSimpleInterpolation;
318
- green: styled_components.FlattenSimpleInterpolation;
319
- greenWithPop: styled_components.FlattenSimpleInterpolation;
320
- pink: styled_components.FlattenSimpleInterpolation;
321
- pinkWithPop: styled_components.FlattenSimpleInterpolation;
322
- playfulGradientOne: styled_components.FlattenSimpleInterpolation;
323
- playfulGradientTwo: styled_components.FlattenSimpleInterpolation;
324
- purple: styled_components.FlattenSimpleInterpolation;
325
- purpleWithPop: styled_components.FlattenSimpleInterpolation;
326
- yellow: styled_components.FlattenSimpleInterpolation;
327
- yellowWithPop: styled_components.FlattenSimpleInterpolation;
313
+ defaultDarkOne: styled_components.RuleSet<object>;
314
+ defaultDarkTwo: styled_components.RuleSet<object>;
315
+ defaultLightOne: styled_components.RuleSet<object>;
316
+ defaultLightTwo: styled_components.RuleSet<object>;
317
+ defaultMidOne: styled_components.RuleSet<object>;
318
+ defaultMidTwo: styled_components.RuleSet<object>;
319
+ green: styled_components.RuleSet<object>;
320
+ greenWithPop: styled_components.RuleSet<object>;
321
+ pink: styled_components.RuleSet<object>;
322
+ pinkWithPop: styled_components.RuleSet<object>;
323
+ playfulGradientOne: styled_components.RuleSet<object>;
324
+ playfulGradientTwo: styled_components.RuleSet<object>;
325
+ purple: styled_components.RuleSet<object>;
326
+ purpleWithPop: styled_components.RuleSet<object>;
327
+ yellow: styled_components.RuleSet<object>;
328
+ yellowWithPop: styled_components.RuleSet<object>;
328
329
  };
329
330
  type GradientNameType = keyof typeof gradients;
330
331
  type GetBackgroundGradientType = GradientNameType | undefined;
@@ -546,7 +547,7 @@ type Rect = {
546
547
  x: number;
547
548
  y: number;
548
549
  };
549
- declare const useElementObserver: <T extends HTMLElement>() => [RefObject<T>, Rect];
550
+ declare const useElementObserver: <T extends HTMLElement>() => [RefObject<T | null>, Rect];
550
551
 
551
552
  type AddEventListenerType = (type: string, listener: (evt: Event) => void, options?: AddEventListenerOptions | boolean) => void;
552
553
  type RemoveEventListenerType = (type: string, listener: (evt: Event) => void, options?: AddEventListenerOptions | boolean) => void;
@@ -554,7 +555,7 @@ declare const useEvent: <T extends Event>(eventName: Parameters<AddEventListener
554
555
 
555
556
  type UseFocusTrapOptions = {
556
557
  disableAriaHider?: boolean;
557
- focusSelector?: HTMLElement | RefObject<HTMLElement> | string | null | undefined;
558
+ focusSelector?: HTMLElement | RefObject<HTMLElement | null> | string | null | undefined;
558
559
  };
559
560
  declare const useFocusTrap: (active?: boolean, options?: UseFocusTrapOptions) => (node: HTMLElement | null | undefined) => void;
560
561
 
@@ -1696,8 +1697,8 @@ declare const Divider: {
1696
1697
  displayName: string;
1697
1698
  };
1698
1699
 
1699
- declare const ellipsisStyle: styled_components.FlattenSimpleInterpolation;
1700
- declare const ellipsisFlexParentStyle: styled_components.FlattenSimpleInterpolation;
1700
+ declare const ellipsisStyle: styled_components.RuleSet<object>;
1701
+ declare const ellipsisFlexParentStyle: styled_components.RuleSet<object>;
1701
1702
  type EllipsisProps = ComponentPropsWithoutRef<'div'> & {
1702
1703
  /**
1703
1704
  * The text that will be truncated with an ellipsis
@@ -1785,7 +1786,7 @@ type FormProps = {
1785
1786
  /**
1786
1787
  * Ref to access the form's state and API
1787
1788
  */
1788
- innerRef?: React.Ref<FormState>;
1789
+ innerRef?: Ref<FormState>;
1789
1790
  /**
1790
1791
  * On-submit callback
1791
1792
  */
@@ -1885,7 +1886,7 @@ type FormFieldProps = Omit<ComponentPropsWithRef<'input'>, 'placeholder'> & {
1885
1886
  /**
1886
1887
  * A custom component that acts as a field and that needs access to Formik fields
1887
1888
  */
1888
- customComponent?: React.ComponentClass<CustomComponentClass> | ((arg?: React.ComponentProps<typeof Field>) => ReactNode) | ((arg?: Record<string, unknown>) => ReactNode) | undefined;
1889
+ customComponent?: ComponentClass<CustomComponentClass> | ((arg?: ComponentProps<typeof Field>) => ReactNode) | ((arg?: Record<string, unknown>) => ReactNode) | undefined;
1889
1890
  /**
1890
1891
  * Should the radio buttons be displayed vertically as a column or horizontally as a row
1891
1892
  */
@@ -2531,7 +2532,7 @@ type ModalProps = ComponentPropsWithoutRef<'div'> & {
2531
2532
  /**
2532
2533
  * Ref to the element that should receive focus when the modal opens
2533
2534
  */
2534
- initialFocusRef?: RefObject<HTMLElement>;
2535
+ initialFocusRef?: RefObject<HTMLElement | null>;
2535
2536
  /**
2536
2537
  * Whether or not the modal is open, and should be rendered
2537
2538
  */
@@ -2565,9 +2566,9 @@ declare const Modal: {
2565
2566
  displayName: string;
2566
2567
  };
2567
2568
 
2568
- declare const ModalHeader: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
2569
- declare const ModalBody: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
2570
- declare const ModalFooter: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
2569
+ declare const ModalHeader: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
2570
+ declare const ModalBody: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
2571
+ declare const ModalFooter: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
2571
2572
  type ModalCloseButtonProps = {
2572
2573
  /**
2573
2574
  * Callback invoked when the button is clicked
@@ -2914,7 +2915,7 @@ declare const RichTextEditor: {
2914
2915
  declare const rteSerializeToHTML: (value: Descendant[]) => string | null;
2915
2916
  declare const rteDeserializeHTML: (htmlString: string) => (Descendant | string | null)[] | Descendant | string | null | undefined;
2916
2917
 
2917
- declare const screenReaderOnlyStyle: styled_components.FlattenSimpleInterpolation;
2918
+ declare const screenReaderOnlyStyle: styled_components.RuleSet<object>;
2918
2919
  type ScreenReaderOnlyProps = ComponentPropsWithoutRef<'div'> & {
2919
2920
  /**
2920
2921
  * Pass an arbitrary child node
@@ -3127,16 +3128,16 @@ declare const renderMap: {
3127
3128
  span: string;
3128
3129
  };
3129
3130
  declare const variantStyleMap: {
3130
- headline1: styled_components.FlattenInterpolation<styled_components.ThemeProps<styled_components.DefaultTheme>>;
3131
- headline2: styled_components.FlattenInterpolation<styled_components.ThemeProps<styled_components.DefaultTheme>>;
3132
- headline3: styled_components.FlattenInterpolation<styled_components.ThemeProps<styled_components.DefaultTheme>>;
3133
- overline: styled_components.FlattenInterpolation<styled_components.ThemeProps<styled_components.DefaultTheme>>;
3134
- body1: styled_components.FlattenInterpolation<styled_components.ThemeProps<styled_components.DefaultTheme>>;
3135
- body2: styled_components.FlattenInterpolation<styled_components.ThemeProps<styled_components.DefaultTheme>>;
3136
- caption: styled_components.FlattenInterpolation<styled_components.ThemeProps<styled_components.DefaultTheme>>;
3137
- subtitle1: styled_components.FlattenInterpolation<styled_components.ThemeProps<styled_components.DefaultTheme>>;
3138
- subtitle2: styled_components.FlattenInterpolation<styled_components.ThemeProps<styled_components.DefaultTheme>>;
3139
- monospace: styled_components.FlattenInterpolation<styled_components.ThemeProps<styled_components.DefaultTheme>>;
3131
+ headline1: styled_components.RuleSet<object>;
3132
+ headline2: styled_components.RuleSet<object>;
3133
+ headline3: styled_components.RuleSet<object>;
3134
+ overline: styled_components.RuleSet<object>;
3135
+ body1: styled_components.RuleSet<object>;
3136
+ body2: styled_components.RuleSet<object>;
3137
+ caption: styled_components.RuleSet<object>;
3138
+ subtitle1: styled_components.RuleSet<object>;
3139
+ subtitle2: styled_components.RuleSet<object>;
3140
+ monospace: styled_components.RuleSet<object>;
3140
3141
  };
3141
3142
  type TextProps = ComponentPropsWithoutRef<'div'> & {
3142
3143
  /**