@deque/cauldron-react 2.0.0 → 3.0.1-canary.0298c7b0

package/lib/{arrow-97011665.js → info-square-f193e281.js}

@@ -8,20 +8,18 @@ var React__default = _interopDefault(React);
 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 _ref = /*#__PURE__*/React.createElement("path", {
-  d: "M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z",
+  d: "M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 9h-2V5h2v6zm0 4h-2v-2h2v2z",
   vectorEffect: "non-scaling-stroke",
   fill: "currentColor"
 });
 
-function SvgArrow(props) {
+function SvgInfoSquare(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     overflow: "visible",
     preserveAspectRatio: "none",
-    viewBox: "0 0 24 24",
-    width: 28,
-    height: 28,
-    transform: "rotate(180)"
+    width: 24,
+    height: 24
   }, props), _ref);
 }
 
-exports.default = SvgArrow;
+exports.default = SvgInfoSquare;

package/lib/magnifying-glass-2907fb77.js

@@ -0,0 +1,23 @@
+'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);
+
+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 _ref = /*#__PURE__*/React.createElement("path", {
+  d: "M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z",
+  fill: "currentColor"
+});
+
+function SvgMagnifyingGlass(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    viewBox: "0 0 24 24",
+    width: 19,
+    height: 19
+  }, props), _ref);
+}
+
+exports.default = SvgMagnifyingGlass;

package/lib/{triangle-51d7723a.js → menu-2f2be7c2.js}

@@ -8,20 +8,19 @@ var React__default = _interopDefault(React);
 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 _ref = /*#__PURE__*/React.createElement("path", {
-  d: "M7 10l5 5 5-5z",
+  d: "M20 9H4v2h16V9zM4 15h16v-2H4v2z",
   vectorEffect: "non-scaling-stroke",
   fill: "currentColor"
 });
 
-function SvgTriangle(props) {
+function SvgMenu(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     overflow: "visible",
     preserveAspectRatio: "none",
     viewBox: "0 0 24 24",
-    width: 32,
-    height: 32,
-    transform: "rotate(270)"
+    width: 19,
+    height: 19
   }, props), _ref);
 }
 
-exports.default = SvgTriangle;
+exports.default = SvgMenu;

package/lib/recycle-0198fb67.js

@@ -0,0 +1,25 @@
+'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);
+
+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 _ref = /*#__PURE__*/React.createElement("path", {
+  d: "M12 6v3l4-4-4-4v3c-4.42 0-8 3.58-8 8 0 1.57.46 3.03 1.24 4.26L6.7 14.8A5.87 5.87 0 016 12c0-3.31 2.69-6 6-6zm6.76 1.74L17.3 9.2c.44.84.7 1.79.7 2.8 0 3.31-2.69 6-6 6v-3l-4 4 4 4v-3c4.42 0 8-3.58 8-8 0-1.57-.46-3.03-1.24-4.26z",
+  vectorEffect: "non-scaling-stroke",
+  fill: "currentColor"
+});
+
+function SvgRecycle(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    overflow: "visible",
+    preserveAspectRatio: "none",
+    width: 24,
+    height: 24
+  }, props), _ref);
+}
+
+exports.default = SvgRecycle;

package/lib/robot-22863b2b.js

@@ -0,0 +1,29 @@
+'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);
+
+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 _ref = /*#__PURE__*/React.createElement("circle", {
+  cx: 14.5,
+  cy: 14.5,
+  r: 13.5,
+  fill: "currentColor"
+});
+
+var _ref2 = /*#__PURE__*/React.createElement("path", {
+  d: "M6.23 12.58h.92v5.51h-.92a.91.91 0 01-.92-.91V13.5a.92.92 0 01.92-.92zm14.7-1.38V19a1.84 1.84 0 01-1.84 1.84H9.91A1.84 1.84 0 018.07 19v-7.8a2.29 2.29 0 012.29-2.29h3.22V7.07a.92.92 0 011.84 0v1.84h3.22a2.29 2.29 0 012.29 2.29zm-8 2.3a1.15 1.15 0 10-1.15 1.15 1.15 1.15 0 001.15-1.15zm-.23 3.68h-1.88v.91h1.84zm2.76 0h-1.88v.91h1.84zm3-3.68a1.15 1.15 0 10-1.15 1.15 1.16 1.16 0 001.15-1.15zm-.23 3.68h-1.89v.91h1.84zm5.51-3.68v3.68a.92.92 0 01-.92.91h-.92v-5.51h.92a.92.92 0 01.92.92z",
+  fill: "currentColor"
+});
+
+function SvgRobot(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 29,
+    height: 29
+  }, props), _ref, _ref2);
+}
+
+exports.default = SvgRobot;

package/lib/triangle-42e0eece.js

@@ -0,0 +1,25 @@
+'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);
+
+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 _ref = /*#__PURE__*/React.createElement("path", {
+  d: "M7 10l5 5 5-5z",
+  fill: "currentColor",
+  vectorEffect: "non-scaling-stroke"
+});
+
+function SvgTriangle(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    overflow: "visible",
+    preserveAspectRatio: "none",
+    width: 24,
+    height: 24
+  }, props), _ref);
+}
+
+exports.default = SvgTriangle;

package/lib/types.d.ts

@@ -0,0 +1,7 @@
+export declare namespace Cauldron {
+    type LabelProps = {
+        'aria-label': string;
+    } | {
+        'aria-labelledby': string;
+    };
+}

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

@@ -0,0 +1,40 @@
+/**
+ * Based on @radix-ui/polymorphic:
+ * 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;
+/**
+ * Infers the OwnProps if E is a ForwardRefExoticComponentWithAs
+ */
+declare 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 & {
+    as?: E;
+}>>;
+interface ForwardRefComponent<IntrinsicElementString, OwnProps = {}
+/**
+ * Extends original type to ensure built in React types play nice
+ * with polymorphic components still e.g. `React.ElementRef` etc.
+ */
+> extends ForwardRefExoticComponent<IntrinsicElementString, OwnProps> {
+    /**
+     * When `as` prop is passed, use this overload.
+     * Merges original own props (without DOM props) and the inferred props
+     * from `as` element with the own props taking precendence.
+     *
+     * We explicitly avoid `React.ElementType` and manually narrow the prop types
+     * so that events are typed when using JSX.IntrinsicElements.
+     */
+    <As = IntrinsicElementString>(props: As extends '' ? {
+        as: keyof JSX.IntrinsicElements;
+    } : As extends React.ComponentType<infer P> ? Merge<P, OwnProps & {
+        as: As;
+    }> : As extends keyof JSX.IntrinsicElements ? Merge<JSX.IntrinsicElements[As], OwnProps & {
+        as: As;
+    }> : never): React.ReactElement | null;
+}
+export { ForwardRefComponent, OwnProps, IntrinsicElement, Merge };

package/lib/utils/use-did-update/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Hook to be used similarly to the React.Component#componentDidMount.
+ * Executes the provided `effect` when `dependencies` change but does not
+ * execute the effect initially (on mount) - only on update.
+ *
+ * @param effect {Function} function to be executed when dependencies update
+ * @param dependencies {Any} any valid dependency argument to React.useEffect
+ */
+declare const useDidUpdate: (effect: () => void, dependencies: unknown[]) => void;
+export default useDidUpdate;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deque/cauldron-react",
-  "version": "2.0.0",
+  "version": "3.0.1-canary.0298c7b0",
   "description": "Fully accessible react components library for Deque Cauldron",
   "publishConfig": {
     "access": "public"
@@ -13,6 +13,7 @@
   ],
   "scripts": {
     "build": "yarn build:lib && yarn build:css",
+    "prebuild:lib": "node scripts/buildIconTypes.js",
     "build:lib": "rollup -c && tsc --declaration --emitDeclarationOnly --outDir lib",
     "build:css": "postcss --output=lib/cauldron.css src/index.css",
     "dev": "concurrently 'yarn build:css --watch' 'rollup -c --watch'",
@@ -123,4 +124,4 @@
       "\\.svg$": "<rootDir>/__tests__/svgMock.js"
     }
   }
-}
+}

package/lib/menu-2bb052ac.js

@@ -1,43 +0,0 @@
-'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);
-
-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 _ref = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("path", {
-  d: "M0 0h24v24H0V0z",
-  id: "menu_svg__a",
-  vectorEffect: "non-scaling-stroke",
-  fill: "currentColor"
-}));
-
-var _ref2 = /*#__PURE__*/React.createElement("clipPath", {
-  xmlnsXlink: "http://www.w3.org/1999/xlink",
-  id: "menu_svg__b",
-  vectorEffect: "non-scaling-stroke"
-}, /*#__PURE__*/React.createElement("use", {
-  xlinkHref: "#menu_svg__a",
-  vectorEffect: "non-scaling-stroke"
-}));
-
-var _ref3 = /*#__PURE__*/React.createElement("path", {
-  clipPath: "url(#menu_svg__b)",
-  d: "M20 9H4v2h16V9zM4 15h16v-2H4v2z",
-  vectorEffect: "non-scaling-stroke",
-  fill: "currentColor"
-});
-
-function SvgMenu(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    overflow: "visible",
-    preserveAspectRatio: "none",
-    viewBox: "0 0 24 24",
-    width: 19,
-    height: 19
-  }, props), _ref, _ref2, _ref3);
-}
-
-exports.default = SvgMenu;