carbon-react 162.11.0 → 162.12.0-beta.1

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

@@ -1,35 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

@@ -1 +0,0 @@
-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_10_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_10_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_10_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

@@ -1,2 +0,0 @@
-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

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

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

@@ -1,40 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1,18 +0,0 @@
-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

@@ -1 +0,0 @@
-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_10_0__sc-f1cdfaa4-0"})(["display:none;"]),o=i.div.withConfig({displayName:"file-input.style__StyledFileInputPresentation",componentId:"carbon_v162_10_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

@@ -1,3 +0,0 @@
-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

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

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

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

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

@@ -1 +0,0 @@
-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

@@ -1,6 +0,0 @@
-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

@@ -1 +0,0 @@
-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

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

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

@@ -1 +0,0 @@
-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

@@ -1,24 +0,0 @@
-/** 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

@@ -1 +0,0 @@
-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

@@ -1,30 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1,2 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1,14 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1,6 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1,15 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1,28 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1,8 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1,2 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1,2 +0,0 @@
-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

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

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

@@ -1,2 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1,31 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1,17 +0,0 @@
-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

@@ -1 +0,0 @@
-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_10_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_10_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

@@ -1,2 +0,0 @@
-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

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

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

@@ -1,25 +0,0 @@
-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;

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

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import{useRef as t,useContext as r,useCallback as o}from"react";import n from"./flat-table-checkbox.style.js";import"../../checkbox/checkbox-group/checkbox-group.component.js";import{Checkbox as l}from"../../checkbox/checkbox.component.js";import c from"../../../__internal__/utils/helpers/events/events.js";import i from"../../../__internal__/utils/helpers/tags/tags.js";import a from"../../../__internal__/utils/helpers/guid/index.js";import s from"../flat-table-row/__internal__/flat-table-row.context.js";function b(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]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){b(e,t,r[t])}))}return e}const f=b=>{var{as:f="td",checked:u,onChange:m,selectable:y=!0,onClick:d,ariaLabelledBy:O,id:h,disabled:g=!1}=b,j=function(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},l=Object.keys(e);for(o=0;o<l.length;o++)r=l[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(o=0;o<l.length;o++)r=l[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(b,["as","checked","onChange","selectable","onClick","ariaLabelledBy","id","disabled"]);const k=t(null),P=t(h||a()),{leftPositions:x,rightPositions:_}=r(s),v=x[P.current],w=_[P.current],C=void 0!==v||void 0!==w,S="flat-table-checkbox-"+("td"===f?"cell":"header"),D=o((e=>{e.stopPropagation(),null==d||d(e)}),[d]),E=o((e=>{c.isDownKey(e)||c.isUpKey(e)||e.stopPropagation()}),[]);return e(n,(K=p({ref:k,makeCellSticky:C,className:C?"isSticky":void 0,leftPosition:v,rightPosition:w,as:f},i("flat-table-checkbox",p({"data-element":S},j))),B=null!=(B={id:P.current,children:y&&e(l,{checked:u,onChange:m,name:"flat-table-checkbox","aria-labelledby":O,onClick:D,onKeyDown:E,disabled:g,size:"small"})})?B:{},Object.getOwnPropertyDescriptors?Object.defineProperties(K,Object.getOwnPropertyDescriptors(B)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(B)).forEach((function(e){Object.defineProperty(K,e,Object.getOwnPropertyDescriptor(B,e))})),K));var K,B};f.displayName="FlatTableCheckbox";export{f as FlatTableCheckbox,f as default};

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

@@ -1,8 +0,0 @@
-import { FlatTableCheckboxProps } from "./flat-table-checkbox.component";
-interface StyledFlatTableCheckboxProps extends Pick<FlatTableCheckboxProps, "as"> {
-    makeCellSticky: boolean;
-    leftPosition: number;
-    rightPosition: number;
-}
-declare const StyledFlatTableCheckbox: import("styled-components").StyledComponent<"td", any, StyledFlatTableCheckboxProps, never>;
-export default StyledFlatTableCheckbox;

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

@@ -1 +0,0 @@
-import o,{css as t}from"styled-components";const i=o.td.withConfig({displayName:"flat-table-checkbox.style__StyledFlatTableCheckbox",componentId:"carbon_v162_10_0__sc-9f54b645-0"})([""," width:18px;"],(({as:o,leftPosition:i,rightPosition:e,makeCellSticky:r})=>t([""," "," ",""],"td"===o&&t(["background-color:var(--colorsUtilityYang100);border-width:0;border-bottom:1px solid var(--colorsUtilityMajor100);overflow:visible;padding:0;text-align:left;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;&:first-of-type{border-left:1px solid var(--colorsUtilityMajor100);}&:last-of-type{border-right:1px solid var(--colorsUtilityMajor100);}"]),"th"===o&&t(["background-color:transparent;border-width:0;border-bottom:1px solid var(--colorsUtilityMajor100);box-sizing:border-box;font-weight:500;left:auto;padding:0;text-align:left;user-select:none;vertical-align:middle;white-space:nowrap;"]),r&&t(["top:auto;"," "," position:sticky;"],void 0!==i&&`left: ${i}px;`,void 0!==e&&`right: ${e}px;`))));export{i as default};

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

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

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

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

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

@@ -1,6 +0,0 @@
-import React from "react";
-interface FlatTableHeadContextProps {
-    stickyOffsets: Record<string, number>;
-}
-declare const _default: React.Context<FlatTableHeadContextProps>;
-export default _default;

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

@@ -1 +0,0 @@
-import t from"react";var e=t.createContext({stickyOffsets:{}});export{e as default};

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

@@ -1,8 +0,0 @@
-import React from "react";
-import { TagProps } from "../../../__internal__/utils/helpers/tags";
-export interface FlatTableHeadProps extends TagProps {
-    /** Array of FlatTableRow. */
-    children: React.ReactNode;
-}
-export declare const FlatTableHead: ({ children, ...rest }: FlatTableHeadProps) => React.JSX.Element;
-export default FlatTableHead;

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

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import{useRef as t,useState as r,useEffect as n}from"react";import o from"./flat-table-head.style.js";import"../__internal__/strict-flat-table.context.js";import c from"../__internal__/build-position-map.js";import l from"./__internal__/flat-table-head.context.js";function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const a=a=>{var{children:f}=a,u=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},c=Object.keys(e);for(n=0;n<c.length;n++)r=c[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)r=c[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(a,["children"]);const p=t(null),[b,s]=r({});return n((()=>{var e;const t=null===(e=p.current)||void 0===e?void 0:e.querySelectorAll("tr");s(t?c(Array.from(t),"offsetHeight"):{})}),[f]),e(o,(O=function(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){i(e,t,r[t])}))}return e}({ref:p,"data-component":"flat-table-head"},u),y=null!=(y={children:e(l.Provider,{value:{stickyOffsets:b},children:f})})?y:{},Object.getOwnPropertyDescriptors?Object.defineProperties(O,Object.getOwnPropertyDescriptors(y)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(y)).forEach((function(e){Object.defineProperty(O,e,Object.getOwnPropertyDescriptor(y,e))})),O));var O,y};export{a as FlatTableHead,a as default};

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

@@ -1,4 +0,0 @@
-declare const StyledFlatTableHead: import("styled-components").StyledComponent<"thead", any, {
-    theme: object;
-}, "theme">;
-export default StyledFlatTableHead;

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

@@ -1 +0,0 @@
-import e from"styled-components";import t from"../../../style/themes/apply-base-theme.js";import{StyledFlatTableRowHeader as a}from"../flat-table-row-header/flat-table-row-header.style.js";import o from"../flat-table-checkbox/flat-table-checkbox.style.js";const l=e.thead.attrs(t).withConfig({displayName:"flat-table-head.style__StyledFlatTableHead",componentId:"carbon_v162_10_0__sc-27155f22-0"})(["&&&{","{border-left:none;border-right:none;}",",","{font-weight:500;}}"],o,a,o);export{l as default};

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

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