carbon-react 154.3.2 → 154.3.3-beta.1

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

@@ -1,106 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledFileUploadStatusRow = exports.StyledFileUploadStatus = exports.StyledFileLinkContainer = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _typography = _interopRequireDefault(require("../../../typography/typography.style"));
-var _icon = _interopRequireDefault(require("../../../icon/icon.style"));
-var _progressTracker = require("../../../progress-tracker/progress-tracker.style");
-var _loaderBar = _interopRequireWildcard(require("../../../loader-bar/loader-bar.style"));
-var _link = require("../../../link/link.style");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const StyledFileLinkContainer = exports.StyledFileLinkContainer = _styledComponents.default.div`
-  color: var(--colorsActionMajorYin090);
-  display: flex;
-  align-items: center;
-  overflow-x: hidden;
-  overflow-y: visible;
-  padding-right: var(--spacing150);
-
-  ${_link.StyledLink} {
-    overflow: hidden;
-  }
-
-  ${_link.StyledLink} a {
-    overflow: hidden;
-    display: flex;
-    text-decoration: none;
-  }
-
-  ${_link.StyledContent} {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    text-decoration: underline;
-  }
-
-  &&& ${_icon.default} {
-    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(${_link.StyledLink} ${_icon.default}) {
-      color: var(--colorsUtilityYin065);
-      padding-right: var(--spacing100);
-    }
-  }
-`;
-const StyledFileUploadStatusRow = exports.StyledFileUploadStatusRow = _styledComponents.default.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);" : ""}
-
-  ${_typography.default} {
-    color: var(--colorsUtilityYin055);
-  }
-`;
-const StyledFileUploadStatus = exports.StyledFileUploadStatus = _styledComponents.default.div`
-  background-color: var(--colorsUtilityYang100);
-  ${({
-  hasError
-}) => {
-  const borderWidthToken = hasError ? "borderWidth200" : "borderWidth100";
-  const colorToken = hasError ? "colorsSemanticNegative500" : "colorsUtilityMajor300";
-  return (0, _styledComponents.css)`
-      border: var(--${borderWidthToken}) solid var(--${colorToken});
-      ${hasError && `&& ${_typography.default} {
-        color: var(--${colorToken});
-        font-weight: 400;
-      }`}
-    `;
-}}
-  border-radius: var(--borderRadius050);
-
-  ${_progressTracker.StyledProgressBar}, ${_progressTracker.InnerBar} {
-    border-radius: var(--borderRadius050);
-    border: none;
-  }
-
-  ${_loaderBar.StyledLoader} {
-    display: flex;
-  }
-
-  ${_loaderBar.default} {
-    background-color: var(--colorsSemanticNeutral200);
-  }
-
-  ${_loaderBar.InnerBar} {
-    background-color: var(--colorsSemanticNeutral500);
-    border-radius: var(--borderRadius050);
-  }
-`;
+"use strict";var e=require("styled-components"),r=require("../../../typography/typography.style.js"),t=require("../../../icon/icon.style.js"),o=require("../../../progress-tracker/progress-tracker.style.js"),a=require("../../../loader-bar/loader-bar.style.js"),i=require("../../../link/link.style.js");function l(e){return e&&e.__esModule?e:{default:e}}var d=l(e);const n=d.default.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);}}"],i.StyledLink,i.StyledLink,i.StyledContent,t.default,i.StyledLink,t.default),s=d.default.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:e})=>e?"":"align-items: baseline;"),(({upperPadding:e})=>e?"padding-top: var(--spacing050);":""),(({lowerPadding:e})=>e?"padding-bottom: var(--spacing125);":""),r.default),c=d.default.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:t})=>{const o=t?"borderWidth200":"borderWidth100",a=t?"colorsSemanticNegative500":"colorsUtilityMajor300";return e.css(["border:var(--",") solid var(--",");",""],o,a,t&&`&& ${r.default} {\n        color: var(--${a});\n        font-weight: 400;\n      }`)}),o.StyledProgressBar,o.InnerBar,a.StyledLoader,a.default,a.InnerBar);exports.StyledFileLinkContainer=n,exports.StyledFileUploadStatus=c,exports.StyledFileUploadStatusRow=s;

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

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _fileUploadStatus.default;
-  }
-});
-var _fileUploadStatus = _interopRequireDefault(require("./file-upload-status.component"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./file-upload-status.component.js");exports.default=e.FileUploadStatus;

package/lib/components/file-input/__internal__/file-upload-status/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../../../esm/components/file-input/__internal__/file-upload-status/index.js",
   "main": "./index.js",
+  "module": "../../../esm/components/file-input/__internal__/file-upload-status/index.js",
   "types": "./index.d.ts"
 }

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

@@ -1,182 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.FileInput = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _utils = require("../../style/utils");
-var _inputBehaviour = require("../../__internal__/input-behaviour");
-var _formField = _interopRequireDefault(require("../../__internal__/form-field"));
-var _useUniqueId = _interopRequireDefault(require("../../hooks/__internal__/useUniqueId"));
-var _useInputAccessibility = _interopRequireDefault(require("../../hooks/__internal__/useInputAccessibility/useInputAccessibility"));
-var _validationMessage = _interopRequireDefault(require("../../__internal__/validation-message"));
-var _fileInput = require("./file-input.style");
-var _textbox = _interopRequireDefault(require("../textbox/textbox.style"));
-var _buttonMinor = _interopRequireDefault(require("../button-minor"));
-var _typography = _interopRequireDefault(require("../typography"));
-var _fileUploadStatus = _interopRequireDefault(require("./__internal__/file-upload-status"));
-var _box = _interopRequireDefault(require("../box"));
-var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
-var _hintText = _interopRequireDefault(require("../../__internal__/hint-text"));
-var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-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); }
-let deprecateOptionalWarnTriggered = false;
-const FileInput = exports.FileInput = /*#__PURE__*/_react.default.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.default.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 = (0, _useLocale.default)();
-  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] = (0, _useUniqueId.default)(id, name);
-  const [isDraggedOver, setIsDraggedOver] = (0, _react.useState)(false);
-  const [isDraggingFile, setIsDraggingFile] = (0, _react.useState)(false);
-  const internalInputRef = (0, _react.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);
-  };
-  (0, _react.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
-  } = (0, _useInputAccessibility.default)({
-    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.default.createElement(_react.default.Fragment, null, inputHint && /*#__PURE__*/_react.default.createElement(_hintText.default, null, inputHint), /*#__PURE__*/_react.default.createElement(_box.default, {
-    position: "relative"
-  }, /*#__PURE__*/_react.default.createElement(_validationMessage.default, {
-    error: error,
-    validationId: validationId
-  }), error && /*#__PURE__*/_react.default.createElement(_textbox.default, {
-    warning: false
-  }), /*#__PURE__*/_react.default.createElement(_fileInput.StyledHiddenFileInput, _extends({}, required && {
-    required
-  }, {
-    accept: accept,
-    "aria-invalid": !!error,
-    id: uniqueId,
-    ref: internalCallbackRef,
-    name: uniqueName,
-    onChange: onInputChange,
-    type: "file"
-  }, rest)), /*#__PURE__*/_react.default.createElement(_fileInput.StyledFileInputPresentation, _extends({
-    "data-role": "file-input-presentation",
-    isDraggedOver: isDraggedOver,
-    isDraggingFile: isDraggingFile,
-    error: error,
-    onDragLeave: onDragLeave,
-    onDragOver: onDragOver,
-    onDrop: onDrop,
-    isVertical: isVertical
-  }, sizeProps), /*#__PURE__*/_react.default.createElement(_buttonMinor.default, {
-    buttonType: "primary",
-    onClick: onSelectFileClick
-  }, textOnButton), /*#__PURE__*/_react.default.createElement(_typography.default, {
-    m: 0
-  }, mainText))));
-  return /*#__PURE__*/_react.default.createElement(_inputBehaviour.InputBehaviour, null, /*#__PURE__*/_react.default.createElement(_formField.default, _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
-  }, (0, _utils.filterStyledSystemMarginProps)(rest)), filesUploaded.length === 0 ? input : filesUploaded.map(props => /*#__PURE__*/_react.default.createElement(_fileInput.StyledFileInputPresentation, _extends({
-    hasUploadStatus: true
-  }, sizeProps, {
-    key: props.filename
-  }), /*#__PURE__*/_react.default.createElement(_fileUploadStatus.default, props)))));
-});
-FileInput.displayName = "FileInput";
-var _default = exports.default = FileInput;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react");require("../../style/utils/filter-styled-system-padding-props.js");var r=require("../../style/utils/filter-styled-system-margin-props.js"),n=require("../../__internal__/input-behaviour/input-behaviour.component.js"),i=require("../../__internal__/form-field/form-field.component.js"),a=require("../../hooks/__internal__/useUniqueId/index.js"),o=require("../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js"),l=require("../../__internal__/validation-message/validation-message.component.js"),s=require("./file-input.style.js"),u=require("../textbox/textbox.style.js"),d=require("../button-minor/button-minor.component.js"),p=require("../typography/typography.component.js"),c=require("./__internal__/file-upload-status/file-upload-status.component.js"),f=require("../box/box.component.js"),m=require("../../hooks/__internal__/useLocale/useLocale.js"),v=require("../../__internal__/hint-text/hint-text.component.js"),y=require("../../__internal__/utils/logger/index.js");function g(e){return e&&e.__esModule?e:{default:e}}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 j(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){b(e,t,r[t])}))}return e}function h(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 x=!1;const _=g(t).default.forwardRef(((g,b)=>{var{accept:_,buttonText:O,"data-element":q,"data-role":I,dragAndDropText:D,error:P,label:S,id:w,inputHint:F,isVertical:E,maxHeight:H,maxWidth:T,minHeight:k,minWidth:L="280px",name:A,onChange:W,required:R,isOptional:C,uploadStatus:B=[]}=g,M=function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(g,["accept","buttonText","data-element","data-role","dragAndDropText","error","label","id","inputHint","isVertical","maxHeight","maxWidth","minHeight","minWidth","name","onChange","required","isOptional","uploadStatus"]);!x&&C&&(x=!0,y.default.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 U=m.default(),V=O||U.fileInput.selectFile(),N=D||U.fileInput.dragAndDrop(),z={maxHeight:H||void 0,maxWidth:T||L,minHeight:k,minWidth:L},[G,J]=a.default(w,A),[K,Q]=t.useState(!1),[X,Y]=t.useState(!1),Z=t.useRef(null),$=e=>{var t;e.preventDefault(),(null===(t=e.dataTransfer)||void 0===t?void 0:t.types.includes("Files"))&&Y(!0)},ee=e=>{e.preventDefault(),Y(!1)};t.useEffect((()=>(document.addEventListener("dragover",$),document.addEventListener("drop",ee),document.addEventListener("dragleave",ee),()=>{document.removeEventListener("dragover",$),document.removeEventListener("drop",ee),document.removeEventListener("dragleave",ee)})),[]);const te=e=>{null==W||W(e)},{labelId:re,validationId:ne}=o.default({id:G,validationRedesignOptIn:!0,error:P,label:S}),ie=Array.isArray(B)?B:[B],ae=e.jsxs(e.Fragment,{children:[F&&e.jsx(v.HintText,{children:F}),e.jsxs(f.Box,{position:"relative",children:[e.jsx(l.default,{error:P,validationId:ne}),P&&e.jsx(u.default,{warning:!1}),e.jsx(s.StyledHiddenFileInput,j(h(j({},R&&{required:R}),{accept:_,"aria-invalid":!!P,id:G,ref:e=>{Z.current=e,"function"==typeof b?b(e):b&&(b.current=e)},name:J,onChange:e=>{te(e.target.files)},type:"file"}),M)),e.jsxs(s.StyledFileInputPresentation,h(j({"data-role":"file-input-presentation",isDraggedOver:K,isDraggingFile:X,error:P,onDragLeave:e=>{e.preventDefault(),e.stopPropagation(),Q(!1)},onDragOver:e=>{var t;e.preventDefault(),(null===(t=e.dataTransfer)||void 0===t?void 0:t.types.includes("Files"))&&Q(!0)},onDrop:e=>{e.preventDefault(),Q(!1),te(e.dataTransfer.files)},isVertical:E},z),{children:[e.jsx(d.ButtonMinor,{buttonType:"primary",onClick:()=>{var e;null===(e=Z.current)||void 0===e||e.click()},children:V}),e.jsx(p.Typography,{m:0,children:N})]}))]})]});return e.jsx(n.InputBehaviour,{children:e.jsx(i.default,h(j({error:P,label:S,labelId:re,id:G,isRequired:R,isOptional:C,"data-component":"file-input","data-role":I,"data-element":q,validationRedesignOptIn:!0},r.default(M)),{children:0===ie.length?ae:ie.map((r=>t.createElement(s.StyledFileInputPresentation,h(j({hasUploadStatus:!0},z),{key:r.filename}),e.jsx(c.FileUploadStatus,j({},r)))))}))})}));_.displayName="FileInput",exports.FileInput=_,exports.default=_;

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

@@ -1,69 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledHiddenFileInput = exports.StyledFileInputPresentation = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _typography = _interopRequireDefault(require("../typography/typography.style"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const StyledHiddenFileInput = exports.StyledHiddenFileInput = _styledComponents.default.input`
-  display: none;
-`;
-const StyledFileInputPresentation = exports.StyledFileInputPresentation = _styledComponents.default.div`
-  ${({
-  hasUploadStatus,
-  minWidth,
-  minHeight,
-  maxWidth,
-  maxHeight
-}) => (0, _styledComponents.css)`
-    min-width: ${minWidth};
-    min-height: ${minHeight};
-    max-width: ${maxWidth};
-    ${!hasUploadStatus && (0, _styledComponents.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 && (0, _styledComponents.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});
-        ${_typography.default} {
-          color: var(--colorsUtilityYin055);
-        }
-      `;
-}}
-`;
+"use strict";var t=require("styled-components"),e=require("../typography/typography.style.js");function i(t){return t&&t.__esModule?t:{default:t}}var r=i(t);const a=r.default.input.withConfig({displayName:"file-input.style__StyledHiddenFileInput",componentId:"sc-2b6f1d8a-0"})(["display:none;"]),o=r.default.div.withConfig({displayName:"file-input.style__StyledFileInputPresentation",componentId:"sc-2b6f1d8a-1"})([""," ",""],(({hasUploadStatus:e,minWidth:i,minHeight:r,maxWidth:a,maxHeight:o})=>t.css(["min-width:",";min-height:",";max-width:",";",""],i,r,a,!e&&t.css(["padding:11px;max-height:",";box-sizing:border-box;"],o))),(({hasUploadStatus:i,isDraggedOver:r,isDraggingFile:a,error:o,isVertical:n})=>{const l=o||a?"borderWidth200":"borderWidth100";let s="colorsUtilityMajor300",d="colorsUtilityYang100";return r?(s="colorsUtilityMajor400",d="colorsUtilityMajor100"):a&&(s="colorsUtilityMajor400"),o&&(s="colorsSemanticNegative"+(a?600:500)),!i&&t.css(["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;",l,s,d,e.default)}));exports.StyledFileInputPresentation=o,exports.StyledHiddenFileInput=a;

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

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _fileInput.default;
-  }
-});
-var _fileInput = _interopRequireDefault(require("./file-input.component"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./file-input.component.js");exports.default=e.FileInput;

package/lib/components/file-input/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../esm/components/file-input/index.js",
   "main": "./index.js",
+  "module": "../../../esm/components/file-input/index.js",
   "types": "./index.d.ts"
 }

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

@@ -1,23 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _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;
-}, {});
-exports.default = _default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=(e,t)=>e.reduce(((r,i,s)=>{const u=e[s].getAttribute("id");if(u)if(0===s)r[u]=0;else{const i=e[s-1].getAttribute("id");i&&(r[u]=r[i]+e[s-1][t])}return r}),{});

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

@@ -1,12 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-const FlatTableContext = /*#__PURE__*/(0, _react.createContext)({
-  isInFlatTable: false,
-  setHasOpenDatePicker: undefined
-});
-var _default = exports.default = FlatTableContext;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=require("react").createContext({isInFlatTable:!1,setHasOpenDatePicker:void 0});exports.default=e;

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

@@ -1,20 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "buildPositionMap", {
-  enumerable: true,
-  get: function () {
-    return _buildPositionMap.default;
-  }
-});
-Object.defineProperty(exports, "useTableCell", {
-  enumerable: true,
-  get: function () {
-    return _useTableCell.default;
-  }
-});
-var _useTableCell = _interopRequireDefault(require("./use-table-cell"));
-var _buildPositionMap = _interopRequireDefault(require("./build-position-map"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";var e=require("./use-table-cell.js"),l=require("./build-position-map.js");exports.useTableCell=e.default,exports.buildPositionMap=l.default;

package/lib/components/flat-table/__internal__/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../../esm/components/flat-table/__internal__/index.js",
   "main": "./index.js",
+  "module": "../../../esm/components/flat-table/__internal__/index.js",
   "types": "./index.d.ts"
 }

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

@@ -1,17 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useStrictFlatTableContext = exports.StrictFlatTableProvider = void 0;
-var _createStrictContext = _interopRequireDefault(require("../../../__internal__/utils/createStrictContext"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const [StrictFlatTableProvider, useStrictFlatTableContext] = (0, _createStrictContext.default)({
-  name: "FlatTableContext",
-  errorMessage: "Carbon FlatTable: Context not found. Have you wrapped your Carbon subcomponents properly? See stack trace for more details.",
-  defaultValue: {
-    getTabStopElementId: () => ""
-  }
-});
-exports.useStrictFlatTableContext = useStrictFlatTableContext;
-exports.StrictFlatTableProvider = StrictFlatTableProvider;
+"use strict";var t=require("../../../__internal__/utils/createStrictContext/createStrictContext.js");const[e,r]=t.default({name:"FlatTableContext",errorMessage:"Carbon FlatTable: Context not found. Have you wrapped your Carbon subcomponents properly? See stack trace for more details.",defaultValue:{getTabStopElementId:()=>""}});exports.StrictFlatTableProvider=e,exports.useStrictFlatTableContext=r;

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

@@ -1,97 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _flatTableRow = _interopRequireDefault(require("../flat-table-row/__internal__/flat-table-row.context"));
-var _strictFlatTable = require("./strict-flat-table.context");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = id => {
-  const {
-    getTabStopElementId
-  } = (0, _strictFlatTable.useStrictFlatTableContext)();
-  const [tabIndex, setTabIndex] = (0, _react.useState)(-1);
-  const {
-    expandable,
-    firstCellId,
-    firstColumnExpandable,
-    leftPositions,
-    rightPositions,
-    onClick,
-    onKeyDown,
-    highlighted,
-    selected
-  } = (0, _react.useContext)(_flatTableRow.default);
-  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");
-    }
-  };
-  (0, _react.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
-  };
-};
-exports.default = _default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),e=require("../flat-table-row/__internal__/flat-table-row.context.js"),i=require("./strict-flat-table.context.js");exports.default=n=>{const{getTabStopElementId:o}=i.useStrictFlatTableContext(),[a,s]=t.useState(-1),{expandable:l,firstCellId:r,firstColumnExpandable:c,leftPositions:d,rightPositions:f,onClick:u,onKeyDown:g,highlighted:b,selected:m}=t.useContext(e.default),p=d[n],x=f[n],h=void 0!==p||void 0!==x,v=n===r,y=l&&v&&c;return t.useEffect((()=>{const t=setTimeout((()=>{s(y&&o()===n?0:-1)}),0);return()=>{clearTimeout(t)}}),[o,y,n]),{expandable:l,leftPosition:p,rightPosition:x,makeCellSticky:h,onClick:u,onKeyDown:g,isFirstCell:v,isExpandableCell:y,tabIndex:a,isInHighlightedRow:b,isInSelectedRow:m,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 s=n.find((t=>t instanceof HTMLElement&&t.tagName===e)),l=a.indexOf(s);-1!==l&&a[l].classList.add("bringToFront")}}};

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

@@ -1,33 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = exports.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"
-  }
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.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"}};