@wistia/vhs 2.48.1 → 2.48.2-beta.0d2ad1c2.376c350

package/dist/src/components/Slider/Slider.d.ts

@@ -2,13 +2,15 @@ import type { ComponentPropsWithoutRef } from 'react';
 type ComponentPropsWithoutRefWithoutDefaultValue = Omit<ComponentPropsWithoutRef<'div'>, 'defaultValue' | 'onChange'>;
 export type SliderProps = ComponentPropsWithoutRefWithoutDefaultValue & {
     /**
-     * aria-label for screen-readers to apply to the thumbs. Use an array for more than one thumb. The length of the array must match the number of thumbs in the value array.
+     * aria-label for screen-readers to apply to the thumbs. Use an array for more than one thumb.
+     * The length of the array must match the number of thumbs in the value array.
      */
-    ariaLabel?: string[] | string;
+    ariaLabel?: string[] | string | undefined;
     /**
-     * aria-labelledby for screen-readers to apply to the thumbs. Used when slider rendered with separate label. Use an array for more than one thumb. The length of the array must match the number of thumbs in the value array.
+     * aria-labelledby for screen-readers to apply to the thumbs. Used when slider rendered with separate label.
+     * Use an array for more than one thumb. The length of the array must match the number of thumbs in the value array.
      */
-    ariaLabelledby?: string[] | string;
+    ariaLabelledby?: string[] | string | undefined;
     /**
      *
      */
@@ -18,11 +20,16 @@ export type SliderProps = ComponentPropsWithoutRefWithoutDefaultValue & {
      */
     'data-testid'?: string;
     /**
-     *Determines the initial positions of the thumbs and the number of thumbs.
-  
-    *If a number is passed a slider with one thumb will be rendered. If an array is passed each value will determine the position of one thumb. The values in the array must be sorted.
+     * Determines the initial position(s) of the thumb(s) and the number of thumbs.
+     *
+     * If a number is passed a slider with one thumb will be rendered.
+     * If an array is passed each value will determine the position of one thumb.
+     * The values in the array must be sorted.
+     *
+     * Don't pass a default value if the slider is controlled (i.e. if you already
+     * use the `value` prop).
      */
-    defaultValue?: number[] | number;
+    defaultValue?: number[] | number | undefined;
     /**
      * If `true` the thumbs can't be moved.
      */
@@ -36,11 +43,13 @@ export type SliderProps = ComponentPropsWithoutRefWithoutDefaultValue & {
      */
     min?: number;
     /**
-     * Callback called on every value change. The function will be called with two arguments, the first being the new value(s) the second being thumb index. **It does not return an event.**
+     * Callback called on every value change. The function will be called with two arguments,
+     * the first being the new value(s) the second being thumb index. **It does not return an event.**
      */
     onChange?: (value: number, index?: number) => unknown;
     /**
-     * Value to be added or subtracted on each step the slider makes. Must be greater than zero. max - min should be evenly divisible by the step value.
+     * Value to be added or subtracted on each step the slider makes. Must be greater than zero.
+     * max - min should be evenly divisible by the step value.
      */
     step?: number;
     /**

package/dist/src/components/Slider/Slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AA8EtD,KAAK,2CAA2C,GAAG,IAAI,CACrD,wBAAwB,CAAC,KAAK,CAAC,EAC/B,cAAc,GAAG,UAAU,CAC5B,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,2CAA2C,GAAG;IACtE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAC9B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IACnC;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,CAAC;IACvE;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC;IACtD;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,MAAM;4JAahB,WAAW,GAAG,WAAW;;CAwD3B,CAAC"}
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAyFtD,KAAK,2CAA2C,GAAG,IAAI,CACrD,wBAAwB,CAAC,KAAK,CAAC,EAC/B,cAAc,GAAG,UAAU,CAC5B,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,2CAA2C,GAAG;IACtE;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,GAAG,SAAS,CAAC;IAC1C;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,GAAG,SAAS,CAAC;IAC/C;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,CAAC;IACvE;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;;;;;;OASG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,GAAG,SAAS,CAAC;IAC7C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC;IACtD;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,MAAM;4JAahB,WAAW,GAAG,WAAW;;CAmE3B,CAAC"}

package/dist/src/hooks/useKeyPressOnce/UseKeyPressOnceExample.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UseKeyPressOnceExample.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useKeyPressOnce/UseKeyPressOnceExample.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,sBAAsB,+CAmClC,CAAC"}
+{"version":3,"file":"UseKeyPressOnceExample.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useKeyPressOnce/UseKeyPressOnceExample.tsx"],"names":[],"mappings":"AAoDA,eAAO,MAAM,sBAAsB,+CAmClC,CAAC"}

package/dist/src/hooks/usePreventScroll/UsePreventScrollExample.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UsePreventScrollExample.d.ts","sourceRoot":"","sources":["../../../../src/hooks/usePreventScroll/UsePreventScrollExample.tsx"],"names":[],"mappings":"AAcA,eAAO,MAAM,uBAAuB,+CAsBnC,CAAC"}
+{"version":3,"file":"UsePreventScrollExample.d.ts","sourceRoot":"","sources":["../../../../src/hooks/usePreventScroll/UsePreventScrollExample.tsx"],"names":[],"mappings":"AAgBA,eAAO,MAAM,uBAAuB,+CAsBnC,CAAC"}

package/dist/src/private/components/HideInVisualRegressionTests/HideInVisualRegressionTests.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HideInVisualRegressionTests.d.ts","sourceRoot":"","sources":["../../../../../src/private/components/HideInVisualRegressionTests/HideInVisualRegressionTests.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,KAAK,gCAAgC,GAAG;IACtC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAIF,eAAO,MAAM,2BAA2B,kBAErC,gCAAgC,KAAG,WAOrC,CAAC"}

package/dist/src/private/components/HideInVisualRegressionTests/index.d.ts

@@ -0,0 +1,2 @@
+export { HideInVisualRegressionTests } from './HideInVisualRegressionTests';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/private/components/HideInVisualRegressionTests/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/private/components/HideInVisualRegressionTests/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/src/private/helpers/escapeHtml.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Handle special characters by escaping in the provided text string.
+ *
+ * @param {string} stringToEscape - the string to escape
+ * @return {string} - the escaped string
+ */
+export declare const escapeHtml: (stringToEscape: number | string | null | undefined) => string;
+//# sourceMappingURL=escapeHtml.d.ts.map

package/dist/src/private/helpers/escapeHtml.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"escapeHtml.d.ts","sourceRoot":"","sources":["../../../../src/private/helpers/escapeHtml.ts"],"names":[],"mappings":"AASA;;;;;GAKG;AACH,eAAO,MAAM,UAAU,mBAAoB,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,KAAG,MAwC/E,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wistia/vhs",
-  "version": "2.48.1",
+  "version": "2.48.2-beta.0d2ad1c2.376c350",
   "packageManager": "yarn@4.1.1",
   "description": "Visual Hype System",
   "type": "commonjs",
@@ -8,11 +8,24 @@
   "module": "dist/index.mjs",
   "types": "dist/src/index.d.ts",
   "sideEffects": false,
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "require": {
+        "types": "./dist/src/index.d.ts",
+        "default": "./dist/index.cjs"
+      },
+      "import": {
+        "types": "./dist/src/index.d.ts",
+        "default": "./dist/index.mjs"
+      }
+    }
+  },
   "files": [
     "dist"
   ],
   "engines": {
-    "node": ">= 16.0.0"
+    "node": ">=18.0.0 || >=20.0.0"
   },
   "scripts": {
     "browsers": "./scripts/browserSupport.mjs",
@@ -36,6 +49,7 @@
     "lint:style": "stylelint --cache --cache-location .stylelintcache --report-needless-disables \"**/*.tsx\"",
     "outdated": "yarn upgrade-interactive",
     "prepublishOnly": "yarn run build",
+    "publint": "publint",
     "storybook": "cross-env NODE_OPTIONS=--openssl-legacy-provider storybook dev --host localhost --port 6006",
     "storybook:build": "cross-env NODE_OPTIONS=--openssl-legacy-provider storybook build --quiet",
     "test": "cross-env NODE_ENV=test vitest run",
@@ -43,8 +57,7 @@
     "test:coverage": "yarn run test --coverage=true && open ./coverage/lcov-report/index.html",
     "test:debug": "echo 'open chrome://inspect/#devices' && cross-env NODE_ENV=test vitest --inspect-brk --no-file-parallelism",
     "ts:check": "tsc",
-    "ts:generate": "tsx ./scripts/generateTypes.ts",
-    "ts:progress": "node ./scripts/typescriptMigrationProgress.mjs"
+    "ts:generate": "tsx ./scripts/generateTypes.ts"
   },
   "peerDependencies": {
     "@types/react": "^17.0 || ^18.0",
@@ -60,12 +73,11 @@
     "@wistia/type-guards": "^0.0.8",
     "@wistia/vhs-design-tokens": "^2.1.0",
     "date-fns": "^3.6.0",
-    "escape-html": "^1.0.3",
     "formik": "^2.4.5",
     "is-hotkey": "^0.2.0",
-    "lodash.isequal": "^4.5.0",
     "polished": "^4.3.1",
     "react-aria-live": "^2.0.5",
+    "react-fast-compare": "^3.2.2",
     "react-is": "^18.2.0",
     "react-slider": "^2.0.6",
     "react-transition-group": "^4.4.5",
@@ -92,13 +104,14 @@
     "@testing-library/jest-dom": "^6.4.2",
     "@testing-library/react": "^15.0.1",
     "@testing-library/user-event": "^14.5.2",
-    "@types/escape-html": "^1.0.4",
-    "@types/lodash.template": "^4.5.3",
     "@types/node": "^20.12.7",
     "@types/react": "18.2.21",
+    "@types/react-aria-live": "^2.0.6",
     "@types/react-dom": "^18.2.24",
+    "@types/react-slider": "^1.3.6",
     "@types/react-transition-group": "^4.4.10",
     "@types/styled-components": "^5.1.34",
+    "@types/throttle-debounce": "^5.0.2",
     "@types/uuid": "^9.0.8",
     "@vitejs/plugin-react": "^4.2.1",
     "@vitest/coverage-istanbul": "^1.4.0",
@@ -116,9 +129,9 @@
     "globby": "^14.0.1",
     "jsdoc-to-markdown": "^8.0.1",
     "jsdom": "^24.0.0",
-    "lodash.camelcase": "^4.3.0",
-    "lodash.template": "^4.5.0",
     "minimist": "^1.2.8",
+    "pascalcase": "^2.0.0",
+    "publint": "^0.2.7",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "shx": "^0.3.4",

package/dist/.storybook/components/HideInVisualRegressionTests.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HideInVisualRegressionTests.d.ts","sourceRoot":"","sources":["../../../.storybook/components/HideInVisualRegressionTests.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,KAAK,gCAAgC,GAAG;IACtC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAIF,eAAO,MAAM,2BAA2B,kBAErC,gCAAgC,KAAG,WAOrC,CAAC"}

package/dist/.storybook/helpers/getRandomEmoji.d.ts

@@ -1,2 +0,0 @@
-export declare const getRandomEmoji: (count?: number) => (string | undefined)[] | string | undefined;
-//# sourceMappingURL=getRandomEmoji.d.ts.map

package/dist/.storybook/helpers/getRandomEmoji.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"getRandomEmoji.d.ts","sourceRoot":"","sources":["../../../.storybook/helpers/getRandomEmoji.ts"],"names":[],"mappings":"AAuCA,eAAO,MAAM,cAAc,sBAAgB,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,GAAG,MAAM,GAAG,SAO5E,CAAC"}

package/dist/.storybook/helpers/placeholderText.d.ts

@@ -1,8 +0,0 @@
-type dictType = keyof typeof dictionary;
-declare const dictionary: {
-    default: string[];
-    marketing: string[];
-};
-export declare const placeholderText: (wordCount?: number, dictionaryType?: dictType, addPeriod?: boolean, noSpaces?: boolean) => string;
-export {};
-//# sourceMappingURL=placeholderText.d.ts.map

package/dist/.storybook/helpers/placeholderText.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"placeholderText.d.ts","sourceRoot":"","sources":["../../../.storybook/helpers/placeholderText.ts"],"names":[],"mappings":"AAEA,KAAK,QAAQ,GAAG,MAAM,OAAO,UAAU,CAAC;AAGxC,QAAA,MAAM,UAAU;;;CAGf,CAAC;AAMF,eAAO,MAAM,eAAe,wCAEV,QAAQ,oDAgBzB,CAAC"}