@deque/cauldron-react 5.7.1 → 5.8.0-canary.20933343

package/lib/trash.js

@@ -1,24 +1,39 @@
 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
 var React = require('react');
-var React__default = _interopDefault(React);
 
-var _path;
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n["default"] = e;
+	return Object.freeze(n);
+}
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-const SvgTrash = props => /*#__PURE__*/React.createElement("svg", _extends({
+var _path;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const SvgTrash = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
   overflow: "visible",
   preserveAspectRatio: "none",
   viewBox: "0 0 24 24",
   height: 24,
   width: 24
-}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+}, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
   d: "M9.91 17.24a.34.34 0 0 1-.24.09H9c-.18.01-.32-.13-.33-.31V9.67c-.01-.18.12-.33.3-.34h.7c.18-.01.32.13.33.31V17c0 .09-.03.18-.09.24zm2.67 0a.34.34 0 0 1-.24.09h-.67a.317.317 0 0 1-.34-.3V9.67c-.01-.18.13-.32.31-.33h.69c.18-.01.32.13.33.31V17c0 .09-.03.18-.09.24h.01zm2.67 0a.34.34 0 0 1-.24.09h-.68c-.18.01-.32-.13-.33-.31V9.67c-.01-.18.13-.32.31-.33H15c.18-.01.32.13.33.31V17c0 .09-.03.18-.09.24h.01zM10.18 5.45c.04-.06.11-.1.18-.11h3.3c.07.01.14.05.18.11l.5 1.22H9.67l.51-1.22zM19.33 7c.01-.18-.13-.32-.31-.33h-3.24l-.73-1.74c-.11-.27-.31-.5-.56-.66-.24-.17-.53-.26-.82-.27h-3.34c-.29.01-.58.1-.82.27-.25.16-.45.39-.56.66l-.73 1.74H5c-.18-.01-.32.13-.33.31v.69c-.01.18.13.32.31.33H6v9.91c-.01.53.16 1.05.49 1.47.27.38.71.61 1.18.62h8.66c.47-.01.91-.24 1.18-.63.33-.43.5-.96.49-1.5V8h1c.18.01.32-.13.33-.31V7z",
   vectorEffect: "non-scaling-stroke",
   fill: "currentColor"
 })));
 
-exports.default = SvgTrash;
+exports["default"] = SvgTrash;

package/lib/triangle.js

@@ -1,25 +1,40 @@
 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
 var React = require('react');
-var React__default = _interopDefault(React);
 
-var _path;
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n["default"] = e;
+	return Object.freeze(n);
+}
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-const SvgTriangle = props => /*#__PURE__*/React.createElement("svg", _extends({
+var _path;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const SvgTriangle = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
   xmlns: "http://www.w3.org/2000/svg",
   overflow: "visible",
   preserveAspectRatio: "none",
   viewBox: "0 0 24 24",
   height: 24,
   width: 24
-}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+}, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
   d: "m7 10 5 5 5-5z",
   fill: "currentColor",
   vectorEffect: "non-scaling-stroke"
 })));
 
-exports.default = SvgTriangle;
+exports["default"] = SvgTriangle;

package/lib/twitter.js

@@ -1,24 +1,39 @@
 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
 var React = require('react');
-var React__default = _interopDefault(React);
 
-var _path;
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n["default"] = e;
+	return Object.freeze(n);
+}
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-const SvgTwitter = props => /*#__PURE__*/React.createElement("svg", _extends({
+var _path;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const SvgTwitter = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
   overflow: "visible",
   preserveAspectRatio: "none",
   viewBox: "0 0 24 24",
   height: 24,
   width: 24
-}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+}, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
   d: "M21.53 7.11c.02.21.02.43.02.64 0 6.5-4.95 13.99-13.99 13.99-2.79 0-5.38-.81-7.55-2.21.4.05.78.06 1.19.06 2.3 0 4.42-.78 6.11-2.1a4.94 4.94 0 0 1-4.6-3.41c.3.05.61.08.93.08.44 0 .88-.06 1.29-.17A4.926 4.926 0 0 1 .99 9.16V9.1c.65.37 1.42.59 2.22.62a4.92 4.92 0 0 1-2.19-4.1c0-.91.24-1.75.67-2.48a14.02 14.02 0 0 0 10.14 5.15c-.08-.37-.12-.75-.12-1.13 0-2.71 2.19-4.92 4.92-4.92 1.42 0 2.7.59 3.59 1.55 1.11-.21 2.18-.62 3.12-1.19a4.93 4.93 0 0 1-2.16 2.71c.99-.11 1.95-.38 2.83-.76-.67.97-1.51 1.84-2.47 2.54Z",
   fill: "currentColor",
   vectorEffect: "non-scaling-stroke"
 })));
 
-exports.default = SvgTwitter;
+exports["default"] = SvgTwitter;

package/lib/types.d.ts

@@ -10,4 +10,4 @@ export declare namespace Cauldron {
  * This type is meant to ensure that a prop can actually be rendered as content.
  * Explicit equivalent of Exclude<ReactNode, boolean | null | undefined>
  */
-export declare type ContentNode = string | number | ReactFragment | ReactPortal | ReactElement;
+export type ContentNode = string | number | ReactFragment | ReactPortal | ReactElement;

package/lib/upload.js

@@ -1,24 +1,39 @@
 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
 var React = require('react');
-var React__default = _interopDefault(React);
 
-var _path;
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n["default"] = e;
+	return Object.freeze(n);
+}
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-const SvgUpload = props => /*#__PURE__*/React.createElement("svg", _extends({
+var _path;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const SvgUpload = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
   overflow: "visible",
   preserveAspectRatio: "none",
   viewBox: "0 0 512 512",
   height: 24,
   width: 24
-}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+}, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
   d: "M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z",
   vectorEffect: "non-scaling-stroke",
   fill: "currentColor"
 })));
 
-exports.default = SvgUpload;
+exports["default"] = SvgUpload;

package/lib/utils/polymorphic-type/index.d.ts

@@ -3,16 +3,16 @@
  * https://github.com/radix-ui/primitives/blob/main/packages/react/polymorphic/src/polymorphic.ts
  */
 import * as React from 'react';
-declare type Merge<P1 = {}, P2 = {}> = Omit<P1, keyof P2> & P2;
+type Merge<P1 = {}, P2 = {}> = Omit<P1, keyof P2> & P2;
 /**
  * Infers the OwnProps if E is a ForwardRefExoticComponentWithAs
  */
-declare type OwnProps<E> = E extends ForwardRefComponent<any, infer P> ? P : {};
+type OwnProps<E> = E extends ForwardRefComponent<any, infer P> ? P : {};
 /**
  * Infers the JSX.IntrinsicElement if E is a ForwardRefExoticComponentWithAs
  */
-declare type IntrinsicElement<E> = E extends ForwardRefComponent<infer I, any> ? I : never;
-declare type ForwardRefExoticComponent<E, OwnProps> = React.ForwardRefExoticComponent<Merge<E extends React.ElementType ? React.ComponentPropsWithRef<E> : never, OwnProps & {
+type IntrinsicElement<E> = E extends ForwardRefComponent<infer I, any> ? I : never;
+type ForwardRefExoticComponent<E, OwnProps> = React.ForwardRefExoticComponent<Merge<E extends React.ElementType ? React.ComponentPropsWithRef<E> : never, OwnProps & {
     as?: E;
 }>>;
 interface ForwardRefComponent<IntrinsicElementString, OwnProps = {}

package/lib/utils/useIntersectionRef.d.ts

@@ -0,0 +1,12 @@
+import type { MutableRefObject } from 'react';
+/**
+ * When a component needs to track intersection via a ref, useIntersectionRef
+ * will return a ref object containing the results from IntersectionObserver
+ * for the current intersection entry.
+ *
+ * @example
+ * const elementRef = useRef<HTMLElement>()
+ * const intersectionRef = useIntersectionRef<HTMLElement>(elementRef)
+ * return <span ref={elementRef}>...</span>
+ */
+export default function useIntersectionRef<T extends HTMLElement>(element: T | MutableRefObject<T>, intersectionObserverOptions?: IntersectionObserverInit): MutableRefObject<IntersectionObserverEntry | null>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deque/cauldron-react",
-  "version": "5.7.1",
+  "version": "5.8.0-canary.20933343",
   "description": "Fully accessible react components library for Deque Cauldron",
   "homepage": "https://cauldron.dequelabs.com/",
   "publishConfig": {
@@ -34,18 +34,15 @@
     "tslib": "^2.4.0"
   },
   "devDependencies": {
-    "@babel/cli": "^7.8.4",
-    "@babel/core": "^7.9.6",
-    "@babel/plugin-proposal-class-properties": "^7.8.3",
-    "@babel/plugin-proposal-export-default-from": "^7.8.3",
-    "@babel/preset-env": "^7.9.6",
-    "@babel/preset-react": "^7.9.4",
-    "@babel/preset-stage-0": "^7.8.3",
-    "@babel/preset-typescript": "^7.9.0",
-    "@babel/register": "^7.9.0",
+    "@babel/core": "^7.22.10",
+    "@babel/plugin-proposal-export-default-from": "^7.22.5",
+    "@babel/preset-env": "^7.22.10",
+    "@babel/preset-react": "^7.22.5",
+    "@babel/preset-typescript": "^7.22.5",
+    "@babel/register": "^7.22.5",
     "@rollup/plugin-commonjs": "^14.0.0",
     "@rollup/plugin-dynamic-import-vars": "^1.4.2",
-    "@rollup/plugin-typescript": "^5.0.2",
+    "@rollup/plugin-typescript": "^11.1.2",
     "@svgr/rollup": "^6.1.2",
     "@types/classnames": "^2.2.10",
     "@types/node": "^17.0.42",
@@ -78,7 +75,7 @@
     "rollup": "^2.23.0",
     "sinon": "^10.0.0",
     "ts-node": "^10.9.1",
-    "typescript": "^4.7.3"
+    "typescript": "~5.0.0"
   },
   "repository": {
     "type": "git",
@@ -113,7 +110,7 @@
       "**/__tests__/demo/**/*.js"
     ],
     "collectCoverageFrom": [
-      "**/src/**/*.tsx"
+      "**/src/**/*.{ts,tsx}"
     ],
     "moduleNameMapper": {
       "\\.(css|less)$": "<rootDir>/__tests__/styleMock.js",
@@ -122,4 +119,4 @@
       "\\.svg$": "<rootDir>/__tests__/svgMock.js"
     }
   }
-}
+}