npm - @procore/core-react - Versions diffs - 12.25.1 → 12.26.0 - Mend

@procore/core-react 12.25.1 → 12.26.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (721) hide show

package/dist/Dropzone/Dropzone.styles.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-export declare const StyledErrorBanner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("..").DivAttributes & import("../_utils/types").Props & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+export declare const StyledErrorBanner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("..").DivAttributes & import("../_utils/types").Props & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
 export declare const StyledErrorBannerDetails: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
 export declare const StyledDropzoneIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $disabled: boolean;
@@ -17,9 +17,9 @@ export declare const StyledUploadButton: import("styled-components/dist/types").
 export declare const StyledDropzoneCaption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
     $error: boolean;
 }>> & string;
-export declare const StyledDropzoneWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("..").DivAttributes & import("../Flex").FlexProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+export declare const StyledDropzoneWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").HTMLAttributes<HTMLDivElement> & import("../Flex").FlexProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("..").DivAttributes & import("../Flex").FlexProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
-export declare const StyledDropzoneFocusDetector: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("..").DivAttributes & import("../Box").BoxProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("../Flex").FlexProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledDropzoneFocusDetector: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").HTMLAttributes<HTMLDivElement> & import("../Box").BoxProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("..").DivAttributes & import("../Box").BoxProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("../Box").BoxProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;

package/dist/Dropzone/Dropzone.styles.js CHANGED Viewed

@@ -9,15 +9,15 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledErrorBanner = /*#__PURE__*/styled(ErrorBannerBase).withConfig({
   displayName: "StyledErrorBanner",
-  componentId: "core-12_25_1__sc-by95hy-0"
+  componentId: "core-12_26_0__sc-by95hy-0"
 })(["margin-top:", "px;flex-shrink:0;"], spacing.lg);
 export var StyledErrorBannerDetails = /*#__PURE__*/styled.ul.withConfig({
   displayName: "StyledErrorBannerDetails",
-  componentId: "core-12_25_1__sc-by95hy-1"
+  componentId: "core-12_26_0__sc-by95hy-1"
 })(["margin:", "px;padding:0;list-style-position:inside;list-style-type:disc;"], spacing.xs);
 export var StyledDropzoneIcon = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDropzoneIcon",
-  componentId: "core-12_25_1__sc-by95hy-2"
+  componentId: "core-12_26_0__sc-by95hy-2"
 })(["display:flex;justify-content:center;align-items:center;height:64px;color:", ";margin-bottom:", "px;transition:all 250ms ease-out;", " svg{width:auto;height:100%;}"], colors.gray45, spacing.lg, function (_ref) {
   var $disabled = _ref.$disabled;
   return $disabled && css(["height:72px;margin-bottom:", "px;"], spacing.sm);
@@ -26,7 +26,7 @@ var activeDropzone = /*#__PURE__*/css(["outline:none;border:2px dashed ", ";back
 var disabledDropzone = /*#__PURE__*/css(["color:", ";border:2px dashed ", ";background-color:", ";cursor:not-allowed;& ", "{color:", ";transform:none;}"], colors.gray70, colors.gray85, colors.gray98, StyledDropzoneIcon, colors.gray85);
 export var StyledDropzoneContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDropzoneContainer",
-  componentId: "core-12_25_1__sc-by95hy-3"
+  componentId: "core-12_26_0__sc-by95hy-3"
 })(["", " display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;width:100%;height:100%;min-height:92px;padding:", "px;color:", ";border:2px dashed ", ";background-color:", ";border-radius:", "px;text-align:center;letter-spacing:0.25px;transition:all 250ms ease-out;cursor:grab;", " ", " ", " ", ""], getTypographyIntent('body'), spacing.lg, colors.gray40, colors.gray70, colors.gray96, borderRadius.md, function (_ref2) {
   var $disabled = _ref2.$disabled;
   return !$disabled && css(["&:hover{", "}"], activeDropzone);
@@ -43,25 +43,25 @@ export var StyledDropzoneContainer = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledDropzoneMessage = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDropzoneMessage",
-  componentId: "core-12_25_1__sc-by95hy-4"
+  componentId: "core-12_26_0__sc-by95hy-4"
 })(["user-select:none;"]);
 export var StyledUploadButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledUploadButton",
-  componentId: "core-12_25_1__sc-by95hy-5"
+  componentId: "core-12_26_0__sc-by95hy-5"
 })(["display:block;margin-left:auto;margin-right:auto;margin-bottom:", "px;"], spacing.sm);
 export var StyledDropzoneCaption = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledDropzoneCaption",
-  componentId: "core-12_25_1__sc-by95hy-6"
+  componentId: "core-12_26_0__sc-by95hy-6"
 })(["color:", ";"], function (_ref6) {
   var $error = _ref6.$error;
   return $error && colors.gray15;
 });
 export var StyledDropzoneWrapper = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledDropzoneWrapper",
-  componentId: "core-12_25_1__sc-by95hy-7"
+  componentId: "core-12_26_0__sc-by95hy-7"
 })(["height:100%;"]);
 export var StyledDropzoneFocusDetector = /*#__PURE__*/styled(Box).withConfig({
   displayName: "StyledDropzoneFocusDetector",
-  componentId: "core-12_25_1__sc-by95hy-8"
+  componentId: "core-12_26_0__sc-by95hy-8"
 })(["height:100%;"]);
 //# sourceMappingURL=Dropzone.styles.js.map

package/dist/EmptyState/EmptyState.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { DivAttributes, ImgAttributes, Props } from '../_utils/types';
+import type { Props } from '../_utils/types';
 import type { EmptyStateImageProps, EmptyStateProps } from './EmptyState.types';
 /**
@@ -14,15 +14,15 @@ import type { EmptyStateImageProps, EmptyStateProps } from './EmptyState.types';
  @see [Design Guidelines](https://design.procore.com/empty-state)
 */
-export declare const EmptyState: React.ForwardRefExoticComponent<DivAttributes & EmptyStateProps & React.RefAttributes<HTMLDivElement>> & {
-    Actions: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+export declare const EmptyState: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & EmptyStateProps & React.RefAttributes<HTMLDivElement>> & {
+    Actions: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
     Description: React.ForwardRefExoticComponent<{
         as?: "div" | "p" | undefined;
-    } & DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
-    Image: React.ForwardRefExoticComponent<ImgAttributes & DivAttributes & EmptyStateImageProps & React.RefAttributes<HTMLDivElement>>;
+    } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    Image: React.ForwardRefExoticComponent<React.ImgHTMLAttributes<HTMLImageElement> & React.HTMLAttributes<HTMLDivElement> & EmptyStateImageProps & React.RefAttributes<HTMLDivElement>>;
     NoItems: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
     NoItemsWithoutCreatePermissions: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
     NoResults: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
     RecycleBin: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
-    Title: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+    Title: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 };

package/dist/EmptyState/EmptyState.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EmptyState.js","names":["React","Box","addSubcomponents","StyledActions","StyledDescription","StyledEmptyState","StyledImage","StyledSvg","StyledTitle","Image","forwardRef","_ref","ref","children","src","alt","props","_objectWithoutProperties","_excluded","createElement","_extends","Title","_ref2","_excluded2","Description","_ref3","_excluded3","Actions","_ref4","_excluded4","NoResults","width","height","viewBox","fill","xmlns","d","NoItems","NoItemsWithoutCreatePermissions","fillRule","clipRule","RecycleBin","EmptyState_","EmptyState","_ref5","_ref5$compact","compact","isHorizontal","size","title","_excluded5","image","content","presetImages","Children","forEach","child","isValidElement","type","includes","push","$compact","$isHorizontal","$size","Fragment","alignItems","textAlign","displayName"],"sources":["../../src/EmptyState/EmptyState.tsx"],"sourcesContent":["import React from 'react'\nimport { Box } from '../Box'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport type { DivAttributes, ImgAttributes, Props } from '../_utils/types'\nimport {\n StyledActions,\n StyledDescription,\n StyledEmptyState,\n StyledImage,\n StyledSvg,\n StyledTitle,\n} from './EmptyState.styles'\nimport type { EmptyStateImageProps, EmptyStateProps } from './EmptyState.types'\n\nconst Image = React.forwardRef<\n HTMLDivElement,\n ImgAttributes & DivAttributes & EmptyStateImageProps\n>(function Image({ children, src, alt, ...props }, ref) {\n return (\n <StyledImage aria-hidden={true} ref={ref} {...props}>\n {src ? <img alt={alt} src={src} /> : children}\n </StyledImage>\n )\n})\n\nconst Title = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n function Title({ children, ...props }, ref) {\n return (\n <StyledTitle {...props} ref={ref}>\n {children}\n </StyledTitle>\n )\n }\n)\n\nconst Description = React.forwardRef<\n HTMLDivElement,\n { as?: 'p' \| 'div' } & DivAttributes & Props\n>(function Description({ children, ...props }, ref) {\n return (\n <StyledDescription {...props} ref={ref}>\n {children}\n </StyledDescription>\n )\n})\n\nconst Actions = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n function Actions({ children, ...props }, ref) {\n return (\n <StyledActions {...props} ref={ref}>\n {children}\n </StyledActions>\n )\n }\n)\n\n// preset images\n\nconst NoResults = React.forwardRef<HTMLDivElement, Props>(function NoResults(\n props,\n ref\n) {\n return (\n <Image aria-hidden={true} {...props} ref={ref}>\n <StyledSvg\n width=\"200\"\n height=\"200\"\n viewBox=\"0 0 200 200\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M72.94 132.45H25.97V54.5H0V143.5H79.13C76.58 140.15 74.49 136.43 72.94 132.45Z\"\n fill=\"#D6DADC\"\n />\n <path d=\"M141 30.5V41H25.86V119.5H13V30.5H141Z\" fill=\"#1952B3\" />\n <path d=\"M150 133H26V41H150V73.85V88.6V133Z\" fill=\"white\" />\n <path\n d=\"M117.5 152C142.629 152 163 131.629 163 106.5C163 81.3711 142.629 61 117.5 61C92.371 61 72 81.3711 72 106.5C72 131.629 92.371 152 117.5 152Z\"\n fill=\"white\"\n />\n <path\n d=\"M97.75 65.5H36.5V90.5H74.9C79.03 79.52 87.27 70.56 97.75 65.5Z\"\n fill=\"#F3F4F6\"\n />\n <path\n d=\"M72 106.5C72 103.06 72.39 99.72 73.12 96.5H36.5V121.5H74.54C72.9 116.8 72 111.76 72 106.5Z\"\n fill=\"#F3F4F6\"\n />\n <path d=\"M39.96 47.93H36.85V51.04H39.96V47.93Z\" fill=\"#232729\" />\n <path d=\"M45.4 47.93H42.29V51.04H45.4V47.93Z\" fill=\"#232729\" />\n <path d=\"M50.85 47.93H47.74V51.04H50.85V47.93Z\" fill=\"#232729\" />\n <path\n d=\"M157.59 138.1L155.4 140.29L151.7 136.59C158.77 128.56 163.07 118.05 163.07 106.54C163.07 96.64 159.89 87.48 154.5 80V39H153.5H146.5H106.5V41H25.5V133H80.5C88.77 144.54 102.28 152.08 117.53 152.08C128.76 152.08 139.05 147.98 147 141.22L150.74 144.96L148.55 147.15L183.74 182.34L192.79 173.29L157.59 138.1ZM148.74 73.43C148.72 73.41 148.69 73.38 148.67 73.36C148.7 73.38 148.72 73.41 148.74 73.43ZM29.5 129V58H139.5V54H29.5V45H106.5V47H146.5V71.43C138.62 64.92 128.52 61 117.53 61C92.42 61 71.99 81.43 71.99 106.54C71.99 114.7 74.16 122.37 77.94 129H29.5ZM117.53 145.41C96.1 145.41 78.66 127.97 78.66 106.54C78.66 85.11 96.1 67.67 117.53 67.67C138.96 67.67 156.4 85.1 156.4 106.54C156.4 127.98 138.96 145.41 117.53 145.41Z\"\n fill=\"#232729\"\n />\n <path\n d=\"M183.73 182.33L148.54 147.14L150.73 144.95L146.99 141.21C139.04 147.98 128.75 152.07 117.52 152.07C92.41 152.07 71.98 131.64 71.98 106.53C71.98 104.73 72.1 102.96 72.3 101.22C70.71 105.85 69.83 110.81 69.83 115.97C69.83 141.08 90.26 161.51 115.37 161.51C126.6 161.51 136.89 157.41 144.84 150.65L148.58 154.39L146.39 156.58L181.58 191.77L190.63 182.72L186.98 179.07L183.73 182.33Z\"\n fill=\"#D6DADC\"\n />\n <path\n d=\"M127.4 88.15C125.04 86.17 121.71 85.18 117.42 85.18C113.11 85.18 109.76 86.25 107.37 88.4C104.98 90.55 103.77 93.55 103.73 97.4H113.49C113.53 95.96 113.9 94.81 114.62 93.96C115.33 93.11 116.27 92.69 117.42 92.69C119.92 92.69 121.18 94.14 121.18 97.05C121.18 98.24 120.81 99.34 120.07 100.33C119.33 101.32 118.25 102.41 116.82 103.61C115.4 104.8 114.37 106.21 113.73 107.84C113.1 109.47 112.78 111.69 112.78 114.5H121.04C121.08 113.04 121.28 111.83 121.65 110.88C122.01 109.93 122.67 109 123.61 108.09L126.93 105C128.34 103.63 129.36 102.29 129.99 100.98C130.63 99.67 130.94 98.22 130.94 96.62C130.93 92.96 129.76 90.14 127.4 88.15Z\"\n fill=\"#FF5200\"\n />\n <path\n d=\"M117 120.12C115.46 120.12 114.17 120.58 113.14 121.49C112.11 122.4 111.59 123.57 111.59 125C111.59 126.43 112.11 127.6 113.14 128.51C114.17 129.43 115.46 129.88 117 129.88C118.54 129.88 119.83 129.42 120.86 128.51C121.89 127.6 122.41 126.42 122.41 125C122.41 123.57 121.89 122.4 120.86 121.49C119.83 120.57 118.54 120.12 117 120.12Z\"\n fill=\"#FF5200\"\n />\n <path\n d=\"M141.314 19.1213L139.192 17L132.121 24.0711L134.243 26.1924L141.314 19.1213Z\"\n fill=\"#232729\"\n />\n <path\n d=\"M100.071 26.1213L102.192 24L95.1213 16.9289L93 19.0503L100.071 26.1213Z\"\n fill=\"#232729\"\n />\n <path d=\"M119.192 9H116.192V20H119.192V9Z\" fill=\"#232729\" />\n <path\n d=\"M93 180.071L95.1213 182.192L102.192 175.121L100.071 173L93 180.071Z\"\n fill=\"#232729\"\n />\n <path\n d=\"M134.243 173.071L132.121 175.192L139.192 182.263L141.314 180.142L134.243 173.071Z\"\n fill=\"#232729\"\n />\n <path\n d=\"M115.121 190.192L118.121 190.192L118.121 179.192L115.121 179.192L115.121 190.192Z\"\n fill=\"#232729\"\n />\n </StyledSvg>\n </Image>\n )\n})\n\nconst NoItems = React.forwardRef<HTMLDivElement, Props>(function NoItems(\n props,\n ref\n) {\n return (\n <Image {...props} ref={ref}>\n <StyledSvg\n width=\"200\"\n height=\"200\"\n viewBox=\"0 0 200 200\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path d=\"M186 63V140H43V177H200V63H186Z\" fill=\"#D6DADC\" />\n <path d=\"M170.5 45H13.5V159H170.5V45Z\" fill=\"white\" />\n <path d=\"M29.5 26V45H170.5V140H186.5V26H29.5Z\" fill=\"#1952B3\" />\n <path\n d=\"M175 155V42H167H121.5V44H15H11V84H15V64H161V60H15V48H121.5V50H167V155H31V163H175V155Z\"\n fill=\"#232729\"\n />\n <path d=\"M28 52H24V56H28V52Z\" fill=\"#232729\" />\n <path d=\"M35 52H31V56H35V52Z\" fill=\"#232729\" />\n <path d=\"M42 52H38V56H42V52Z\" fill=\"#232729\" />\n <path d=\"M120 76H30V106H120V76Z\" fill=\"#F3F4F6\" />\n <path d=\"M153.5 76H126.5V142H153.5V76Z\" fill=\"#F3F4F6\" />\n <path d=\"M120 112H30V142H120V112Z\" fill=\"#F3F4F6\" />\n <path\n d=\"M44 120.77H26.23V103H17.77V120.77H0V129.23H17.77V147H26.23V129.23H44V120.77Z\"\n fill=\"#FF5100\"\n />\n <path\n d=\"M60.0711 146.314L62.1924 144.192L55.1213 137.121L53 139.243L60.0711 146.314Z\"\n fill=\"#232729\"\n />\n <path\n d=\"M53.0711 105.071L55.1924 107.192L62.2634 100.121L60.1421 98L53.0711 105.071Z\"\n fill=\"#232729\"\n />\n <path\n d=\"M70.1924 124.192V121.192H59.1924V124.192H70.1924Z\"\n fill=\"#232729\"\n />\n </StyledSvg>\n </Image>\n )\n})\n\nconst NoItemsWithoutCreatePermissions = React.forwardRef<HTMLDivElement, Props>(\n function NoItemsWithoutCreatePermissions(props, ref) {\n return (\n <Image {...props} ref={ref}>\n <StyledSvg\n width=\"213\"\n height=\"200\"\n viewBox=\"0 0 213 200\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path d=\"M199 63v77H56v37h157V63h-14z\" fill=\"#D6DADC\" />\n <path d=\"M183.5 45h-157v114h157V45z\" fill=\"#fff\" />\n <path d=\"M42.5 26v19h141v95h16V26h-157z\" fill=\"#1952B3\" />\n <path\n d=\"M41 52h-4v4h4v-4zM48 52h-4v4h4v-4zM55 52h-4v4h4v-4z\"\n fill=\"#FF5100\"\n />\n <path\n d=\"M133 76H43v30h90V76zM166.5 76h-27v66h27V76zM133 112H43v30h90v-30z\"\n fill=\"#F4F5F6\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M188 42v121H44v-2H24V44h110.5v-2H188zM28 157V64h146v-4H28V48h106.5v2H180v105H44v2H28z\"\n fill=\"#000\"\n />\n <path\n d=\"M10.121 103L8 105.121l7.071 7.071 2.121-2.121-7.07-7.071zM17.121 144.243L15 142.121l-7.071 7.071 2.121 2.122 7.071-7.071zM0 125.121v3h11v-3H0z\"\n fill=\"#232729\"\n />\n </StyledSvg>\n </Image>\n )\n }\n)\n\nconst RecycleBin = React.forwardRef<HTMLDivElement, Props>(function RecycleBin(\n props,\n ref\n) {\n return (\n <Image {...props} ref={ref}>\n <StyledSvg\n width=\"200\"\n height=\"200\"\n viewBox=\"0 0 200 200\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path d=\"M189 200H12L22 175.024H179L189 200Z\" fill=\"#D6DADC\" />\n <path d=\"M23 65.1297L41 44.1499V65.1297H23Z\" fill=\"#232729\" />\n <path d=\"M179 65.1297L161 44.1499V65.1297H179Z\" fill=\"#232729\" />\n <path\n d=\"M87.7199 38.7052L85.0639 34.1595H41V37.3964V38.7052V41.3726V124.073H161V38.7052H87.7199Z\"\n fill=\"#1952B3\"\n />\n <path\n d=\"M86.17 53.204L83.2 48.1461H34V51.7404V53.204V56.1611V148.05H168V53.204H86.17Z\"\n fill=\"#D6DADC\"\n />\n <path d=\"M179 65.1297H23V175.024H179V65.1297Z\" fill=\"white\" />\n <path\n d=\"M175 69.1259V171.028H27V69.1259H175ZM179 65.1297H23V175.024H179V65.1297Z\"\n fill=\"#232729\"\n />\n <path\n d=\"M80 177.022H21V97.099H28.9878V169.03H80V177.022Z\"\n fill=\"#232729\"\n />\n <path\n d=\"M114.5 97.099H86.5C82.91 97.099 80 94.1918 80 90.6052V89.6062C80 86.0197 82.91 83.1125 86.5 83.1125H114.5C118.09 83.1125 121 86.0197 121 89.6062V90.6052C121 94.1918 118.09 97.099 114.5 97.099Z\"\n fill=\"#232729\"\n />\n <path\n d=\"M142 154.044H60V108.088H142V154.044ZM64 150.004H138V112.128H64V150.004Z\"\n fill=\"#FF5200\"\n />\n <path d=\"M130 120.077H72V124.073H130V120.077Z\" fill=\"#D6DADC\" />\n <path d=\"M130 129.068H72V133.064H130V129.068Z\" fill=\"#D6DADC\" />\n <path d=\"M105.5 138.06H72V142.056H105.5V138.06Z\" fill=\"#D6DADC\" />\n <path\n d=\"M123.314 10.1116L121.192 7.99231L114.121 15.0566L116.243 17.1759L123.314 10.1116Z\"\n fill=\"#232729\"\n />\n <path\n d=\"M82.0711 17.1049L84.1924 14.9856L77.1213 7.92131L75 10.0406L82.0711 17.1049Z\"\n fill=\"#232729\"\n />\n <path d=\"M101.192 0H98.1924V10.9894H101.192V0Z\" fill=\"#232729\" />\n </StyledSvg>\n </Image>\n )\n})\n\nconst EmptyState_ = React.forwardRef<\n HTMLDivElement,\n DivAttributes & EmptyStateProps\n>(function EmptyState(\n { children, compact = false, isHorizontal, size, title, ...props },\n ref\n) {\n let image: React.ReactElement \| null = null\n let content: React.ReactElement[] = []\n const presetImages: React.JSXElementConstructor<any>[] = [\n NoResults,\n NoItems,\n NoItemsWithoutCreatePermissions,\n RecycleBin,\n ]\n\n React.Children.forEach(children, (child) => {\n if (!React.isValidElement(child)) return\n if (\n child.type === Image \|\|\n (typeof child.type !== 'string' && presetImages.includes(child.type))\n ) {\n image = child\n } else {\n content.push(child)\n }\n })\n\n return (\n <StyledEmptyState\n $compact={compact}\n $isHorizontal={isHorizontal}\n $size={size}\n {...props}\n ref={ref}\n >\n {content ? (\n <>\n <Box>{image}</Box>\n <Box\n alignItems={isHorizontal ? 'flex-start' : 'center'}\n textAlign={isHorizontal ? 'left' : 'center'}\n >\n {content}\n </Box>\n </>\n ) : (\n children\n )}\n </StyledEmptyState>\n )\n})\n\nEmptyState_.displayName = 'EmptyState'\n\nActions.displayName = 'EmptyState.Actions'\n\nDescription.displayName = 'EmptyState.Description'\n\nImage.displayName = 'EmptyState.Image'\n\nNoItems.displayName = 'EmptyState.NoResults'\n\nNoItemsWithoutCreatePermissions.displayName =\n 'EmptyState.NoItemsWithoutCreatePermissions'\n\nNoResults.displayName = 'EmptyState.NoResults'\n\nRecycleBin.displayName = 'EmptyState.RecyleBin'\n\nTitle.displayName = 'EmptyState.Title'\n\n/*\n\n We place empty states on pages where nothing has been created yet.\n They tell the user what they need to know about the page and how to get\n started creating or using the page’s main features.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-emptystate--demo)\n\n @see [Design Guidelines](https://design.procore.com/empty-state)\n\n/\nexport const EmptyState = addSubcomponents(\n {\n Actions,\n Description,\n Image,\n NoItems,\n NoItemsWithoutCreatePermissions,\n NoResults,\n RecycleBin,\n Title,\n },\n EmptyState_\n)\n"],"mappings":"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"}
1	+ {"version":3,"file":"EmptyState.js","names":["React","Box","addSubcomponents","StyledActions","StyledDescription","StyledEmptyState","StyledImage","StyledSvg","StyledTitle","Image","forwardRef","_ref","ref","children","src","alt","props","_objectWithoutProperties","_excluded","createElement","_extends","Title","_ref2","_excluded2","Description","_ref3","_excluded3","Actions","_ref4","_excluded4","NoResults","width","height","viewBox","fill","xmlns","d","NoItems","NoItemsWithoutCreatePermissions","fillRule","clipRule","RecycleBin","EmptyState_","EmptyState","_ref5","_ref5$compact","compact","isHorizontal","size","title","_excluded5","image","content","presetImages","Children","forEach","child","isValidElement","type","includes","push","$compact","$isHorizontal","$size","Fragment","alignItems","textAlign","displayName"],"sources":["../../src/EmptyState/EmptyState.tsx"],"sourcesContent":["import React from 'react'\nimport { Box } from '../Box'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport type { Props } from '../_utils/types'\nimport {\n StyledActions,\n StyledDescription,\n StyledEmptyState,\n StyledImage,\n StyledSvg,\n StyledTitle,\n} from './EmptyState.styles'\nimport type { EmptyStateImageProps, EmptyStateProps } from './EmptyState.types'\n\nconst Image = React.forwardRef<\n HTMLDivElement,\n React.ImgHTMLAttributes<HTMLImageElement> &\n React.HTMLAttributes<HTMLDivElement> &\n EmptyStateImageProps\n>(function Image({ children, src, alt, ...props }, ref) {\n return (\n <StyledImage aria-hidden={true} ref={ref} {...props}>\n {src ? <img alt={alt} src={src} /> : children}\n </StyledImage>\n )\n})\n\nconst Title = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>(function Title({ children, ...props }, ref) {\n return (\n <StyledTitle {...props} ref={ref}>\n {children}\n </StyledTitle>\n )\n})\n\nconst Description = React.forwardRef<\n HTMLDivElement,\n { as?: 'p' \| 'div' } & React.HTMLAttributes<HTMLDivElement>\n>(function Description({ children, ...props }, ref) {\n return (\n <StyledDescription {...props} ref={ref}>\n {children}\n </StyledDescription>\n )\n})\n\nconst Actions = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>(function Actions({ children, ...props }, ref) {\n return (\n <StyledActions {...props} ref={ref}>\n {children}\n </StyledActions>\n )\n})\n\n// preset images\n\nconst NoResults = React.forwardRef<HTMLDivElement, Props>(function NoResults(\n props,\n ref\n) {\n return (\n <Image aria-hidden={true} {...props} ref={ref}>\n <StyledSvg\n width=\"200\"\n height=\"200\"\n viewBox=\"0 0 200 200\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M72.94 132.45H25.97V54.5H0V143.5H79.13C76.58 140.15 74.49 136.43 72.94 132.45Z\"\n fill=\"#D6DADC\"\n />\n <path d=\"M141 30.5V41H25.86V119.5H13V30.5H141Z\" fill=\"#1952B3\" />\n <path d=\"M150 133H26V41H150V73.85V88.6V133Z\" fill=\"white\" />\n <path\n d=\"M117.5 152C142.629 152 163 131.629 163 106.5C163 81.3711 142.629 61 117.5 61C92.371 61 72 81.3711 72 106.5C72 131.629 92.371 152 117.5 152Z\"\n fill=\"white\"\n />\n <path\n d=\"M97.75 65.5H36.5V90.5H74.9C79.03 79.52 87.27 70.56 97.75 65.5Z\"\n fill=\"#F3F4F6\"\n />\n <path\n d=\"M72 106.5C72 103.06 72.39 99.72 73.12 96.5H36.5V121.5H74.54C72.9 116.8 72 111.76 72 106.5Z\"\n fill=\"#F3F4F6\"\n />\n <path d=\"M39.96 47.93H36.85V51.04H39.96V47.93Z\" fill=\"#232729\" />\n <path d=\"M45.4 47.93H42.29V51.04H45.4V47.93Z\" fill=\"#232729\" />\n <path d=\"M50.85 47.93H47.74V51.04H50.85V47.93Z\" fill=\"#232729\" />\n <path\n d=\"M157.59 138.1L155.4 140.29L151.7 136.59C158.77 128.56 163.07 118.05 163.07 106.54C163.07 96.64 159.89 87.48 154.5 80V39H153.5H146.5H106.5V41H25.5V133H80.5C88.77 144.54 102.28 152.08 117.53 152.08C128.76 152.08 139.05 147.98 147 141.22L150.74 144.96L148.55 147.15L183.74 182.34L192.79 173.29L157.59 138.1ZM148.74 73.43C148.72 73.41 148.69 73.38 148.67 73.36C148.7 73.38 148.72 73.41 148.74 73.43ZM29.5 129V58H139.5V54H29.5V45H106.5V47H146.5V71.43C138.62 64.92 128.52 61 117.53 61C92.42 61 71.99 81.43 71.99 106.54C71.99 114.7 74.16 122.37 77.94 129H29.5ZM117.53 145.41C96.1 145.41 78.66 127.97 78.66 106.54C78.66 85.11 96.1 67.67 117.53 67.67C138.96 67.67 156.4 85.1 156.4 106.54C156.4 127.98 138.96 145.41 117.53 145.41Z\"\n fill=\"#232729\"\n />\n <path\n d=\"M183.73 182.33L148.54 147.14L150.73 144.95L146.99 141.21C139.04 147.98 128.75 152.07 117.52 152.07C92.41 152.07 71.98 131.64 71.98 106.53C71.98 104.73 72.1 102.96 72.3 101.22C70.71 105.85 69.83 110.81 69.83 115.97C69.83 141.08 90.26 161.51 115.37 161.51C126.6 161.51 136.89 157.41 144.84 150.65L148.58 154.39L146.39 156.58L181.58 191.77L190.63 182.72L186.98 179.07L183.73 182.33Z\"\n fill=\"#D6DADC\"\n />\n <path\n d=\"M127.4 88.15C125.04 86.17 121.71 85.18 117.42 85.18C113.11 85.18 109.76 86.25 107.37 88.4C104.98 90.55 103.77 93.55 103.73 97.4H113.49C113.53 95.96 113.9 94.81 114.62 93.96C115.33 93.11 116.27 92.69 117.42 92.69C119.92 92.69 121.18 94.14 121.18 97.05C121.18 98.24 120.81 99.34 120.07 100.33C119.33 101.32 118.25 102.41 116.82 103.61C115.4 104.8 114.37 106.21 113.73 107.84C113.1 109.47 112.78 111.69 112.78 114.5H121.04C121.08 113.04 121.28 111.83 121.65 110.88C122.01 109.93 122.67 109 123.61 108.09L126.93 105C128.34 103.63 129.36 102.29 129.99 100.98C130.63 99.67 130.94 98.22 130.94 96.62C130.93 92.96 129.76 90.14 127.4 88.15Z\"\n fill=\"#FF5200\"\n />\n <path\n d=\"M117 120.12C115.46 120.12 114.17 120.58 113.14 121.49C112.11 122.4 111.59 123.57 111.59 125C111.59 126.43 112.11 127.6 113.14 128.51C114.17 129.43 115.46 129.88 117 129.88C118.54 129.88 119.83 129.42 120.86 128.51C121.89 127.6 122.41 126.42 122.41 125C122.41 123.57 121.89 122.4 120.86 121.49C119.83 120.57 118.54 120.12 117 120.12Z\"\n fill=\"#FF5200\"\n />\n <path\n d=\"M141.314 19.1213L139.192 17L132.121 24.0711L134.243 26.1924L141.314 19.1213Z\"\n fill=\"#232729\"\n />\n <path\n d=\"M100.071 26.1213L102.192 24L95.1213 16.9289L93 19.0503L100.071 26.1213Z\"\n fill=\"#232729\"\n />\n <path d=\"M119.192 9H116.192V20H119.192V9Z\" fill=\"#232729\" />\n <path\n d=\"M93 180.071L95.1213 182.192L102.192 175.121L100.071 173L93 180.071Z\"\n fill=\"#232729\"\n />\n <path\n d=\"M134.243 173.071L132.121 175.192L139.192 182.263L141.314 180.142L134.243 173.071Z\"\n fill=\"#232729\"\n />\n <path\n d=\"M115.121 190.192L118.121 190.192L118.121 179.192L115.121 179.192L115.121 190.192Z\"\n fill=\"#232729\"\n />\n </StyledSvg>\n </Image>\n )\n})\n\nconst NoItems = React.forwardRef<HTMLDivElement, Props>(function NoItems(\n props,\n ref\n) {\n return (\n <Image {...props} ref={ref}>\n <StyledSvg\n width=\"200\"\n height=\"200\"\n viewBox=\"0 0 200 200\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path d=\"M186 63V140H43V177H200V63H186Z\" fill=\"#D6DADC\" />\n <path d=\"M170.5 45H13.5V159H170.5V45Z\" fill=\"white\" />\n <path d=\"M29.5 26V45H170.5V140H186.5V26H29.5Z\" fill=\"#1952B3\" />\n <path\n d=\"M175 155V42H167H121.5V44H15H11V84H15V64H161V60H15V48H121.5V50H167V155H31V163H175V155Z\"\n fill=\"#232729\"\n />\n <path d=\"M28 52H24V56H28V52Z\" fill=\"#232729\" />\n <path d=\"M35 52H31V56H35V52Z\" fill=\"#232729\" />\n <path d=\"M42 52H38V56H42V52Z\" fill=\"#232729\" />\n <path d=\"M120 76H30V106H120V76Z\" fill=\"#F3F4F6\" />\n <path d=\"M153.5 76H126.5V142H153.5V76Z\" fill=\"#F3F4F6\" />\n <path d=\"M120 112H30V142H120V112Z\" fill=\"#F3F4F6\" />\n <path\n d=\"M44 120.77H26.23V103H17.77V120.77H0V129.23H17.77V147H26.23V129.23H44V120.77Z\"\n fill=\"#FF5100\"\n />\n <path\n d=\"M60.0711 146.314L62.1924 144.192L55.1213 137.121L53 139.243L60.0711 146.314Z\"\n fill=\"#232729\"\n />\n <path\n d=\"M53.0711 105.071L55.1924 107.192L62.2634 100.121L60.1421 98L53.0711 105.071Z\"\n fill=\"#232729\"\n />\n <path\n d=\"M70.1924 124.192V121.192H59.1924V124.192H70.1924Z\"\n fill=\"#232729\"\n />\n </StyledSvg>\n </Image>\n )\n})\n\nconst NoItemsWithoutCreatePermissions = React.forwardRef<HTMLDivElement, Props>(\n function NoItemsWithoutCreatePermissions(props, ref) {\n return (\n <Image {...props} ref={ref}>\n <StyledSvg\n width=\"213\"\n height=\"200\"\n viewBox=\"0 0 213 200\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path d=\"M199 63v77H56v37h157V63h-14z\" fill=\"#D6DADC\" />\n <path d=\"M183.5 45h-157v114h157V45z\" fill=\"#fff\" />\n <path d=\"M42.5 26v19h141v95h16V26h-157z\" fill=\"#1952B3\" />\n <path\n d=\"M41 52h-4v4h4v-4zM48 52h-4v4h4v-4zM55 52h-4v4h4v-4z\"\n fill=\"#FF5100\"\n />\n <path\n d=\"M133 76H43v30h90V76zM166.5 76h-27v66h27V76zM133 112H43v30h90v-30z\"\n fill=\"#F4F5F6\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M188 42v121H44v-2H24V44h110.5v-2H188zM28 157V64h146v-4H28V48h106.5v2H180v105H44v2H28z\"\n fill=\"#000\"\n />\n <path\n d=\"M10.121 103L8 105.121l7.071 7.071 2.121-2.121-7.07-7.071zM17.121 144.243L15 142.121l-7.071 7.071 2.121 2.122 7.071-7.071zM0 125.121v3h11v-3H0z\"\n fill=\"#232729\"\n />\n </StyledSvg>\n </Image>\n )\n }\n)\n\nconst RecycleBin = React.forwardRef<HTMLDivElement, Props>(function RecycleBin(\n props,\n ref\n) {\n return (\n <Image {...props} ref={ref}>\n <StyledSvg\n width=\"200\"\n height=\"200\"\n viewBox=\"0 0 200 200\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path d=\"M189 200H12L22 175.024H179L189 200Z\" fill=\"#D6DADC\" />\n <path d=\"M23 65.1297L41 44.1499V65.1297H23Z\" fill=\"#232729\" />\n <path d=\"M179 65.1297L161 44.1499V65.1297H179Z\" fill=\"#232729\" />\n <path\n d=\"M87.7199 38.7052L85.0639 34.1595H41V37.3964V38.7052V41.3726V124.073H161V38.7052H87.7199Z\"\n fill=\"#1952B3\"\n />\n <path\n d=\"M86.17 53.204L83.2 48.1461H34V51.7404V53.204V56.1611V148.05H168V53.204H86.17Z\"\n fill=\"#D6DADC\"\n />\n <path d=\"M179 65.1297H23V175.024H179V65.1297Z\" fill=\"white\" />\n <path\n d=\"M175 69.1259V171.028H27V69.1259H175ZM179 65.1297H23V175.024H179V65.1297Z\"\n fill=\"#232729\"\n />\n <path\n d=\"M80 177.022H21V97.099H28.9878V169.03H80V177.022Z\"\n fill=\"#232729\"\n />\n <path\n d=\"M114.5 97.099H86.5C82.91 97.099 80 94.1918 80 90.6052V89.6062C80 86.0197 82.91 83.1125 86.5 83.1125H114.5C118.09 83.1125 121 86.0197 121 89.6062V90.6052C121 94.1918 118.09 97.099 114.5 97.099Z\"\n fill=\"#232729\"\n />\n <path\n d=\"M142 154.044H60V108.088H142V154.044ZM64 150.004H138V112.128H64V150.004Z\"\n fill=\"#FF5200\"\n />\n <path d=\"M130 120.077H72V124.073H130V120.077Z\" fill=\"#D6DADC\" />\n <path d=\"M130 129.068H72V133.064H130V129.068Z\" fill=\"#D6DADC\" />\n <path d=\"M105.5 138.06H72V142.056H105.5V138.06Z\" fill=\"#D6DADC\" />\n <path\n d=\"M123.314 10.1116L121.192 7.99231L114.121 15.0566L116.243 17.1759L123.314 10.1116Z\"\n fill=\"#232729\"\n />\n <path\n d=\"M82.0711 17.1049L84.1924 14.9856L77.1213 7.92131L75 10.0406L82.0711 17.1049Z\"\n fill=\"#232729\"\n />\n <path d=\"M101.192 0H98.1924V10.9894H101.192V0Z\" fill=\"#232729\" />\n </StyledSvg>\n </Image>\n )\n})\n\nconst EmptyState_ = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement> & EmptyStateProps\n>(function EmptyState(\n { children, compact = false, isHorizontal, size, title, ...props },\n ref\n) {\n let image: React.ReactElement \| null = null\n let content: React.ReactElement[] = []\n const presetImages: React.JSXElementConstructor<any>[] = [\n NoResults,\n NoItems,\n NoItemsWithoutCreatePermissions,\n RecycleBin,\n ]\n\n React.Children.forEach(children, (child) => {\n if (!React.isValidElement(child)) return\n if (\n child.type === Image \|\|\n (typeof child.type !== 'string' && presetImages.includes(child.type))\n ) {\n image = child\n } else {\n content.push(child)\n }\n })\n\n return (\n <StyledEmptyState\n $compact={compact}\n $isHorizontal={isHorizontal}\n $size={size}\n {...props}\n ref={ref}\n >\n {content ? (\n <>\n <Box>{image}</Box>\n <Box\n alignItems={isHorizontal ? 'flex-start' : 'center'}\n textAlign={isHorizontal ? 'left' : 'center'}\n >\n {content}\n </Box>\n </>\n ) : (\n children\n )}\n </StyledEmptyState>\n )\n})\n\nEmptyState_.displayName = 'EmptyState'\n\nActions.displayName = 'EmptyState.Actions'\n\nDescription.displayName = 'EmptyState.Description'\n\nImage.displayName = 'EmptyState.Image'\n\nNoItems.displayName = 'EmptyState.NoResults'\n\nNoItemsWithoutCreatePermissions.displayName =\n 'EmptyState.NoItemsWithoutCreatePermissions'\n\nNoResults.displayName = 'EmptyState.NoResults'\n\nRecycleBin.displayName = 'EmptyState.RecyleBin'\n\nTitle.displayName = 'EmptyState.Title'\n\n/*\n\n We place empty states on pages where nothing has been created yet.\n They tell the user what they need to know about the page and how to get\n started creating or using the page’s main features.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-emptystate--demo)\n\n @see [Design Guidelines](https://design.procore.com/empty-state)\n\n/\nexport const EmptyState = addSubcomponents(\n {\n Actions,\n Description,\n Image,\n NoItems,\n NoItemsWithoutCreatePermissions,\n NoResults,\n RecycleBin,\n Title,\n },\n EmptyState_\n)\n"],"mappings":"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"}

package/dist/EmptyState/EmptyState.styles.js CHANGED Viewed

@@ -5,27 +5,27 @@ import { spacing } from '../_styles/spacing';
 var emptyStateWidth = 312;
 export var StyledSvg = /*#__PURE__*/styled.svg.withConfig({
   displayName: "StyledSvg",
-  componentId: "core-12_25_1__sc-1xaoo8n-0"
+  componentId: "core-12_26_0__sc-1xaoo8n-0"
 })(["width:200px;height:200px;"]);
 export var StyledImage = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImage",
-  componentId: "core-12_25_1__sc-1xaoo8n-1"
+  componentId: "core-12_26_0__sc-1xaoo8n-1"
 })([""]);
 export var StyledTitle = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTitle",
-  componentId: "core-12_25_1__sc-1xaoo8n-2"
+  componentId: "core-12_26_0__sc-1xaoo8n-2"
 })(["color:", ";max-width:", "px;width:100%;", ""], colors.gray15, emptyStateWidth, getTypographyIntent('h2'));
 export var StyledDescription = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDescription",
-  componentId: "core-12_25_1__sc-1xaoo8n-3"
+  componentId: "core-12_26_0__sc-1xaoo8n-3"
 })(["margin-top:", "px;color:", ";max-width:", "px;width:100%;", ""], spacing.lg, colors.gray45, emptyStateWidth, getTypographyIntent('body'));
 export var StyledActions = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledActions",
-  componentId: "core-12_25_1__sc-1xaoo8n-4"
+  componentId: "core-12_26_0__sc-1xaoo8n-4"
 })(["margin-top:", "px;"], spacing.xl);
 export var StyledEmptyState = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledEmptyState",
-  componentId: "core-12_25_1__sc-1xaoo8n-5"
+  componentId: "core-12_26_0__sc-1xaoo8n-5"
 })(["display:flex;justify-content:center;align-items:", ";gap:", "px;flex-direction:", ";margin-top:", "px;margin-bottom:", "px;", "{> img{max-width:200px;}}", " ", "}"], function (_ref) {
   var $isHorizontal = _ref.$isHorizontal;
   return $isHorizontal ? 'flex-start' : 'center';

package/dist/EmptyState/assets/default.stories.png ADDED Viewed

Binary file

package/dist/Field/Field.styles.js CHANGED Viewed

@@ -2,14 +2,14 @@ import styled from 'styled-components';
 import { getSmallIconBodyTextRules, StyledP } from '../Semantic/Semantic.styles';
 export var StyledField = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledField",
-  componentId: "core-12_25_1__sc-1q3pe6s-0"
+  componentId: "core-12_26_0__sc-1q3pe6s-0"
 })(["> ", "{", "}"], StyledP, getSmallIconBodyTextRules);
 export var StyledFieldHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFieldHeader",
-  componentId: "core-12_25_1__sc-1q3pe6s-1"
+  componentId: "core-12_26_0__sc-1q3pe6s-1"
 })(["", " > ", "{", "}"], getSmallIconBodyTextRules, StyledP, getSmallIconBodyTextRules);
 export var StyledFieldFooter = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFieldFooter",
-  componentId: "core-12_25_1__sc-1q3pe6s-2"
+  componentId: "core-12_26_0__sc-1q3pe6s-2"
 })(["> ", "{", "}"], StyledP, getSmallIconBodyTextRules);
 //# sourceMappingURL=Field.styles.js.map

package/dist/FileList/FileList.d.ts CHANGED Viewed

@@ -1,5 +1,4 @@
 import React from 'react';
-import type { DivAttributes } from '../_utils/types';
 import type { FileListItemProps, FileListProps } from './FileList.types';
 export declare const defaultGetViewUrl: (item: FileListItemProps) => string | undefined;
 export declare const defaultGetDownloadUrl: (item: FileListItemProps) => string | undefined;
@@ -13,5 +12,5 @@ export declare const defaultGetName: (item: FileListItemProps) => string;
  @see [Design Guidelines](https://design.procore.com/file-list)
  */
-export declare const FileList: React.ForwardRefExoticComponent<FileListProps & DivAttributes & React.RefAttributes<HTMLDivElement>>;
+export declare const FileList: React.ForwardRefExoticComponent<FileListProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 export declare function Item({ name, viewUrl, downloadUrl, ...props }: FileListItemProps): React.JSX.Element;

package/dist/FileList/FileList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileList.js","names":["Archive","Download","React","Box","Link","Tooltip","Typography","useI18nContext","StyledFileListDownloadAll","StyledFileListItem","StyledFileListItemDownloadIcon","StyledFileListItemTextInactive","defaultGetViewUrl","item","viewUrl","defaultGetDownloadUrl","downloadUrl","defaultGetName","name","FileList","forwardRef","_ref","ref","items","downloadAllUrl","_ref$getDownloadUrl","getDownloadUrl","_ref$getViewUrl","getViewUrl","_ref$getName","getName","qa","props","_objectWithoutProperties","_excluded","I18n","length","isDownloadAllVisible","createElement","_extends","variant","size","icon","href","tabIndex","t","as","map","i","_qa$item","Item","call","key","concat","_ref2","_excluded2","intent","weight","target","overlay","color"],"sources":["../../src/FileList/FileList.tsx"],"sourcesContent":["import { Archive, Download } from '@procore/core-icons/dist'\nimport React from 'react'\nimport { Box } from '../Box/Box'\nimport { Link } from '../Link/Link'\nimport { Tooltip } from '../Tooltip/Tooltip'\nimport { Typography } from '../Typography/Typography'\nimport { useI18nContext } from '../_hooks/I18n'\nimport ~~type~~ { ~~DivAttributes } from '../_utils/types'~~\~~nimport {\~~n StyledFileListDownloadAll,\n StyledFileListItem,\n StyledFileListItemDownloadIcon,\n StyledFileListItemTextInactive,\n} from './FileList.styles'\nimport type { FileListItemProps, FileListProps } from './FileList.types'\n\nexport const defaultGetViewUrl = (item: FileListItemProps) => {\n return item.viewUrl\n}\n\nexport const defaultGetDownloadUrl = (item: FileListItemProps) => {\n return item.downloadUrl\n}\n\nexport const defaultGetName = (item: FileListItemProps) => {\n return item.name\n}\n\n/*\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-filelist--demo)\n\n @see [Design Guidelines](https://design.procore.com/file-list)\n\n /\nexport const FileList = React.forwardRef<\n HTMLDivElement,\n FileListProps & ~~DivAttributes\~~n>(function FileList(\n {\n items,\n downloadAllUrl,\n getDownloadUrl = defaultGetDownloadUrl,\n getViewUrl = defaultGetViewUrl,\n getName = defaultGetName,\n qa,\n ...props\n },\n ref\n) {\n const I18n = useI18nContext()\n const { length } = items\n\n const isDownloadAllVisible = length > 1 && downloadAllUrl\n\n if (length === 0) {\n return null\n }\n\n return (\n <Box ref={ref} {...props}>\n {isDownloadAllVisible && (\n <StyledFileListDownloadAll\n variant=\"tertiary\"\n size=\"sm\"\n icon={<Archive />}\n href={downloadAllUrl}\n tabIndex={0}\n >\n {I18n.t('core.fileList.downloadAll')}\n </StyledFileListDownloadAll>\n )}\n <Box as=\"ul\">\n {items.map((item, i) => {\n const name = getName(item)\n const downloadUrl = getDownloadUrl(item)\n return (\n <Item\n name={name}\n downloadUrl={getDownloadUrl(item)}\n viewUrl={getViewUrl(item)}\n data-qa={qa?.item?.(item)}\n key={`${name}-${downloadUrl}`}\n />\n )\n })}\n </Box>\n </Box>\n )\n})\n\nexport function Item({\n name,\n viewUrl,\n downloadUrl,\n ...props\n}: FileListItemProps) {\n const I18n = useI18nContext()\n\n return (\n <StyledFileListItem {...props}>\n {viewUrl ? (\n <Typography intent=\"body\" weight=\"semibold\">\n <Link href={viewUrl} target=\"_blank\" tabIndex={0}>\n {name}\n </Link>\n </Typography>\n ) : (\n <Tooltip overlay={I18n.t('core.fileList.noPreview')}>\n <Typography intent=\"body\" color=\"gray15\">\n <StyledFileListItemTextInactive tabIndex={0}>\n {name}\n </StyledFileListItemTextInactive>\n </Typography>\n </Tooltip>\n )}\n {downloadUrl && (\n <Tooltip overlay={I18n.t('core.fileList.download')}>\n <StyledFileListItemDownloadIcon\n aria-label={I18n.t('core.fileList.download')}\n href={downloadUrl}\n icon={<Download size=\"sm\" />}\n size=\"sm\"\n variant=\"tertiary\"\n />\n </Tooltip>\n )}\n </StyledFileListItem>\n )\n}\n"],"mappings":";;;;;AAAA,SAASA,OAAO,EAAEC,QAAQ,QAAQ,0BAA0B;AAC5D,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,QAAQ,YAAY;AAChC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,UAAU,QAAQ,0BAA0B;AACrD,SAASC,cAAc,QAAQ,gBAAgB;~~AAE~~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"}
1	+ {"version":3,"file":"FileList.js","names":["Archive","Download","React","Box","Link","Tooltip","Typography","useI18nContext","StyledFileListDownloadAll","StyledFileListItem","StyledFileListItemDownloadIcon","StyledFileListItemTextInactive","defaultGetViewUrl","item","viewUrl","defaultGetDownloadUrl","downloadUrl","defaultGetName","name","FileList","forwardRef","_ref","ref","items","downloadAllUrl","_ref$getDownloadUrl","getDownloadUrl","_ref$getViewUrl","getViewUrl","_ref$getName","getName","qa","props","_objectWithoutProperties","_excluded","I18n","length","isDownloadAllVisible","createElement","_extends","variant","size","icon","href","tabIndex","t","as","map","i","_qa$item","Item","call","key","concat","_ref2","_excluded2","intent","weight","target","overlay","color"],"sources":["../../src/FileList/FileList.tsx"],"sourcesContent":["import { Archive, Download } from '@procore/core-icons/dist'\nimport React from 'react'\nimport { Box } from '../Box/Box'\nimport { Link } from '../Link/Link'\nimport { Tooltip } from '../Tooltip/Tooltip'\nimport { Typography } from '../Typography/Typography'\nimport { useI18nContext } from '../_hooks/I18n'\nimport {\n StyledFileListDownloadAll,\n StyledFileListItem,\n StyledFileListItemDownloadIcon,\n StyledFileListItemTextInactive,\n} from './FileList.styles'\nimport type { FileListItemProps, FileListProps } from './FileList.types'\n\nexport const defaultGetViewUrl = (item: FileListItemProps) => {\n return item.viewUrl\n}\n\nexport const defaultGetDownloadUrl = (item: FileListItemProps) => {\n return item.downloadUrl\n}\n\nexport const defaultGetName = (item: FileListItemProps) => {\n return item.name\n}\n\n/*\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-filelist--demo)\n\n @see [Design Guidelines](https://design.procore.com/file-list)\n\n /\nexport const FileList = React.forwardRef<\n HTMLDivElement,\n FileListProps & React.HTMLAttributes<HTMLDivElement>\n>(function FileList(\n {\n items,\n downloadAllUrl,\n getDownloadUrl = defaultGetDownloadUrl,\n getViewUrl = defaultGetViewUrl,\n getName = defaultGetName,\n qa,\n ...props\n },\n ref\n) {\n const I18n = useI18nContext()\n const { length } = items\n\n const isDownloadAllVisible = length > 1 && downloadAllUrl\n\n if (length === 0) {\n return null\n }\n\n return (\n <Box ref={ref} {...props}>\n {isDownloadAllVisible && (\n <StyledFileListDownloadAll\n variant=\"tertiary\"\n size=\"sm\"\n icon={<Archive />}\n href={downloadAllUrl}\n tabIndex={0}\n >\n {I18n.t('core.fileList.downloadAll')}\n </StyledFileListDownloadAll>\n )}\n <Box as=\"ul\">\n {items.map((item, i) => {\n const name = getName(item)\n const downloadUrl = getDownloadUrl(item)\n return (\n <Item\n name={name}\n downloadUrl={getDownloadUrl(item)}\n viewUrl={getViewUrl(item)}\n data-qa={qa?.item?.(item)}\n key={`${name}-${downloadUrl}`}\n />\n )\n })}\n </Box>\n </Box>\n )\n})\n\nexport function Item({\n name,\n viewUrl,\n downloadUrl,\n ...props\n}: FileListItemProps) {\n const I18n = useI18nContext()\n\n return (\n <StyledFileListItem {...props}>\n {viewUrl ? (\n <Typography intent=\"body\" weight=\"semibold\">\n <Link href={viewUrl} target=\"_blank\" tabIndex={0}>\n {name}\n </Link>\n </Typography>\n ) : (\n <Tooltip overlay={I18n.t('core.fileList.noPreview')}>\n <Typography intent=\"body\" color=\"gray15\">\n <StyledFileListItemTextInactive tabIndex={0}>\n {name}\n </StyledFileListItemTextInactive>\n </Typography>\n </Tooltip>\n )}\n {downloadUrl && (\n <Tooltip overlay={I18n.t('core.fileList.download')}>\n <StyledFileListItemDownloadIcon\n aria-label={I18n.t('core.fileList.download')}\n href={downloadUrl}\n icon={<Download size=\"sm\" />}\n size=\"sm\"\n variant=\"tertiary\"\n />\n </Tooltip>\n )}\n </StyledFileListItem>\n )\n}\n"],"mappings":"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"}

package/dist/FileList/FileList.styles.js CHANGED Viewed

@@ -3,18 +3,18 @@ import { LinkButton } from '../Button/Button';
 import { spacing } from '../_styles/spacing';
 export var StyledFileListDownloadAll = /*#__PURE__*/styled(LinkButton).withConfig({
   displayName: "StyledFileListDownloadAll",
-  componentId: "core-12_25_1__sc-7gltjc-0"
+  componentId: "core-12_26_0__sc-7gltjc-0"
 })(["margin-bottom:", "px;"], spacing.xs);
 export var StyledFileListItem = /*#__PURE__*/styled.li.withConfig({
   displayName: "StyledFileListItem",
-  componentId: "core-12_25_1__sc-7gltjc-1"
+  componentId: "core-12_26_0__sc-7gltjc-1"
 })(["display:flex;align-items:center;margin-bottom:", "px;word-break:break-word;&:last-child{margin-bottom:0;}"], spacing.xs);
 export var StyledFileListItemTextInactive = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledFileListItemTextInactive",
-  componentId: "core-12_25_1__sc-7gltjc-2"
+  componentId: "core-12_26_0__sc-7gltjc-2"
 })(["cursor:pointer;"]);
 export var StyledFileListItemDownloadIcon = /*#__PURE__*/styled(LinkButton).withConfig({
   displayName: "StyledFileListItemDownloadIcon",
-  componentId: "core-12_25_1__sc-7gltjc-3"
+  componentId: "core-12_26_0__sc-7gltjc-3"
 })(["margin-left:", "px;align-self:flex-start;"], spacing.sm);
 //# sourceMappingURL=FileList.styles.js.map

package/dist/FileList/storybook/fileListMockData.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+export declare const items: {
+    name: string;
+    downloadUrl: string;
+    viewUrl: string;
+}[];

package/dist/FileList/storybook/fileListMockData.js ADDED Viewed

@@ -0,0 +1,34 @@
+export var items = [{
+  name: 'IMG-0124.png',
+  downloadUrl: '/download_a',
+  viewUrl: '/preview_a'
+}, {
+  name: 'jobsite-visit.pdf',
+  downloadUrl: '/download_b',
+  viewUrl: '/preview_b'
+}, {
+  name: 'non-previewable-file.exe',
+  downloadUrl: '/download_c',
+  viewUrl: ''
+}, {
+  name: 'file-with-very-long-name-that-will-wrap-onto-infinite-lines forever-depending-on-viewport-width.png',
+  downloadUrl: '/download_d',
+  viewUrl: '/preview_d'
+}, {
+  name: 'IMG-2202.heif',
+  downloadUrl: '/download_e',
+  viewUrl: '/preview_e'
+}, {
+  name: 'AC01-DRAWING-COVER-SHEET.pdf',
+  downloadUrl: '/download_f',
+  viewUrl: '/preview_f'
+}, {
+  name: 'IMG-01.png',
+  downloadUrl: '/download_g',
+  viewUrl: '/preview_g'
+}, {
+  name: 'permit.docx',
+  downloadUrl: '/download_h',
+  viewUrl: ''
+}];
+//# sourceMappingURL=fileListMockData.js.map

package/dist/FileList/storybook/fileListMockData.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"fileListMockData.js","names":["items","name","downloadUrl","viewUrl"],"sources":["../../../src/FileList/storybook/fileListMockData.tsx"],"sourcesContent":["export const items = [\n {\n name: 'IMG-0124.png',\n downloadUrl: '/download_a',\n viewUrl: '/preview_a',\n },\n {\n name: 'jobsite-visit.pdf',\n downloadUrl: '/download_b',\n viewUrl: '/preview_b',\n },\n {\n name: 'non-previewable-file.exe',\n downloadUrl: '/download_c',\n viewUrl: '',\n },\n {\n name: 'file-with-very-long-name-that-will-wrap-onto-infinite-lines forever-depending-on-viewport-width.png',\n downloadUrl: '/download_d',\n viewUrl: '/preview_d',\n },\n {\n name: 'IMG-2202.heif',\n downloadUrl: '/download_e',\n viewUrl: '/preview_e',\n },\n {\n name: 'AC01-DRAWING-COVER-SHEET.pdf',\n downloadUrl: '/download_f',\n viewUrl: '/preview_f',\n },\n {\n name: 'IMG-01.png',\n downloadUrl: '/download_g',\n viewUrl: '/preview_g',\n },\n { name: 'permit.docx', downloadUrl: '/download_h', viewUrl: '' },\n]\n"],"mappings":"AAAA,OAAO,IAAMA,KAAK,GAAG,CACnB;EACEC,IAAI,EAAE,cAAc;EACpBC,WAAW,EAAE,aAAa;EAC1BC,OAAO,EAAE;AACX,CAAC,EACD;EACEF,IAAI,EAAE,mBAAmB;EACzBC,WAAW,EAAE,aAAa;EAC1BC,OAAO,EAAE;AACX,CAAC,EACD;EACEF,IAAI,EAAE,0BAA0B;EAChCC,WAAW,EAAE,aAAa;EAC1BC,OAAO,EAAE;AACX,CAAC,EACD;EACEF,IAAI,EAAE,qGAAqG;EAC3GC,WAAW,EAAE,aAAa;EAC1BC,OAAO,EAAE;AACX,CAAC,EACD;EACEF,IAAI,EAAE,eAAe;EACrBC,WAAW,EAAE,aAAa;EAC1BC,OAAO,EAAE;AACX,CAAC,EACD;EACEF,IAAI,EAAE,8BAA8B;EACpCC,WAAW,EAAE,aAAa;EAC1BC,OAAO,EAAE;AACX,CAAC,EACD;EACEF,IAAI,EAAE,YAAY;EAClBC,WAAW,EAAE,aAAa;EAC1BC,OAAO,EAAE;AACX,CAAC,EACD;EAAEF,IAAI,EAAE,aAAa;EAAEC,WAAW,EAAE,aAAa;EAAEC,OAAO,EAAE;AAAG,CAAC,CACjE"}

package/dist/FileSelect/FileExplorer/FileExplorer.styles.js CHANGED Viewed

@@ -12,40 +12,40 @@ var modalContainerMaxHeight = 996;
 var modalContainerMargin = 80;
 export var StyledModalOverlay = /*#__PURE__*/styled(Modal.Overlay).withConfig({
   displayName: "StyledModalOverlay",
-  componentId: "core-12_25_1__sc-343gts-0"
+  componentId: "core-12_26_0__sc-343gts-0"
 })(["opacity:0;pointer-events:none;transition:opacity 0.3s linear;visibility:hidden;", ""], function (props) {
   return props.$open && "\n  opacity: 1;\n  pointer-events: all;\n  visibility: visible;\n  ";
 });
 export var StyledModalContainer = /*#__PURE__*/styled(Modal.Container).withConfig({
   displayName: "StyledModalContainer",
-  componentId: "core-12_25_1__sc-343gts-1"
+  componentId: "core-12_26_0__sc-343gts-1"
 })(["width:calc(100% - ", "px);height:calc(100% - ", "px);top:calc(50vh - ", "px);left:calc(50vw - ", "px);margin:", "px;min-width:", "px;min-height:", "px;max-width:", "px;max-height:", "px;"], modalContainerMargin * 2, modalContainerMargin * 2, modalContainerMargin, modalContainerMargin, modalContainerMargin, modalContainerMinWidth, modalContainerMinHeight, modalContainerMaxWidth, modalContainerMaxHeight);
 export var StyledModalBody = /*#__PURE__*/styled(Modal.Body).withConfig({
   displayName: "StyledModalBody",
-  componentId: "core-12_25_1__sc-343gts-2"
+  componentId: "core-12_26_0__sc-343gts-2"
 })(["min-height:", "px;height:100%;margin:0;max-width:none;padding:0;border-bottom:1px solid ", ";"], modalBodyMinHeight, colors.gray85);
 export var StyledModalInnerBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalInnerBody",
-  componentId: "core-12_25_1__sc-343gts-3"
+  componentId: "core-12_26_0__sc-343gts-3"
 })(["display:flex;flex-direction:row;height:100%;overflow:hidden;"]);
 export var StyledModalHeader = /*#__PURE__*/styled(Modal.Header).withConfig({
   displayName: "StyledModalHeader",
-  componentId: "core-12_25_1__sc-343gts-4"
+  componentId: "core-12_26_0__sc-343gts-4"
 })(["border-bottom:1px solid ", ";"], colors.gray85);
 export var StyledModalContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalContent",
-  componentId: "core-12_25_1__sc-343gts-5"
+  componentId: "core-12_26_0__sc-343gts-5"
 })(["display:flex;width:100%;height:100%;overflow-y:auto;outline:none;"]);
 export var StyledSource = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSource",
-  componentId: "core-12_25_1__sc-343gts-6"
+  componentId: "core-12_26_0__sc-343gts-6"
 })(["width:100%;height:100%;"]);
 export var StyledAttachButton = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAttachButton",
-  componentId: "core-12_25_1__sc-343gts-7"
+  componentId: "core-12_26_0__sc-343gts-7"
 })(["margin-left:", "px;"], spacing.md);
 export var StyledFileTreeSpinner = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFileTreeSpinner",
-  componentId: "core-12_25_1__sc-343gts-8"
+  componentId: "core-12_26_0__sc-343gts-8"
 })(["display:flex;align-items:center;justify-content:center;height:100%;"]);
 //# sourceMappingURL=FileExplorer.styles.js.map

package/dist/FileSelect/FileExplorer/FileExplorerModal.d.ts CHANGED Viewed

@@ -1,5 +1,4 @@
 import React from 'react';
 import type { ModalProps } from '../../Modal/Modal.types';
 import type { PortalProps } from '../../Portal/Portal.types';
-import type { DivAttributes } from '../../_utils/types';
-export declare const FileExplorerModal: React.ForwardRefExoticComponent<ModalProps & DivAttributes & PortalProps & React.RefAttributes<HTMLDivElement>>;
+export declare const FileExplorerModal: React.ForwardRefExoticComponent<ModalProps & React.HTMLAttributes<HTMLDivElement> & PortalProps & React.RefAttributes<HTMLDivElement>>;

package/dist/FileSelect/FileExplorer/FileExplorerModal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileExplorerModal.js","names":["React","Modal","Portal","useScrollLock","StyledModalContainer","StyledModalOverlay","noop","FileExplorerModal","forwardRef","_ref","ref","children","_ref$onClickOverlay","onClickOverlay","_ref$open","open","_ref$placement","placement","props","_objectWithoutProperties","_excluded","createElement","container","$open","Scrim","onClick","_extends","Content"],"sources":["../../../src/FileSelect/FileExplorer/FileExplorerModal.tsx"],"sourcesContent":["import React from 'react'\nimport { Modal } from '../../Modal/Modal'\nimport type { ModalProps } from '../../Modal/Modal.types'\nimport { Portal } from '../../Portal/Portal'\nimport type { PortalProps } from '../../Portal/Portal.types'\nimport { useScrollLock } from '../../_hooks/ScrollLock'\nimport ~~type~~ { ~~DivAttributes } from '../../_utils/types'\nimport {~~ StyledModalContainer, StyledModalOverlay } from './FileExplorer.styles'\n\nfunction noop() {}\n\nexport const FileExplorerModal = React.forwardRef<\n HTMLDivElement,\n ModalProps & ~~DivAttributes~~ & PortalProps\n>(function FileExplorerModal(\n {\n children,\n onClickOverlay = noop,\n open = false,\n placement = 'center',\n ...props\n },\n ref\n) {\n useScrollLock(open)\n\n return (\n <Portal container={props.container}>\n <StyledModalOverlay $open={open} ref={ref}>\n <Modal.Scrim onClick={onClickOverlay} />\n\n <StyledModalContainer {...props} placement={placement}>\n <Modal.Content>{children}</Modal.Content>\n </StyledModalContainer>\n </StyledModalOverlay>\n </Portal>\n )\n})\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,mBAAmB;AAEzC,SAASC,MAAM,QAAQ,qBAAqB;AAE5C,SAASC,aAAa,QAAQ,yBAAyB;~~AAEvD~~,SAASC,oBAAoB,EAAEC,kBAAkB,QAAQ,uBAAuB;AAEhF,SAASC,IAAIA,CAAA,EAAG,CAAC;AAEjB,OAAO,IAAMC,iBAAiB,gBAAGP,KAAK,CAACQ,UAAU,CAG/C,SAASD,iBAAiBA,CAAAE,IAAA,EAQ1BC,GAAG,EACH;EAAA,IAPEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,mBAAA,GAAAH,IAAA,CACRI,cAAc;IAAdA,cAAc,GAAAD,mBAAA,cAAGN,IAAI,GAAAM,mBAAA;IAAAE,SAAA,GAAAL,IAAA,CACrBM,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,KAAK,GAAAA,SAAA;IAAAE,cAAA,GAAAP,IAAA,CACZQ,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,QAAQ,GAAAA,cAAA;IACjBE,KAAK,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA;EAIVjB,aAAa,CAACY,IAAI,CAAC;EAEnB,oBACEf,KAAA,CAAAqB,aAAA,CAACnB,MAAM;IAACoB,SAAS,EAAEJ,KAAK,CAACI;EAAU,gBACjCtB,KAAA,CAAAqB,aAAA,CAAChB,kBAAkB;IAACkB,KAAK,EAAER,IAAK;IAACL,GAAG,EAAEA;EAAI,gBACxCV,KAAA,CAAAqB,aAAA,CAACpB,KAAK,CAACuB,KAAK;IAACC,OAAO,EAAEZ;EAAe,CAAE,CAAC,eAExCb,KAAA,CAAAqB,aAAA,CAACjB,oBAAoB,EAAAsB,QAAA,KAAKR,KAAK;IAAED,SAAS,EAAEA;EAAU,iBACpDjB,KAAA,CAAAqB,aAAA,CAACpB,KAAK,CAAC0B,OAAO,QAAEhB,QAAwB,CACpB,CACJ,CACd,CAAC;AAEb,CAAC,CAAC"}
1	+ {"version":3,"file":"FileExplorerModal.js","names":["React","Modal","Portal","useScrollLock","StyledModalContainer","StyledModalOverlay","noop","FileExplorerModal","forwardRef","_ref","ref","children","_ref$onClickOverlay","onClickOverlay","_ref$open","open","_ref$placement","placement","props","_objectWithoutProperties","_excluded","createElement","container","$open","Scrim","onClick","_extends","Content"],"sources":["../../../src/FileSelect/FileExplorer/FileExplorerModal.tsx"],"sourcesContent":["import React from 'react'\nimport { Modal } from '../../Modal/Modal'\nimport type { ModalProps } from '../../Modal/Modal.types'\nimport { Portal } from '../../Portal/Portal'\nimport type { PortalProps } from '../../Portal/Portal.types'\nimport { useScrollLock } from '../../_hooks/ScrollLock'\nimport { StyledModalContainer, StyledModalOverlay } from './FileExplorer.styles'\n\nfunction noop() {}\n\nexport const FileExplorerModal = React.forwardRef<\n HTMLDivElement,\n ModalProps & React.HTMLAttributes<HTMLDivElement> & PortalProps\n>(function FileExplorerModal(\n {\n children,\n onClickOverlay = noop,\n open = false,\n placement = 'center',\n ...props\n },\n ref\n) {\n useScrollLock(open)\n\n return (\n <Portal container={props.container}>\n <StyledModalOverlay $open={open} ref={ref}>\n <Modal.Scrim onClick={onClickOverlay} />\n\n <StyledModalContainer {...props} placement={placement}>\n <Modal.Content>{children}</Modal.Content>\n </StyledModalContainer>\n </StyledModalOverlay>\n </Portal>\n )\n})\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,mBAAmB;AAEzC,SAASC,MAAM,QAAQ,qBAAqB;AAE5C,SAASC,aAAa,QAAQ,yBAAyB;AACvD,SAASC,oBAAoB,EAAEC,kBAAkB,QAAQ,uBAAuB;AAEhF,SAASC,IAAIA,CAAA,EAAG,CAAC;AAEjB,OAAO,IAAMC,iBAAiB,gBAAGP,KAAK,CAACQ,UAAU,CAG/C,SAASD,iBAAiBA,CAAAE,IAAA,EAQ1BC,GAAG,EACH;EAAA,IAPEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,mBAAA,GAAAH,IAAA,CACRI,cAAc;IAAdA,cAAc,GAAAD,mBAAA,cAAGN,IAAI,GAAAM,mBAAA;IAAAE,SAAA,GAAAL,IAAA,CACrBM,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,KAAK,GAAAA,SAAA;IAAAE,cAAA,GAAAP,IAAA,CACZQ,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,QAAQ,GAAAA,cAAA;IACjBE,KAAK,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA;EAIVjB,aAAa,CAACY,IAAI,CAAC;EAEnB,oBACEf,KAAA,CAAAqB,aAAA,CAACnB,MAAM;IAACoB,SAAS,EAAEJ,KAAK,CAACI;EAAU,gBACjCtB,KAAA,CAAAqB,aAAA,CAAChB,kBAAkB;IAACkB,KAAK,EAAER,IAAK;IAACL,GAAG,EAAEA;EAAI,gBACxCV,KAAA,CAAAqB,aAAA,CAACpB,KAAK,CAACuB,KAAK;IAACC,OAAO,EAAEZ;EAAe,CAAE,CAAC,eAExCb,KAAA,CAAAqB,aAAA,CAACjB,oBAAoB,EAAAsB,QAAA,KAAKR,KAAK;IAAED,SAAS,EAAEA;EAAU,iBACpDjB,KAAA,CAAAqB,aAAA,CAACpB,KAAK,CAAC0B,OAAO,QAAEhB,QAAwB,CACpB,CACJ,CACd,CAAC;AAEb,CAAC,CAAC"}

package/dist/FileSelect/FileExplorer/FileExplorerSidebar.styles.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export declare const StyledSidebar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledNavigation: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledSourceItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../..").DivAttributes & import("../SourceItem/SourceItem").SourceItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+export declare const StyledSourceItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").HTMLAttributes<HTMLDivElement> & import("../SourceItem/SourceItem").SourceItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("../..").DivAttributes & import("../SourceItem/SourceItem").SourceItemProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("../SourceItem/SourceItem").SourceItemProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;

package/dist/FileSelect/FileExplorer/FileExplorerSidebar.styles.js CHANGED Viewed

@@ -3,14 +3,14 @@ import { colors } from '../../_styles/colors';
 import { SourceItem } from '../SourceItem/SourceItem';
 export var StyledSidebar = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSidebar",
-  componentId: "core-12_25_1__sc-s03uiv-0"
+  componentId: "core-12_26_0__sc-s03uiv-0"
 })(["display:flex;flex-shrink:0;width:300px;border-right:1px solid ", ";"], colors.gray85);
 export var StyledNavigation = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledNavigation",
-  componentId: "core-12_25_1__sc-s03uiv-1"
+  componentId: "core-12_26_0__sc-s03uiv-1"
 })(["display:flex;flex-direction:column;width:100%;&:focus{outline:none;}"]);
 export var StyledSourceItem = /*#__PURE__*/styled(SourceItem).withConfig({
   displayName: "StyledSourceItem",
-  componentId: "core-12_25_1__sc-s03uiv-2"
+  componentId: "core-12_26_0__sc-s03uiv-2"
 })(["width:100%;padding-left:10px;&:focus{padding-left:9px;}"]);
 //# sourceMappingURL=FileExplorerSidebar.styles.js.map

package/dist/FileSelect/FileSelect.d.ts CHANGED Viewed

@@ -1,9 +1,8 @@
 import React from 'react';
 import type { PortalProps } from '../Portal';
-import type { DivAttributes } from '../_utils/types';
 import type { FileSelectContextApi, FileSelectProps, FileSelectRef } from './FileSelect.types';
 export declare const FileSelectLocalSourceId = "FileSelectLocalSource";
-declare type FileSelectDOMAttributes = Omit<DivAttributes, 'onError' | 'onProgress'>;
+declare type FileSelectDOMAttributes = Omit<React.HTMLAttributes<HTMLDivElement>, 'onError' | 'onProgress'>;
 export declare const FileSelectContext: React.Context<FileSelectContextApi>;
 export declare const useFileSelectContext: () => FileSelectContextApi;
 /**
@@ -25,7 +24,7 @@ export declare const useFileSelectContext: () => FileSelectContextApi;
  */
 export declare const FileSelect: React.ForwardRefExoticComponent<FileSelectProps & FileSelectDOMAttributes & PortalProps & React.RefAttributes<FileSelectRef>> & {
     LocalSource: React.ForwardRefExoticComponent<import("./LocalSource").LocalSourceProps & React.RefAttributes<HTMLDivElement>>;
-    GridSource: React.ForwardRefExoticComponent<import("./GridSource").GridSourceProps & DivAttributes & React.RefAttributes<HTMLDivElement>>;
-    TreeSource: React.ForwardRefExoticComponent<import("./TreeSource/TreeSource.types").FileTreeProps & Omit<DivAttributes, "onChange"> & React.RefAttributes<import("./TreeSource").TreeSourceRef>>;
+    GridSource: React.ForwardRefExoticComponent<import("./GridSource").GridSourceProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    TreeSource: React.ForwardRefExoticComponent<import("./TreeSource/TreeSource.types").FileTreeProps & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<import("./TreeSource").TreeSourceRef>>;
 };
 export {};