@deque/cauldron-react 3.0.1-canary.d3e5ac47 → 3.0.1-canary.db7b06be

package/lib/components/Address/index.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+interface AddressProps extends React.HTMLAttributes<HTMLElement> {
+    children: React.ReactNode;
+}
+export declare const Address: {
+    ({ children, className, ...other }: AddressProps): JSX.Element;
+    displayName: string;
+    propTypes: {
+        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        className: PropTypes.Requireable<string>;
+    };
+};
+declare type AddressLineProps = React.HTMLAttributes<HTMLElement>;
+export declare const AddressLine: {
+    ({ children, className, ...other }: AddressLineProps): false | JSX.Element;
+    displayName: string;
+    propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        className: PropTypes.Requireable<string>;
+    };
+};
+interface AddressCityStateZipProps extends React.HTMLAttributes<HTMLElement> {
+    city: React.ReactNode;
+    state: React.ReactNode;
+    zip: React.ReactNode;
+}
+export declare const AddressCityStateZip: {
+    ({ city, state, zip, className, ...other }: AddressCityStateZipProps): false | JSX.Element;
+    displayName: string;
+    propTypes: {
+        city: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        state: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        zip: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        className: PropTypes.Requireable<string>;
+    };
+};
+export {};

package/lib/index.d.ts

@@ -43,6 +43,7 @@ export { DescriptionList, DescriptionListItem, DescriptionTerm, DescriptionDetai
 export { default as Stepper, Step } from './components/Stepper';
 export { default as Panel } from './components/Panel';
 export { default as ProgressBar } from './components/ProgressBar';
+export { Address, AddressLine, AddressCityStateZip } from './components/Address';
 /**
  * Helpers / Utils
  */

package/lib/index.js

@@ -2249,7 +2249,7 @@ var Select = React__default.forwardRef(function (_a, ref) {
             })
                 : children),
             React__default.createElement("div", { className: "arrow-down" })),
-        React__default.createElement("div", { className: "Error", id: errorId }, error)));
+        error && (React__default.createElement("div", { id: errorId, className: "Error" }, error))));
     /* eslint-disable jsx-a11y/no-onchange */
 });
 Select.displayName = 'Select';
@@ -2296,13 +2296,13 @@ var RadioGroup = function (_a) {
                     handleChange(radioValue);
                     onChange(radio, (_a = inputs.current) === null || _a === void 0 ? void 0 : _a[index]);
                 }, disabled: disabled, checked: isChecked }, other)),
+            React__default.createElement("label", { htmlFor: id, className: classNames('Field__label', {
+                    'Field__label--disabled': disabled
+                }) }, label),
             React__default.createElement(Icon, { className: classNames('Radio__overlay', {
                     'Radio__overlay--focused': isFocused,
                     'Radio__overlay--disabled': disabled
-                }), type: isChecked ? 'radio-checked' : 'radio-unchecked', "aria-hidden": "true", onClick: function () { return onRadioClick(index); } }),
-            React__default.createElement("label", { htmlFor: id, className: classNames('Field__label', {
-                    'Field__label--disabled': disabled
-                }) }, label)));
+                }), type: isChecked ? 'radio-checked' : 'radio-unchecked', "aria-hidden": "true", onClick: function () { return onRadioClick(index); } })));
     });
     // reset the input refs array
     // refs get clobbered every re-render anyway and this supports "dynamic" radios
@@ -2352,6 +2352,9 @@ var Checkbox = React.forwardRef(function (_a, ref) {
                         onChange(e);
                     }
                 } }, other)),
+            React__default.createElement("label", { className: classNames('Field__label', {
+                    'Field__label--disabled': disabled
+                }), htmlFor: id }, label),
             React__default.createElement(Icon, { className: classNames('Checkbox__overlay', {
                     'Checkbox__overlay--disabled': disabled,
                     'Checkbox__overlay--focused': focused,
@@ -2364,11 +2367,8 @@ var Checkbox = React.forwardRef(function (_a, ref) {
                     else {
                         (_b = checkRef.current) === null || _b === void 0 ? void 0 : _b.click();
                     }
-                } }),
-            React__default.createElement("label", { className: classNames('Field__label', {
-                    'Field__label--disabled': disabled
-                }), htmlFor: id }, label)),
-        React__default.createElement("div", { id: errorId, className: "Error" }, error)));
+                } })),
+        error && (React__default.createElement("div", { id: errorId, className: "Error" }, error))));
 });
 Checkbox.displayName = 'Checkbox';
 
@@ -2475,7 +2475,7 @@ var TextField = /** @class */ (function (_super) {
                     _this.input = input;
                     setRef(fieldRef, input);
                 } }, other, inputProps)),
-            React__default.createElement("div", { className: "Error", id: this.errorId }, error)));
+            error && (React__default.createElement("div", { className: "Error", id: this.errorId }, error))));
     };
     TextField.prototype.onChange = function (e) {
         var _a, _b;
@@ -8205,6 +8205,38 @@ var ProgressBar = React.forwardRef(function (_a, ref) {
 });
 ProgressBar.displayName = 'ProgressBar';
 
+var Address = function (_a) {
+    var children = _a.children, className = _a.className, other = tslib.__rest(_a, ["children", "className"]);
+    return (React__default.createElement("address", tslib.__assign({ className: classNames('Address', className) }, other), children));
+};
+Address.displayName = 'Address';
+Address.propTypes = {
+    children: PropTypes.node.isRequired,
+    className: PropTypes.string
+};
+var AddressLine = function (_a) {
+    var children = _a.children, className = _a.className, other = tslib.__rest(_a, ["children", "className"]);
+    return !!children && (React__default.createElement("div", tslib.__assign({ className: classNames('Address__line', className) }, other), children));
+};
+AddressLine.displayName = 'AddressLine';
+AddressLine.propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string
+};
+var AddressCityStateZip = function (_a) {
+    var city = _a.city, state = _a.state, zip = _a.zip, className = _a.className, other = tslib.__rest(_a, ["city", "state", "zip", "className"]);
+    return !!(city || state || zip) && (React__default.createElement("div", tslib.__assign({ className: classNames('Address__city-state-zip', className) }, other), [[city, state].filter(Boolean).join(', '), zip]
+        .filter(Boolean)
+        .join(' ')));
+};
+AddressCityStateZip.displayName = 'AddressCityStateZip';
+AddressCityStateZip.propTypes = {
+    city: PropTypes.node,
+    state: PropTypes.node,
+    zip: PropTypes.node,
+    className: PropTypes.string
+};
+
 /**
  * Hook to be used similarly to the React.Component#componentDidMount.
  * Executes the provided `effect` when `dependencies` change but does not
@@ -8273,6 +8305,9 @@ ThemeProvider.propTypes = {
     initialTheme: PropTypes.string
 };
 
+exports.Address = Address;
+exports.AddressCityStateZip = AddressCityStateZip;
+exports.AddressLine = AddressLine;
 exports.Alert = Alert;
 exports.AlertActions = AlertActions;
 exports.AlertContent = AlertContent;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deque/cauldron-react",
-  "version": "3.0.1-canary.d3e5ac47",
+  "version": "3.0.1-canary.db7b06be",
   "description": "Fully accessible react components library for Deque Cauldron",
   "publishConfig": {
     "access": "public"