carbon-react 154.3.2 → 154.4.0-beta.0

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

@@ -1,97 +1 @@
-import styled, { css } from "styled-components";
-import StyledTypography from "../../../typography/typography.style";
-import StyledIcon from "../../../icon/icon.style";
-import { StyledProgressBar, InnerBar as ProgressTrackerInnerBar } from "../../../progress-tracker/progress-tracker.style";
-import StyledLoaderBar, { StyledLoader, InnerBar as LoaderBarInnerBar } from "../../../loader-bar/loader-bar.style";
-import { StyledLink, StyledContent } from "../../../link/link.style";
-export const StyledFileLinkContainer = styled.div`
-  color: var(--colorsActionMajorYin090);
-  display: flex;
-  align-items: center;
-  overflow-x: hidden;
-  overflow-y: visible;
-  padding-right: var(--spacing150);
-
-  ${StyledLink} {
-    overflow: hidden;
-  }
-
-  ${StyledLink} a {
-    overflow: hidden;
-    display: flex;
-    text-decoration: none;
-  }
-
-  ${StyledContent} {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    text-decoration: underline;
-  }
-
-  &&& ${StyledIcon} {
-    display: inline-flex;
-    justify-content: center;
-    align-items: flex-start;
-    width: 24px;
-    height: 24px;
-
-    // only apply these styles when the icon is not part of a Link component
-    :not(${StyledLink} ${StyledIcon}) {
-      color: var(--colorsUtilityYin065);
-      padding-right: var(--spacing100);
-    }
-  }
-`;
-export const StyledFileUploadStatusRow = styled.div`
-  display: flex;
-  justify-content: space-between;
-  ${({
-  onlyRow
-}) => onlyRow ? "" : "align-items: baseline;"}
-  padding-left: var(--spacing150);
-  ${({
-  upperPadding
-}) => upperPadding ? "padding-top: var(--spacing050);" : ""}
-  ${({
-  lowerPadding
-}) => lowerPadding ? "padding-bottom: var(--spacing125);" : ""}
-
-  ${StyledTypography} {
-    color: var(--colorsUtilityYin055);
-  }
-`;
-export const StyledFileUploadStatus = styled.div`
-  background-color: var(--colorsUtilityYang100);
-  ${({
-  hasError
-}) => {
-  const borderWidthToken = hasError ? "borderWidth200" : "borderWidth100";
-  const colorToken = hasError ? "colorsSemanticNegative500" : "colorsUtilityMajor300";
-  return css`
-      border: var(--${borderWidthToken}) solid var(--${colorToken});
-      ${hasError && `&& ${StyledTypography} {
-        color: var(--${colorToken});
-        font-weight: 400;
-      }`}
-    `;
-}}
-  border-radius: var(--borderRadius050);
-
-  ${StyledProgressBar}, ${ProgressTrackerInnerBar} {
-    border-radius: var(--borderRadius050);
-    border: none;
-  }
-
-  ${StyledLoader} {
-    display: flex;
-  }
-
-  ${StyledLoaderBar} {
-    background-color: var(--colorsSemanticNeutral200);
-  }
-
-  ${LoaderBarInnerBar} {
-    background-color: var(--colorsSemanticNeutral500);
-    border-radius: var(--borderRadius050);
-  }
-`;
+import o,{css as r}from"styled-components";import e from"../../../typography/typography.style.js";import i from"../../../icon/icon.style.js";import{StyledProgressBar as t,InnerBar as a}from"../../../progress-tracker/progress-tracker.style.js";import l,{StyledLoader as n,InnerBar as d}from"../../../loader-bar/loader-bar.style.js";import{StyledLink as s,StyledContent as c}from"../../../link/link.style.js";const p=o.div.withConfig({displayName:"file-upload-status.style__StyledFileLinkContainer",componentId:"sc-c69486a8-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);}}"],s,s,c,i,s,i),y=o.div.withConfig({displayName:"file-upload-status.style__StyledFileUploadStatusRow",componentId:"sc-c69486a8-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:"sc-c69486a8-2"})(["background-color:var(--colorsUtilityYang100);"," border-radius:var(--borderRadius050);",",","{border-radius:var(--borderRadius050);border:none;}","{display:flex;}","{background-color:var(--colorsSemanticNeutral200);}","{background-color:var(--colorsSemanticNeutral500);border-radius:var(--borderRadius050);}"],(({hasError:o})=>{const i=o?"colorsSemanticNegative500":"colorsUtilityMajor300";return r(["border:var(--",") solid var(--",");",""],o?"borderWidth200":"borderWidth100",i,o&&`&& ${e} {\n        color: var(--${i});\n        font-weight: 400;\n      }`)}),t,a,n,l,d);export{p as StyledFileLinkContainer,g as StyledFileUploadStatus,y as StyledFileUploadStatusRow};

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

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

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

@@ -1,173 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { useRef, useState, useEffect } from "react";
-import { filterStyledSystemMarginProps } from "../../style/utils";
-import { InputBehaviour } from "../../__internal__/input-behaviour";
-import FormField from "../../__internal__/form-field";
-import useUniqueId from "../../hooks/__internal__/useUniqueId";
-import useInputAccessibility from "../../hooks/__internal__/useInputAccessibility/useInputAccessibility";
-import ValidationMessage from "../../__internal__/validation-message";
-import { StyledHiddenFileInput, StyledFileInputPresentation } from "./file-input.style";
-import ErrorBorder from "../textbox/textbox.style";
-import ButtonMinor from "../button-minor";
-import Typography from "../typography";
-import FileUploadStatus from "./__internal__/file-upload-status";
-import Box from "../box";
-import useLocale from "../../hooks/__internal__/useLocale";
-import HintText from "../../__internal__/hint-text";
-import Logger from "../../__internal__/utils/logger";
-let deprecateOptionalWarnTriggered = false;
-export const FileInput = /*#__PURE__*/React.forwardRef(({
-  accept,
-  buttonText,
-  "data-element": dataElement,
-  "data-role": dataRole,
-  dragAndDropText,
-  error,
-  label,
-  id,
-  inputHint,
-  isVertical,
-  maxHeight,
-  maxWidth,
-  minHeight,
-  minWidth = "280px",
-  name,
-  onChange,
-  required,
-  isOptional,
-  uploadStatus = [],
-  ...rest
-}, ref) => {
-  if (!deprecateOptionalWarnTriggered && isOptional) {
-    deprecateOptionalWarnTriggered = true;
-    Logger.deprecate("`isOptional` is deprecated in FileInput and support will soon be removed. If the value of this component is not required, use the `required` prop and set it to false instead.");
-  }
-  const locale = useLocale();
-  const textOnButton = buttonText || locale.fileInput.selectFile();
-  const mainText = dragAndDropText || locale.fileInput.dragAndDrop();
-  const sizeProps = {
-    maxHeight: maxHeight || undefined,
-    maxWidth: maxWidth || minWidth,
-    minHeight,
-    minWidth
-  };
-  const [uniqueId, uniqueName] = useUniqueId(id, name);
-  const [isDraggedOver, setIsDraggedOver] = useState(false);
-  const [isDraggingFile, setIsDraggingFile] = useState(false);
-  const internalInputRef = useRef(null);
-  const internalCallbackRef = fileInput => {
-    internalInputRef.current = fileInput;
-    if (typeof ref === "function") {
-      ref(fileInput);
-    } else if (ref) {
-      ref.current = fileInput;
-    }
-  };
-  const startDrag = e => {
-    e.preventDefault();
-    if (e.dataTransfer?.types.includes("Files")) {
-      setIsDraggingFile(true);
-    }
-  };
-  const stopDrag = e => {
-    e.preventDefault();
-    setIsDraggingFile(false);
-  };
-  useEffect(() => {
-    document.addEventListener("dragover", startDrag);
-    document.addEventListener("drop", stopDrag);
-    document.addEventListener("dragleave", stopDrag);
-    return () => {
-      document.removeEventListener("dragover", startDrag);
-      document.removeEventListener("drop", stopDrag);
-      document.removeEventListener("dragleave", stopDrag);
-    };
-  }, []);
-  const onSelectFileClick = () => {
-    internalInputRef.current?.click();
-  };
-  const onFileAdded = files => {
-    onChange?.(files);
-  };
-  const onDragOver = e => {
-    e.preventDefault();
-    if (e.dataTransfer?.types.includes("Files")) {
-      setIsDraggedOver(true);
-    }
-  };
-  const onDragLeave = e => {
-    e.preventDefault();
-    e.stopPropagation(); // stop event triggering the document listener that resets the styles
-    setIsDraggedOver(false);
-  };
-  const onDrop = e => {
-    e.preventDefault();
-    setIsDraggedOver(false);
-    onFileAdded(e.dataTransfer.files);
-  };
-  const onInputChange = e => {
-    onFileAdded(e.target.files);
-  };
-  const {
-    labelId,
-    validationId
-  } = useInputAccessibility({
-    id: uniqueId,
-    validationRedesignOptIn: true,
-    error,
-    label
-  });
-
-  // allow for single input that a single set of status props is provided
-  const filesUploaded = Array.isArray(uploadStatus) ? uploadStatus : [uploadStatus];
-  const input = /*#__PURE__*/React.createElement(React.Fragment, null, inputHint && /*#__PURE__*/React.createElement(HintText, null, inputHint), /*#__PURE__*/React.createElement(Box, {
-    position: "relative"
-  }, /*#__PURE__*/React.createElement(ValidationMessage, {
-    error: error,
-    validationId: validationId
-  }), error && /*#__PURE__*/React.createElement(ErrorBorder, {
-    warning: false
-  }), /*#__PURE__*/React.createElement(StyledHiddenFileInput, _extends({}, required && {
-    required
-  }, {
-    accept: accept,
-    "aria-invalid": !!error,
-    id: uniqueId,
-    ref: internalCallbackRef,
-    name: uniqueName,
-    onChange: onInputChange,
-    type: "file"
-  }, rest)), /*#__PURE__*/React.createElement(StyledFileInputPresentation, _extends({
-    "data-role": "file-input-presentation",
-    isDraggedOver: isDraggedOver,
-    isDraggingFile: isDraggingFile,
-    error: error,
-    onDragLeave: onDragLeave,
-    onDragOver: onDragOver,
-    onDrop: onDrop,
-    isVertical: isVertical
-  }, sizeProps), /*#__PURE__*/React.createElement(ButtonMinor, {
-    buttonType: "primary",
-    onClick: onSelectFileClick
-  }, textOnButton), /*#__PURE__*/React.createElement(Typography, {
-    m: 0
-  }, mainText))));
-  return /*#__PURE__*/React.createElement(InputBehaviour, null, /*#__PURE__*/React.createElement(FormField, _extends({
-    error: error,
-    label: label,
-    labelId: labelId,
-    id: uniqueId,
-    isRequired: required,
-    isOptional: isOptional,
-    "data-component": "file-input",
-    "data-role": dataRole,
-    "data-element": dataElement,
-    validationRedesignOptIn: true // do not support old-style validation for File Input component
-  }, filterStyledSystemMarginProps(rest)), filesUploaded.length === 0 ? input : filesUploaded.map(props => /*#__PURE__*/React.createElement(StyledFileInputPresentation, _extends({
-    hasUploadStatus: true
-  }, sizeProps, {
-    key: props.filename
-  }), /*#__PURE__*/React.createElement(FileUploadStatus, props)))));
-});
-FileInput.displayName = "FileInput";
-export default FileInput;
+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 p}from"../../__internal__/input-behaviour/input-behaviour.component.js";import d from"../../__internal__/form-field/form-field.component.js";import u from"../../hooks/__internal__/useUniqueId/index.js";import m from"../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js";import c from"../../__internal__/validation-message/validation-message.component.js";import{StyledHiddenFileInput as f,StyledFileInputPresentation as g}from"./file-input.style.js";import v from"../textbox/textbox.style.js";import{ButtonMinor as b}from"../button-minor/button-minor.component.js";import{Typography as y}from"../typography/typography.component.js";import{FileUploadStatus as h}from"./__internal__/file-upload-status/file-upload-status.component.js";import{Box as O}from"../box/box.component.js";import _ from"../../hooks/__internal__/useLocale/useLocale.js";import{HintText as j}from"../../__internal__/hint-text/hint-text.component.js";import x from"../../__internal__/utils/logger/index.js";function D(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function I(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){D(e,t,r[t])}))}return e}function w(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}let P=!1;const k=n.forwardRef(((n,D)=>{var{accept:k,buttonText:E,"data-element":L,"data-role":S,dragAndDropText:H,error:T,label:q,id:A,inputHint:F,isVertical:W,maxHeight:C,maxWidth:R,minHeight:V,minWidth:U="280px",name:N,onChange:z,required:B,isOptional:G,uploadStatus:J=[]}=n,K=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","isOptional","uploadStatus"]);!P&&G&&(P=!0,x.deprecate("`isOptional` is deprecated in FileInput and support will soon be removed. If the value of this component is not required, use the `required` prop and set it to false instead."));const M=_(),Q=E||M.fileInput.selectFile(),X=H||M.fileInput.dragAndDrop(),Y={maxHeight:C||void 0,maxWidth:R||U,minHeight:V,minWidth:U},[Z,$]=u(A,N),[ee,te]=i(!1),[re,ne]=i(!1),ie=o(null),oe=e=>{var t;e.preventDefault(),(null===(t=e.dataTransfer)||void 0===t?void 0:t.types.includes("Files"))&&ne(!0)},ae=e=>{e.preventDefault(),ne(!1)};a((()=>(document.addEventListener("dragover",oe),document.addEventListener("drop",ae),document.addEventListener("dragleave",ae),()=>{document.removeEventListener("dragover",oe),document.removeEventListener("drop",ae),document.removeEventListener("dragleave",ae)})),[]);const le=e=>{null==z||z(e)},{labelId:se,validationId:pe}=m({id:Z,validationRedesignOptIn:!0,error:T,label:q}),de=Array.isArray(J)?J:[J],ue=e(t,{children:[F&&r(j,{children:F}),e(O,{position:"relative",children:[r(c,{error:T,validationId:pe}),T&&r(v,{warning:!1}),r(f,I(w(I({},B&&{required:B}),{accept:k,"aria-invalid":!!T,id:Z,ref:e=>{ie.current=e,"function"==typeof D?D(e):D&&(D.current=e)},name:$,onChange:e=>{le(e.target.files)},type:"file"}),K)),e(g,w(I({"data-role":"file-input-presentation",isDraggedOver:ee,isDraggingFile:re,error:T,onDragLeave:e=>{e.preventDefault(),e.stopPropagation(),te(!1)},onDragOver:e=>{var t;e.preventDefault(),(null===(t=e.dataTransfer)||void 0===t?void 0:t.types.includes("Files"))&&te(!0)},onDrop:e=>{e.preventDefault(),te(!1),le(e.dataTransfer.files)},isVertical:W},Y),{children:[r(b,{buttonType:"primary",onClick:()=>{var e;null===(e=ie.current)||void 0===e||e.click()},children:Q}),r(y,{m:0,children:X})]}))]})]});return r(p,{children:r(d,w(I({error:T,label:q,labelId:se,id:Z,isRequired:B,isOptional:G,"data-component":"file-input","data-role":S,"data-element":L,validationRedesignOptIn:!0},s(K)),{children:0===de.length?ue:de.map((e=>l(g,w(I({hasUploadStatus:!0},Y),{key:e.filename}),r(h,I({},e)))))}))})}));k.displayName="FileInput";export{k as FileInput,k as default};

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

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

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

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

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

@@ -1,16 +1 @@
-export default (array, propertyName) => array.reduce((acc, _, index) => {
-  const currentId = array[index].getAttribute("id");
-  if (currentId) {
-    if (index === 0) {
-      acc[currentId] = 0;
-    } else {
-      const previousId = array[index - 1].getAttribute("id");
-
-      /* istanbul ignore else */
-      if (previousId) {
-        acc[currentId] = acc[previousId] + array[index - 1][propertyName];
-      }
-    }
-  }
-  return acc;
-}, {});
+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.js

@@ -1,6 +1 @@
-import { createContext } from "react";
-const FlatTableContext = /*#__PURE__*/createContext({
-  isInFlatTable: false,
-  setHasOpenDatePicker: undefined
-});
-export default FlatTableContext;
+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.js

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

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

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

@@ -1,89 +1 @@
-import { useContext, useEffect, useState } from "react";
-import FlatTableRowContext from "../flat-table-row/__internal__/flat-table-row.context";
-import { useStrictFlatTableContext } from "./strict-flat-table.context";
-export default id => {
-  const {
-    getTabStopElementId
-  } = useStrictFlatTableContext();
-  const [tabIndex, setTabIndex] = useState(-1);
-  const {
-    expandable,
-    firstCellId,
-    firstColumnExpandable,
-    leftPositions,
-    rightPositions,
-    onClick,
-    onKeyDown,
-    highlighted,
-    selected
-  } = useContext(FlatTableRowContext);
-  const leftPosition = leftPositions[id];
-  const rightPosition = rightPositions[id];
-  const makeCellSticky = leftPosition !== undefined || rightPosition !== undefined;
-  const isFirstCell = id === firstCellId;
-  const isExpandableCell = expandable && isFirstCell && firstColumnExpandable;
-  const bringToFront = (ev, tagName) => {
-    /* istanbul ignore if */
-    if (!ev || !ev.nativeEvent || typeof ev.nativeEvent.composedPath !== "function") {
-      return;
-    }
-    const {
-      nativeEvent
-    } = ev;
-
-    // get the entire path of the event
-    const path = nativeEvent.composedPath();
-
-    // get the table from the path
-    const tableBody = path.find(el => {
-      return el instanceof HTMLElement && el.tagName === "TBODY";
-    });
-
-    // if there is no table in the path we don't do anything
-    if (!tableBody) {
-      return;
-    }
-
-    // get all the th and td elements that are sticky
-    const stickyCells = Array.from(tableBody.querySelectorAll("th, td")).filter(el => {
-      return el.getAttribute("data-sticky-align") === "left" || el.getAttribute("data-sticky-align") === "right" || el.classList.contains("isSticky");
-    });
-
-    // reset the z-index to the default value for all the sticky cells, in case other cells were clicked before
-    stickyCells.map(el => {
-      el.classList.remove("bringToFront");
-      return el;
-    });
-
-    // find the current cell in the path
-    const cell = path.find(el => el instanceof HTMLElement && el.tagName === tagName);
-
-    // if the current cell is sticky, increase the z-index value
-    const cellIndex = stickyCells.indexOf(cell);
-    if (cellIndex !== -1) {
-      stickyCells[cellIndex].classList.add("bringToFront");
-    }
-  };
-  useEffect(() => {
-    const tabstopTimer = setTimeout(() => {
-      setTabIndex(isExpandableCell && getTabStopElementId() === id ? 0 : -1);
-    }, 0);
-    return () => {
-      clearTimeout(tabstopTimer);
-    };
-  }, [getTabStopElementId, isExpandableCell, id]);
-  return {
-    expandable,
-    leftPosition,
-    rightPosition,
-    makeCellSticky,
-    onClick,
-    onKeyDown,
-    isFirstCell,
-    isExpandableCell,
-    tabIndex,
-    isInHighlightedRow: highlighted,
-    isInSelectedRow: selected,
-    bringToFront
-  };
-};
+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.js

@@ -1,27 +1 @@
-export default {
-  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"
-  }
-};
+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.js

@@ -1,13 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React from "react";
-export const FlatTableBody = /*#__PURE__*/React.forwardRef(({
-  children,
-  ...rest
-}, ref) => {
-  return /*#__PURE__*/React.createElement("tbody", _extends({
-    ref: ref,
-    "data-component": "flat-table-body"
-  }, rest), children);
-});
-FlatTableBody.displayName = "FlatTableBody";
-export default FlatTableBody;
+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.js

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

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

@@ -1,85 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { useEffect, useState, useRef } from "react";
-import { useDrop, DndProvider } from "react-dnd";
-import { HTML5Backend } from "react-dnd-html5-backend";
-import StyledIcon from "../../icon/icon.style";
-import StyledFlatTableBodyDraggable from "./flat-table-body-draggable.style";
-import FlatTableCell from "../flat-table-cell/flat-table-cell.component";
-const DropTarget = ({
-  children,
-  getOrder,
-  ...rest
-}) => {
-  const [isDragging, setIsDragging] = useState(false);
-  const [, drop] = useDrop({
-    accept: "flatTableRow",
-    hover: (_, monitor) => {
-      if (!isDragging && monitor.isOver()) setIsDragging(true);
-    },
-    drop() {
-      setIsDragging(false);
-      getOrder?.();
-    }
-  });
-  return /*#__PURE__*/React.createElement(StyledFlatTableBodyDraggable, _extends({
-    "data-component": "flat-table-body-draggable",
-    "data-role": "flat-table-body-draggable",
-    ref: drop,
-    isDragging: isDragging
-  }, rest), children);
-};
-export const FlatTableBodyDraggable = ({
-  children,
-  getOrder,
-  ...rest
-}) => {
-  const [draggableItems, setDraggableItems] = useState(React.Children.toArray(children));
-  const isFirstRender = useRef(true);
-  useEffect(() => {
-    if (!isFirstRender.current) {
-      setDraggableItems(React.Children.toArray(children));
-    } else {
-      isFirstRender.current = false;
-    }
-  }, [children]);
-  const findItem = id => {
-    const draggableItem = draggableItems.filter(item => /*#__PURE__*/React.isValidElement(item) && `${item.props.id}` === id)[0];
-    return {
-      draggableItem,
-      index: draggableItems.indexOf(draggableItem)
-    };
-  };
-  const moveItem = (id, atIndex) => {
-    const {
-      draggableItem,
-      index
-    } = findItem(id);
-    if (!draggableItem) return;
-    const copyOfDraggableItems = [...draggableItems];
-    copyOfDraggableItems.splice(index, 1);
-    copyOfDraggableItems.splice(atIndex, 0, draggableItem);
-    setDraggableItems(copyOfDraggableItems);
-  };
-  const getItemsId = () => {
-    if (!getOrder) {
-      return;
-    }
-    const draggableItemIds = draggableItems.map(draggableItem => /*#__PURE__*/React.isValidElement(draggableItem) && draggableItem.props.id);
-    getOrder(draggableItemIds);
-  };
-  return /*#__PURE__*/React.createElement(DndProvider, {
-    backend: HTML5Backend
-  }, /*#__PURE__*/React.createElement(DropTarget, _extends({
-    getOrder: getItemsId
-  }, rest), draggableItems.map(item => /*#__PURE__*/React.isValidElement(item) && /*#__PURE__*/React.cloneElement(item, {
-    id: `${item.props.id}`,
-    moveItem,
-    findItem,
-    draggable: true
-  }, [/*#__PURE__*/React.createElement(FlatTableCell, {
-    key: item.props.id
-  }, /*#__PURE__*/React.createElement(StyledIcon, {
-    type: "drag"
-  })), item.props.children]))));
-};
-export default FlatTableBodyDraggable;
+import{jsx as e}from"react/jsx-runtime";import r,{useState as t,useRef as n,useEffect as o}from"react";import{DndProvider as l,useDrop as c}from"react-dnd";import{HTML5Backend as i}from"react-dnd-html5-backend";import a from"../../icon/icon.style.js";import d from"./flat-table-body-draggable.style.js";import{FlatTableCell as p}from"../flat-table-cell/flat-table-cell.component.js";function f(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function b(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){f(e,r,t[r])}))}return e}function s(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}function u(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}const m=r=>{var{children:n,getOrder:o}=r,l=u(r,["children","getOrder"]);const[i,a]=t(!1),[,p]=c({accept:"flatTableRow",hover:(e,r)=>{!i&&r.isOver()&&a(!0)},drop(){a(!1),null==o||o()}});return e(d,s(b({"data-component":"flat-table-body-draggable","data-role":"flat-table-body-draggable",ref:p,isDragging:i},l),{children:n}))},O=c=>{var{children:d,getOrder:f}=c,O=u(c,["children","getOrder"]);const[g,y]=t(r.Children.toArray(d)),j=n(!0);o((()=>{j.current?j.current=!1:y(r.Children.toArray(d))}),[d]);const h=e=>{const t=g.filter((t=>r.isValidElement(t)&&`${t.props.id}`===e))[0];return{draggableItem:t,index:g.indexOf(t)}},v=(e,r)=>{const{draggableItem:t,index:n}=h(e);if(!t)return;const o=[...g];o.splice(n,1),o.splice(r,0,t),y(o)};return e(l,{backend:i,children:e(m,s(b({getOrder:()=>{if(!f)return;const e=g.map((e=>r.isValidElement(e)&&e.props.id));f(e)}},O),{children:g.map((t=>r.isValidElement(t)&&r.cloneElement(t,{id:`${t.props.id}`,moveItem:v,findItem:h,draggable:!0},[e(p,{children:e(a,{type:"drag"})},t.props.id),t.props.children])))}))})};export{O as FlatTableBodyDraggable,O as default};

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

@@ -1,9 +1 @@
-import styled, { css } from "styled-components";
-const StyledFlatTableBodyDraggable = styled.tbody`
-  ${({
-  isDragging
-}) => isDragging && css`
-      cursor: grabbing;
-    `}
-`;
-export default StyledFlatTableBodyDraggable;
+import a,{css as t}from"styled-components";const o=a.tbody.withConfig({displayName:"flat-table-body-draggable.style__StyledFlatTableBodyDraggable",componentId:"sc-3b587cbf-0"})(["",""],(({isDragging:a})=>a&&t(["cursor:grabbing;"])));export{o as default};