@conveyorhq/arrow-ds 1.62.0 → 1.63.0

package/package.json

@@ -2,7 +2,7 @@
   "name": "@conveyorhq/arrow-ds",
   "author": "Conveyor",
   "license": "MIT",
-  "version": "1.62.0",
+  "version": "1.63.0",
   "description": "Arrow Design System",
   "repository": "https://github.com/conveyor/arrow-ds",
   "publishConfig": {

package/public/components/FileUpload/FileUploadDnD.d.ts

@@ -1,4 +1,4 @@
-import { HTMLProps } from "react";
+import { HTMLProps, ReactNode } from "react";
 import { ButtonProps } from "../Button";
 interface FileUploadDndPropsBase extends Omit<HTMLProps<HTMLLabelElement>, "onChange" | "value"> {
     className?: string;
@@ -7,6 +7,7 @@ interface FileUploadDndPropsBase extends Omit<HTMLProps<HTMLLabelElement>, "onCh
     inputProps?: HTMLProps<HTMLInputElement>;
     buttonProps?: ButtonProps;
     hideFileLabel?: boolean;
+    dropAreaComponent?: (active: boolean) => ReactNode;
 }
 interface FileUploadDndPropsSingle extends FileUploadDndPropsBase {
     onChange: (file: File | null) => void;

package/public/components/FileUpload/FileUploadDnD.js

@@ -35,7 +35,7 @@ const Text_1 = require("../Text");
 const Truncate_1 = require("../Truncate");
 const cn = utilities_1.bemHOF("FileUpload");
 const ERROR_TIMEOUT = 5000;
-const FileUploadInput = ({ inputProps, buttonProps, className, accept, label = "Select file", hideFileLabel, ...props }) => {
+const FileUploadInput = ({ inputProps, buttonProps, className, accept, label = "Select file", hideFileLabel, dropAreaComponent = () => null, ...props }) => {
     const inputRef = react_1.useRef(null);
     const { id: contextId } = react_1.useContext(FormGroupContext_1.FormGroupContext);
     const inputId = inputProps ? inputProps.id : undefined;
@@ -138,6 +138,7 @@ const FileUploadInput = ({ inputProps, buttonProps, className, accept, label = "
     }, [value, multiple]);
     return (react_1.default.createElement("label", Object.assign({ ref: drop, htmlFor: id, className: classnames_1.default(cn(), isActive && cn({ m: "active" }), className) }, labelRest),
         react_1.default.createElement("input", Object.assign({ className: classnames_1.default(cn({ e: "input" }), inputClassName), ref: inputRef, type: "file", id: id, multiple: props.multiple, accept: accept }, inputRest, { onChange: handleInputChange })),
+        dropAreaComponent(isActive),
         react_1.default.createElement(Button_1.Button, Object.assign({ className: classnames_1.default(cn({ e: "button" })), as: "div", variant: Button_1.BUTTON_VARIANT.SECONDARY, tabIndex: -1 }, buttonProps), label),
         errorText && (react_1.default.createElement(Truncate_1.Truncate, { className: cn({ e: "truncate" }) },
             react_1.default.createElement(Text_1.Text, { as: "span", className: cn({ e: "error" }) }, errorText))),

package/public/components/IntegrationLogo/IntegrationLogo.d.ts

@@ -1,5 +1,5 @@
 import { SvgProps } from "../Svg";
-export declare const integrationLogoNames: readonly ["addigy", "aws", "bamboohr", "bitbucket", "conveyor", "deploy", "docusign", "events-api", "gcp", "github", "gitlab", "gsuite", "jamf", "jira", "jumpcloud", "okta", "onelogin", "servicenow", "salesforce", "slack", "zoom"];
+export declare const integrationLogoNames: readonly ["addigy", "aws", "bamboohr", "bitbucket", "conveyor", "deploy", "docusign", "events-api", "gcp", "github", "gitlab", "gsuite", "jamf", "jira", "jumpcloud", "okta", "onelogin", "service_now", "salesforce", "slack", "zoom"];
 export declare type IntegrationLogoName = typeof integrationLogoNames[number];
 export interface IntegrationLogoProps extends SvgProps {
     logo?: IntegrationLogoName | string;

package/public/components/IntegrationLogo/IntegrationLogo.js

@@ -24,7 +24,7 @@ exports.integrationLogoNames = [
     "jumpcloud",
     "okta",
     "onelogin",
-    "servicenow",
+    "service_now",
     "salesforce",
     "slack",
     "zoom",

package/public/components/IntegrationLogo/IntegrationLogoSvg.js

@@ -41,7 +41,7 @@ const IntegrationLogoSvg = ({ logo, ...rest }) => {
             return react_1.default.createElement(svg_1.OktaSvg, Object.assign({}, rest));
         case "onelogin":
             return react_1.default.createElement(svg_1.OneLoginSvg, Object.assign({}, rest));
-        case "servicenow":
+        case "service_now":
             return react_1.default.createElement(svg_1.ServiceNowSvg, Object.assign({}, rest));
         case "salesforce":
             return react_1.default.createElement(svg_1.SalesforceSvg, Object.assign({}, rest));

package/public/components/Tooltip/Tooltip.js

@@ -119,7 +119,7 @@ const Tooltip = (props) => {
                     referenceElement.props.onBlur();
                 }
             },
-            tabIndex: 0,
+            tabIndex: referenceElement.props.tabIndex || 0,
         })
         : referenceElement;
     const context = react_1.useMemo(() => ({

package/public/css/styles.css

@@ -3262,7 +3262,7 @@ override built-in Image component classes */
   align-items: center;
   justify-content: space-between;
   padding-left: 16px;
-  padding-right: 12px;
+  padding-right: 16px;
   padding-top: 8px;
 }
 
@@ -3522,10 +3522,6 @@ override built-in Image component classes */
   margin: 8px;
 }
 
-.react-datepicker__month-container {
-  width: 288px;
-}
-
 .react-datepicker__monthPicker {
   display: flex;
   flex-direction: column;