carbon-react 162.11.0 → 162.12.0-beta.1

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

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

package/esm/components/flat-table/flat-table-header/flat-table-header-utils.d.ts

@@ -1,3 +0,0 @@
-import { FlatTableProps } from "..";
-declare const getAlternativeBackgroundColor: (colorTheme: FlatTableProps["colorTheme"]) => "var(--colorsUtilityYang100)" | "var(--colorsUtilityMajor025)" | "var(--colorsActionMinor100)" | "var(--colorsActionMinor550)";
-export default getAlternativeBackgroundColor;

package/esm/components/flat-table/flat-table-header/flat-table-header-utils.js

@@ -1 +0,0 @@
-const r=r=>{switch(r){case"light":return"var(--colorsActionMinor100)";case"transparent-base":return"var(--colorsUtilityMajor025)";case"transparent-white":return"var(--colorsUtilityYang100)";default:return"var(--colorsActionMinor550)"}};export{r as default};

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

@@ -1,29 +0,0 @@
-import React from "react";
-import { PaddingProps } from "styled-system";
-import { TagProps } from "../../../__internal__/utils/helpers/tags";
-import { TableBorderSize, TableCellAlign } from "..";
-export interface FlatTableHeaderProps extends PaddingProps, TagProps {
-    /** Content alignment */
-    align?: TableCellAlign;
-    /** If true sets alternative background color */
-    alternativeBgColor?: boolean;
-    /** Header content */
-    children?: React.ReactNode;
-    /** Number of columns that a header cell should span */
-    colspan?: number | string;
-    /** Number of rows that a header cell should span */
-    rowspan?: number | string;
-    /** Sets a custom vertical right border */
-    verticalBorder?: TableBorderSize;
-    /** Sets the color of the right border */
-    verticalBorderColor?: string;
-    /** Column width, pass a number to set a fixed width in pixels */
-    width?: number;
-    /** Sets an id string on the element */
-    id?: string;
-}
-export declare const FlatTableHeader: {
-    ({ align, children, colspan, rowspan, width, py, px, id, "data-element": dataElement, "data-role": dataRole, ...rest }: FlatTableHeaderProps): React.JSX.Element;
-    displayName: string;
-};
-export default FlatTableHeader;

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

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import{useRef as t}from"react";import r from"./flat-table-header.style.js";import{useStrictFlatTableContext as n}from"../__internal__/strict-flat-table.context.js";import o from"../../../__internal__/utils/helpers/guid/index.js";import l from"../__internal__/use-table-cell.js";function a(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){a(e,t,r[t])}))}return e}function c(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 p=a=>{var{align:p="left",children:s,colspan:u,rowspan:f,width:d,py:b,px:m,id:y,"data-element":O,"data-role":j}=a,h=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}(a,["align","children","colspan","rowspan","width","py","px","id","data-element","data-role"]);const g=t(null),P=t(y||o()),{colorTheme:v}=n(),{leftPosition:w,rightPosition:S,makeCellSticky:_}=l(P.current);return e(r,c(i(c(i({ref:g,leftPosition:w,rightPosition:S,makeCellSticky:_,className:_?"isSticky":void 0,align:p,colorTheme:v},void 0!==u&&{colSpan:Number(u)},void 0!==f&&{rowSpan:Number(f)}),{colWidth:d,py:b,px:m}),h),{"data-component":"flat-table-header","data-element":O||"flat-table-header","data-role":j,id:P.current,"aria-sort":(()=>{var e;const t=null===(e=g.current)||void 0===e?void 0:e.querySelector("[data-component='sort']");if(t)return t.getAttribute("data-sort-type")})(),children:e("div",{"data-role":"flat-table-header-content",children:s})}))};p.displayName="FlatTableHeader";export{p as FlatTableHeader,p as default};

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

@@ -1,14 +0,0 @@
-import { PaddingProps } from "styled-system";
-import { FlatTableHeaderProps } from "./flat-table-header.component";
-import { FlatTableProps } from "..";
-interface StyledFlatTableHeaderProps extends Pick<FlatTableHeaderProps, "align" | "verticalBorder" | "verticalBorderColor" | "alternativeBgColor">, PaddingProps {
-    makeCellSticky: boolean;
-    colWidth?: number;
-    colorTheme: FlatTableProps["colorTheme"];
-    leftPosition: number;
-    rightPosition: number;
-}
-declare const StyledFlatTableHeader: import("styled-components").StyledComponent<"th", any, {
-    theme: object;
-} & StyledFlatTableHeaderProps, "theme">;
-export default StyledFlatTableHeader;

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

@@ -1 +0,0 @@
-import t,{css as e}from"styled-components";import{padding as r}from"styled-system";import o from"./flat-table-header-utils.js";import i from"../../../style/themes/apply-base-theme.js";import{toColor as l}from"../../../style/utils/color.js";const a={small:"1px",medium:"2px",large:"4px"},d=t.th.attrs(i).withConfig({displayName:"flat-table-header.style__StyledFlatTableHeader",componentId:"carbon_v162_10_0__sc-16315b2b-0"})(["",""],(({align:t,alternativeBgColor:i,colWidth:d,leftPosition:n,rightPosition:s,makeCellSticky:p,verticalBorder:m,verticalBorderColor:c,colorTheme:h,theme:g})=>e(["background-color:transparent;border-width:0;box-sizing:border-box;font-weight:500;left:auto;text-align:",";user-select:none;vertical-align:middle;word-break:keep-all;padding:0;"," &:first-child{padding-left:1px;}&&&{> div{box-sizing:border-box;"," ","}}",";"," &&&{"," ","}}"],t,d&&e(["width:","px;"],d),r,d&&e(["width:","px;"],d),i&&e(["&&&{background-color:",";}&&&:first-child{border-left:unset;}"],o(h)),p&&e([""," "," position:sticky;&:first-child{padding-right:0.395em;@-moz-document url-prefix(){padding-right:2px;}@media not all and (min-resolution:.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){padding-right:0.9em;}}"],void 0!==n&&`left: ${n}px;`,void 0!==s&&`right: ${s}px;`),m&&e(["border-right-width:",";"],a[m]),c&&e(["border-right-color:",";"],l(g,c)))));export{d as default};

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

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

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

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

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

@@ -1,14 +0,0 @@
-import React from "react";
-export interface FlatTableRowContextProps {
-    expandable?: boolean;
-    onClick?: (ev?: React.MouseEvent<HTMLElement>) => void;
-    onKeyDown?: (ev: React.KeyboardEvent<HTMLElement>) => void;
-    firstCellId: string | null;
-    leftPositions: Record<string, number>;
-    rightPositions: Record<string, number>;
-    firstColumnExpandable?: boolean;
-    highlighted?: boolean;
-    selected?: boolean;
-}
-declare const _default: React.Context<FlatTableRowContextProps>;
-export default _default;

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

@@ -1 +0,0 @@
-import{createContext as t}from"react";var i=t({firstCellId:"",leftPositions:{},rightPositions:{}});export{i as default};

package/esm/components/flat-table/flat-table-row/__internal__/sub-row-provider.d.ts

@@ -1,15 +0,0 @@
-import React from "react";
-export interface SubRowContextProps {
-    isSubRow?: boolean;
-    firstRowId: string;
-    addRow: (id: string) => void;
-    removeRow: (id: string) => void;
-}
-export declare const SubRowContext: React.Context<SubRowContextProps>;
-declare const SubRowProvider: {
-    ({ children }: {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-};
-export default SubRowProvider;

package/esm/components/flat-table/flat-table-row/__internal__/sub-row-provider.js

@@ -1 +0,0 @@
-import{jsx as r}from"react/jsx-runtime";import{createContext as o,useState as e,useCallback as i}from"react";const t=o({isSubRow:!1,firstRowId:"",addRow:()=>{},removeRow:()=>{}}),d=({children:o})=>{const[d,a]=e([]),s=i((r=>{a((o=>[...o,r]))}),[]),w=i((r=>{a((o=>o.filter((o=>o!==r))))}),[]);return r(t.Provider,{value:{isSubRow:!0,firstRowId:d[0],addRow:s,removeRow:w},children:o})};d.displayName="SubRowProvider";export{t as SubRowContext,d as default};

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

@@ -1,34 +0,0 @@
-import React from "react";
-import { TagProps } from "../../../__internal__/utils/helpers/tags";
-import { TableBorderSize } from "..";
-export interface FlatTableRowProps extends TagProps {
-    /** Overrides default cell color, provide design token, any color from palette or any valid css color value. */
-    bgColor?: string;
-    /** Array of FlatTableHeader or FlatTableCell. FlatTableRowHeader could also be passed. */
-    children: React.ReactNode;
-    /** Allows the row to be expanded, must be used with the `subRows` prop. */
-    expandable?: boolean;
-    /** Sets an expandable row to be expanded on start */
-    expanded?: boolean;
-    /** Area to click to open sub rows when expandable. Default is `wholeRow` */
-    expandableArea?: "wholeRow" | "firstColumn";
-    /** Allows developers to manually control highlighted state for the row. */
-    highlighted?: boolean;
-    /** Sets the color of the bottom border in the row */
-    horizontalBorderColor?: string;
-    /** Sets the weight of the bottom border in the row */
-    horizontalBorderSize?: TableBorderSize;
-    /** Function to handle click event. If provided the Component could be focused with tab key. */
-    onClick?: (ev: React.MouseEvent<HTMLElement>) => void;
-    /** Allows developers to manually control selected state for the row. */
-    selected?: boolean;
-    /** Sub rows to be shown when the row is expanded, must be used with the `expandable` prop. */
-    subRows?: React.ReactNode;
-    id?: string | number;
-    /** @ignore @private Internal props, set by parent `FlatTableBodyDraggable`, for enabling drag and drop behaviour on the row. */
-    draggableProps?: {
-        index: number;
-    };
-}
-export declare const FlatTableRow: React.ForwardRefExoticComponent<FlatTableRowProps & React.RefAttributes<HTMLTableRowElement>>;
-export default FlatTableRow;

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

@@ -1 +0,0 @@
-import{jsxs as e,Fragment as t,jsx as r}from"react/jsx-runtime";import o,{useRef as n,useState as i,useLayoutEffect as l,useMemo as a,useContext as s,useCallback as d,useEffect as c}from"react";import f from"invariant";import b from"../../../__internal__/utils/helpers/events/events.js";import u from"./flat-table-row.style.js";import p from"../../drawer/__internal__/drawer-sidebar.context.js";import{FlatTableRowHeader as m}from"../flat-table-row-header/flat-table-row-header.component.js";import{useStrictFlatTableContext as h}from"../__internal__/strict-flat-table.context.js";import g from"../../../__internal__/utils/helpers/guid/index.js";import w from"./__internal__/flat-table-row.context.js";import y,{SubRowContext as _}from"./__internal__/sub-row-provider.js";import O from"../__internal__/build-position-map.js";import j from"../flat-table-head/__internal__/flat-table-head.context.js";import"@atlaskit/pragmatic-drag-and-drop/element/adapter";import v from"../__internal__/sortable/use-sortable-row.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 S(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){x(e,t,r[t])}))}return e}const P=o.forwardRef(((o,x)=>{var P,{children:C,onClick:R,expandable:k,expandableArea:I="wholeRow",expanded:z=!1,highlighted:D,selected:E,subRows:A,bgColor:B,horizontalBorderColor:K,horizontalBorderSize:H="small",id:T,draggableProps:F,"data-element":N,"data-role":W}=o,$=function(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(o,["children","onClick","expandable","expandableArea","expanded","highlighted","selected","subRows","bgColor","horizontalBorderColor","horizontalBorderSize","id","draggableProps","data-element","data-role"]);const q=n(T?String(T):g()),[G,J]=i(z),L=n(null),M="firstColumn"===I,[Q,U]=i({}),[V,X]=i({}),[Y,Z]=i(0),[ee,te]=i(-1),[re,oe]=i(-1),[ne,ie]=i(null),[le,ae]=i([]),[se,de]=i(-1);let ce={};l((()=>{var e;const t=(e,t)=>{const r=Object.keys(e),o=Object.keys(t);return r.length!==o.length||r.some((r=>e[r]!==t[r]))},r=null===(e=L.current)||void 0===e?void 0:e.querySelectorAll("th, td"),o=Array.from(r||[]);ae(o);const n=o.findIndex((e=>"flat-table-checkbox"!==e.getAttribute("data-component"))),i=o.findIndex((e=>"left"===e.getAttribute("data-sticky-align"))),l=o.findIndex((e=>"right"===e.getAttribute("data-sticky-align")));if(te(i),oe(l),-1!==n?(Z(n),ie(o[n].getAttribute("id"))):Z(0),-1!==i){const e=O(o.slice(0,ee+1),"offsetWidth");t(e,Q)&&U(e)}if(-1!==l){const e=O(o.slice(re,o.length).reverse(),"offsetWidth");t(e,V)&&X(e)}}),[C,Q,ee,re,V]);const fe=a((()=>!(-1!==ee)||!(-1!==re)||ee<re),[ee,re]);f(fe,`Do not render a right hand side \`${m.displayName}\` before left hand side \`${m.displayName}\``);const{colorTheme:be,size:ue,getTabStopElementId:pe}=h(),{isInSidebar:me}=s(p),{stickyOffsets:he}=s(j),ge=d((e=>{const t=b.isEnterKey(e)||b.isSpaceKey(e);k&&!M&&document.activeElement===L.current&&t&&(e.preventDefault(),J((e=>!e))),t&&R&&R(e)}),[k,M,R]),we=d((e=>{R&&R(e),k&&!M&&J((e=>!e))}),[R,k,M]);(R||k)&&(ce={isRowInteractive:!M,tabIndex:M?void 0:se,onKeyDown:ge,isFirstColumnInteractive:M,isExpanded:G}),c((()=>{J(z)}),[z]),c((()=>{de(pe()===q.current?0:-1)}),[pe]);const{isSubRow:ye,firstRowId:_e,addRow:Oe,removeRow:je}=s(_);c((()=>{const e=q.current;return Oe(e),()=>{je(e)}}),[Oe,je]);const ve=_e===q.current,xe=d((()=>N||(ye?"flat-table-sub-row":"flat-table-row")),[N,ye]),{isDragging:Se}=v({id:q.current,index:null==F?void 0:F.index,ref:F?L:null});return e(t,{children:[r(u,(Pe=S({isInSidebar:me,expandable:k,isSubRow:ye,isFirstSubRow:ve,"data-element":xe(),"data-role":W,highlighted:D,selected:E,onClick:we,firstCellIndex:Y,ref:e=>{"function"==typeof x?x(e):x&&(x.current=e),L.current=e},lhsRowHeaderIndex:ee,rhsRowHeaderIndex:re,colorTheme:be,size:ue,stickyOffset:he[q.current],bgColor:B,horizontalBorderColor:K,horizontalBorderSize:H,draggable:!!F,isDragging:Se,totalChildren:le.length,id:q.current,"data-selected":E&&"wholeRow"===I,"data-highlighted":D&&"wholeRow"===I,rowHeight:null==L||null===(P=L.current)||void 0===P?void 0:P.offsetHeight},ce,$),Ce={"data-component":"flat-table-row",children:r(w.Provider,{value:{firstCellId:ne,expandable:k,leftPositions:Q,rightPositions:V,firstColumnExpandable:M,onKeyDown:e=>{(b.isEnterKey(e)||b.isSpaceKey(e))&&(e.preventDefault(),J((e=>!e)))},onClick:()=>J((e=>!e)),highlighted:D,selected:E},children:C})},Ce=null!=Ce?Ce:{},Object.getOwnPropertyDescriptors?Object.defineProperties(Pe,Object.getOwnPropertyDescriptors(Ce)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(Ce)).forEach((function(e){Object.defineProperty(Pe,e,Object.getOwnPropertyDescriptor(Ce,e))})),Pe)),G&&A&&r(y,{children:A})]});var Pe,Ce}));P.displayName="FlatTableRow";export{P as FlatTableRow,P as default};

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

@@ -1,25 +0,0 @@
-import { FlatTableProps } from "..";
-import { FlatTableRowProps } from "./flat-table-row.component";
-interface StyledFlatTableRowProps extends Pick<FlatTableRowProps, "bgColor" | "horizontalBorderColor" | "expandable" | "selected" | "highlighted"> {
-    isRowInteractive?: boolean;
-    isFirstColumnInteractive?: boolean;
-    lhsRowHeaderIndex: number;
-    rhsRowHeaderIndex: number;
-    totalChildren: number;
-    firstCellIndex: number;
-    colorTheme: FlatTableProps["colorTheme"];
-    isExpanded?: boolean;
-    isInSidebar?: boolean;
-    size: FlatTableProps["size"];
-    isDragging?: boolean;
-    draggable?: boolean;
-    horizontalBorderSize: NonNullable<FlatTableRowProps["horizontalBorderSize"]>;
-    isSubRow?: boolean;
-    isFirstSubRow?: boolean;
-    stickyOffset?: number;
-    rowHeight?: number;
-}
-declare const StyledFlatTableRow: import("styled-components").StyledComponent<"tr", any, {
-    theme: object;
-} & StyledFlatTableRowProps, "theme">;
-export default StyledFlatTableRow;

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

@@ -1 +0,0 @@
-import o,{css as r}from"styled-components";import t from"../../../style/themes/apply-base-theme.js";import{StyledFlatTableCell as e}from"../flat-table-cell/flat-table-cell.style.js";import{StyledFlatTableRowHeader as i}from"../flat-table-row-header/flat-table-row-header.style.js";import l from"../flat-table-checkbox/flat-table-checkbox.style.js";import a from"../flat-table-header/flat-table-header.style.js";import s from"../../icon/icon.style.js";import{toColor as n}from"../../../style/utils/color.js";import d from"../../../style/utils/add-focus-styling.js";import{getNavigator as c}from"../../../__internal__/dom/globals.js";import{isSafari as b}from"../../../__internal__/utils/helpers/browser-type-check/index.js";const p={medium:"2px",large:"4px"},h=o=>`\n    ${d(!0)}\n    z-index: ${o.zIndex.overlay+5};\n  `,f=o=>`\n      width: calc(100% + 1px);\n      z-index: ${o.zIndex.overlay};\n      :before {\n        content: "";\n        border-top: 2px solid var(--colorsSemanticFocus500);\n        border-bottom: 2px solid var(--colorsSemanticFocus500);\n        display: block;\n        left: -2px;\n        top: 0px;\n        height: calc(100% - 3px);\n        width: 103%;\n        position: absolute;\n        z-index: ${o.zIndex.overlay};\n      }\n    }\n  `,v=o=>{switch(o){case"light":return"var(--colorsUtilityMajor100)";case"transparent-base":return"var(--colorsUtilityMajor025)";case"transparent-white":return"var(--colorsUtilityYang100)";default:return"var(--colorsUtilityMajor400)"}},y=o=>{switch(o){case"transparent-base":return"var(--colorsUtilityMajor025)";case"transparent-white":return"var(--colorsUtilityYang100)";default:return"var(--colorsUtilityMajor100)"}},m=o.tr.attrs(t).withConfig({displayName:"flat-table-row.style__StyledFlatTableRow",componentId:"carbon_v162_10_0__sc-4daf4fd4-0"})(["",""],(({bgColor:o,horizontalBorderColor:t,horizontalBorderSize:d,stickyOffset:m,isRowInteractive:u,isFirstColumnInteractive:x,lhsRowHeaderIndex:g,rhsRowHeaderIndex:j,totalChildren:w,firstCellIndex:M,colorTheme:U,expandable:k,selected:_,highlighted:z,isExpanded:$,isInSidebar:I,isSubRow:S,isFirstSubRow:R,size:F,theme:C,isDragging:A,draggable:H,rowHeight:B})=>{const T=c(),Y=o?n(C,o):void 0,D=t?n(C,t):void 0,E=I?"var(--colorsUtilityMajor150)":"var(--colorsUtilityMajor075)",N=I?"var(--colorsUtilityMajor100)":"var(--colorsUtilityMajor050)",O=`${i}, ${e}, ${l}`;return r(["border-collapse:separate;border-radius:0px;border-spacing:0;min-width:100%;table-layout:fixed;width:auto;:focus-visible{outline:none;}","{"," "," ","}"," + td{border-left:none;}"," "," "," ","{border-bottom:1px solid ",";"," ","}"," "," "," "," "," "," "," "," "," "," ",""],O,Y&&`background-color: ${Y};`,"small"!==d&&r(["border-bottom:"," solid var(--colorsUtilityMajor100);"],p[d]),D&&r(["border-bottom-color:",";"],D),i,-1!==g&&r(["",":nth-child(","){border-right:2px solid ",";}"],i,g+1,y(U)),-1!==j&&r(["",":nth-child(","){border-left:2px solid ",";}",":nth-child(","){border-right:none;}"],i,j+1,y(U),a,j),j===w-1&&r(["td:last-of-type{border-right:none;}"]),a,v(U),"small"!==d&&r(["border-bottom:"," solid var(--colorsUtilityMajor100);"],p[d]),!I&&!(null==U?void 0:U.includes("transparent"))&&`\n          :first-child {\n            border-left: 1px solid ${v(U)};\n          }\n        `,void 0!==m&&r(["&& th{top:","px;}"],m),u&&r(['cursor:pointer;:focus{position:relative;:after{content:"";box-sizing:border-box;position:absolute;left:0px;right:0px;top:0;bottom:0px;'," pointer-events:none;}:last-child{:after{border-bottom-left-radius:var(--borderRadius100);border-bottom-right-radius:var(--borderRadius100);}}:first-child{:after{top:0px;}}"," ","{"," "," ","}","}:hover{","{background-color:",";}}"],h(C),T&&b(T)&&r(['position:-webkit-sticky;:after{border:none;content:"";height:',"px;","}"],B,h(C)),i,0===g&&C&&r(["&:first-of-type::before{border-left:3px solid var(--colorsSemanticFocus500);}"]),((o,t,e)=>o===t-1&&e&&r(["&:last-of-type{border-right:2px solid var(--colorsSemanticFocus500);}"]))(j,w,C),f(C),![-1,0].includes(g)&&r(["",""],Array.from({length:g}).map(((o,r)=>`\n                td:nth-of-type(${r+1}) {\n                  ${f(C)}\n                }\n              `))),O,Y||"var(--colorsUtilityMajor025)"),x&&r(["td:nth-child(","),th:nth-child(","){cursor:pointer;:focus{","}:hover{background-color:",";}}"],M+1,M+1,h(C),Y||"var(colorsUtilityMajor025)"),I&&r(["","{background-color:",";};}","{background-color:var(--colorsUtilityMajor040);border-bottom-color:var(--colorsUtilityMajor100);}td:first-of-type,th:first-of-type{border-left:none;}td:last-of-type{border-right:none;}","{border-right:1px solid ",";}",""],O,o||"var(--colorsUtilityMajor040)",a,l,N,u&&r([":hover{",",",":not(th){background-color:",";}}"],e,l,Y||"var(--colorsUtilityMajor075)")),k&&r(["",":first-child > div,",":first-child > div,"," + "," > div{",'[type="chevron_down_thick"]:first-of-type{transition:transform 0.3s;',"}}"],e,i,l,e,s,!$&&r(["transform:rotate(-90deg);"])),S&&r(["","{background-color:",";}",":first-child > div,",":first-child > div,"," + "," > div{padding-left:",";}"],O,Y||"var(--colorsActionMinor025)",e,i,l,e,"compact"===F?"32px":"40px"),A&&r(["border:"," 2px solid;","{background-color:",";}"],I?"var(--colorsUtilityMajor300)":"var(--colorsUtilityMajor200)",O,I?"var(--colorsUtilityMajor200)":"var(--colorsUtilityMajor150)"),H&&r(["",":first-of-type{font-size:20px;color:var(--colorsActionMinor500);}"],s),R&&r(["","{box-shadow:var(--boxShadow075);}"],O),z&&r(["","{background-color:",";}:hover{",",",",",":not(th){background-color:",";}}"],O,Y||N,e,i,l,Y||N),_&&r(["",",","{background-color:",";}:hover{",",",",",":not(th){background-color:",";}}"],e,l,Y||E,e,i,l,Y||E))}));export{m as default};

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

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

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

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

package/esm/components/flat-table/flat-table-row-header/flat-table-row-header.component.d.ts

@@ -1,33 +0,0 @@
-import React from "react";
-import { PaddingProps } from "styled-system";
-import { TableBorderSize, TableCellAlign } from "..";
-import { TagProps } from "../../../__internal__/utils/helpers/tags/tags";
-export interface FlatTableRowHeaderProps extends PaddingProps, TagProps {
-    /** Content alignment */
-    align?: TableCellAlign;
-    /** RowHeader content */
-    children?: React.ReactNode;
-    /** 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;
-    /** Defines whether the column should be sticky on the left or right hand side of the Table */
-    stickyAlignment?: "left" | "right";
-    /** Number of columns that a header cell should span */
-    colspan?: number | string;
-    /** Number of rows that a header cell should span */
-    rowspan?: number | string;
-    /** Sets an id string on the element */
-    id?: string;
-}
-export declare const FlatTableRowHeader: {
-    ({ align, children, width, py, px, truncate, title, stickyAlignment, colspan, rowspan, id, ...rest }: FlatTableRowHeaderProps): React.JSX.Element;
-    displayName: string;
-};
-export default FlatTableRowHeader;

package/esm/components/flat-table/flat-table-row-header/flat-table-row-header.component.js

@@ -1 +0,0 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useRef as r,useCallback as n}from"react";import o from"../../icon/icon.component.js";import"../../icon/icon.style.js";import{StyledFlatTableRowHeader as i,StyledFlatTableRowHeaderContent as l}from"./flat-table-row-header.style.js";import a from"../../../__internal__/utils/helpers/guid/index.js";import c from"../../../__internal__/utils/helpers/tags/tags.js";import p from"../__internal__/use-table-cell.js";function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function f(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){s(e,t,r[t])}))}return e}function b(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=s=>{var{align:d="left",children:u,width:y,py:m,px:g,truncate:O,title:h,stickyAlignment:w="left",colspan:j,rowspan:P,id:x}=s,v=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(s,["align","children","width","py","px","truncate","title","stickyAlignment","colspan","rowspan","id"]);const _=r(x||a()),{leftPosition:k,rightPosition:S,expandable:D,onClick:I,onKeyDown:C,isFirstCell:E,isExpandableCell:F,tabIndex:A,isInHighlightedRow:H,isInSelectedRow:N,bringToFront:R}=p(_.current),T=n((e=>{F&&I&&I(e)}),[F,I]),K=n((e=>{F&&C&&C(e)}),[F,C]);return e(i,b(f(b(f({leftPosition:"left"===w?k||0:void 0,rightPosition:"right"===w?S||0:void 0,align:d,width:y,py:m||"10px",px:g||3,onClick:T,tabIndex:F?A:void 0,onKeyDown:K,truncate:O,expandable:D,stickyAlignment:w},void 0!==j&&{colSpan:Number(j)},void 0!==P&&{rowSpan:Number(P)}),{"data-selected":N&&F,"data-highlighted":H&&F,onFocus:e=>{R(e,"TH")}}),v,c("flat-table-row-header",f({"data-element":"flat-table-row-header"},v))),{id:_.current,children:t(l,{title:O&&!h&&"string"==typeof u?u:h,expandable:D,"data-role":"flat-table-row-header-content",children:[D&&E&&e(o,{type:"chevron_down_thick",mr:"8px"}),u]})}))};d.displayName="FlatTableRowHeader";export{d as FlatTableRowHeader,d as default};

package/esm/components/flat-table/flat-table-row-header/flat-table-row-header.style.d.ts

@@ -1,14 +0,0 @@
-import { FlatTableRowHeaderProps } from "./flat-table-row-header.component";
-declare const StyledFlatTableRowHeader: import("styled-components").StyledComponent<"th", any, {
-    theme: object;
-} & {
-    "data-sticky-align": "right" | "left" | undefined;
-} & FlatTableRowHeaderProps & {
-    expandable?: boolean;
-    leftPosition?: number;
-    rightPosition?: number;
-}, "theme" | "data-sticky-align">;
-declare const StyledFlatTableRowHeaderContent: import("styled-components").StyledComponent<"div", any, {
-    expandable?: boolean;
-}, never>;
-export { StyledFlatTableRowHeader, StyledFlatTableRowHeaderContent };

package/esm/components/flat-table/flat-table-row-header/flat-table-row-header.style.js

@@ -1 +0,0 @@
-import o,{css as t}from"styled-components";import{padding as e}from"styled-system";import r from"../../../style/themes/apply-base-theme.js";import{toColor as i}from"../../../style/utils/color.js";import l from"../../icon/icon.style.js";const a={small:"1px",medium:"2px",large:"4px"},n=o.th.attrs(r).attrs((({stickyAlignment:o})=>({"data-sticky-align":o}))).withConfig({displayName:"flat-table-row-header.style__StyledFlatTableRowHeader",componentId:"carbon_v162_10_0__sc-34b8ebf1-0"})(["",""],(({align:o,theme:r,width:l,leftPosition:n,rightPosition:d,truncate:c,expandable:s,verticalBorder:p,verticalBorderColor:m,stickyAlignment:h})=>t(["background-color:var(--colorsUtilityYang100);border:1px solid var(--colorsUtilityMajor100);border-top:none;box-sizing:border-box;left:0;font-weight:normal;position:sticky;text-align:",";top:auto;vertical-align:middle;padding:0;z-index:",";"," &&&&{> 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;}}',""],o,r.zIndex.overlay,l&&t(["width:","px;"],l),c&&t(["text-overflow:ellipsis;overflow:hidden;white-space:nowrap;"]),l&&t(["width:","px;"],l),e,void 0!==n&&t(["left:","px;"],n),void 0!==d&&t(["right:","px;"],d),p&&t(["border-","-width:",";"],"right"===h?"left":"right",a[p]),m&&t(["border-","-color:",";"],"right"===h?"left":"right",i(r,m)),s&&t(["white-space:nowrap;"])))),d=o.div.withConfig({displayName:"flat-table-row-header.style__StyledFlatTableRowHeaderContent",componentId:"carbon_v162_10_0__sc-34b8ebf1-1"})(["",""],(({expandable:o})=>o&&t(["display:flex;align-items:center;line-height:1em;","{width:20px;height:20px;}"],l)));export{n as StyledFlatTableRowHeader,d as StyledFlatTableRowHeaderContent};

package/esm/components/flat-table/flat-table-row-header/index.d.ts

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

package/esm/components/flat-table/flat-table-row-header/index.js

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

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

@@ -1,45 +0,0 @@
-import React from "react";
-import { MarginProps } from "styled-system";
-import * as DesignTokens from "@sage/design-tokens/js/base/common";
-import { TagProps } from "../../__internal__/utils/helpers/tags";
-export interface FlatTableProps extends MarginProps, TagProps {
-    /** The HTML id of the element that contains a description of this table. */
-    ariaDescribedby?: string;
-    /** A string to render as the table's caption */
-    caption?: string;
-    /** FlatTableHead and FlatTableBody */
-    children: React.ReactNode;
-    /** `FlatTable` color theme */
-    colorTheme?: "light" | "transparent-base" | "transparent-white" | "dark";
-    /** Content to be rendered at the foot of the table */
-    footer?: React.ReactNode;
-    /** If true, the header does not scroll with the content */
-    hasStickyFooter?: boolean;
-    /** If true, the header does not scroll with the content */
-    hasStickyHead?: boolean;
-    /** Set the height of the table. String can be any valid CSS string, numbers will be converted to pixels. */
-    height?: string | number;
-    /** Set the min-height of the table. String can be any valid CSS string, numbers will be converted to pixels. */
-    minHeight?: string | number;
-    /** Toggles the zebra striping for the table rows */
-    isZebra?: boolean;
-    /** Used to define the tables size Renders as: 'compact', 'small', 'medium', 'large' and 'extraLarge' */
-    size?: "compact" | "small" | "medium" | "large" | "extraLarge";
-    /** Applies max-height of 100% to FlatTable if true */
-    hasMaxHeight?: boolean;
-    /** Toggles the visibility of the table's outer left and right borders. When false, the left border of the first column and the right border of the last column are hidden.  */
-    hasOuterVerticalBorders?: boolean;
-    /** Sets the border radius of the first and last cells in the last row. */
-    bottomBorderRadius?: Extract<keyof typeof DesignTokens, `borderRadius${number}`>;
-    /** Set the overflow X of the table wrapper. Any valid CSS string */
-    overflowX?: string;
-    /** Width of the table. Any valid CSS string */
-    width?: string;
-    /** The title to describe the table when one or more tables are used on a single page */
-    title?: string;
-}
-export declare const FlatTable: {
-    ({ caption, children, hasStickyHead, colorTheme, footer, hasStickyFooter, height, isZebra, size, hasMaxHeight, hasOuterVerticalBorders, bottomBorderRadius, ariaDescribedby, minHeight, overflowX, width, title, ...rest }: FlatTableProps): React.JSX.Element;
-    displayName: string;
-};
-export default FlatTable;

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

@@ -1 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRef as r,useState as o,useContext as n,useLayoutEffect as i,useCallback as l,useMemo as a}from"react";import{StyledFlatTableWrapper as c,StyledTableContainer as s,StyledFlatTable as d,StyledFlatTableFooter as u}from"./flat-table.style.js";import f from"../drawer/__internal__/drawer-sidebar.context.js";import b from"../../__internal__/utils/helpers/events/events.js";import{StrictFlatTableProvider as h}from"./__internal__/strict-flat-table.context.js";import p from"./__internal__/flat-table.context.js";function y(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function m(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){y(e,t,r[t])}))}return e}function v(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 g="tbody tr[tabindex], tbody tr td[tabindex], tbody tr th[tabindex]",O=y=>{var{caption:O,children:w,hasStickyHead:S,colorTheme:j="dark",footer:x,hasStickyFooter:P=!1,height:_,isZebra:A,size:D="medium",hasMaxHeight:H=!1,hasOuterVerticalBorders:k=!0,bottomBorderRadius:I="borderRadius100",ariaDescribedby:B,minHeight:E,overflowX:K,width:R,title:T}=y,q=function(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(y,["caption","children","hasStickyHead","colorTheme","footer","hasStickyFooter","height","isZebra","size","hasMaxHeight","hasOuterVerticalBorders","bottomBorderRadius","ariaDescribedby","minHeight","overflowX","width","title"]);const F=r(null),z=r(null),C=r(null),[V,X]=o(!1),[Z,M]=o(!1),[N,U]=o(-1),[W,Y]=o(-1),G=!_&&(S||P),J={caption:O,isZebra:A,size:D,"aria-describedby":B},{isInSidebar:L}=n(f),[Q,$]=o(!1);i((()=>{const e=(e,t)=>e.find(((e,r)=>{const o=Array.from(e.querySelectorAll("td, th")),n=t?o.shift():o.pop(),i=null==n?void 0:n.getAttribute("rowspan");return i&&Number(i)>=r+1}));if(F.current&&z.current){var t;const{offsetHeight:r,offsetWidth:o}=F.current,{top:n,bottom:i,right:l,left:a}=null===(t=z.current)||void 0===t?void 0:t.getBoundingClientRect();X(i-n>r),M(l-a>o);const c=z.current.querySelector("tbody"),s=c?Array.from(null==c?void 0:c.querySelectorAll("tr")):[],{length:d}=s,u=e(s.slice(0,d-1).reverse(),!0),f=e(s.slice(0,d-1).reverse());u&&U(s.indexOf(u)),f&&Y(s.indexOf(f))}}),[x,_,E]);const ee=e=>e.findIndex((e=>{const t=e.querySelectorAll("button, input, a, [tabindex]");return!(!t||!Array.from(t).find((e=>e===document.activeElement)))})),te=l((e=>{var t;const r=null===(t=z.current)||void 0===t?void 0:t.querySelectorAll(g),o=Array.from(r||[]);if(!o.length)return;const n=o.findIndex((e=>e===document.activeElement));if(Q&&(S||P))(b.isPageUpKey(e)||b.isPageDownKey(e)||b.isHomeKey(e)||b.isEndKey(e))&&e.preventDefault();else if(b.isDownKey(e))if(e.preventDefault(),-1!==n&&n<o.length){var i;null===(i=o[n+1])||void 0===i||i.focus()}else{const e=ee(o);var l;-1!==e&&e<o.length&&(null===(l=o[e+1])||void 0===l||l.focus())}else if(b.isUpKey(e))if(e.preventDefault(),n>0){var a;null===(a=o[n-1])||void 0===a||a.focus()}else{const e=ee(o);var c;e>0&&(null===(c=o[e-1])||void 0===c||c.focus())}}),[Q,P,S]),re=l((()=>{var e;const t=Array.from((null===(e=z.current)||void 0===e?void 0:e.querySelectorAll(g))||[]),r=t.find((e=>"true"===e.getAttribute("data-selected")||"true"===e.getAttribute("data-highlighted")))||t[0];return(null==r?void 0:r.getAttribute("id"))||""}),[]),oe=a((()=>({colorTheme:j,size:D,getTabStopElementId:re})),[j,D,re]),ne=a((()=>({isInFlatTable:!0,setHasOpenDatePicker:$})),[$]);return e(c,v(m({ref:F,"data-role":"flat-table-wrapper",isInSidebar:L,hasStickyHead:S,colorTheme:j,minHeight:E,overflowY:S||P?"auto":void 0,height:G&&!H?"99%":_,maxHeight:H?"100%":void 0,hasOuterVerticalBorders:k,bottomBorderRadius:I,display:"flex",flexDirection:"column",justifyContent:P||_?"space-between":void 0,role:"region",overflowX:R?"hidden":void 0,width:R,hasStickyFooter:P,hasVerticalScrollbar:V,hasHorizontalScrollbar:Z,footer:!!x,firstColRowSpanIndex:N,lastColRowSpanIndex:W,onKeyDown:te},q),{"data-component":"flat-table-wrapper",title:T,children:[t(s,{ref:C,tabIndex:0,overflowX:K,width:R,"data-role":"flat-table-container",children:e(d,v(m({ref:z,"data-component":"flat-table"},J),{children:[O?t("caption",{children:O}):null,t(h,{value:oe,children:t(p.Provider,{value:ne,children:w})})]}))}),x&&t(u,{hasStickyFooter:P,"data-role":"flat-table-footer",children:x})]}))};O.displayName="FlatTable";export{O as FlatTable,O as default};

package/esm/components/flat-table/flat-table.config.d.ts

@@ -1,2 +0,0 @@
-export declare const FLAT_TABLE_THEMES: readonly ["light", "dark", "transparent-base", "transparent-white"];
-export declare const FLAT_TABLE_SIZES: readonly ["compact", "small", "medium", "large"];

package/esm/components/flat-table/flat-table.config.js

@@ -1 +0,0 @@
-const a=["light","dark","transparent-base","transparent-white"],t=["compact","small","medium","large"];export{t as FLAT_TABLE_SIZES,a as FLAT_TABLE_THEMES};

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

@@ -1,28 +0,0 @@
-import { FlatTableProps } from "./flat-table.component";
-import { DrawerSidebarContextProps } from "../drawer/__internal__/drawer-sidebar.context";
-declare const StyledTableContainer: import("styled-components").StyledComponent<"div", any, Pick<FlatTableProps, "width" | "overflowX">, never>;
-declare const StyledFlatTable: import("styled-components").StyledComponent<"table", any, Pick<FlatTableProps, "caption" | "isZebra"> & {
-    size: NonNullable<FlatTableProps["size"]>;
-}, never>;
-interface StyledFlatTableWrapperProps extends Pick<FlatTableProps, "hasStickyFooter" | "colorTheme" | "hasStickyHead" | "footer" | "hasOuterVerticalBorders">, Partial<DrawerSidebarContextProps> {
-    hasHorizontalScrollbar: boolean;
-    hasVerticalScrollbar: boolean;
-    lastColRowSpanIndex: number;
-    firstColRowSpanIndex: number;
-    bottomBorderRadius: NonNullable<FlatTableProps["bottomBorderRadius"]>;
-}
-declare const StyledFlatTableWrapper: import("styled-components").StyledComponent<"div", any, {
-    theme: object;
-} & Omit<import("../box").BoxProps, "borderRadius"> & {
-    cssProps?: {
-        color?: string;
-        opacity?: string;
-        height?: string;
-        width?: string;
-    };
-    $borderRadius?: import("../box").BoxProps["borderRadius"];
-} & StyledFlatTableWrapperProps, "theme">;
-declare const StyledFlatTableFooter: import("styled-components").StyledComponent<"div", any, {
-    theme: object;
-} & Pick<FlatTableProps, "hasStickyFooter">, "theme">;
-export { StyledFlatTableWrapper, StyledFlatTable, StyledFlatTableFooter, StyledTableContainer, };

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

@@ -1 +0,0 @@
-import o,{css as r}from"styled-components";import t from"./flat-table-header/flat-table-header.style.js";import a from"./flat-table-row/flat-table-row.style.js";import{StyledFlatTableRowHeader as l}from"./flat-table-row-header/flat-table-row-header.style.js";import i from"./flat-table-head/flat-table-head.style.js";import e from"./flat-table-checkbox/flat-table-checkbox.style.js";import d from"../../style/themes/apply-base-theme.js";import{StyledFlatTableCell as s}from"./flat-table-cell/flat-table-cell.style.js";import c from"./cell-sizes.style.js";import b from"../box/box.style.js";import{StyledPagination as n}from"../pager/pager.style.js";import y from"../../style/utils/add-focus-styling.js";const h=o.div.withConfig({displayName:"flat-table.style__StyledTableContainer",componentId:"carbon_v162_10_0__sc-21607060-0"})([""," :focus{outline:none;}"],(({width:o,overflowX:t})=>o&&r(["width:",";",""],o,t&&`overflow-x: ${t};`))),f=o.table.withConfig({displayName:"flat-table.style__StyledFlatTable",componentId:"carbon_v162_10_0__sc-21607060-1"})(["border-collapse:separate;border-spacing:0;width:100%;@-moz-document url-prefix(){overflow:hidden;border-top-left-radius:var(--borderRadius100);border-top-right-radius:var(--borderRadius100);}"," "," ",""],(({caption:o})=>o&&r(["caption{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;width:1px;position:absolute;top:-99999px;}"])),(({size:o})=>{const{height:i,fontSize:d,paddingSize:b}=c[o];return r(["","{height:",";}"," > div,"," > div,"," > div,"," > div{font-size:",";padding-left:",";padding-right:",";}"],a,i,s,t,l,e,d,b,b)}),(({isZebra:o})=>o&&r(["",":nth-child(2n){",",",",","{background-color:var(--colorsUtilityMajor010);}}",":hover{",",",",",":not(th){background-color:var(--colorsUtilityMajor025);}}"],a,l,s,e,a,s,l,e))),p=o(b).attrs(d).withConfig({displayName:"flat-table.style__StyledFlatTableWrapper",componentId:"carbon_v162_10_0__sc-21607060-2"})(["border-top-left-radius:var(--borderRadius100);border-top-right-radius:var(--borderRadius100);"," "," "," "," "," "," "," ",",",".isSticky,"," ",".isSticky{z-index:",";}thead ",".isSticky,",".isSticky{border-right:none;}",",","{z-index:",";}thead{",":first-of-type{th:first-of-type{border-top-left-radius:var(--borderRadius100);}","}}tbody ",",",".isSticky,tbody ",".isSticky{z-index:",";}tbody ",".bringToFront,",".bringToFront,tbody ",".bringToFront{z-index:",";}"," ",""],(({hasOuterVerticalBorders:o})=>!o&&r(["","{& > ",":first-child{border-left-color:var(--colorsUtilityMajorTransparent);}& > ",":last-child{border-right-color:var(--colorsUtilityMajorTransparent);}}"],a,s,s)),(({hasStickyFooter:o,hasHorizontalScrollbar:t,bottomBorderRadius:a})=>!o&&!t&&r(["border-bottom-left-radius:var(--",");border-bottom-right-radius:var(--",");"],a,a)),(({isInSidebar:o})=>r(["box-sizing:border-box;:has(",":focus-visible){","}",""],h,y(),o?"min-width: fit-content;":"")),(({colorTheme:o})=>{switch(o){case"light":return r(["",","," ","{background-color:var(--colorsUtilityMajor100);border-right:1px solid var(--colorsUtilityMajor150);border-bottom-color:var(--colorsUtilityMajor150);}"," ","{background-color:var(--colorsUtilityMajor100);border-bottom-color:var(--colorsUtilityMajor150);border-right-color:var(--colorsUtilityMajor150);border-left-color:var(--colorsUtilityMajor150);}"],t,i,e,i,l);case"transparent-base":return r(["",","," ","{background-color:var(--colorsUtilityMajor025);border-bottom-color:var(--colorsUtilityMajor100);}"," ","{background-color:var(--colorsUtilityMajor025);border-bottom-color:var(--colorsUtilityMajor100);border-right-color:var(--colorsUtilityMajor025);border-left-color:var(--colorsUtilityMajor025);}"],t,i,e,i,l);case"transparent-white":return r(["",","," ","{background-color:var(--colorsUtilityYang100);border-bottom-color:var(--colorsUtilityMajor100);}"," ","{background-color:var(--colorsUtilityYang100);border-bottom-color:var(--colorsUtilityMajor100);border-right-color:var(--colorsUtilityYang100);border-left-color:var(--colorsUtilityYang100);}"],t,i,e,i,l);default:return r([""," ",",",",","{background-color:var(--colorsUtilityMajor400);border-right:1px solid var(--colorsUtilityMajor300);color:var(--colorsUtilityYang100);border-bottom-color:var(--colorsUtilityMajor300);}"," ","{background-color:var(--colorsUtilityMajor400);color:var(--colorsUtilityYang100);border-bottom-color:var(--colorsUtilityMajor300);border-right-color:var(--colorsUtilityMajor300);border-left-color:var(--colorsUtilityMajor300);}"],i,e,t,i,i,l)}}),(({isInSidebar:o})=>o&&r(["","{background-color:var(--colorsUtilityMajor040);}",","," ",","," ","{background-color:var(--colorsUtilityMajor040);border-right:2px solid var(--colorsUtilityMajor040);color:var(--colorsUtilityYin090);border-bottom-color:var(--colorsUtilityMajor100);}"],i,t,i,l,i,e)),(({hasStickyHead:o,theme:t})=>o&&r(["","{position:sticky;top:0;left:0;z-index:",";}"],i,t.zIndex.overlay+5)),i,l,t,i,e,(({theme:o})=>o.zIndex.overlay+5),t,e,t,e,(({theme:o})=>o.zIndex.overlay+3),a,(({hasVerticalScrollbar:o})=>!o&&r(["th:last-of-type{border-top-right-radius:var(--borderRadius100);}"])),l,s,e,(({theme:o})=>o.zIndex.overlay),l,s,e,(({theme:o})=>o.zIndex.overlay+5),(({footer:o})=>o&&r(["tr:last-child:focus{:after{border-bottom-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);}"])),(({footer:o,firstColRowSpanIndex:t,lastColRowSpanIndex:l,hasHorizontalScrollbar:i,hasVerticalScrollbar:e,bottomBorderRadius:d})=>!o&&r(["tbody{"," "," ",":last-of-type{"," ","}}"],t>=0&&r(["",":nth-of-type(","){th:first-child,td:first-child{border-bottom-left-radius:var(--borderRadius100);}}"],a,t+1),l>=0&&!i&&r(["",":nth-of-type(","){th:last-child,td:last-child{border-bottom-right-radius:var(--borderRadius100);}}"],a,l+1),a,!i&&-1===t&&r(["th:first-child,td:first-child{border-bottom-left-radius:var(--",");}"],d),!e&&!i&&-1===l&&r(["th:last-child,td:last-child{border-bottom-right-radius:var(--",");}"],d)))),v=o.div.attrs(d).withConfig({displayName:"flat-table.style__StyledFlatTableFooter",componentId:"carbon_v162_10_0__sc-21607060-3"})(["& > ","{border-top:none;border-top-left-radius:0;border-top-right-radius:0;}",""],n,(({hasStickyFooter:o,theme:t})=>o&&r(["position:sticky;bottom:0px;z-index:",";","{border-bottom-left-radius:0;border-bottom-right-radius:0;}"],t.zIndex.overlay+1,n)));export{f as StyledFlatTable,v as StyledFlatTableFooter,p as StyledFlatTableWrapper,h as StyledTableContainer};

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

@@ -1,22 +0,0 @@
-export { default as FlatTable } from "./flat-table.component";
-export { default as FlatTableHead } from "./flat-table-head/flat-table-head.component";
-export { default as FlatTableHeader } from "./flat-table-header/flat-table-header.component";
-export { default as FlatTableBody } from "./flat-table-body/flat-table-body.component";
-export { default as FlatTableRow } from "./flat-table-row/flat-table-row.component";
-export { default as FlatTableRowHeader } from "./flat-table-row-header/flat-table-row-header.component";
-export { default as FlatTableCell } from "./flat-table-cell/flat-table-cell.component";
-export { default as FlatTableCheckbox } from "./flat-table-checkbox/flat-table-checkbox.component";
-export { default as FlatTableBodyDraggable } from "./flat-table-body-draggable/flat-table-body-draggable.component";
-export { default as Sort } from "./sort/sort.component";
-export type TableBorderSize = "small" | "medium" | "large";
-export type TableCellAlign = "left" | "center" | "right";
-export type { FlatTableProps } from "./flat-table.component";
-export type { FlatTableHeadProps } from "./flat-table-head";
-export type { FlatTableHeaderProps } from "./flat-table-header";
-export type { FlatTableBodyProps } from "./flat-table-body";
-export type { FlatTableBodyDraggableProps } from "./flat-table-body-draggable";
-export type { FlatTableRowProps } from "./flat-table-row";
-export type { FlatTableRowHeaderProps } from "./flat-table-row-header";
-export type { FlatTableCellProps } from "./flat-table-cell";
-export type { FlatTableCheckboxProps } from "./flat-table-checkbox";
-export type { SortProps } from "./sort";

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

@@ -1 +0,0 @@
-export{FlatTable}from"./flat-table.component.js";export{FlatTableHead}from"./flat-table-head/flat-table-head.component.js";export{FlatTableHeader}from"./flat-table-header/flat-table-header.component.js";export{FlatTableBody}from"./flat-table-body/flat-table-body.component.js";export{FlatTableRow}from"./flat-table-row/flat-table-row.component.js";export{FlatTableRowHeader}from"./flat-table-row-header/flat-table-row-header.component.js";export{FlatTableCell}from"./flat-table-cell/flat-table-cell.component.js";export{FlatTableCheckbox}from"./flat-table-checkbox/flat-table-checkbox.component.js";export{FlatTableBodyDraggable}from"./flat-table-body-draggable/flat-table-body-draggable.component.js";export{Sort}from"./sort/sort.component.js";

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

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

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

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

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

@@ -1,19 +0,0 @@
-import React from "react";
-import { TagProps } from "../../../__internal__/utils/helpers/tags";
-export interface SortProps extends TagProps {
-    /** if `asc` it will show `sort_up` icon, if `desc` it will show `sort_down` */
-    sortType?: "ascending" | "descending";
-    /** Callback fired when the component is clicked */
-    onClick?: () => void;
-    /** Sets the text content of the component */
-    children?: string;
-    /**
-     * Sets the accessible name of the component
-     * @deprecated this prop has been deprecated in favour of using `aria-live` regions
-     * */
-    accessibleName?: string;
-    /** Sets the aria-roledescription of the component */
-    "aria-roledescription"?: string;
-}
-export declare const Sort: ({ children, onClick, sortType, accessibleName, "data-element": dataElement, "data-role": dataRole, "aria-roledescription": ariaRoleDescription, }: SortProps) => React.JSX.Element;
-export default Sort;

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

@@ -1 +0,0 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import"react";import{useStrictFlatTableContext as r}from"../__internal__/strict-flat-table.context.js";import t from"../../../__internal__/utils/helpers/events/events.js";import n from"../../../hooks/__internal__/useLocale/useLocale.js";import a from"../../icon/icon.component.js";import"../../icon/icon.style.js";import i from"./sort.style.js";import s from"../../../__internal__/utils/logger/index.js";let l=!1;const c=({children:c,onClick:p,sortType:d,accessibleName:m,"data-element":_,"data-role":u,"aria-roledescription":h})=>{var f,v;m&&!l&&(s.deprecate("The `accessibleName` prop has been deprecated in favour of using `aria-live` regions. Please use an `aria-live` region to announce changes in sort order to assistive technologies."),l=!0);const g=n(),{colorTheme:j}=r();return e(i,{colorTheme:j,"data-component":"sort","data-element":_,"data-role":u,onClick:p,onKeyDown:e=>t.isEnterOrSpaceKey(e)?(e.preventDefault(),null==p?void 0:p()):null,"data-sort-type":d||"none","aria-roledescription":h||(null===(v=g.sort)||void 0===v||null===(f=v.ariaRoleDescription)||void 0===f?void 0:f.call(v)),children:[o("span",{children:c}),d?o(a,{"aria-hidden":!0,"data-element":"sort-icon",type:"ascending"===d?"sort_up":"sort_down"}):o("span",{"data-role":"sort-placeholder"})]})};export{c as Sort,c as default};

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

@@ -1,5 +0,0 @@
-declare const StyledSortButton: import("styled-components").StyledComponent<"button", any, {
-    colorTheme?: "light" | "transparent-base" | "transparent-white" | "dark";
-    size?: "compact" | "small" | "medium" | "large" | "extraLarge";
-}, never>;
-export default StyledSortButton;

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

@@ -1 +0,0 @@
-import o,{css as t}from"styled-components";import r from"../../../style/utils/add-focus-styling.js";const e={compact:{fontSize:"13px"},small:{fontSize:"14px"},medium:{fontSize:"14px"},large:{fontSize:"16px"},extraLarge:{fontSize:"16px"}},i=o.button.withConfig({displayName:"sort.style__StyledSortButton",componentId:"carbon_v162_10_0__sc-93b844db-0"})(["",""],(({colorTheme:o="light",size:i="medium"})=>t(["align-items:center;background:transparent;border:none;border-radius:0;color:",";display:inline-flex;font-size:",';font-weight:500;gap:var(--spacing075);position:relative;text-align:left;word-break:keep-all;span[data-role="sort-placeholder"]{min-width:24px;:hover{border-bottom:none;}}&:hover{span:first-of-type{border-bottom:1px solid ',";}}:focus{",' border-radius:var(--borderRadius025);}span[data-component="icon"]{color:',";margin-bottom:1px;}"],"dark"===o?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)",e[i].fontSize,"dark"===o?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)",r(),"dark"===o?"var(--colorsActionMinorYang100)":"var(--colorActionMinor500)")));export{i as default};

package/esm/components/form/__internal__/form-summary.component.d.ts

@@ -1,19 +0,0 @@
-import React from "react";
-import { StyledInternalSummaryProps } from "./form-summary.style";
-interface SummaryProps extends StyledInternalSummaryProps {
-    errorCount?: number;
-    warningCount?: number;
-}
-export interface FormSummaryProps {
-    /** Child elements */
-    children?: React.ReactNode;
-    /** The total number of errors present in the form */
-    errorCount?: number;
-    /** The total number of warnings present in the form */
-    warningCount?: number;
-    /** Applies full width styling */
-    fullWidth?: boolean;
-}
-export declare const Summary: ({ type, errorCount, warningCount, }: SummaryProps) => React.JSX.Element | null;
-declare const FormSummary: ({ fullWidth, ...props }: FormSummaryProps) => React.JSX.Element;
-export default FormSummary;

package/esm/components/form/__internal__/form-summary.component.js

@@ -1 +0,0 @@
-import{jsxs as r,Fragment as e,jsx as t}from"react/jsx-runtime";import{useMemo as n}from"react";import{StyledMessagePrefix as o,StyledInternalSummary as l,StyledFormSummary as u}from"./form-summary.style.js";import i from"../../icon/icon.component.js";import"../../icon/icon.style.js";import a from"../../../hooks/__internal__/useLocale/useLocale.js";function m(r,e,t){return e in r?Object.defineProperty(r,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):r[e]=t,r}function c(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){m(r,e,t[e])}))}return r}const s=({type:u,errorCount:m=0,warningCount:c=0})=>{const s=a(),f={errorCount:m,warningCount:c},y=n((()=>s.errors.messages.formSummary(m,c,u)),[s.errors.messages,m,c,u]);return f[`${u}Count`]?r(e,{children:[t(o,{children:null==y?void 0:y[0]}),r(l,{type:u,"data-element":`${u}s`,"data-role":"internal-summary",children:[t(i,{type:u}),t("span",{children:null==y?void 0:y[1]})]})]}):null},f=e=>{var{fullWidth:n}=e,o=function(r,e){if(null==r)return{};var t,n,o=function(r,e){if(null==r)return{};var t,n,o={},l=Object.keys(r);for(n=0;n<l.length;n++)t=l[n],e.indexOf(t)>=0||(o[t]=r[t]);return o}(r,e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(r);for(n=0;n<l.length;n++)t=l[n],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(r,t)&&(o[t]=r[t])}return o}(e,["fullWidth"]);return r(u,{showSummary:!(!o.errorCount&&!o.warningCount),"data-element":"form-summary","data-role":"form-summary",fullWidth:n,children:[t(s,c({type:"error"},o)),t(s,c({type:"warning"},o)),o.children]})};export{s as Summary,f as default};

package/esm/components/form/__internal__/form-summary.style.d.ts

@@ -1,11 +0,0 @@
-type StyledFormSummaryProps = {
-    showSummary?: boolean;
-    fullWidth?: boolean;
-};
-export declare const StyledFormSummary: import("styled-components").StyledComponent<"div", any, StyledFormSummaryProps, never>;
-export declare const StyledMessagePrefix: import("styled-components").StyledComponent<"div", any, {}, never>;
-export type StyledInternalSummaryProps = {
-    type: "error" | "warning";
-};
-export declare const StyledInternalSummary: import("styled-components").StyledComponent<"div", any, StyledInternalSummaryProps, never>;
-export {};

package/esm/components/form/__internal__/form-summary.style.js

@@ -1 +0,0 @@
-import r,{css as i}from"styled-components";import o from"../../icon/icon.style.js";const a=r.div.withConfig({displayName:"form-summary.style__StyledFormSummary",componentId:"carbon_v162_10_0__sc-db2b538-0"})(["display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:end;font-size:var(--fontSizes100);font-weight:500;"," ",""],(({fullWidth:r})=>r&&i(["display:flex;flex-wrap:wrap;width:100%;justify-content:flex-start;"])),(({showSummary:r,fullWidth:o})=>r&&i(["background-color:var(--colorsUtilityMajor025);border:solid var(--borderWidth100) var(--colorsActionMinor250);border-radius:var(--borderRadius100);margin:calc(-1 * var(--sizing100)) 0;padding:var(--sizing100);gap:var(--sizing125);",""],o&&i(["margin:0 calc(-1 * var(--sizing100));"])))),e=r.div.withConfig({displayName:"form-summary.style__StyledMessagePrefix",componentId:"carbon_v162_10_0__sc-db2b538-1"})(["&:first-of-type{margin-left:var(--sizing100);}"]),t=r.div.withConfig({displayName:"form-summary.style__StyledInternalSummary",componentId:"carbon_v162_10_0__sc-db2b538-2"})(["display:flex;align-items:center;gap:var(--sizing100);"," "," ","{"," ","}"],(({type:r})=>"warning"===r&&i(["color:var(--colorsSemanticCaution650);"])),(({type:r})=>"error"===r&&i(["color:var(--colorsSemanticNegative600);"])),o,(({type:r})=>"warning"===r&&i(["color:var(--colorsSemanticCaution650);"])),(({type:r})=>"error"===r&&i(["color:var(--colorsSemanticNegative600);"])));export{a as StyledFormSummary,t as StyledInternalSummary,e as StyledMessagePrefix};

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

@@ -1,49 +0,0 @@
-import React from "react";
-import { SpaceProps, PaddingProps } from "styled-system";
-import { TagProps } from "../../__internal__/utils/helpers/tags";
-import { FormButtonAlignment } from "./form.config";
-export interface FormProps extends SpaceProps, TagProps {
-    /** Alignment of buttons */
-    buttonAlignment?: FormButtonAlignment;
-    /** The id attribute of the underlying form element */
-    id?: string;
-    /** Child elements */
-    children?: React.ReactNode;
-    /** The total number of errors present in the form */
-    errorCount?: number;
-    /** Spacing between form fields, given number will be multiplied by base spacing unit (8) */
-    fieldSpacing?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7;
-    /** Additional buttons rendered on the left side of the save button */
-    leftSideButtons?: React.ReactNode;
-    /** Disable HTML5 validation */
-    noValidate?: boolean;
-    /** Callback passed to the form element */
-    onSubmit?: React.FormEventHandler<HTMLFormElement>;
-    /** Additional buttons rendered on the right side of the save button */
-    rightSideButtons?: React.ReactNode;
-    /** Save button to be rendered */
-    saveButton?: React.ReactNode;
-    /** Custom content to render in the form's footer */
-    footerChildren?: React.ReactNode;
-    /** Enables the sticky footer. */
-    stickyFooter?: boolean;
-    /**
-     * When true, disables the sticky behaviour of the footer on small screen devices (below 600px).
-     */
-    disableStickyOnSmallScreen?: boolean;
-    /** Background variant for the sticky footer. */
-    stickyFooterVariant?: "light" | "grey";
-    /** The total number of warnings present in the form */
-    warningCount?: number;
-    /** Height of the form (any valid CSS value) */
-    height?: string;
-    /** Applies styling for full width buttons. Please note that you will still need to pass the `fullWidth` prop to the button you compose */
-    fullWidthButtons?: boolean;
-    /** Padding to be set on the form footer */
-    footerPadding?: PaddingProps;
-}
-export declare const Form: {
-    ({ children, saveButton, leftSideButtons, rightSideButtons, errorCount, warningCount, onSubmit, buttonAlignment, footerChildren, stickyFooter, stickyFooterVariant, disableStickyOnSmallScreen, fieldSpacing, noValidate, height, fullWidthButtons, footerPadding, id, ...rest }: FormProps): React.JSX.Element;
-    displayName: string;
-};
-export default Form;