@procore/core-react 12.21.2 → 12.23.0

package/dist/FileSelect/ThumbnailList/ThumbnailList.styles.d.ts

@@ -1,17 +1,27 @@
 /// <reference types="react" />
 import { FixedSizeList as List } from 'react-window';
-export declare const StyledThumbnailListContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledThumbnailList: import("styled-components").StyledComponent<typeof List, any, {}, never>;
-export declare const StyledThumbnail: import("styled-components").StyledComponent<(<Role extends import("../../Thumbnail/Thumbnail.types").ThumbnailRoles>(props: import("../..").ThumbnailProps<Role> | (import("../../Thumbnail/Thumbnail.types").BaseThumbnailProps & {
+export declare const StyledThumbnailListContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledThumbnailList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react-window").FixedSizeListProps<unknown> & import("react").RefAttributes<List<unknown>>, never>> & string & Omit<typeof List, keyof import("react").Component<any, {}, any>>;
+export declare const StyledThumbnail: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(import("../../_utils/polymorphic").Polymorphic.ComponentPropsWithRef<import("../../Thumbnail/Thumbnail.types").ThumbnailPolyMap, "figure", never, import("../../Thumbnail/Thumbnail.types").BaseThumbnailProps> | import("../../_utils/polymorphic").Polymorphic.ComponentPropsWithRef<import("../../Thumbnail/Thumbnail.types").ThumbnailPolyMap, "checkbox", never, import("../../Thumbnail/Thumbnail.types").BaseThumbnailProps & {
+    onChange?: ((isSelected: boolean) => void) | undefined;
+}> | ({
+    role?: undefined;
+} & import("../../Thumbnail/Thumbnail.types").BaseThumbnailProps & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}) | (import("../../Thumbnail/Thumbnail.types").BaseThumbnailProps & {
+    ref?: ((instance: HTMLElement | null) => void) | import("react").RefObject<HTMLElement> | ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+})) & import("styled-components/dist/types").BaseObject, import("styled-components/dist/types").BaseObject>> & string & Omit<(<Role extends import("../../Thumbnail/Thumbnail.types").ThumbnailRoles>(props: import("../..").ThumbnailProps<Role> | (import("../../Thumbnail/Thumbnail.types").BaseThumbnailProps & {
     ref?: import("../../Thumbnail/Thumbnail.types").ThumbnailRef<Role> | undefined;
 })) => import("react").JSX.Element) & {
     Placeholder: <Role_1 extends import("../../Thumbnail/Thumbnail.types").ThumbnailRoles>(props: import("../../Thumbnail/Thumbnail.types").PlaceholderProps<Role_1> | (import("../../Thumbnail/Thumbnail.types").BasePlaceholderProps & {
         ref?: import("../../Thumbnail/Thumbnail.types").ThumbnailRef<Role_1> | undefined;
     })) => import("react").JSX.Element;
-}, any, {}, never>;
-export declare const StyledProgress: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledThumbnailListItem: import("styled-components").StyledComponent<"div", any, {
+}, keyof import("react").Component<any, {}, any>>;
+export declare const StyledProgress: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledThumbnailListItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     focused: boolean;
     error: boolean;
-}, never>;
-export declare const StyledDeleteIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+}>> & string;
+export declare const StyledDeleteIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("../..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;

package/dist/FileSelect/ThumbnailList/ThumbnailList.styles.js

@@ -7,23 +7,23 @@ import { colors } from '../../_styles/colors';
 import { spacing } from '../../_styles/spacing';
 export var StyledThumbnailListContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledThumbnailListContainer",
-  componentId: "core-12_21_2__sc-1fz4ynb-0"
+  componentId: "core-12_23_0__sc-1fz4ynb-0"
 })(["display:flex;flex-direction:column;align-items:stretch;outline:none;"]);
 export var StyledThumbnailList = /*#__PURE__*/styled(List).withConfig({
   displayName: "StyledThumbnailList",
-  componentId: "core-12_21_2__sc-1fz4ynb-1"
+  componentId: "core-12_23_0__sc-1fz4ynb-1"
 })(["outline:none;"]);
 export var StyledThumbnail = /*#__PURE__*/styled(Thumbnail).withConfig({
   displayName: "StyledThumbnail",
-  componentId: "core-12_21_2__sc-1fz4ynb-2"
+  componentId: "core-12_23_0__sc-1fz4ynb-2"
 })(["flex-grow:1;justify-content:flex-start;"]);
 export var StyledProgress = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledProgress",
-  componentId: "core-12_21_2__sc-1fz4ynb-3"
+  componentId: "core-12_23_0__sc-1fz4ynb-3"
 })(["width:146px;padding:0 ", "px 0 ", "px;margin-left:auto;"], spacing.lg, spacing.xl);
 export var StyledThumbnailListItem = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledThumbnailListItem",
-  componentId: "core-12_21_2__sc-1fz4ynb-4"
+  componentId: "core-12_23_0__sc-1fz4ynb-4"
 })(["display:flex;flex-grow:1;align-items:center;padding:", "px ", "px ", "px ", "px;", " ", " ", " ", ""], spacing.sm, spacing.lg, spacing.sm, spacing.sm, getTypographyIntent('body'), function (_ref) {
   var error = _ref.error;
   return !error && "\n      &:hover {\n        background-color: ".concat(colors.gray96, ";\n      }\n    ");
@@ -37,6 +37,6 @@ export var StyledThumbnailListItem = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledDeleteIcon = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledDeleteIcon",
-  componentId: "core-12_21_2__sc-1fz4ynb-5"
+  componentId: "core-12_23_0__sc-1fz4ynb-5"
 })([""]);
 //# sourceMappingURL=ThumbnailList.styles.js.map

package/dist/FileSelect/TreeSource/TreeSource.styles.d.ts

@@ -1 +1,2 @@
-export declare const StyledFileTreeSpinner: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const StyledFileTreeSpinner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/FileSelect/TreeSource/TreeSource.styles.js

@@ -2,6 +2,6 @@ import styled from 'styled-components';
 import { modalBodyHeight } from '../FileExplorer/FileExplorer.styles';
 export var StyledFileTreeSpinner = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFileTreeSpinner",
-  componentId: "core-12_21_2__sc-wwu3n8-0"
+  componentId: "core-12_23_0__sc-wwu3n8-0"
 })(["display:flex;align-items:center;justify-content:center;height:", "px;"], modalBodyHeight);
 //# sourceMappingURL=TreeSource.styles.js.map

package/dist/FileToken/FileToken.styles.d.ts

@@ -1,9 +1,10 @@
+/// <reference types="react" />
 export declare const pulseAnimationDuration = 600;
-export declare const StyledFilenameShortcut: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledFilename: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const StyledExtension: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const StyledFileToken: import("styled-components").StyledComponent<"div", any, {
+export declare const StyledFilenameShortcut: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledFilename: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const StyledExtension: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const StyledFileToken: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $error?: boolean | undefined;
     $finalized?: boolean | undefined;
     $progressComplete?: boolean | undefined;
-}, never>;
+}>> & string;

package/dist/FileToken/FileToken.styles.js

@@ -6,19 +6,19 @@ export var pulseAnimationDuration = 600;
 var focusPulse = /*#__PURE__*/keyframes(["0%{box-shadow:0 0 0 0 ", ",0 0 0 0 ", ",0 0 0 0 ", ";}25%{box-shadow:0 0 0 0 ", ",0 0 0 0 ", ",0 0 0 0 ", ";}50%{box-shadow:0 0 0 1px ", ",0 0 0 3px ", ",0 0 0 2px ", ";}100%{box-shadow:0 0 0 1.5px ", ",0 0 0 3px ", ",0 0 0 6px ", ";}"], colors.blue60, colors.blue90, colors.blue94, colors.blue60, colors.blue90, colors.blue94, colors.blue60, colors.blue90, colors.blue94, colors.blue60, colors.blue90, colors.blue94);
 export var StyledFilenameShortcut = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFilenameShortcut",
-  componentId: "core-12_21_2__sc-13jx4bx-0"
+  componentId: "core-12_23_0__sc-13jx4bx-0"
 })(["display:flex;"]);
 export var StyledFilename = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledFilename",
-  componentId: "core-12_21_2__sc-13jx4bx-1"
+  componentId: "core-12_23_0__sc-13jx4bx-1"
 })(["flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;"]);
 export var StyledExtension = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledExtension",
-  componentId: "core-12_21_2__sc-13jx4bx-2"
+  componentId: "core-12_23_0__sc-13jx4bx-2"
 })(["flex-shrink:0;"]);
 export var StyledFileToken = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFileToken",
-  componentId: "core-12_21_2__sc-13jx4bx-3"
+  componentId: "core-12_23_0__sc-13jx4bx-3"
 })(["background-color:", ";border-radius:200px;max-width:100%;outline:none;overflow:hidden;position:relative;&:focus,&.focus{box-shadow:0 0 0 2px ", ";outline:none;", "{border-color:transparent;", "}}", "{background:none;color:", ";display:flex;user-select:none;}", "{overflow:hidden;", "{border-radius:200px 0 0 200px;color:", ";padding-right:0;transition:color 0s linear,background-color 0s linear;user-select:none;", "{flex:0 0 auto;}}}", ""], colors.gray96, colors.blue40, StyledToken, function (_ref) {
   var $progressComplete = _ref.$progressComplete;
   return $progressComplete && css(["background-color:", ";"], colors.blue45);

package/dist/FilterToken/FilterToken.styles.d.ts

@@ -1,9 +1,10 @@
-export declare const StyledLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const StyledFilterToken: import("styled-components").StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const StyledLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const StyledFilterToken: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $focused: boolean;
-}, never>;
-export declare const StyledFilterRemoveButton: import("styled-components").StyledComponent<"button", any, {
+}>> & string;
+export declare const StyledFilterRemoveButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
     $disabled: boolean;
-}, never>;
-export declare const StyledContent: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const StyledContentLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+}>> & string;
+export declare const StyledContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const StyledContentLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

package/dist/FilterToken/FilterToken.styles.js

@@ -6,11 +6,11 @@ import { getEllipsis, getFocus } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var StyledLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledLabel",
-  componentId: "core-12_21_2__sc-1l1h29r-0"
+  componentId: "core-12_23_0__sc-1l1h29r-0"
 })(["", " ", " ", " flex:0 1 auto;"], getTypographyIntent('body'), getEllipsis, semiboldRules);
 export var StyledFilterToken = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFilterToken",
-  componentId: "core-12_21_2__sc-1l1h29r-1"
+  componentId: "core-12_23_0__sc-1l1h29r-1"
 })(["align-items:center;background-color:", ";border-radius:4px;border:1px solid transparent;color:", ";cursor:default;display:inline-flex;height:36px;justify-content:space-between;line-height:1;max-width:360px;min-width:48px;padding:", "px ", "px;&:hover,&.hover{background-color:", ";}", ""], colors.blue96, colors.blue45, spacing.sm, spacing.md, colors.blue90, function (_ref) {
   var _ref$$focused = _ref.$focused,
     $focused = _ref$$focused === void 0 ? false : _ref$$focused;
@@ -18,17 +18,17 @@ export var StyledFilterToken = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledFilterRemoveButton = /*#__PURE__*/styled.button.withConfig({
   displayName: "StyledFilterRemoveButton",
-  componentId: "core-12_21_2__sc-1l1h29r-2"
+  componentId: "core-12_23_0__sc-1l1h29r-2"
 })(["", " ", ";background:transparent;color:", ";&:active,&:focus,&:hover{background:", ";color:", ";}&:disabled{pointer-events:none;user-select:none;}&:disabled,&[aria-disabled='true']{background:transparent;color:", ";}height:24px;margin:0 0 0 6px;padding:0 ", "px;[data-icon-prop='true']{pointer-events:none;height:16px;width:16px;}"], function (_ref2) {
   var $disabled = _ref2.$disabled;
   return getButtonStyles(false, $disabled, false, 'sm', 'tertiary');
 }, getTypographyIntent('small'), colors.blue45, colors.white, colors.blue45, colors.blue45, spacing.xs);
 export var StyledContent = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledContent",
-  componentId: "core-12_21_2__sc-1l1h29r-3"
+  componentId: "core-12_23_0__sc-1l1h29r-3"
 })(["align-items:center;display:flex;overflow:hidden;"]);
 export var StyledContentLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledContentLabel",
-  componentId: "core-12_21_2__sc-1l1h29r-4"
+  componentId: "core-12_23_0__sc-1l1h29r-4"
 })(["overflow:hidden;padding:0 6px;text-overflow:ellipsis;white-space:nowrap;& + span{padding-left:0;}"]);
 //# sourceMappingURL=FilterToken.styles.js.map

package/dist/FlexList/FlexList.styles.d.ts

@@ -1,5 +1,7 @@
 /// <reference types="react" />
 import type { FlexDirection } from '../Box/Box.types';
-export declare const StyledFlex: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").DivAttributes & import("..").FlexProps & import("react").RefAttributes<HTMLDivElement>>, any, {
+export declare const StyledFlex: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("..").DivAttributes & import("..").FlexProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, {
     $direction?: FlexDirection | undefined;
-}, never>;
+}>> & string & Omit<import("react").ForwardRefExoticComponent<import("..").DivAttributes & import("..").FlexProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;

package/dist/FlexList/FlexList.styles.js

@@ -3,7 +3,7 @@ import { StyledBox } from '../Box/Box.styles';
 import { Flex } from '../Flex/Flex';
 export var StyledFlex = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledFlex",
-  componentId: "core-12_21_2__sc-1quvv61-0"
+  componentId: "core-12_23_0__sc-1quvv61-0"
 })(["> ", "{", "}"], StyledBox, function (_ref) {
   var $direction = _ref.$direction;
   if ($direction !== null && $direction !== void 0 && $direction.includes('reverse')) {

package/dist/Form/Form.d.ts

@@ -9,7 +9,8 @@ export declare function useFormContext<Values = any>(): FormikContextType<Values
 export declare function getPrimitiveValue(value: any, getId?: (option: any) => string | number): string | number;
 export declare function useField<Value = any>({ disabled: _disabled, error: _error, getId, required: _required, name, validate, view: _view, }?: FieldConfig): FormFieldAPI<Value>;
 declare function Form_<Values = any>({ initialValues, onSubmit: _onSubmit, disabled, enableConfirmNavigation, variant, validationSchema, view, ...props }: FormProps<Values>): React.JSX.Element;
-export declare function FormForm({ children, className, onKeyDown, style, ...props }: React.ComponentPropsWithoutRef<typeof FormikForm>): React.JSX.Element;
+declare type FormFormProps = Omit<React.ComponentPropsWithoutRef<typeof FormikForm>, 'placeholder' | 'onPointerEnterCapture' | 'onPointerLeaveCapture'>;
+export declare function FormForm({ children, className, onKeyDown, style, ...props }: FormFormProps): React.JSX.Element;
 export declare function FormErrorBanner({ item, i18nScope, ...rest }: FormErrorBannerProps & DivAttributes): React.JSX.Element | null;
 export declare function isFormFieldEmpty(val: any): boolean;
 export declare function WXPField<Value, ComponentProps extends FormFieldValueComponentProps<Value>>({ as: AsComponent, children, colStart, colWidth, disabled, description, error, label, name, required, tooltip, validate, view, inlineLabel: singleCheckboxInlineLabel, inlineDescription: singleCheckboxInlineDescription, ...props }: BaseFieldProps<Value, ComponentProps> & Pick<FormCheckboxProps, 'inlineLabel' | 'inlineDescription'> & {