carbon-react 162.12.0-beta.1 → 162.13.0

package/esm/components/fieldset/fieldset.component.d.ts

@@ -0,0 +1,29 @@
+import React from "react";
+import { MarginProps } from "styled-system";
+import { TagProps } from "../../__internal__/utils/helpers/tags";
+export interface FieldsetProps extends MarginProps, TagProps {
+    /** Inputs rendered within the fieldset. */
+    children?: React.ReactNode;
+    /** Set an id value on the fieldset. */
+    id?: string;
+    /** The content for the fieldset legend. */
+    legend?: string;
+    /** Content for an additional hint text below the legend. */
+    legendHint?: string;
+    /** Set the label weight of the children input's label. */
+    labelWeight?: "regular" | "bold";
+    /** Error message to be displayed when validation fails. */
+    error?: string;
+    /** Warning message to be displayed when validation warning occurs. */
+    warning?: string;
+    /** If true, an asterisk will be added to the legend and all inputs within the fieldset will be required. */
+    required?: boolean;
+    /** Specifies whether the validation message should be displayed above the input. */
+    validationMessagePositionTop?: boolean;
+    /** Set the size of the component. */
+    size?: "small" | "medium" | "large";
+    /** Set the orientation of the fieldset's children. */
+    orientation?: "horizontal" | "vertical";
+}
+export declare const Fieldset: ({ children, id, legend, legendHint, labelWeight, error, warning, required, validationMessagePositionTop, size, orientation, ...rest }: FieldsetProps) => React.JSX.Element;
+export default Fieldset;

package/esm/components/fieldset/fieldset.component.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as r,Fragment as t}from"react/jsx-runtime";import{useRef as i}from"react";import n from"../../__internal__/utils/helpers/tags/tags.js";import{StyledFieldset as o,StyledLegend as l,StyledFieldsetContentWrapper as s,StyledFieldsetContent as a}from"./fieldset.style.js";import c from"./__internal__/fieldset.context.js";import d from"../../__internal__/error-border/error-border.style.js";import p from"../../__internal__/validation-message/__next__/validation-message.component.js";import{HintText as f}from"../../__internal__/hint-text/hint-text.component.js";import u from"../../__internal__/utils/helpers/guid/index.js";import m from"../../hooks/__internal__/useRegisterValidationToTabs/useRegisterValidationToTabs.js";import"../../style/utils/filter-styled-system-padding-props.js";import g from"../../style/utils/filter-styled-system-margin-props.js";function b(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const y=y=>{var{children:_,id:j,legend:O,legendHint:h,labelWeight:v="regular",error:P,warning:w,required:$,validationMessagePositionTop:x=!0,size:z="medium",orientation:S="vertical"}=y,T=function(e,r){if(null==e)return{};var t,i,n=function(e,r){if(null==e)return{};var t,i,n={},o=Object.keys(e);for(i=0;i<o.length;i++)t=o[i],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(i=0;i<o.length;i++)t=o[i],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(y,["children","id","legend","legendHint","labelWeight","error","warning","required","validationMessagePositionTop","size","orientation"]);const k=i(u()),q=j||k.current,D=h?`${q}-hint`:void 0,E=(P||w)&&`${q}-validation-message`;m(!!P,!!w,q);const R=[D,E].filter(Boolean).join(" "),W=()=>P||w?e(t,{children:[r(p,{error:P,warning:w,id:E,size:z}),r(d,{$warning:!(P||!w)})]}):null;return e(o,(H=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(r){b(e,r,t[r])}))}return e}({id:q,"aria-describedby":R},T,g(T),n("fieldset",T)),M=null!=(M={children:[O&&r(l,{$isRequired:$,"data-element":"legend","data-role":"legend",$size:z,children:O}),h&&r(f,{id:D,size:z,children:h}),e(s,{$size:z,$hasLegend:!(!O&&!h),children:[x&&W(),r(a,{"data-role":"fieldset-content",className:"fieldset-content",$orientation:S,$size:z,$labelWeight:v,children:r(c.Provider,{value:{size:z,hasError:!!P,required:$},children:_})}),!x&&W()]})]})?M:{},Object.getOwnPropertyDescriptors?Object.defineProperties(H,Object.getOwnPropertyDescriptors(M)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(M)).forEach((function(e){Object.defineProperty(H,e,Object.getOwnPropertyDescriptor(M,e))})),H));var H,M};export{y as Fieldset,y as default};

package/esm/components/fieldset/fieldset.style.d.ts

@@ -0,0 +1,13 @@
+export type StyledFieldsetProps = {
+    $size: "small" | "medium" | "large";
+    $isRequired?: boolean;
+    $orientation?: "horizontal" | "vertical";
+    $labelWeight?: "regular" | "bold";
+    $hasLegend?: boolean;
+};
+export declare const StyledFieldset: import("styled-components").StyledComponent<"fieldset", any, {
+    theme: object;
+}, "theme">;
+export declare const StyledLegend: import("styled-components").StyledComponent<"legend", any, StyledFieldsetProps, never>;
+export declare const StyledFieldsetContentWrapper: import("styled-components").StyledComponent<"div", any, StyledFieldsetProps, never>;
+export declare const StyledFieldsetContent: import("styled-components").StyledComponent<"div", any, StyledFieldsetProps, never>;

package/esm/components/fieldset/fieldset.style.js

@@ -0,0 +1 @@
+import a,{css as e}from"styled-components";import{margin as l}from"styled-system";import o from"../../style/themes/apply-base-theme.js";const t={small:{contentMargin:"var(--global-space-comp-xs)",validationGap:"var(--global-space-comp-xs)",childrenGap:"var(--global-space-comp-m)",legendFont:"var(--global-font-static-comp-medium-s)",regularLabelFont:"var(--global-font-static-comp-regular-s)",boldLabelFont:"var(--global-font-static-comp-medium-s)"},medium:{contentMargin:"var(--global-space-comp-s)",validationGap:"var(--global-space-comp-s)",childrenGap:"var(--global-space-comp-l)",legendFont:"var(--global-font-static-comp-medium-m)",regularLabelFont:"var(--global-font-static-comp-regular-m)",boldLabelFont:"var(--global-font-static-comp-medium-m)"},large:{contentMargin:"var(--global-space-comp-m)",validationGap:"var(--global-space-comp-s)",childrenGap:"var(--global-space-comp-xl)",legendFont:"var(--global-font-static-comp-medium-l)",regularLabelFont:"var(--global-font-static-comp-regular-l)",boldLabelFont:"var(--global-font-static-comp-medium-l)"}},n=a.fieldset.attrs(o).withConfig({displayName:"fieldset.style__StyledFieldset",componentId:"carbon_v162_12_0__sc-d78a4673-0"})(["border:none;padding:0;min-width:0;min-inline-size:0;margin:0;margin-bottom:var(--fieldSpacing);"," & *{--fieldSpacing:0;}"],l),i=a.legend.withConfig({displayName:"fieldset.style__StyledLegend",componentId:"carbon_v162_12_0__sc-d78a4673-1"})(["",";"],(({$isRequired:a,$size:l})=>e(["display:flex;align-items:center;padding:0;font:",";color:var(--input-labelset-label-default);",""],t[l].legendFont,a&&e(['::after{content:"*";color:var(--input-labelset-label-required);font:',";margin-left:var(--global-space-comp-xs);}"],t[l].legendFont)))),r=a.div.withConfig({displayName:"fieldset.style__StyledFieldsetContentWrapper",componentId:"carbon_v162_12_0__sc-d78a4673-2"})(["",";"],(({$size:a,$hasLegend:l})=>e(["display:flex;flex-direction:column;position:relative;gap:",";",""],t[a].validationGap,l&&e(["margin-top:",";"],t[a].contentMargin)))),d=a.div.withConfig({displayName:"fieldset.style__StyledFieldsetContent",componentId:"carbon_v162_12_0__sc-d78a4673-3"})(["",";"],(({$orientation:a,$size:l,$labelWeight:o})=>e(["display:flex;flex-direction:column;gap:",";"," label{font:",";}",""],t[l].childrenGap,"horizontal"===a&&e(["flex-direction:row;flex-wrap:wrap;"]),t[l].regularLabelFont,"bold"===o&&e(["label{font:",";}"],t[l].boldLabelFont))));export{n as StyledFieldset,d as StyledFieldsetContent,r as StyledFieldsetContentWrapper,i as StyledLegend};

package/esm/components/fieldset/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./fieldset.component";
+export type { FieldsetProps } from "./fieldset.component";

package/esm/components/fieldset/index.js

@@ -0,0 +1 @@
+export{Fieldset as default}from"./fieldset.component.js";

package/esm/components/file-input/__internal__/file-upload-status/file-upload-status.component.d.ts

@@ -0,0 +1,35 @@
+import React from "react";
+import { LinkProps } from "../../../link";
+import { IconType } from "../../../icon";
+interface StatusUploadingProps {
+    /** the status of the upload */
+    status: "uploading";
+    /** a number from 0-100 giving the current upload progress as a percentage. Only used for the `uploading` status.
+     * If the progress prop is not specified in the `uploading` status, a loading animation will be shown instead
+     * (or text equivalent for users with a reduced-motion operating system preference).
+     */
+    progress?: number;
+}
+interface StatusDoneProps extends LinkProps {
+    /** the status of the upload */
+    status: "completed" | "previously";
+    /** the URL opened by the file link. Must be provided for only the `completed` and `previously` statuses. */
+    href: string;
+}
+interface StatusErrorProps {
+    /** the status of the upload */
+    status: "error";
+}
+interface MandatoryStatusProps {
+    /** the name of the file */
+    filename: string;
+    /** a function to be executed when the user clicks the appropriate action button (Clear/Delete File/Cancel Upload)  */
+    onAction: () => void;
+    /** The status message. Used to display the current upload progress, including error messages where appropriate. Not used for the `previously` status. */
+    message?: string;
+    /** The icon to use for the file during or after upload */
+    iconType?: IconType;
+}
+export type FileUploadStatusProps = MandatoryStatusProps & (StatusUploadingProps | StatusErrorProps | StatusDoneProps);
+export declare const FileUploadStatus: ({ status, filename, message, onAction, iconType, ...statusProps }: FileUploadStatusProps) => React.JSX.Element;
+export default FileUploadStatus;

package/esm/components/file-input/__internal__/file-upload-status/file-upload-status.component.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import"react";import{Link as o}from"../../../link/link.component.js";import{ButtonMinor as n}from"../../../button-minor/button-minor.component.js";import i from"../../../typography/typography.style.js";import{StyledProgressBar as c}from"../../../progress-tracker/progress-tracker.style.js";import{LoaderBar as l}from"../../../loader-bar/loader-bar.component.js";import s from"../../../icon/icon.component.js";import"../../../icon/icon.style.js";import{StyledFileUploadStatus as a,StyledFileUploadStatusRow as p,StyledFileLinkContainer as u}from"./file-upload-status.style.js";import f from"../../../../hooks/__internal__/useLocale/useLocale.js";function m(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function y(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){m(e,r,t[r])}))}return e}function b(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}const d=m=>{var{status:d,filename:g,message:O,onAction:j,iconType:h="file_generic"}=m,v=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)t=i[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)t=i[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(m,["status","filename","message","onAction","iconType"]);const w=f(),P=O||w.fileInput.fileUploadStatus();let k,S,I=null;switch(d){case"uploading":k=w.fileInput.actions.cancel(),I=void 0===v.progress?e(l,{}):e(c,{"data-element":"progress-tracker-bar","data-role":"progress-tracker-bar",$progress:v.progress,$variant:100===v.progress?"success":"neutral",$size:"medium","aria-hidden":"true"});break;case"previously":case"completed":k=w.fileInput.actions.delete(),S=b(y({},v),{icon:h});break;case"error":k=w.fileInput.actions.clear()}const _=e(n,{onClick:j,buttonType:"tertiary",children:k}),x=S?e(o,b(y({download:Boolean("completed"===d)},S),{children:g})):r(t,{children:[e(s,{type:h}),e("span",{children:g})]}),D=r(p,"previously"!==d?{children:[e(i,{as:"p",mb:0,"aria-live":"polite",children:P}),_]}:{onlyRow:!0,children:[e(u,{children:x}),_]}),E="previously"!==d?e(p,{upperPadding:!0,lowerPadding:!0,children:e(u,{children:x})}):null;return r(a,{"data-role":"file-upload-status",hasError:"error"===d,complete:100===v.progress,children:[D,E,I]})};export{d as FileUploadStatus,d as default};

package/esm/components/file-input/__internal__/file-upload-status/file-upload-status.style.d.ts

@@ -0,0 +1,13 @@
+export declare const StyledFileLinkContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+interface StyledFileUploadStatusRowProps {
+    upperPadding?: boolean;
+    lowerPadding?: boolean;
+    onlyRow?: boolean;
+}
+export declare const StyledFileUploadStatusRow: import("styled-components").StyledComponent<"div", any, StyledFileUploadStatusRowProps, never>;
+interface StyledFileUploadStatusProps {
+    hasError: boolean;
+    complete: boolean;
+}
+export declare const StyledFileUploadStatus: import("styled-components").StyledComponent<"div", any, StyledFileUploadStatusProps, never>;
+export {};

package/esm/components/file-input/__internal__/file-upload-status/file-upload-status.style.js

@@ -0,0 +1 @@
+import o,{css as r}from"styled-components";import e from"../../../typography/typography.style.js";import t from"../../../icon/icon.style.js";import i,{StyledLoader as a,InnerBar as l}from"../../../loader-bar/loader-bar.style.js";import{StyledProgressBar as n}from"../../../progress-tracker/progress-tracker.style.js";import{StyledLink as d,StyledContent as s}from"../../../link/link.style.js";const c=o.div.withConfig({displayName:"file-upload-status.style__StyledFileLinkContainer",componentId:"carbon_v162_12_0__sc-6ebdc7c0-0"})(["color:var(--colorsActionMajorYin090);display:flex;align-items:center;overflow-x:hidden;overflow-y:visible;padding-right:var(--spacing150);","{overflow:hidden;}"," a{overflow:hidden;display:flex;text-decoration:none;}","{overflow:hidden;text-overflow:ellipsis;text-decoration:underline;}&&& ","{display:inline-flex;justify-content:center;align-items:flex-start;width:24px;height:24px;:not("," ","){color:var(--colorsUtilityYin065);padding-right:var(--spacing100);}}"],d,d,s,t,d,t),p=o.div.withConfig({displayName:"file-upload-status.style__StyledFileUploadStatusRow",componentId:"carbon_v162_12_0__sc-6ebdc7c0-1"})(["display:flex;justify-content:space-between;"," padding-left:var(--spacing150);"," "," ","{color:var(--colorsUtilityYin055);}"],(({onlyRow:o})=>o?"":"align-items: baseline;"),(({upperPadding:o})=>o?"padding-top: var(--spacing050);":""),(({lowerPadding:o})=>o?"padding-bottom: var(--spacing125);":""),e),g=o.div.withConfig({displayName:"file-upload-status.style__StyledFileUploadStatus",componentId:"carbon_v162_12_0__sc-6ebdc7c0-2"})(["background-color:var(--colorsUtilityYang100);"," border-radius:var(--borderRadius050);","{display:flex;}","{background-color:var(--colorsSemanticNeutral200);}","{background-color:var(--colorsSemanticNeutral500);border-radius:var(--borderRadius050);}",""],(({hasError:o})=>{const t=o?"colorsSemanticNegative500":"colorsUtilityMajor300";return r(["border:var(--",") solid var(--",");",""],o?"borderWidth200":"borderWidth100",t,o&&`&& ${e} {\n        color: var(--${t});\n        font-weight: 400;\n      }`)}),a,i,l,(({complete:o})=>!o&&r(["","{background-color:var(--colorsSemanticNeutral200);box-shadow:none;::after{background-color:var(--colorsSemanticNeutral500);}}"],n)));export{c as StyledFileLinkContainer,g as StyledFileUploadStatus,p as StyledFileUploadStatusRow};

package/esm/components/file-input/__internal__/file-upload-status/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./file-upload-status.component";
+export type { FileUploadStatusProps } from "./file-upload-status.component";

package/esm/components/file-input/__internal__/file-upload-status/index.js

@@ -0,0 +1 @@
+export{FileUploadStatus as default}from"./file-upload-status.component.js";

package/esm/components/file-input/file-input.component.d.ts

@@ -0,0 +1,40 @@
+import React from "react";
+import { MarginProps } from "styled-system";
+import { ValidationProps } from "../../__internal__/validations";
+import { InputProps } from "../../__internal__/legacy-input";
+import { TagProps } from "../../__internal__/utils/helpers/tags";
+import { FileUploadStatusProps } from "./__internal__/file-upload-status";
+export interface FileInputProps extends Pick<ValidationProps, "error">, Pick<InputProps, "id" | "name" | "required">, TagProps, MarginProps {
+    /** Which file format(s) to accept. Will be passed to the underlying HTML input.
+     * See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept  */
+    accept?: string;
+    /** Text to appear on the main button. Defaults to "Select file" */
+    buttonText?: string;
+    /** Explanatory text to appear inside the input area. Defaults to "or drag and drop your file" */
+    dragAndDropText?: string;
+    /** A hint string rendered before the input but after the label. Intended to describe the purpose or content of the input. */
+    inputHint?: React.ReactNode;
+    /** Sets the default layout to vertical - with the button below the explanatory text rather than next to it.
+     * This is the equivalent of removing the maxHeight prop - it will be over-ridden if this prop is set explicitly. */
+    isVertical?: boolean;
+    /** Label content */
+    label?: string;
+    /** A valid CSS string for the max-height CSS property. */
+    maxHeight?: string;
+    /** A valid CSS string for the max-width CSS property. Defaults to the same as the minWidth. */
+    maxWidth?: string;
+    /** A valid CSS string for the min-height CSS property. */
+    minHeight?: string;
+    /** A valid CSS string for the min-width CSS property. */
+    minWidth?: string;
+    /** onChange event handler. Accepts a list of all files currently entered to the input. */
+    onChange: (files: FileList) => void;
+    /** used to control how to display the progress of uploaded file(s) within the component */
+    uploadStatus?: FileUploadStatusProps | FileUploadStatusProps[];
+    /** Flag to configure component as mandatory. */
+    required?: boolean;
+    /** Render the ValidationMessage above the FileInput */
+    validationMessagePositionTop?: boolean;
+}
+export declare const FileInput: React.ForwardRefExoticComponent<FileInputProps & React.RefAttributes<HTMLInputElement>>;
+export default FileInput;

package/esm/components/file-input/file-input.component.js

@@ -0,0 +1 @@
+import{jsxs as e,Fragment as t,jsx as r}from"react/jsx-runtime";import n,{useState as i,useRef as o,useEffect as a,createElement as l}from"react";import"../../style/utils/filter-styled-system-padding-props.js";import s from"../../style/utils/filter-styled-system-margin-props.js";import{InputBehaviour as d}from"../../__internal__/input-behaviour/input-behaviour.component.js";import p from"../../__internal__/form-field/form-field.component.js";import m from"../../hooks/__internal__/useUniqueId/index.js";import c from"../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js";import u from"../../__internal__/validation-message/validation-message.component.js";import{StyledHiddenFileInput as f,StyledFileInputPresentation as g}from"./file-input.style.js";import v from"../../__internal__/legacy-error-border/error-border.style.js";import{ButtonMinor as y}from"../button-minor/button-minor.component.js";import{Typography as b}from"../typography/typography.component.js";import{FileUploadStatus as h}from"./__internal__/file-upload-status/file-upload-status.component.js";import{Box as _}from"../box/box.component.js";import j from"../../hooks/__internal__/useLocale/useLocale.js";import{HintText as O}from"../../__internal__/legacy-hint-text/hint-text.component.js";function x(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function P(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){x(e,t,r[t])}))}return e}function D(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const w=n.forwardRef(((n,x)=>{var{accept:w,buttonText:I,"data-element":T,"data-role":k,dragAndDropText:E,error:L,label:S,id:H,inputHint:A,isVertical:W,maxHeight:q,maxWidth:F,minHeight:C,minWidth:M="280px",name:R,onChange:V,required:U,uploadStatus:N=[],validationMessagePositionTop:z=!0}=n,B=function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(n,["accept","buttonText","data-element","data-role","dragAndDropText","error","label","id","inputHint","isVertical","maxHeight","maxWidth","minHeight","minWidth","name","onChange","required","uploadStatus","validationMessagePositionTop"]);const G=j(),J=I||G.fileInput.selectFile(),K=E||G.fileInput.dragAndDrop(),Q={maxHeight:q||void 0,maxWidth:F||M,minHeight:C,minWidth:M},[X,Y]=m(H,R),[Z,$]=i(!1),[ee,te]=i(!1),re=o(null),ne=e=>{var t;e.preventDefault(),(null===(t=e.dataTransfer)||void 0===t?void 0:t.types.includes("Files"))&&te(!0)},ie=e=>{e.preventDefault(),te(!1)};a((()=>(document.addEventListener("dragover",ne),document.addEventListener("drop",ie),document.addEventListener("dragleave",ie),()=>{document.removeEventListener("dragover",ne),document.removeEventListener("drop",ie),document.removeEventListener("dragleave",ie)})),[]);const oe=e=>{null==V||V(e)},{labelId:ae,validationId:le}=c({id:X,validationRedesignOptIn:!0,error:L,label:S}),se=Array.isArray(N)?N:[N],de=e(t,{children:[A&&r(O,{children:A}),e(_,{position:"relative",children:[z&&e(t,{children:[r(u,{error:L,validationId:le,validationMessagePositionTop:z,"data-role":"validation-message-top"}),L&&r(v,{warning:!1})]}),r(f,P(D(P({},U&&{required:U}),{accept:w,"aria-invalid":!!L,id:X,ref:e=>{re.current=e,"function"==typeof x?x(e):x&&(x.current=e)},name:Y,onChange:e=>{oe(e.target.files)},type:"file"}),B)),e(g,D(P({"data-role":"file-input-presentation",isDraggedOver:Z,isDraggingFile:ee,error:L,onDragLeave:e=>{e.preventDefault(),e.stopPropagation(),$(!1)},onDragOver:e=>{var t;e.preventDefault(),(null===(t=e.dataTransfer)||void 0===t?void 0:t.types.includes("Files"))&&$(!0)},onDrop:e=>{e.preventDefault(),$(!1),oe(e.dataTransfer.files)},isVertical:W},Q),{children:[r(y,{buttonType:"primary",onClick:()=>{var e;null===(e=re.current)||void 0===e||e.click()},children:J}),r(b,{m:0,children:K})]})),!z&&e(t,{children:[r(u,{error:L,validationId:le,validationMessagePositionTop:z,"data-role":"validation-message-bottom"}),L&&r(v,{warning:!1})]})]})]});return r(d,{children:r(p,D(P({error:L,label:S,labelId:ae,id:X,isRequired:U,"data-component":"file-input","data-role":k,"data-element":T,validationRedesignOptIn:!0},s(B)),{children:0===se.length?de:se.map((e=>l(g,D(P({hasUploadStatus:!0},Q),{key:e.filename}),r(h,P({},e)))))}))})}));w.displayName="FileInput";export{w as FileInput,w as default};

package/esm/components/file-input/file-input.style.d.ts

@@ -0,0 +1,18 @@
+import type { InputProps } from "../../__internal__/legacy-input";
+import type { ValidationProps } from "../../__internal__/validations";
+type CustomFileInputProps = Omit<InputProps, "value"> & {
+    value?: string;
+};
+export declare const StyledHiddenFileInput: import("styled-components").StyledComponent<"input", any, CustomFileInputProps, never>;
+interface StyledFileInputPresentationProps extends Pick<ValidationProps, "error"> {
+    isDraggedOver?: boolean;
+    isDraggingFile?: boolean;
+    hasUploadStatus?: boolean;
+    maxHeight?: string;
+    maxWidth?: string;
+    minHeight?: string;
+    minWidth?: string;
+    isVertical?: boolean;
+}
+export declare const StyledFileInputPresentation: import("styled-components").StyledComponent<"div", any, StyledFileInputPresentationProps, never>;
+export {};

package/esm/components/file-input/file-input.style.js

@@ -0,0 +1 @@
+import i,{css as t}from"styled-components";import r from"../typography/typography.style.js";const e=i.input.withConfig({displayName:"file-input.style__StyledHiddenFileInput",componentId:"carbon_v162_12_0__sc-f1cdfaa4-0"})(["display:none;"]),o=i.div.withConfig({displayName:"file-input.style__StyledFileInputPresentation",componentId:"carbon_v162_12_0__sc-f1cdfaa4-1"})([""," ",""],(({hasUploadStatus:i,minWidth:r,minHeight:e,maxWidth:o,maxHeight:a})=>t(["min-width:",";min-height:",";max-width:",";",""],r,e,o,!i&&t(["padding:11px;max-height:",";box-sizing:border-box;"],a))),(({hasUploadStatus:i,isDraggedOver:e,isDraggingFile:o,error:a,isVertical:n})=>{let l="colorsUtilityMajor300",d="colorsUtilityYang100";return e?(l="colorsUtilityMajor400",d="colorsUtilityMajor100"):o&&(l="colorsUtilityMajor400"),a&&(l="colorsSemanticNegative"+(o?600:500)),!i&&t(["display:flex;"," flex-wrap:wrap;justify-content:center;align-content:center;align-items:center;text-align:center;gap:var(--spacing100);border-radius:var(--borderRadius050);border:var(--",") dashed var(--",");background:var(--",");","{color:var(--colorsUtilityYin055);}"],n&&"flex-direction: column;",a||o?"borderWidth200":"borderWidth100",l,d,r)}));export{o as StyledFileInputPresentation,e as StyledHiddenFileInput};

package/esm/components/file-input/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from "./file-input.component";
+export type { FileInputProps } from "./file-input.component";
+export type { FileUploadStatusProps } from "./__internal__/file-upload-status";

package/esm/components/file-input/index.js

@@ -0,0 +1 @@
+export{FileInput as default}from"./file-input.component.js";

package/esm/components/flat-table/__internal__/build-position-map.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (array: HTMLElement[], propertyName: "offsetWidth" | "offsetHeight") => Record<string, number>;
+export default _default;

package/esm/components/flat-table/__internal__/build-position-map.js

@@ -0,0 +1 @@
+var t=(t,e)=>t.reduce(((r,i,u)=>{const d=t[u].getAttribute("id");if(d)if(0===u)r[d]=0;else{const i=t[u-1].getAttribute("id");i&&(r[d]=r[i]+t[u-1][e])}return r}),{});export{t as default};

package/esm/components/flat-table/__internal__/flat-table.context.d.ts

@@ -0,0 +1,6 @@
+interface FlatTableContextType {
+    isInFlatTable: boolean;
+    setHasOpenDatePicker?: (value: boolean) => void;
+}
+declare const FlatTableContext: import("react").Context<FlatTableContextType>;
+export default FlatTableContext;

package/esm/components/flat-table/__internal__/flat-table.context.js

@@ -0,0 +1 @@
+import{createContext as e}from"react";const t=e({isInFlatTable:!1,setHasOpenDatePicker:void 0});export{t as default};

package/esm/components/flat-table/__internal__/index.d.ts

@@ -0,0 +1,2 @@
+export { default as useTableCell } from "./use-table-cell";
+export { default as buildPositionMap } from "./build-position-map";

package/esm/components/flat-table/__internal__/index.js

@@ -0,0 +1 @@
+export{default as useTableCell}from"./use-table-cell.js";export{default as buildPositionMap}from"./build-position-map.js";

package/esm/components/flat-table/__internal__/sortable/data.d.ts

@@ -0,0 +1,24 @@
+/** Helper functions for safer type checking. */
+declare const PRIVATE_DRAGGABLE_KEY: unique symbol;
+declare const PRIVATE_DROP_TARGET_KEY: unique symbol;
+export type Draggable = {
+    [PRIVATE_DRAGGABLE_KEY]: true;
+    /** Unique identifier of the draggable item */
+    id: string;
+    /** The index of the draggable item when dragging was initiated */
+    initialIndex: number;
+    /** Unique identifier of the context instance the item belongs to */
+    contextId: symbol;
+};
+export type DropTarget = {
+    [PRIVATE_DROP_TARGET_KEY]: true;
+    /** Unique identifier of the drop target */
+    id: string;
+    /** Unique identifier of the context instance the drop target belongs to */
+    contextId: symbol;
+};
+export declare function getDraggable(data: Omit<Draggable, typeof PRIVATE_DRAGGABLE_KEY>): Draggable;
+export declare function getDropTarget(data: Omit<DropTarget, typeof PRIVATE_DROP_TARGET_KEY>): DropTarget;
+export declare function isDraggable(data: Record<string | symbol, unknown>): data is Draggable;
+export declare function isDropTarget(data: Record<string | symbol, unknown>): data is DropTarget;
+export {};

package/esm/components/flat-table/__internal__/sortable/data.js

@@ -0,0 +1 @@
+function n(n,e,r){return e in n?Object.defineProperty(n,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[e]=r,n}function e(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})))),o.forEach((function(r){n(e,r,t[r])}))}return e}const r=Symbol("drag"),t=Symbol("drop");function o(n){return e({[r]:!0},n)}function u(n){return e({[t]:!0},n)}function c(n){return Boolean(n[r])}function f(n){return Boolean(n[t])}export{o as getDraggable,u as getDropTarget,c as isDraggable,f as isDropTarget};

package/esm/components/flat-table/__internal__/sortable/drag-drop-provider.d.ts

@@ -0,0 +1,30 @@
+import React from "react";
+import { Draggable, DropTarget } from "./data";
+export interface DragDropProviderProps {
+    children: React.ReactNode;
+    /**
+     * Callback fired when an item is dropped.
+     *
+     * Provides data about the dragged item and the drop target (if any) as arguments.
+     */
+    onDrop?: (args: {
+        dragged: Draggable;
+        target: DropTarget | null;
+    }) => void;
+    /**
+     * Callback fired when a dragged item leaves a drop target, or moves over a new one.
+     *
+     * Provides data about the dragged item and the drop target (if any) as arguments.
+     */
+    onDropTargetChange?: (args: {
+        dragged: Draggable;
+        target: DropTarget | null;
+    }) => void;
+}
+type DragDropContextType = {
+    /** Identifier of the context instance. */
+    contextId: symbol;
+};
+declare function useDragDropContext(): DragDropContextType | null;
+declare const DragDropProvider: ({ children, onDrop, onDropTargetChange, }: DragDropProviderProps) => React.JSX.Element;
+export { DragDropProvider, useDragDropContext };

package/esm/components/flat-table/__internal__/sortable/drag-drop-provider.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{useContext as t,createContext as a,useState as e,useEffect as o}from"react";import{monitorForElements as n}from"@atlaskit/pragmatic-drag-and-drop/element/adapter";import{isDraggable as d,isDropTarget as g}from"./data.js";const l=a(null);function c(){return t(l)}const u=({children:t,onDrop:a,onDropTargetChange:c})=>{const[u]=e((()=>Symbol("drag-drop-provider-id")));return o((()=>n({canMonitor:({source:r})=>d(r.data)&&r.data.contextId===u,onDrop:({source:r,location:t})=>{if(!d(r.data))return;if(!t.current.dropTargets.length)return void(null==a||a({dragged:r.data,target:null}));const e=t.current.dropTargets[0];g(e.data)&&(null==a||a({dragged:r.data,target:e.data}))},onDropTargetChange:({source:r,location:t})=>{if(!d(r.data))return;if(!t.current.dropTargets.length)return void(null==c||c({dragged:r.data,target:null}));const a=t.current.dropTargets[0];g(a.data)&&(null==c||c({dragged:r.data,target:a.data}))}})),[u,a,c]),r(l.Provider,{value:{contextId:u},children:t})};export{u as DragDropProvider,c as useDragDropContext};

package/esm/components/flat-table/__internal__/sortable/index.d.ts

@@ -0,0 +1,2 @@
+export { type DragDropProviderProps, DragDropProvider, } from "./drag-drop-provider";
+export { default as useSortableRow } from "./use-sortable-row";

package/esm/components/flat-table/__internal__/sortable/index.js

@@ -0,0 +1 @@
+export{DragDropProvider}from"./drag-drop-provider.js";export{default as useSortableRow}from"./use-sortable-row.js";

package/esm/components/flat-table/__internal__/sortable/use-sortable-row.d.ts

@@ -0,0 +1,14 @@
+interface UseSortableRowArgs {
+    /** Unique identifier for the referenced element. */
+    id: string;
+    /** Index of the referenced element in a list. */
+    index: number;
+    /** Ref of the element to be made draggable and a drop target. */
+    ref: React.RefObject<HTMLElement> | null;
+}
+interface UseSortableRowReturn {
+    /** Whether the referenced element is currently being dragged. */
+    isDragging: boolean;
+}
+declare function useSortableRow({ id, index, ref, }: UseSortableRowArgs): UseSortableRowReturn;
+export default useSortableRow;

package/esm/components/flat-table/__internal__/sortable/use-sortable-row.js

@@ -0,0 +1 @@
+import{useState as t,useEffect as r}from"react";import{draggable as e,dropTargetForElements as a}from"@atlaskit/pragmatic-drag-and-drop/element/adapter";import{combine as o}from"@atlaskit/pragmatic-drag-and-drop/combine";import{getDraggable as n,isDraggable as i,getDropTarget as d}from"./data.js";import{useDragDropContext as m}from"./drag-drop-provider.js";import p from"invariant";function c({id:c,index:s,ref:g}){const f=m(),[l,u]=t(!1);return r((()=>{const t=null==g?void 0:g.current;if(!t)return;p(f,"Expected context to be defined. Please ensure your component is within a DragDropProvider.");const{contextId:r}=f;return o(e({element:t,getInitialData:()=>n({id:c,initialIndex:s,contextId:r}),onDragStart:()=>u(!0),onDrop:()=>u(!1)}),a({element:t,getData:()=>d({id:c,contextId:r}),canDrop:({source:t})=>i(t.data)&&t.data.contextId===r}))}),[f,c,s,g]),{isDragging:l}}export{c as default};

package/esm/components/flat-table/__internal__/strict-flat-table.context.d.ts

@@ -0,0 +1,6 @@
+import { FlatTableProps } from "../flat-table.component";
+export interface StrictFlatTableContextType extends Pick<FlatTableProps, "colorTheme" | "size"> {
+    getTabStopElementId: () => string;
+}
+declare const StrictFlatTableProvider: import("react").Provider<StrictFlatTableContextType | null>, useStrictFlatTableContext: () => StrictFlatTableContextType;
+export { StrictFlatTableProvider, useStrictFlatTableContext };

package/esm/components/flat-table/__internal__/strict-flat-table.context.js

@@ -0,0 +1 @@
+import e from"../../../__internal__/utils/createStrictContext/createStrictContext.js";const[t,o]=e({name:"FlatTableContext",errorMessage:"Carbon FlatTable: Context not found. Have you wrapped your Carbon subcomponents properly? See stack trace for more details.",defaultValue:{getTabStopElementId:()=>""}});export{t as StrictFlatTableProvider,o as useStrictFlatTableContext};

package/esm/components/flat-table/__internal__/use-table-cell.d.ts

@@ -0,0 +1,15 @@
+declare const _default: (id: string) => {
+    expandable: boolean | undefined;
+    leftPosition: number;
+    rightPosition: number;
+    makeCellSticky: boolean;
+    onClick: ((ev?: React.MouseEvent<HTMLElement>) => void) | undefined;
+    onKeyDown: ((ev: React.KeyboardEvent<HTMLElement>) => void) | undefined;
+    isFirstCell: boolean;
+    isExpandableCell: boolean | undefined;
+    tabIndex: number;
+    isInHighlightedRow: boolean | undefined;
+    isInSelectedRow: boolean | undefined;
+    bringToFront: (ev: React.MouseEvent<HTMLElement, MouseEvent> | React.FocusEvent<HTMLElement>, tagName: "TD" | "TH") => void;
+};
+export default _default;

package/esm/components/flat-table/__internal__/use-table-cell.js

@@ -0,0 +1 @@
+import{useState as t,useContext as e,useEffect as i}from"react";import n from"../flat-table-row/__internal__/flat-table-row.context.js";import{useStrictFlatTableContext as o}from"./strict-flat-table.context.js";var a=a=>{const{getTabStopElementId:l}=o(),[r,s]=t(-1),{expandable:c,firstCellId:d,firstColumnExpandable:f,leftPositions:m,rightPositions:g,onClick:b,onKeyDown:p,highlighted:u,selected:h}=e(n),v=m[a],x=g[a],y=void 0!==v||void 0!==x,T=a===d,E=c&&T&&f;return i((()=>{const t=setTimeout((()=>{s(E&&l()===a?0:-1)}),0);return()=>{clearTimeout(t)}}),[l,E,a]),{expandable:c,leftPosition:v,rightPosition:x,makeCellSticky:y,onClick:b,onKeyDown:p,isFirstCell:T,isExpandableCell:E,tabIndex:r,isInHighlightedRow:u,isInSelectedRow:h,bringToFront:(t,e)=>{if(!t||!t.nativeEvent||"function"!=typeof t.nativeEvent.composedPath)return;const{nativeEvent:i}=t,n=i.composedPath(),o=n.find((t=>t instanceof HTMLElement&&"TBODY"===t.tagName));if(!o)return;const a=Array.from(o.querySelectorAll("th, td")).filter((t=>"left"===t.getAttribute("data-sticky-align")||"right"===t.getAttribute("data-sticky-align")||t.classList.contains("isSticky")));a.map((t=>(t.classList.remove("bringToFront"),t)));const l=n.find((t=>t instanceof HTMLElement&&t.tagName===e)),r=a.indexOf(l);-1!==r&&a[r].classList.add("bringToFront")}}};export{a as default};

package/esm/components/flat-table/cell-sizes.style.d.ts

@@ -0,0 +1,28 @@
+declare const _default: {
+    compact: {
+        height: string;
+        fontSize: string;
+        paddingSize: string;
+    };
+    small: {
+        height: string;
+        fontSize: string;
+        paddingSize: string;
+    };
+    medium: {
+        height: string;
+        fontSize: string;
+        paddingSize: string;
+    };
+    large: {
+        height: string;
+        fontSize: string;
+        paddingSize: string;
+    };
+    extraLarge: {
+        height: string;
+        fontSize: string;
+        paddingSize: string;
+    };
+};
+export default _default;

package/esm/components/flat-table/cell-sizes.style.js

@@ -0,0 +1 @@
+var p={compact:{height:"24px",fontSize:"13px",paddingSize:"8px"},small:{height:"32px",fontSize:"14px",paddingSize:"16px"},medium:{height:"40px",fontSize:"14px",paddingSize:"16px"},large:{height:"48px",fontSize:"16px",paddingSize:"16px"},extraLarge:{height:"64px",fontSize:"16px",paddingSize:"16px"}};export{p as default};

package/esm/components/flat-table/flat-table-body/flat-table-body.component.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { TagProps } from "../../../__internal__/utils/helpers/tags";
+export interface FlatTableBodyProps extends TagProps {
+    /** Array of FlatTableRow. */
+    children: React.ReactNode;
+}
+export declare const FlatTableBody: React.ForwardRefExoticComponent<FlatTableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
+export default FlatTableBody;

package/esm/components/flat-table/flat-table-body/flat-table-body.component.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import r from"react";function t(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const n=r.forwardRef(((r,n)=>{var o,c,{children:l}=r,i=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},c=Object.keys(e);for(n=0;n<c.length;n++)t=c[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)t=c[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(r,["children"]);return e("tbody",(o=function(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),o.forEach((function(r){t(e,r,n[r])}))}return e}({ref:n,"data-component":"flat-table-body"},i),c=null!=(c={children:l})?c:{},Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(c)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(c)).forEach((function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(c,e))})),o))}));n.displayName="FlatTableBody";export{n as FlatTableBody,n as default};

package/esm/components/flat-table/flat-table-body/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./flat-table-body.component";
+export type { FlatTableBodyProps } from "./flat-table-body.component";

package/esm/components/flat-table/flat-table-body/index.js

@@ -0,0 +1 @@
+export{FlatTableBody as default}from"./flat-table-body.component.js";

package/esm/components/flat-table/flat-table-body-draggable/flat-table-body-draggable.component.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { TagProps } from "../../../__internal__/utils/helpers/tags";
+export interface FlatTableBodyDraggableProps extends TagProps {
+    /** Array of FlatTableRow. */
+    children: React.ReactNode;
+    /** Callback fired when order is changed */
+    getOrder?: (draggableItemIds?: (string | number | undefined)[]) => void;
+}
+export declare const FlatTableBodyDraggable: ({ children, getOrder, ...rest }: FlatTableBodyDraggableProps) => React.JSX.Element;
+export default FlatTableBodyDraggable;

package/esm/components/flat-table/flat-table-body-draggable/flat-table-body-draggable.component.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import e,{useState as t,useRef as n,useEffect as o}from"react";import a from"../../icon/icon.style.js";import i from"./flat-table-body-draggable.style.js";import{FlatTableCell as l}from"../flat-table-cell/flat-table-cell.component.js";import p from"invariant";import d from"../../../__internal__/utils/helpers/array-move/index.js";import{DragDropProvider as c}from"../__internal__/sortable/drag-drop-provider.js";import"@atlaskit/pragmatic-drag-and-drop/element/adapter";import"@atlaskit/pragmatic-drag-and-drop/combine";function s(r,e,t){return e in r?Object.defineProperty(r,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):r[e]=t,r}function b(r){return e.isValidElement(r)&&"FlatTableRow"===r.type.displayName}const f=f=>{var{children:g,getOrder:y}=f,m=function(r,e){if(null==r)return{};var t,n,o=function(r,e){if(null==r)return{};var t,n,o={},a=Object.keys(r);for(n=0;n<a.length;n++)t=a[n],e.indexOf(t)>=0||(o[t]=r[t]);return o}(r,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(r);for(n=0;n<a.length;n++)t=a[n],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(r,t)&&(o[t]=r[t])}return o}(f,["children","getOrder"]);const[u,O]=t(e.Children.toArray(g)),j=n(!0);o((()=>{j.current?j.current=!1:O(e.Children.toArray(g))}),[g]);const h=u.every(b);return p(h,"FlatTableBodyDraggable only accepts children of type FlatTableRow."),r(i,(v=function(r){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable})))),n.forEach((function(e){s(r,e,t[e])}))}return r}({"data-component":"flat-table-body-draggable","data-role":"flat-table-body-draggable"},m),x={children:r(c,{onDrop:({dragged:r,target:e})=>{if(e){const r=u.map((r=>r.props.id));null==y||y(r)}else O(d({array:u,startIndex:u.findIndex((e=>String(e.props.id)===r.id)),endIndex:r.initialIndex}))},onDropTargetChange:({dragged:r,target:e})=>{e&&O(d({array:u,startIndex:u.findIndex((e=>String(e.props.id)===r.id)),endIndex:u.findIndex((r=>String(r.props.id)===e.id))}))},children:u.map(((t,n)=>e.cloneElement(t,{id:`${t.props.id}`,draggableProps:{index:n}},[r(l,{children:r(a,{type:"drag"})},t.props.id),t.props.children])))})},x=null!=x?x:{},Object.getOwnPropertyDescriptors?Object.defineProperties(v,Object.getOwnPropertyDescriptors(x)):function(r){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(r);e.push.apply(e,t)}return e}(Object(x)).forEach((function(r){Object.defineProperty(v,r,Object.getOwnPropertyDescriptor(x,r))})),v));var v,x};export{f as FlatTableBodyDraggable,f as default};

package/esm/components/flat-table/flat-table-body-draggable/flat-table-body-draggable.style.d.ts

@@ -0,0 +1,2 @@
+declare const StyledFlatTableBodyDraggable: import("styled-components").StyledComponent<"tbody", any, {}, never>;
+export default StyledFlatTableBodyDraggable;

package/esm/components/flat-table/flat-table-body-draggable/flat-table-body-draggable.style.js

@@ -0,0 +1 @@
+import a from"styled-components";const o=a.tbody.withConfig({displayName:"flat-table-body-draggable.style__StyledFlatTableBodyDraggable",componentId:"carbon_v162_12_0__sc-afbd7e57-0"})(["cursor:grab;"]);export{o as default};

package/esm/components/flat-table/flat-table-body-draggable/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./flat-table-body-draggable.component";
+export type { FlatTableBodyDraggableProps } from "./flat-table-body-draggable.component";

package/esm/components/flat-table/flat-table-body-draggable/index.js

@@ -0,0 +1 @@
+export{FlatTableBodyDraggable as default}from"./flat-table-body-draggable.component.js";

package/esm/components/flat-table/flat-table-cell/flat-table-cell.component.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+import { PaddingProps } from "styled-system";
+import { TableBorderSize, TableCellAlign } from "..";
+import { TagProps } from "../../../__internal__/utils/helpers/tags";
+export interface FlatTableCellProps extends PaddingProps, TagProps {
+    /** Content alignment */
+    align?: TableCellAlign;
+    /** Cell content */
+    children?: React.ReactNode;
+    /** Number of columns that a cell should span */
+    colspan?: number | string;
+    /** Number of rows that a cell should span */
+    rowspan?: number | string;
+    /** Column width, pass a number to set a fixed width in pixels */
+    width?: number;
+    /** Truncate cell content and add ellipsis to any text that overflows */
+    truncate?: boolean;
+    /** Title text to display if cell content truncates */
+    title?: string;
+    /** Sets a custom vertical right border */
+    verticalBorder?: TableBorderSize;
+    /** Sets the color of the right border */
+    verticalBorderColor?: string;
+    /** Sets an id string on the element */
+    id?: string;
+}
+export declare const FlatTableCell: {
+    ({ align, children, pl, width, truncate, title, colspan, rowspan, id, "data-element": dataElement, "data-role": dataRole, ...rest }: FlatTableCellProps): React.JSX.Element;
+    displayName: string;
+};
+export default FlatTableCell;

package/esm/components/flat-table/flat-table-cell/flat-table-cell.component.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useRef as r}from"react";import{StyledFlatTableCell as n,StyledCellContent as o}from"./flat-table-cell.style.js";import l from"../../icon/icon.component.js";import"../../icon/icon.style.js";import i from"../../../__internal__/utils/helpers/guid/index.js";import a from"../__internal__/use-table-cell.js";function c(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){c(e,t,r[t])}))}return e}function s(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const d=c=>{var{align:d="left",children:b,pl:u,width:f,truncate:m=!1,title:y,colspan:O,rowspan:g,id:j,"data-element":h,"data-role":w}=c,P=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(c,["align","children","pl","width","truncate","title","colspan","rowspan","id","data-element","data-role"]);const v=r(j||i()),{leftPosition:x,rightPosition:S,expandable:k,onClick:_,onKeyDown:C,isFirstCell:D,isExpandableCell:I,makeCellSticky:E,isInHighlightedRow:F,isInSelectedRow:N,tabIndex:T,bringToFront:K}=a(v.current);return e(n,s(p(s(p({leftPosition:x,rightPosition:S,makeCellSticky:E,className:E?"isSticky":void 0,align:d,"data-component":"flat-table-cell","data-element":h||"flat-table-cell","data-role":w,pl:u,onClick:I?_:void 0,tabIndex:I?T:void 0,onKeyDown:I?C:void 0,colWidth:f,isTruncated:m,expandable:k},void 0!==O&&{colSpan:Number(O)},void 0!==g&&{rowSpan:Number(g)}),{"data-selected":N&&I,"data-highlighted":F&&I}),P),{id:v.current,onFocus:e=>{K(e,"TD")},children:t(o,{title:m&&!y&&"string"==typeof b?b:y,expandable:k,"data-role":"flat-table-cell-content",children:[k&&D&&e(l,{type:"chevron_down_thick",mr:"8px"}),b]})}))};d.displayName="FlatTableCell";export{d as FlatTableCell,d as default};

package/esm/components/flat-table/flat-table-cell/flat-table-cell.style.d.ts

@@ -0,0 +1,17 @@
+import { PaddingProps } from "styled-system";
+import { FlatTableCellProps } from "./flat-table-cell.component";
+interface StyledFlatTableCellProps extends Pick<FlatTableCellProps, "align" | "verticalBorder" | "verticalBorderColor">, PaddingProps {
+    makeCellSticky: boolean;
+    colWidth?: number;
+    isTruncated: boolean;
+    leftPosition: number;
+    rightPosition: number;
+    expandable?: boolean;
+}
+declare const StyledFlatTableCell: import("styled-components").StyledComponent<"td", any, {
+    theme: object;
+} & StyledFlatTableCellProps, "theme">;
+declare const StyledCellContent: import("styled-components").StyledComponent<"div", any, {
+    expandable?: boolean;
+}, never>;
+export { StyledFlatTableCell, StyledCellContent };

package/esm/components/flat-table/flat-table-cell/flat-table-cell.style.js

@@ -0,0 +1 @@
+import o,{css as t}from"styled-components";import{padding as r}from"styled-system";import l from"../../../style/themes/apply-base-theme.js";import{toColor as e}from"../../../style/utils/color.js";const i={small:"1px",medium:"2px",large:"4px"},a=o.td.attrs(l).withConfig({displayName:"flat-table-cell.style__StyledFlatTableCell",componentId:"carbon_v162_12_0__sc-b4130bcd-0"})(["",""],(({align:o,theme:l,rowSpan:a,leftPosition:d,rightPosition:n,makeCellSticky:c,colWidth:s,isTruncated:p,expandable:m,verticalBorder:b,verticalBorderColor:y})=>t(["background-color:var(--colorsUtilityYang100);border-width:0;border-bottom:1px solid var(--colorsUtilityMajor100);text-align:",";vertical-align:middle;padding:0;"," &&&&{> div{box-sizing:border-box;"," "," ","}"," ",' [data-component="icon"]:not([data-color]){color:var(--colorsActionMinor500);}[data-component="button"] [data-component="icon"]:not([data-color]){color:currentColor;}button [data-component="icon"]:not([data-color]){color:currentColor;}}&:first-of-type{border-left:1px solid var(--colorsUtilityMajor100);}&:last-of-type{border-right:1px solid var(--colorsUtilityMajor100);}'," "," ",""],o,s&&t(["width:","px;"],s),p&&t(["text-overflow:ellipsis;overflow:hidden;white-space:nowrap;"]),s&&t(["width:","px;"],s),r,b&&t(["border-right:"," solid var(--colorsUtilityMajor300);"],i[b]),y&&t(["border-right-color:",";"],e(l,y)),a&&t(["&:first-of-type + &{border-left:1px solid var(--colorsUtilityMajor100);}"]),c&&t([""," "," position:sticky;"],void 0!==d&&`left: ${d}px;`,void 0!==n&&`right: ${n}px;`),m&&t(["white-space:nowrap;"])))),d=o.div.withConfig({displayName:"flat-table-cell.style__StyledCellContent",componentId:"carbon_v162_12_0__sc-b4130bcd-1"})(["",""],(({expandable:o})=>o&&t(["display:flex;align-items:center;line-height:1em;"])));export{d as StyledCellContent,a as StyledFlatTableCell};

package/esm/components/flat-table/flat-table-cell/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./flat-table-cell.component";
+export type { FlatTableCellProps } from "./flat-table-cell.component";

package/esm/components/flat-table/flat-table-cell/index.js

@@ -0,0 +1 @@
+export{FlatTableCell as default}from"./flat-table-cell.component.js";

package/esm/components/flat-table/flat-table-checkbox/flat-table-checkbox.component.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+import { TagProps } from "../../../__internal__/utils/helpers/tags";
+export interface FlatTableCheckboxProps extends TagProps {
+    /** Prop to polymorphically render either a 'th' or 'td' element */
+    as?: "td" | "th";
+    /** Prop to set checked prop on Checkbox */
+    checked: boolean;
+    /** Callback to be called onChange in Checkbox */
+    onChange: (ev: React.ChangeEvent<HTMLInputElement>) => void;
+    /** Whether to render the checkbox or not, defaults to true */
+    selectable?: boolean;
+    /** Callback function to be called when click event received */
+    onClick?: (ev: React.MouseEvent<HTMLElement>) => void;
+    /** The id of the element that labels the input */
+    ariaLabelledBy?: string;
+    /** Sets an id string on the element */
+    id?: string;
+    /** Prop to set disabled state on Checkbox */
+    disabled?: boolean;
+}
+export declare const FlatTableCheckbox: {
+    ({ as, checked, onChange, selectable, onClick, ariaLabelledBy, id, disabled, ...rest }: FlatTableCheckboxProps): React.JSX.Element;
+    displayName: string;
+};
+export default FlatTableCheckbox;