@lifesg/react-design-system 4.0.0-alpha.2 → 4.0.0-alpha.4

package/data-table/data-table.styles.d.ts

@@ -1,83 +1,30 @@
-interface TableProps {
-    $end: boolean;
-    $scrollable: boolean;
-    $stickyHeader: boolean | undefined;
-}
-interface TableBodyProps {
-    $showLastRowBottomBorder: boolean;
-}
-interface HeaderCellProps {
-    $clickable: boolean;
-    $isCheckbox: boolean;
-}
-interface BodyRowProps {
-    $alternating: boolean;
-    $isSelected?: boolean;
-    $isSelectable?: boolean;
-}
-interface BodyCellProps {
-    $isCheckbox: boolean;
-}
-interface ActionBarWrapperProps {
-    $fixed: boolean;
-    $left?: number | undefined;
-    $width?: number | undefined;
-}
-interface ActionBarProps {
-    $float: boolean;
-    $scrollable: boolean;
-}
-export declare const TableWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const TableContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const Table: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, keyof TableProps> & TableProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, keyof TableProps> & TableProps, never>>> & string;
-export declare const TableBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "$showLastRowBottomBorder"> & TableBodyProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "$showLastRowBottomBorder"> & TableBodyProps, never>>> & string;
-export declare const ActionBarWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ActionBarWrapperProps> & ActionBarWrapperProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ActionBarWrapperProps> & ActionBarWrapperProps, never>>> & string;
-export declare const TextButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../shared/input-wrapper").BasicButtonProps & import("react").RefAttributes<HTMLButtonElement>, never> & Partial<Pick<import("../shared/input-wrapper").BasicButtonProps & import("react").RefAttributes<HTMLButtonElement>, never>>> & string & Omit<(props: import("../shared/input-wrapper").BasicButtonProps & import("react").RefAttributes<HTMLButtonElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
-export declare const ActionBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ActionBarProps> & ActionBarProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ActionBarProps> & ActionBarProps, never>>> & string;
-export declare const HeaderRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, never>>> & string;
-export declare const HeaderCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, keyof HeaderCellProps> & HeaderCellProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, keyof HeaderCellProps> & HeaderCellProps, never>>> & string;
-export declare const HeaderCellWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const BodyRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, keyof BodyRowProps> & BodyRowProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, keyof BodyRowProps> & BodyRowProps, never>>> & string;
-export declare const BodyCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "$isCheckbox"> & BodyCellProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "$isCheckbox"> & BodyCellProps, never>>> & string;
-export declare const BodyCellContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<any, "ref"> & {
-    weight?: import("..").TypographyWeight | undefined;
-    inline?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    maxLines?: number | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").RefAttributes<HTMLParagraphElement>, never> & Partial<Pick<Omit<any, "ref"> & {
-    weight?: import("..").TypographyWeight | undefined;
-    inline?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    maxLines?: number | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").RefAttributes<HTMLParagraphElement>, never>>> & string & Omit<(props: Omit<any, "ref"> & {
-    weight?: import("..").TypographyWeight | undefined;
-    inline?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    maxLines?: number | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").RefAttributes<HTMLParagraphElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
-export declare const CheckBoxWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const LoaderWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const ErrorDisplayTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<any, "ref"> & {
-    weight?: import("..").TypographyWeight | undefined;
-    inline?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    maxLines?: number | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").RefAttributes<HTMLHeadingElement>, never> & Partial<Pick<Omit<any, "ref"> & {
-    weight?: import("..").TypographyWeight | undefined;
-    inline?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    maxLines?: number | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").RefAttributes<HTMLHeadingElement>, never>>> & string & Omit<(props: Omit<any, "ref"> & {
-    weight?: import("..").TypographyWeight | undefined;
-    inline?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    maxLines?: number | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").RefAttributes<HTMLHeadingElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
-export declare const EmptyViewCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, never>>> & string;
-export {};
+export declare const tokens: {
+    readonly actionBarWrapperLeft: "--fds-internal-dataTable-actionBarWrapper-left";
+    readonly actionBarWrapperWidth: "--fds-internal-dataTable-actionBarWrapper-width";
+};
+export declare const tableWrapper: import("@linaria/core").LinariaClassName;
+export declare const tableContainer: import("@linaria/core").LinariaClassName;
+export declare const table: import("@linaria/core").LinariaClassName;
+export declare const stickyHeader: import("@linaria/core").LinariaClassName;
+export declare const headerRow: import("@linaria/core").LinariaClassName;
+export declare const headerCell: import("@linaria/core").LinariaClassName;
+export declare const headerCellClickable: import("@linaria/core").LinariaClassName;
+export declare const headerCellCheckbox: import("@linaria/core").LinariaClassName;
+export declare const headerCellContent: import("@linaria/core").LinariaClassName;
+export declare const bodyCell: import("@linaria/core").LinariaClassName;
+export declare const bodyRow: import("@linaria/core").LinariaClassName;
+export declare const bodyRowAlternating: import("@linaria/core").LinariaClassName;
+export declare const bodyRowSelected: import("@linaria/core").LinariaClassName;
+export declare const bodyRowSelectable: import("@linaria/core").LinariaClassName;
+export declare const bodyRowWithBottomBorder: import("@linaria/core").LinariaClassName;
+export declare const bodyCellCheckbox: import("@linaria/core").LinariaClassName;
+export declare const bodyCellText: import("@linaria/core").LinariaClassName;
+export declare const emptyStateCell: import("@linaria/core").LinariaClassName;
+export declare const selectionCheckboxWrapper: import("@linaria/core").LinariaClassName;
+export declare const actionBarButton: import("@linaria/core").LinariaClassName;
+export declare const actionBar: import("@linaria/core").LinariaClassName;
+export declare const actionBarFloating: import("@linaria/core").LinariaClassName;
+export declare const actionBarWrapper: import("@linaria/core").LinariaClassName;
+export declare const actionBarWrapperFloating: import("@linaria/core").LinariaClassName;
+export declare const loadingStateWrapper: import("@linaria/core").LinariaClassName;
+export declare const emptyStateTitle: import("@linaria/core").LinariaClassName;

package/data-table/data-table.styles.js

@@ -1,153 +1,2 @@
-import e,{css as r}from"styled-components";import{BasicButton as t}from"../shared/input-wrapper/input-wrapper.js";import{lineClampCss as o}from"../shared/styles/index.js";import{Typography as i}from"../typography/index.js";import{V3_Colour as d,V3_Border as l,V3_Radius as n,V3_Font as s,V3_Motion as a,V3_Spacing as $,V3_Shadow as m}from"../v3_theme/index.js";const c=d.border,p=d.text,g=e.div`
-    overflow: auto;
-    display: flex;
-    flex-direction: column;
-    border: ${l["width-010"]} ${l.solid} ${c};
-    border-radius: ${n.md};
-
-    // Hide scrollbar
-    &::-webkit-scrollbar {
-        display: none;
-    }
-    * {
-        -ms-overflow-style: none; /* IE and Edge */
-        scrollbar-width: none; /* Firefox */
-    }
-`,b=e.div`
-    flex: 1;
-`,f=e.table`
-    th:last-child,
-    td:last-child {
-        padding-right: 1.5rem;
-    }
-    th:first-child,
-    td:first-child {
-        padding-left: 1.5rem;
-    }
-    text-align: left;
-    border-collapse: separate;
-    border-spacing: 0;
-    width: 100%;
-
-    ${e=>{if(e.$stickyHeader)return r`
-                thead {
-                    position: sticky;
-                    top: 0;
-                    z-index: 20;
-                }
-            `}};
-`,h=e.tbody`
-    tr:last-child {
-        td {
-            border-bottom: ${e=>e.$showLastRowBottomBorder?`${l["width-010"]} ${l.solid} ${c}`:"none"};
-        }
-    }
-`,x=e.div`
-    bottom: 0;
-    ${e=>{if(e.$fixed){const t=e.$left?`${e.$left}px`:"0",o=e.$width?`${e.$width}px`:"100%";return r`
-                position: fixed;
-                left: ${t};
-                width: ${o};
-            `}return r`
-                position: sticky;
-                left: 0;
-            `}};
-`,u=e(t)`
-    ${s["body-md-semibold"]}
-    cursor: pointer;
-    color: ${d["text-primary"]};
-    transition: ${a["duration-150"]} ${a["ease-default"]};
-    padding: 0.75rem;
-    margin: -0.75rem 0;
-
-    &:hover {
-        color: ${d["text-hover"]};
-    }
-`,w=e.div`
-    overflow: hidden;
-    display: flex;
-    align-items: center;
-    height: 3.5rem;
-    padding: ${$["spacing-16"]} ${$["spacing-24"]};
-    border-top: ${l["width-010"]} ${l.solid} ${c};
-    background-color: ${d["bg-selected"]};
-    transition: all 300ms ease;
-    ${e=>e.$float?r`
-                transform: translateX(0.5rem) translateY(-2rem);
-                border-radius: ${n.sm};
-                box-shadow: ${m["xs-subtle"]};
-                width: calc(100% - ${$["spacing-16"]});
-                border: ${l["width-010"]} ${l.solid}
-                    ${c};
-            `:r`
-                border-radius: ${n.none} ${n.none}
-                    ${n.sm} ${n.sm};
-            `}
-`,v=e.tr`
-    background-color: ${d["bg-stronger"]};
-    height: 6rem;
-    border-bottom: ${l["width-010"]} ${l.solid}
-        ${c};
-`,y=e.th`
-    padding: ${e=>e.$isCheckbox?"1.25rem 0.5rem 1.25rem 1.5rem":"1.25rem 1rem"};
-    text-align: left;
-    cursor: ${e=>e.$clickable?"pointer":"default"};
-    vertical-align: middle;
-    color: ${p};
-    border-bottom: ${l["width-010"]} ${l.solid}
-        ${c};
-    ${e=>{if(e.$isCheckbox)return r`
-                width: 4rem;
-            `}};
-    &:focus-within {
-        outline: 2px solid ${d["focus-ring"]};
-        outline-offset: -3px;
-    }
-`,k=e.div`
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-
-    svg {
-        color: ${p};
-        margin-left: 0.5rem;
-    }
-`,j=e.tr`
-    background-color: ${e=>e.$isSelected?r`
-                ${d["bg-selected"]};
-            `:e.$alternating?r`
-                ${d["bg-strong"]};
-            `:r`
-                ${d.bg};
-            `};
-    border-top: ${l["width-010"]} ${l.solid} ${c};
-    &:hover {
-        ${e=>{if(e.$isSelectable)return r`
-                    background-color: ${d["bg-hover-strong"]};
-                `}};
-    }
-`,B=e.td`
-    padding: ${e=>e.$isCheckbox?"1.25rem 0.5rem 1.25rem 1.5rem":"1.25rem 1rem"};
-    vertical-align: middle;
-    color: ${p};
-    border-bottom: ${l["width-010"]} ${l.solid}
-        ${c};
-`,C=e(i.BodyBL)`
-    ${o(2)}
-    text-overflow: ellipsis;
-`,H=e.div`
-    display: flex;
-    align-items: center;
-    justify-content: center;
-`,S=e.div`
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    padding: 4rem 0;
-`,E=e(i.HeadingSM)`
-    margin-top: 2rem;
-    margin-bottom: 1rem;
-`,L=e.td`
-    padding: 4rem 0;
-`;export{w as ActionBar,x as ActionBarWrapper,B as BodyCell,C as BodyCellContent,j as BodyRow,H as CheckBoxWrapper,L as EmptyViewCell,E as ErrorDisplayTitle,y as HeaderCell,k as HeaderCellWrapper,v as HeaderRow,S as LoaderWrapper,f as Table,h as TableBody,b as TableContainer,g as TableWrapper,u as TextButton};
+import"./data-table.styles_1iqq1g7.css";const a={actionBarWrapperLeft:"--fds-internal-dataTable-actionBarWrapper-left",actionBarWrapperWidth:"--fds-internal-dataTable-actionBarWrapper-width"},t="t188sfx3",e="t1j0mhj",r="t4ucy2z",n="s7u4vf5",c="h1nfqacf",p="h1744qno",b="h1ec4wtd",d="hp15x3z",i="h4ne4e9",s="bfa3d3x",f="b6ks76c",l="b1bceurq",h="b8t2s91",o="bjmthdi",q="b1tvp43a",x="bx1feaw",y="b1g3gl2s",g="e1yxh9il",w="s1w2nktt",W="axywpxo",m="anoy5c0",u="a1gvi5ye",B="aag0lf9",_="a1euqarq",j="ldhafdm",v="e1pcc0nq";export{m as actionBar,W as actionBarButton,u as actionBarFloating,B as actionBarWrapper,_ as actionBarWrapperFloating,s as bodyCell,x as bodyCellCheckbox,y as bodyCellText,f as bodyRow,l as bodyRowAlternating,o as bodyRowSelectable,h as bodyRowSelected,q as bodyRowWithBottomBorder,g as emptyStateCell,v as emptyStateTitle,p as headerCell,d as headerCellCheckbox,b as headerCellClickable,i as headerCellContent,c as headerRow,j as loadingStateWrapper,w as selectionCheckboxWrapper,n as stickyHeader,r as table,e as tableContainer,t as tableWrapper,a as tokens};
 //# sourceMappingURL=data-table.styles.js.map

package/data-table/data-table.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-table.styles.js","sources":["../../src/data-table/data-table.styles.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { BasicButton } from \"../shared/input-wrapper\";\nimport { lineClampCss } from \"../shared/styles\";\nimport { Typography } from \"../typography\";\nimport {\n    V3_Border,\n    V3_Colour,\n    V3_Font,\n    V3_Motion,\n    V3_Radius,\n    V3_Shadow,\n    V3_Spacing,\n} from \"../v3_theme\";\n\n// =============================================================================\n// STYLE INTERFACE, transient props are denoted with $\n// See more https://styled-components.com/docs/api#transient-props\n// =============================================================================\ninterface TableProps {\n    $end: boolean;\n    $scrollable: boolean;\n    $stickyHeader: boolean | undefined;\n}\ninterface TableBodyProps {\n    $showLastRowBottomBorder: boolean;\n}\ninterface HeaderCellProps {\n    $clickable: boolean;\n    $isCheckbox: boolean;\n}\ninterface BodyRowProps {\n    $alternating: boolean;\n    $isSelected?: boolean;\n    $isSelectable?: boolean;\n}\n\ninterface BodyCellProps {\n    $isCheckbox: boolean;\n}\n\ninterface ActionBarWrapperProps {\n    $fixed: boolean;\n    $left?: number | undefined;\n    $width?: number | undefined;\n}\n\ninterface ActionBarProps {\n    $float: boolean;\n    $scrollable: boolean;\n}\n\n// =============================================================================\n// STYLES CONSTANTS\n// =============================================================================\nconst borderColor = V3_Colour[\"border\"];\nconst fontColor = V3_Colour[\"text\"];\n\n// =============================================================================\n// STYLES\n// =============================================================================\nexport const TableWrapper = styled.div`\n    overflow: auto;\n    display: flex;\n    flex-direction: column;\n    border: ${V3_Border[\"width-010\"]} ${V3_Border[\"solid\"]} ${borderColor};\n    border-radius: ${V3_Radius[\"md\"]};\n\n    // Hide scrollbar\n    &::-webkit-scrollbar {\n        display: none;\n    }\n    * {\n        -ms-overflow-style: none; /* IE and Edge */\n        scrollbar-width: none; /* Firefox */\n    }\n`;\n\nexport const TableContainer = styled.div`\n    flex: 1;\n`;\n\nexport const Table = styled.table<TableProps>`\n    th:last-child,\n    td:last-child {\n        padding-right: 1.5rem;\n    }\n    th:first-child,\n    td:first-child {\n        padding-left: 1.5rem;\n    }\n    text-align: left;\n    border-collapse: separate;\n    border-spacing: 0;\n    width: 100%;\n\n    ${(props) => {\n        if (props.$stickyHeader) {\n            return css`\n                thead {\n                    position: sticky;\n                    top: 0;\n                    z-index: 20;\n                }\n            `;\n        }\n    }};\n`;\n\nexport const TableBody = styled.tbody<TableBodyProps>`\n    tr:last-child {\n        td {\n            border-bottom: ${(props) =>\n                props.$showLastRowBottomBorder\n                    ? `${V3_Border[\"width-010\"]} ${V3_Border[\"solid\"]} ${borderColor}`\n                    : \"none\"};\n        }\n    }\n`;\n\nexport const ActionBarWrapper = styled.div<ActionBarWrapperProps>`\n    bottom: 0;\n    ${(props) => {\n        if (props.$fixed) {\n            const left = props.$left ? `${props.$left}px` : \"0\";\n            const width = props.$width ? `${props.$width}px` : \"100%\";\n            return css`\n                position: fixed;\n                left: ${left};\n                width: ${width};\n            `;\n        } else {\n            return css`\n                position: sticky;\n                left: 0;\n            `;\n        }\n    }};\n`;\n\nexport const TextButton = styled(BasicButton)`\n    ${V3_Font[\"body-md-semibold\"]}\n    cursor: pointer;\n    color: ${V3_Colour[\"text-primary\"]};\n    transition: ${V3_Motion[\"duration-150\"]} ${V3_Motion[\"ease-default\"]};\n    padding: 0.75rem;\n    margin: -0.75rem 0;\n\n    &:hover {\n        color: ${V3_Colour[\"text-hover\"]};\n    }\n`;\n\nexport const ActionBar = styled.div<ActionBarProps>`\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    height: 3.5rem;\n    padding: ${V3_Spacing[\"spacing-16\"]} ${V3_Spacing[\"spacing-24\"]};\n    border-top: ${V3_Border[\"width-010\"]} ${V3_Border[\"solid\"]} ${borderColor};\n    background-color: ${V3_Colour[\"bg-selected\"]};\n    transition: all 300ms ease;\n    ${(props) => {\n        if (props.$float) {\n            return css`\n                transform: translateX(0.5rem) translateY(-2rem);\n                border-radius: ${V3_Radius[\"sm\"]};\n                box-shadow: ${V3_Shadow[\"xs-subtle\"]};\n                width: calc(100% - ${V3_Spacing[\"spacing-16\"]});\n                border: ${V3_Border[\"width-010\"]} ${V3_Border[\"solid\"]}\n                    ${borderColor};\n            `;\n        } else {\n            return css`\n                border-radius: ${V3_Radius[\"none\"]} ${V3_Radius[\"none\"]}\n                    ${V3_Radius[\"sm\"]} ${V3_Radius[\"sm\"]};\n            `;\n        }\n    }}\n`;\n\nexport const HeaderRow = styled.tr`\n    background-color: ${V3_Colour[\"bg-stronger\"]};\n    height: 6rem;\n    border-bottom: ${V3_Border[\"width-010\"]} ${V3_Border[\"solid\"]}\n        ${borderColor};\n`;\n\nexport const HeaderCell = styled.th<HeaderCellProps>`\n    padding: ${(props) =>\n        props.$isCheckbox ? \"1.25rem 0.5rem 1.25rem 1.5rem\" : \"1.25rem 1rem\"};\n    text-align: left;\n    cursor: ${(props) => (props.$clickable ? \"pointer\" : \"default\")};\n    vertical-align: middle;\n    color: ${fontColor};\n    border-bottom: ${V3_Border[\"width-010\"]} ${V3_Border[\"solid\"]}\n        ${borderColor};\n    ${(props) => {\n        if (props.$isCheckbox) {\n            return css`\n                width: 4rem;\n            `;\n        }\n    }};\n    &:focus-within {\n        outline: 2px solid ${V3_Colour[\"focus-ring\"]};\n        outline-offset: -3px;\n    }\n`;\n\nexport const HeaderCellWrapper = styled.div`\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    svg {\n        color: ${fontColor};\n        margin-left: 0.5rem;\n    }\n`;\n\nexport const BodyRow = styled.tr<BodyRowProps>`\n    background-color: ${(props) => {\n        if (props.$isSelected) {\n            return css`\n                ${V3_Colour[\"bg-selected\"]};\n            `;\n        } else if (props.$alternating) {\n            return css`\n                ${V3_Colour[\"bg-strong\"]};\n            `;\n        } else {\n            return css`\n                ${V3_Colour[\"bg\"]};\n            `;\n        }\n    }};\n    border-top: ${V3_Border[\"width-010\"]} ${V3_Border[\"solid\"]} ${borderColor};\n    &:hover {\n        ${(props) => {\n            if (props.$isSelectable) {\n                return css`\n                    background-color: ${V3_Colour[\"bg-hover-strong\"]};\n                `;\n            }\n        }};\n    }\n`;\n\nexport const BodyCell = styled.td<BodyCellProps>`\n    padding: ${(props) =>\n        props.$isCheckbox ? \"1.25rem 0.5rem 1.25rem 1.5rem\" : \"1.25rem 1rem\"};\n    vertical-align: middle;\n    color: ${fontColor};\n    border-bottom: ${V3_Border[\"width-010\"]} ${V3_Border[\"solid\"]}\n        ${borderColor};\n`;\n\nexport const BodyCellContent = styled(Typography.BodyBL)`\n    ${lineClampCss(2)}\n    text-overflow: ellipsis;\n`;\n\nexport const CheckBoxWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n`;\n\nexport const LoaderWrapper = styled.div`\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 4rem 0;\n`;\n\nexport const ErrorDisplayTitle = styled(Typography.HeadingSM)`\n    margin-top: 2rem;\n    margin-bottom: 1rem;\n`;\n\nexport const EmptyViewCell = styled.td`\n    padding: 4rem 0;\n`;\n"],"names":["borderColor","V3_Colour","fontColor","TableWrapper","styled","div","V3_Border","V3_Radius","TableContainer","Table","table","props","$stickyHeader","css","TableBody","tbody","$showLastRowBottomBorder","ActionBarWrapper","$fixed","left","$left","width","$width","TextButton","BasicButton","V3_Font","V3_Motion","ActionBar","V3_Spacing","$float","V3_Shadow","HeaderRow","tr","HeaderCell","th","$isCheckbox","$clickable","HeaderCellWrapper","BodyRow","$isSelected","$alternating","$isSelectable","BodyCell","td","BodyCellContent","Typography","BodyBL","lineClampCss","CheckBoxWrapper","LoaderWrapper","ErrorDisplayTitle","HeadingSM","EmptyViewCell"],"mappings":"yWAuDA,MAAMA,EAAcC,EAAkB,OAChCC,EAAYD,EAAgB,KAKrBE,EAAeC,EAAOC,GAAG;;;;cAIxBC,EAAU,gBAAgBA,EAAiB,SAAKN;qBACzCO,EAAc;;;;;;;;;;EAYtBC,EAAiBJ,EAAOC,GAAG;;EAI3BI,EAAQL,EAAOM,KAAiB;;;;;;;;;;;;;;MActCC,IACC,GAAIA,EAAMC,cACN,OAAOC,CAAG;;;;;;aAOd;EAIKC,EAAYV,EAAOW,KAAqB;;;6BAGvBJ,GACdA,EAAMK,yBACA,GAAGV,EAAU,gBAAgBA,EAAiB,SAAKN,IACnD;;;EAKTiB,EAAmBb,EAAOC,GAA0B;;MAE1DM,IACC,GAAIA,EAAMO,OAAQ,CACd,MAAMC,EAAOR,EAAMS,MAAQ,GAAGT,EAAMS,UAAY,IAC1CC,EAAQV,EAAMW,OAAS,GAAGX,EAAMW,WAAa,OACnD,OAAOT,CAAG;;wBAEEM;yBACCE;aAEjB,CACI,OAAOR,CAAG;;;aAId;EAIKU,EAAanB,EAAOoB,EAAY;MACvCC,EAAQ;;aAEDxB,EAAU;kBACLyB,EAAU,mBAAmBA,EAAU;;;;;iBAKxCzB,EAAU;;EAId0B,EAAYvB,EAAOC,GAAmB;;;;;eAKpCuB,EAAW,iBAAiBA,EAAW;kBACpCtB,EAAU,gBAAgBA,EAAiB,SAAKN;wBAC1CC,EAAU;;MAE3BU,GACKA,EAAMkB,OACChB,CAAG;;iCAEWN,EAAc;8BACjBuB,EAAU;qCACHF,EAAW;0BACtBtB,EAAU,gBAAgBA,EAAiB;sBAC/CN;cAGHa,CAAG;iCACWN,EAAgB,QAAKA,EAAgB;sBAChDA,EAAc,MAAKA,EAAc;;EAM1CwB,EAAY3B,EAAO4B,EAAE;wBACV/B,EAAU;;qBAEbK,EAAU,gBAAgBA,EAAiB;UACtDN;EAGGiC,EAAa7B,EAAO8B,EAAmB;eACpCvB,GACRA,EAAMwB,YAAc,gCAAkC;;cAE/CxB,GAAWA,EAAMyB,WAAa,UAAY;;aAE5ClC;qBACQI,EAAU,gBAAgBA,EAAiB;UACtDN;MACHW,IACC,GAAIA,EAAMwB,YACN,OAAOtB,CAAG;;aAGd;;6BAGqBZ,EAAU;;;EAK1BoC,EAAoBjC,EAAOC,GAAG;;;;;;iBAM1BH;;;EAKJoC,EAAUlC,EAAO4B,EAAgB;wBACrBrB,GACbA,EAAM4B,YACC1B,CAAG;kBACJZ,EAAU;cAETU,EAAM6B,aACN3B,CAAG;kBACJZ,EAAU;cAGTY,CAAG;kBACJZ,EAAc;;kBAIdK,EAAU,gBAAgBA,EAAiB,SAAKN;;UAEvDW,IACC,GAAIA,EAAM8B,cACN,OAAO5B,CAAG;wCACcZ,EAAU;iBAEtC;;EAKCyC,EAAWtC,EAAOuC,EAAiB;eAChChC,GACRA,EAAMwB,YAAc,gCAAkC;;aAEjDjC;qBACQI,EAAU,gBAAgBA,EAAiB;UACtDN;EAGG4C,EAAkBxC,EAAOyC,EAAWC,OAAO;MAClDC,EAAa;;EAINC,EAAkB5C,EAAOC,GAAG;;;;EAM5B4C,EAAgB7C,EAAOC,GAAG;;;;;EAO1B6C,EAAoB9C,EAAOyC,EAAWM,UAAU;;;EAKhDC,EAAgBhD,EAAOuC,EAAE;;"}
+{"version":3,"file":"data-table.styles.js","sources":["../../src/data-table/data-table.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { lineClampCss } from \"../shared/styles\";\nimport {\n    Border,\n    Colour,\n    Font,\n    Motion,\n    Radius,\n    Shadow,\n    Spacing,\n} from \"../theme\";\n\nexport const tokens = {\n    actionBarWrapperLeft: \"--fds-internal-dataTable-actionBarWrapper-left\",\n    actionBarWrapperWidth: \"--fds-internal-dataTable-actionBarWrapper-width\",\n} as const;\n\n// =============================================================================\n// Layout\n// =============================================================================\nexport const tableWrapper = css`\n    overflow: auto;\n    display: flex;\n    flex-direction: column;\n    border: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${Colour[\"border\"]};\n    border-radius: ${Radius[\"md\"]};\n\n    // Hide scrollbar\n    &::-webkit-scrollbar {\n        display: none;\n    }\n    * {\n        -ms-overflow-style: none; /* IE and Edge */\n        scrollbar-width: none; /* Firefox */\n    }\n`;\n\nexport const tableContainer = css`\n    flex: 1;\n`;\n\nexport const table = css`\n    text-align: left;\n    border-collapse: separate;\n    border-spacing: 0;\n    width: 100%;\n`;\n\n// =============================================================================\n// Header\n// =============================================================================\nexport const stickyHeader = css`\n    position: sticky;\n    top: 0;\n    z-index: 20;\n`;\n\nexport const headerRow = css`\n    background-color: ${Colour[\"bg-stronger\"]};\n    height: 6rem;\n    border-bottom: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${Colour[\"border\"]};\n`;\n\nexport const headerCell = css`\n    padding: 1.25rem 1rem;\n    text-align: left;\n    cursor: default;\n    vertical-align: middle;\n    color: ${Colour[\"text\"]};\n    border-bottom: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${Colour[\"border\"]};\n\n    &:first-child {\n        padding-left: 1.5rem;\n    }\n\n    &:last-child {\n        padding-right: 1.5rem;\n    }\n\n    &:focus-within {\n        outline: 2px solid ${Colour[\"focus-ring\"]};\n        outline-offset: -3px;\n    }\n`;\n\nexport const headerCellClickable = css`\n    cursor: pointer;\n`;\n\nexport const headerCellCheckbox = css`\n    width: 4rem;\n    padding: 1.25rem 0.5rem 1.25rem 1.5rem;\n`;\n\nexport const headerCellContent = css`\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    svg {\n        color: ${Colour[\"text\"]};\n        margin-left: 0.5rem;\n    }\n`;\n\n// =============================================================================\n// Body\n// =============================================================================\nexport const bodyCell = css`\n    padding: 1.25rem 1rem;\n    vertical-align: middle;\n    color: ${Colour[\"text\"]};\n    border-bottom: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${Colour[\"border\"]};\n\n    &:first-child {\n        padding-left: 1.5rem;\n    }\n\n    &:last-child {\n        padding-right: 1.5rem;\n    }\n`;\n\nexport const bodyRow = css`\n    background-color: ${Colour[\"bg\"]};\n    border-top: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${Colour[\"border\"]};\n\n    &:last-child {\n        .${bodyCell} {\n            border-bottom: none;\n        }\n    }\n`;\n\nexport const bodyRowAlternating = css`\n    background-color: ${Colour[\"bg-strong\"]};\n`;\n\nexport const bodyRowSelected = css`\n    background-color: ${Colour[\"bg-selected\"]};\n`;\n\nexport const bodyRowSelectable = css`\n    &:hover {\n        background-color: ${Colour[\"bg-hover-strong\"]};\n    }\n`;\n\nexport const bodyRowWithBottomBorder = css`\n    &:last-child {\n        .${bodyCell} {\n            border-bottom: ${Border[\"width-010\"]} ${Border[\"solid\"]}\n                ${Colour[\"border\"]};\n        }\n    }\n`;\n\nexport const bodyCellCheckbox = css`\n    padding: 1.25rem 0.5rem 1.25rem 1.5rem;\n`;\n\nexport const bodyCellText = css`\n    ${lineClampCss(2)}\n    text-overflow: ellipsis;\n`;\n\nexport const emptyStateCell = css`\n    padding: 4rem 0;\n\n    &:first-child {\n        padding-left: 1.5rem;\n    }\n\n    &:last-child {\n        padding-right: 1.5rem;\n    }\n`;\n\nexport const selectionCheckboxWrapper = css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n`;\n\n// =============================================================================\n// Action bar\n// =============================================================================\nexport const actionBarButton = css`\n    ${Font[\"body-md-semibold\"]}\n    cursor: pointer;\n    color: ${Colour[\"text-primary\"]};\n    transition: ${Motion[\"duration-150\"]} ${Motion[\"ease-default\"]};\n    padding: 0.75rem;\n    margin: -0.75rem 0;\n\n    &:hover {\n        color: ${Colour[\"text-hover\"]};\n    }\n`;\n\nexport const actionBar = css`\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    height: 3.5rem;\n    padding: ${Spacing[\"spacing-16\"]} ${Spacing[\"spacing-24\"]};\n    border-top: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${Colour[\"border\"]};\n    background-color: ${Colour[\"bg-selected\"]};\n    transition: all 300ms ease;\n    border-radius: ${Radius[\"none\"]} ${Radius[\"none\"]} ${Radius[\"sm\"]}\n        ${Radius[\"sm\"]};\n`;\n\nexport const actionBarFloating = css`\n    transform: translateX(0.5rem) translateY(-2rem);\n    border-radius: ${Radius[\"sm\"]};\n    box-shadow: ${Shadow[\"xs-subtle\"]};\n    width: calc(100% - ${Spacing[\"spacing-16\"]});\n    border: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${Colour[\"border\"]};\n`;\n\nexport const actionBarWrapper = css`\n    bottom: 0;\n    position: sticky;\n    left: 0;\n`;\n\nexport const actionBarWrapperFloating = css`\n    ${tokens.actionBarWrapperLeft}: initial;\n    ${tokens.actionBarWrapperWidth}: initial;\n\n    position: fixed;\n    left: var(${tokens.actionBarWrapperLeft}, 0px);\n    width: var(${tokens.actionBarWrapperWidth}, 100%);\n`;\n\n// =============================================================================\n// Load and error states\n// =============================================================================\nexport const loadingStateWrapper = css`\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 4rem 0;\n`;\n\nexport const emptyStateTitle = css`\n    margin-top: 2rem;\n    margin-bottom: 1rem;\n`;\n"],"names":["tokens","actionBarWrapperLeft","actionBarWrapperWidth","tableWrapper","tableContainer","table","stickyHeader","headerRow","headerCell","headerCellClickable","headerCellCheckbox","headerCellContent","bodyCell","bodyRow","bodyRowAlternating","bodyRowSelected","bodyRowSelectable","bodyRowWithBottomBorder","bodyCellCheckbox","bodyCellText","emptyStateCell","selectionCheckboxWrapper","actionBarButton","actionBar","actionBarFloating","actionBarWrapper","actionBarWrapperFloating","loadingStateWrapper","emptyStateTitle"],"mappings":"kEAaO,MAAMA,EAAS,CAClBC,qBAAsB,iDACtBC,sBAAuB,mDAMdC,EAAY,WAiBZC,EAAc,UAIdC,EAAK,UAULC,EAAY,UAMZC,EAAS,WAMTC,EAAU,WAsBVC,EAAmB,WAInBC,EAAkB,UAKlBC,EAAiB,UAcjBC,EAAQ,UAeRC,EAAO,UAWPC,EAAkB,WAIlBC,EAAe,UAIfC,EAAiB,UAMjBC,EAAuB,WASvBC,EAAgB,UAIhBC,EAAY,WAKZC,EAAc,WAYdC,EAAwB,WASxBC,EAAe,UAafC,EAAS,UAaTC,EAAiB,WAQjBC,EAAgB,UAMhBC,EAAwB,WAYxBC,EAAmB,UAOnBC,EAAe"}

package/data-table/data-table.styles_1iqq1g7.css

@@ -0,0 +1,26 @@
+.t188sfx3{overflow:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;border:var(--fds-border-width-010) var(--fds-border-style-solid) var(--fds-colour-border);border-radius:var(--fds-radius-md);}.t188sfx3::-webkit-scrollbar{display:none;}.t188sfx3 *{-ms-overflow-style:none;scrollbar-width:none;}
+.t1j0mhj{-webkit-flex:1;-ms-flex:1;flex:1;}
+.t4ucy2z{text-align:left;border-collapse:separate;border-spacing:0;width:100%;}
+.s7u4vf5{position:-webkit-sticky;position:sticky;top:0;z-index:20;}
+.h1nfqacf{background-color:var(--fds-colour-bg-stronger);height:6rem;border-bottom:var(--fds-border-width-010) var(--fds-border-style-solid) var(--fds-colour-border);}
+.h1744qno{padding:1.25rem 1rem;text-align:left;cursor:default;vertical-align:middle;color:var(--fds-colour-text);border-bottom:var(--fds-border-width-010) var(--fds-border-style-solid) var(--fds-colour-border);}.h1744qno:first-child{padding-left:1.5rem;}.h1744qno:last-child{padding-right:1.5rem;}.h1744qno:focus-within{outline:2px solid var(--fds-colour-focus-ring);outline-offset:-3px;}
+.h1ec4wtd{cursor:pointer;}
+.hp15x3z{width:4rem;padding:1.25rem 0.5rem 1.25rem 1.5rem;}
+.h4ne4e9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.h4ne4e9 svg{color:var(--fds-colour-text);margin-left:0.5rem;}
+.bfa3d3x{padding:1.25rem 1rem;vertical-align:middle;color:var(--fds-colour-text);border-bottom:var(--fds-border-width-010) var(--fds-border-style-solid) var(--fds-colour-border);}.bfa3d3x:first-child{padding-left:1.5rem;}.bfa3d3x:last-child{padding-right:1.5rem;}
+.b6ks76c{background-color:var(--fds-colour-bg);border-top:var(--fds-border-width-010) var(--fds-border-style-solid) var(--fds-colour-border);}.b6ks76c:last-child .bfa3d3x{border-bottom:none;}
+.b1bceurq{background-color:var(--fds-colour-bg-strong);}
+.b8t2s91{background-color:var(--fds-colour-bg-selected);}
+.bjmthdi:hover{background-color:var(--fds-colour-bg-hover-strong);}
+.b1tvp43a:last-child .bfa3d3x{border-bottom:var(--fds-border-width-010) var(--fds-border-style-solid) var(--fds-colour-border);}
+.bx1feaw{padding:1.25rem 0.5rem 1.25rem 1.5rem;}
+.b1g3gl2s{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
+.e1yxh9il{padding:4rem 0;}.e1yxh9il:first-child{padding-left:1.5rem;}.e1yxh9il:last-child{padding-right:1.5rem;}
+.s1w2nktt{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}
+.axywpxo{font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-md);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-body-lh-md);letter-spacing:var(--fds-font-body-ls-md);cursor:pointer;color:var(--fds-colour-text-primary);-webkit-transition:var(--fds-motion-duration-150) var(--fds-motion-timing-ease-default);transition:var(--fds-motion-duration-150) var(--fds-motion-timing-ease-default);padding:0.75rem;margin:-0.75rem 0;}.axywpxo:hover{color:var(--fds-colour-text-hover);}
+.anoy5c0{overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:3.5rem;padding:var(--fds-spacing-16) var(--fds-spacing-24);border-top:var(--fds-border-width-010) var(--fds-border-style-solid) var(--fds-colour-border);background-color:var(--fds-colour-bg-selected);-webkit-transition:all 300ms ease;transition:all 300ms ease;border-radius:var(--fds-radius-none) var(--fds-radius-none) var(--fds-radius-sm) var(--fds-radius-sm);}
+.a1gvi5ye{-webkit-transform:translateX(0.5rem) translateY(-2rem);-moz-transform:translateX(0.5rem) translateY(-2rem);-ms-transform:translateX(0.5rem) translateY(-2rem);transform:translateX(0.5rem) translateY(-2rem);border-radius:var(--fds-radius-sm);box-shadow:var(--fds-shadow-xs-subtle);width:calc(100% - var(--fds-spacing-16));border:var(--fds-border-width-010) var(--fds-border-style-solid) var(--fds-colour-border);}
+.aag0lf9{bottom:0;position:-webkit-sticky;position:sticky;left:0;}
+.a1euqarq{--fds-internal-dataTable-actionBarWrapper-left:initial;--fds-internal-dataTable-actionBarWrapper-width:initial;position:fixed;left:var(--fds-internal-dataTable-actionBarWrapper-left, 0px);width:var(--fds-internal-dataTable-actionBarWrapper-width, 100%);}
+.ldhafdm{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:4rem 0;}
+.e1pcc0nq{margin-top:2rem;margin-bottom:1rem;}

package/date-input/date-input.d.ts

@@ -1,2 +1,2 @@
 import type { DateInputProps } from "./types";
-export declare const DateInput: ({ minDate, maxDate, disabled, disabledDates, error, hideInputKeyboard, value, onChange, onFocus, onBlur, onYearMonthDisplayChange, withButton, readOnly, id, allowDisabledSelection, zIndex, dropdownRootNode, ...otherProps }: DateInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DateInput: ({ minDate, maxDate, disabled, disabledDates, error, hideInputKeyboard, value, onChange, onFocus, onBlur, onYearMonthDisplayChange, withButton, readOnly, id, allowDisabledSelection, zIndex, dropdownRootNode, className, ...otherProps }: DateInputProps) => import("react/jsx-runtime").JSX.Element;

package/date-input/date-input.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"../_virtual/_tslib.js";import{jsx as a}from"react/jsx-runtime";import t from"../external/dayjs/dayjs.min.js";import{useState as n,useRef as r,useEffect as o}from"react";import{ElementWithDropdown as i}from"../shared/dropdown-wrapper/element-with-dropdown.js";import{CalendarDropdown as l}from"../shared/internal-calendar/calendar-dropdown.js";import"../shared/internal-calendar/internal-calendar.js";import{StandaloneDateInput as d}from"../shared/standalone-date-input/standalone-date-input.js";import"../util/calendar-helper.js";import{DateInputHelper as s}from"../util/date-input-helper.js";import"../util/simple-id-generator.js";import"../util/string-helper.js";import"@react-aria/live-announcer";import{Container as u}from"./date-input.style.js";const c=c=>{var{minDate:m,maxDate:p,disabled:h,disabledDates:v,error:f,hideInputKeyboard:D,value:b,onChange:w,onFocus:g,onBlur:j,onYearMonthDisplayChange:y,withButton:I=!0,readOnly:x,id:Y,allowDisabledSelection:C,zIndex:B,dropdownRootNode:O}=c,z=e(c,["minDate","maxDate","disabled","disabledDates","error","hideInputKeyboard","value","onChange","onFocus","onBlur","onYearMonthDisplayChange","withButton","readOnly","id","allowDisabledSelection","zIndex","dropdownRootNode"]);const[M,F]=n(s.sanitizeInput(b)),[R,S]=n(s.sanitizeInput(b)),[K,N]=n(void 0),[V,_]=n(!1),[k,E]=n(!1),H=r(null),T=r(null),W=r(null);o((()=>{const e=s.sanitizeInput(b);F(e),S(e)}),[b]);const Z=e=>{!C&&s.isDateDisabled(e,{disabledDates:v,minDate:m,maxDate:p})||(S(e),I||(P(e),F(e),e&&_(!1)))},q=e=>{var a;S(e),I||(P(e),F(e),e&&(null===(a=T.current)||void 0===a||a.focusYearRef(),_(!1)),N(void 0))},A=()=>{x||h||(_(!0),k||(E(!0),g&&g()))},G=e=>{var a,t,n;const r=e.relatedTarget,o=W.current&&W.current.contains(r),i=H.current&&H.current.contains(r),l=(null===(a=null==r?void 0:r.matches)||void 0===a?void 0:a.call(r,"[data-floating-ui-focusable]"))||(null===(t=null==r?void 0:r.matches)||void 0===t?void 0:t.call(r,"[data-floating-ui-focus-guard]"));(k&&!V&&!i&&!l||V&&!i&&!o&&!l)&&(null===(n=T.current)||void 0===n||n.resetInput(),S(M),E(!1),_(!1),Q())},J=e=>{N(e)},L=e=>{var a,n;switch(e){case"reset":S(M);break;case"confirmed":F(R),P(R)}t(R,"YYYY-MM-DD",!0).isValid()?null===(a=T.current)||void 0===a||a.focusYearRef():null===(n=H.current)||void 0===n||n.focus(),_(!1)},P=e=>{w&&w(e)},Q=()=>{j&&j()};return a(i,{enabled:!x&&!h,isOpen:V,renderElement:()=>a(u,Object.assign({role:"group",tabIndex:0,ref:H,onBlur:G,onFocus:A,disabled:h,readOnly:x,focused:k,error:f,id:Y,"data-testid":z["data-testid"],"aria-disabled":h},z,{children:a(d,{ref:T,disabled:h,onChange:Z,readOnly:x,focused:V,names:["start-day","start-month","start-year"],value:R,hoverValue:K,hideInputKeyboard:D})})),renderDropdown:({elementWidth:e})=>a(l,{variant:"single",ref:W,initialCalendarDate:R,withButton:I,value:R,disabledDates:v,minDate:m,maxDate:p,allowDisabledSelection:C,onHover:J,onSelect:q,onDismiss:L,onYearMonthDisplayChange:y,width:e,isFocusable:!x&&!h}),onClose:()=>{var e;null===(e=T.current)||void 0===e||e.resetInput(),S(M),_(!1),E(!1),Q(),N(void 0)},onDismiss:()=>{var e,a;null===(e=T.current)||void 0===e||e.resetInput(),null===(a=H.current)||void 0===a||a.focus(),S(M),_(!1)},customZIndex:B,offset:16,rootNode:O})};export{c as DateInput};
+import{__rest as e}from"../_virtual/_tslib.js";import{jsx as a}from"react/jsx-runtime";import r from"clsx";import t from"../external/dayjs/dayjs.min.js";import{useState as n,useRef as o,useEffect as i}from"react";import{ElementWithDropdown as l}from"../shared/dropdown-wrapper/element-with-dropdown.js";import{InputWrapper as d}from"../shared/input-wrapper/input-wrapper.js";import{CalendarDropdown as s}from"../shared/internal-calendar/calendar-dropdown.js";import"../shared/internal-calendar/internal-calendar.js";import{StandaloneDateInput as u}from"../shared/standalone-date-input/standalone-date-input.js";import"../util/calendar-helper.js";import{DateInputHelper as c}from"../util/date-input-helper.js";import"../util/simple-id-generator.js";import"../util/string-helper.js";import"@react-aria/live-announcer";import{container as p}from"./date-input.styles.js";const m=m=>{var{minDate:h,maxDate:v,disabled:f,disabledDates:D,error:b,hideInputKeyboard:w,value:j,onChange:g,onFocus:y,onBlur:I,onYearMonthDisplayChange:x,withButton:Y=!0,readOnly:C,id:B,allowDisabledSelection:N,zIndex:O,dropdownRootNode:z,className:M}=m,F=e(m,["minDate","maxDate","disabled","disabledDates","error","hideInputKeyboard","value","onChange","onFocus","onBlur","onYearMonthDisplayChange","withButton","readOnly","id","allowDisabledSelection","zIndex","dropdownRootNode","className"]);const[R,S]=n(c.sanitizeInput(j)),[K,V]=n(c.sanitizeInput(j)),[_,k]=n(void 0),[E,H]=n(!1),[T,W]=n(!1),Z=o(null),q=o(null),A=o(null);i((()=>{const e=c.sanitizeInput(j);S(e),V(e)}),[j]);const G=e=>{!N&&c.isDateDisabled(e,{disabledDates:D,minDate:h,maxDate:v})||(V(e),Y||(X(e),S(e),e&&H(!1)))},J=e=>{var a;V(e),Y||(X(e),S(e),e&&(null===(a=q.current)||void 0===a||a.focusYearRef(),H(!1)),k(void 0))},L=()=>{C||f||(H(!0),T||(W(!0),y&&y()))},P=e=>{var a,r,t;const n=e.relatedTarget,o=A.current&&A.current.contains(n),i=Z.current&&Z.current.contains(n),l=(null===(a=null==n?void 0:n.matches)||void 0===a?void 0:a.call(n,"[data-floating-ui-focusable]"))||(null===(r=null==n?void 0:n.matches)||void 0===r?void 0:r.call(n,"[data-floating-ui-focus-guard]"));(T&&!E&&!i&&!l||E&&!i&&!o&&!l)&&(null===(t=q.current)||void 0===t||t.resetInput(),V(R),W(!1),H(!1),$())},Q=e=>{E&&k(e)},U=e=>{var a,r;switch(e){case"reset":V(R);break;case"confirmed":S(K),X(K)}t(K,"YYYY-MM-DD",!0).isValid()?null===(a=q.current)||void 0===a||a.focusYearRef():null===(r=Z.current)||void 0===r||r.focus(),H(!1)},X=e=>{g&&g(e)},$=()=>{I&&I()};return a(l,{enabled:!C&&!f,isOpen:E,renderElement:()=>a(d,Object.assign({role:"group",tabIndex:0,ref:Z,onBlur:P,onFocus:L,disabled:f,readOnly:C,focused:T,error:b,id:B,"data-testid":F["data-testid"],"aria-disabled":f,className:r(p,M)},F,{children:a(u,{ref:q,disabled:f,onChange:G,readOnly:C,focused:E,names:["start-day","start-month","start-year"],value:K,hoverValue:_,hideInputKeyboard:w})})),renderDropdown:({elementWidth:e})=>a(s,{variant:"single",ref:A,initialCalendarDate:K,withButton:Y,value:K,disabledDates:D,minDate:h,maxDate:v,allowDisabledSelection:N,onHover:Q,onSelect:J,onDismiss:U,onYearMonthDisplayChange:x,width:e,isFocusable:!C&&!f}),onClose:()=>{var e;null===(e=q.current)||void 0===e||e.resetInput(),V(R),H(!1),W(!1),$(),k(void 0)},onDismiss:()=>{var e,a;null===(e=q.current)||void 0===e||e.resetInput(),null===(a=Z.current)||void 0===a||a.focus(),V(R),H(!1)},customZIndex:O,offset:16,rootNode:z})};export{m as DateInput};
 //# sourceMappingURL=date-input.js.map

package/date-input/date-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-input.js","sources":["../../src/date-input/date-input.tsx"],"sourcesContent":["import dayjs from \"dayjs\";\nimport { useEffect, useRef, useState } from \"react\";\n\nimport type { DropdownRenderProps } from \"../shared/dropdown-wrapper\";\nimport { ElementWithDropdown } from \"../shared/dropdown-wrapper\";\nimport type {\n    CalendarAction,\n    InternalCalendarRef,\n} from \"../shared/internal-calendar\";\nimport { CalendarDropdown } from \"../shared/internal-calendar\";\nimport type { StandaloneDateInputRef } from \"../shared/standalone-date-input/standalone-date-input\";\nimport { StandaloneDateInput } from \"../shared/standalone-date-input/standalone-date-input\";\nimport { DateInputHelper } from \"../util\";\nimport { Container } from \"./date-input.style\";\nimport type { DateInputProps } from \"./types\";\n\nexport const DateInput = ({\n    minDate,\n    maxDate,\n    disabled,\n    disabledDates,\n    error,\n    hideInputKeyboard,\n    value,\n    onChange,\n    onFocus,\n    onBlur,\n    onYearMonthDisplayChange,\n    withButton = true,\n    readOnly,\n    id,\n    allowDisabledSelection,\n    zIndex,\n    dropdownRootNode,\n    ...otherProps\n}: DateInputProps) => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n    const [initialDate, setInitialDate] = useState<string>(\n        DateInputHelper.sanitizeInput(value)\n    );\n    const [selectedDate, setSelectedDate] = useState<string>(\n        DateInputHelper.sanitizeInput(value)\n    );\n    const [hoveredDate, setHoveredDate] = useState<string | undefined>(\n        undefined\n    );\n    const [calendarOpen, setCalendarOpen] = useState<boolean>(false);\n    const [focused, setFocused] = useState<boolean>(false);\n\n    const nodeRef = useRef<HTMLDivElement>(null);\n    const inputRef = useRef<StandaloneDateInputRef>(null);\n    const calendarRef = useRef<InternalCalendarRef>(null);\n\n    // =============================================================================\n    // EFFECTS\n    // =============================================================================\n    useEffect(() => {\n        const newValue = DateInputHelper.sanitizeInput(value);\n        setInitialDate(newValue);\n        setSelectedDate(newValue);\n    }, [value]);\n\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleClose = () => {\n        inputRef.current?.resetInput();\n        setSelectedDate(initialDate);\n        setCalendarOpen(false);\n        setFocused(false);\n\n        performOnBlurHandler();\n\n        // clear hover value for mobile scrolling\n        setHoveredDate(undefined);\n    };\n\n    const handleDismiss = () => {\n        inputRef.current?.resetInput();\n        nodeRef.current?.focus();\n        setSelectedDate(initialDate);\n        setCalendarOpen(false);\n    };\n\n    const handleChange = (val: string) => {\n        if (\n            !allowDisabledSelection &&\n            DateInputHelper.isDateDisabled(val, {\n                disabledDates,\n                minDate,\n                maxDate,\n            })\n        ) {\n            return;\n        }\n\n        setSelectedDate(val);\n\n        if (!withButton) {\n            performOnChangeHandler(val);\n            setInitialDate(val);\n            if (val) {\n                setCalendarOpen(false);\n            }\n        }\n    };\n\n    const handleSelect = (val: string) => {\n        setSelectedDate(val);\n\n        if (!withButton) {\n            performOnChangeHandler(val);\n            setInitialDate(val);\n            if (val) {\n                inputRef.current?.focusYearRef();\n                setCalendarOpen(false);\n            }\n\n            // clear hover value for mobile when onMouseLeave={handleMouseLeaveCell} is not triggered due to touch input\n            setHoveredDate(undefined);\n        }\n    };\n\n    const handleFocus = () => {\n        if (readOnly || disabled) return;\n\n        setCalendarOpen(true);\n\n        if (focused) return;\n\n        setFocused(true);\n\n        if (onFocus) {\n            onFocus();\n        }\n    };\n\n    const handleBlur = (e: React.FocusEvent) => {\n        const target = e.relatedTarget as HTMLElement;\n\n        const isInsideCalendar =\n            calendarRef.current && calendarRef.current.contains(target);\n        const isInsideNode =\n            nodeRef.current && nodeRef.current.contains(target);\n        const isFloatingElement =\n            target?.matches?.(\"[data-floating-ui-focusable]\") ||\n            target?.matches?.(\"[data-floating-ui-focus-guard]\");\n\n        // Condition when the calendar is closed and focus moved outside the component\n        const shouldBlurWhenClosed =\n            focused && !calendarOpen && !isInsideNode && !isFloatingElement;\n\n        // Condition when the calendar is open, and focus went outside both input and calendar\n        const shouldBlurWhenOpenOutside =\n            calendarOpen &&\n            !isInsideNode &&\n            !isInsideCalendar &&\n            !isFloatingElement;\n\n        if (shouldBlurWhenClosed || shouldBlurWhenOpenOutside) {\n            inputRef.current?.resetInput();\n            setSelectedDate(initialDate);\n            setFocused(false);\n            setCalendarOpen(false);\n            performOnBlurHandler();\n        }\n    };\n\n    const handleHoverDayCell = (value: string) => {\n        setHoveredDate(value);\n    };\n\n    const handleCalendarAction = (buttonAction: CalendarAction) => {\n        // handle button in day calendar view\n        switch (buttonAction) {\n            case \"reset\":\n                setSelectedDate(initialDate);\n                break;\n            case \"confirmed\":\n                setInitialDate(selectedDate);\n                performOnChangeHandler(selectedDate);\n                break;\n        }\n\n        const isValid = dayjs(selectedDate, \"YYYY-MM-DD\", true).isValid();\n\n        // Focus on year input if the selected date is valid to avoid restarting entire tab order\n        if (isValid) {\n            inputRef.current?.focusYearRef();\n        } else {\n            nodeRef.current?.focus();\n        }\n        setCalendarOpen(false);\n    };\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n    const performOnChangeHandler = (changeValue: string) => {\n        if (onChange) {\n            onChange(changeValue);\n        }\n    };\n\n    const performOnBlurHandler = () => {\n        if (onBlur) {\n            onBlur();\n        }\n    };\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n    const renderInput = () => {\n        return (\n            <Container\n                role=\"group\"\n                tabIndex={0}\n                ref={nodeRef}\n                onBlur={handleBlur}\n                onFocus={handleFocus}\n                disabled={disabled}\n                readOnly={readOnly}\n                focused={focused}\n                error={error}\n                id={id}\n                data-testid={otherProps[\"data-testid\"]}\n                aria-disabled={disabled}\n                {...otherProps}\n            >\n                <StandaloneDateInput\n                    ref={inputRef}\n                    disabled={disabled}\n                    onChange={handleChange}\n                    readOnly={readOnly}\n                    focused={calendarOpen}\n                    names={[\"start-day\", \"start-month\", \"start-year\"]}\n                    value={selectedDate}\n                    hoverValue={hoveredDate}\n                    hideInputKeyboard={hideInputKeyboard}\n                />\n            </Container>\n        );\n    };\n\n    const renderCalendar = ({ elementWidth }: DropdownRenderProps) => {\n        return (\n            <CalendarDropdown\n                variant=\"single\"\n                ref={calendarRef}\n                initialCalendarDate={selectedDate}\n                withButton={withButton}\n                value={selectedDate}\n                disabledDates={disabledDates}\n                minDate={minDate}\n                maxDate={maxDate}\n                allowDisabledSelection={allowDisabledSelection}\n                onHover={handleHoverDayCell}\n                onSelect={handleSelect}\n                onDismiss={handleCalendarAction}\n                onYearMonthDisplayChange={onYearMonthDisplayChange}\n                width={elementWidth}\n                isFocusable={!readOnly && !disabled}\n            />\n        );\n    };\n\n    return (\n        <ElementWithDropdown\n            enabled={!readOnly && !disabled}\n            isOpen={calendarOpen}\n            renderElement={renderInput}\n            renderDropdown={renderCalendar}\n            onClose={handleClose}\n            onDismiss={handleDismiss}\n            customZIndex={zIndex}\n            offset={16}\n            rootNode={dropdownRootNode}\n        />\n    );\n};\n"],"names":["DateInput","_a","minDate","maxDate","disabled","disabledDates","error","hideInputKeyboard","value","onChange","onFocus","onBlur","onYearMonthDisplayChange","withButton","readOnly","id","allowDisabledSelection","zIndex","dropdownRootNode","otherProps","__rest","initialDate","setInitialDate","useState","DateInputHelper","sanitizeInput","selectedDate","setSelectedDate","hoveredDate","setHoveredDate","undefined","calendarOpen","setCalendarOpen","focused","setFocused","nodeRef","useRef","inputRef","calendarRef","useEffect","newValue","handleChange","val","isDateDisabled","performOnChangeHandler","handleSelect","current","focusYearRef","handleFocus","handleBlur","e","target","relatedTarget","isInsideCalendar","contains","isInsideNode","isFloatingElement","matches","call","_b","_c","resetInput","performOnBlurHandler","handleHoverDayCell","handleCalendarAction","buttonAction","dayjs","isValid","focus","changeValue","_jsx","ElementWithDropdown","enabled","isOpen","renderElement","Container","Object","assign","role","tabIndex","ref","children","StandaloneDateInput","names","hoverValue","renderDropdown","elementWidth","CalendarDropdown","variant","initialCalendarDate","onHover","onSelect","onDismiss","width","isFocusable","onClose","customZIndex","offset","rootNode"],"mappings":"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"}
+{"version":3,"file":"date-input.js","sources":["../../src/date-input/date-input.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport dayjs from \"dayjs\";\nimport { useEffect, useRef, useState } from \"react\";\n\nimport type { DropdownRenderProps } from \"../shared/dropdown-wrapper\";\nimport { ElementWithDropdown } from \"../shared/dropdown-wrapper\";\nimport { InputWrapper } from \"../shared/input-wrapper\";\nimport type {\n    CalendarAction,\n    InternalCalendarRef,\n} from \"../shared/internal-calendar\";\nimport { CalendarDropdown } from \"../shared/internal-calendar\";\nimport type { StandaloneDateInputRef } from \"../shared/standalone-date-input/standalone-date-input\";\nimport { StandaloneDateInput } from \"../shared/standalone-date-input/standalone-date-input\";\nimport { DateInputHelper } from \"../util\";\nimport * as styles from \"./date-input.styles\";\nimport type { DateInputProps } from \"./types\";\n\nexport const DateInput = ({\n    minDate,\n    maxDate,\n    disabled,\n    disabledDates,\n    error,\n    hideInputKeyboard,\n    value,\n    onChange,\n    onFocus,\n    onBlur,\n    onYearMonthDisplayChange,\n    withButton = true,\n    readOnly,\n    id,\n    allowDisabledSelection,\n    zIndex,\n    dropdownRootNode,\n    className,\n    ...otherProps\n}: DateInputProps) => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n    const [initialDate, setInitialDate] = useState<string>(\n        DateInputHelper.sanitizeInput(value)\n    );\n    const [selectedDate, setSelectedDate] = useState<string>(\n        DateInputHelper.sanitizeInput(value)\n    );\n    const [hoveredDate, setHoveredDate] = useState<string | undefined>(\n        undefined\n    );\n    const [calendarOpen, setCalendarOpen] = useState<boolean>(false);\n    const [focused, setFocused] = useState<boolean>(false);\n\n    const nodeRef = useRef<HTMLDivElement>(null);\n    const inputRef = useRef<StandaloneDateInputRef>(null);\n    const calendarRef = useRef<InternalCalendarRef>(null);\n\n    // =============================================================================\n    // EFFECTS\n    // =============================================================================\n    useEffect(() => {\n        const newValue = DateInputHelper.sanitizeInput(value);\n        setInitialDate(newValue);\n        setSelectedDate(newValue);\n    }, [value]);\n\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleClose = () => {\n        inputRef.current?.resetInput();\n        setSelectedDate(initialDate);\n        setCalendarOpen(false);\n        setFocused(false);\n\n        performOnBlurHandler();\n\n        // clear hover value for mobile scrolling\n        setHoveredDate(undefined);\n    };\n\n    const handleDismiss = () => {\n        inputRef.current?.resetInput();\n        nodeRef.current?.focus();\n        setSelectedDate(initialDate);\n        setCalendarOpen(false);\n    };\n\n    const handleChange = (val: string) => {\n        if (\n            !allowDisabledSelection &&\n            DateInputHelper.isDateDisabled(val, {\n                disabledDates,\n                minDate,\n                maxDate,\n            })\n        ) {\n            return;\n        }\n\n        setSelectedDate(val);\n\n        if (!withButton) {\n            performOnChangeHandler(val);\n            setInitialDate(val);\n            if (val) {\n                setCalendarOpen(false);\n            }\n        }\n    };\n\n    const handleSelect = (val: string) => {\n        setSelectedDate(val);\n\n        if (!withButton) {\n            performOnChangeHandler(val);\n            setInitialDate(val);\n            if (val) {\n                inputRef.current?.focusYearRef();\n                setCalendarOpen(false);\n            }\n\n            // clear hover value for mobile when onMouseLeave={handleMouseLeaveCell} is not triggered due to touch input\n            setHoveredDate(undefined);\n        }\n    };\n\n    const handleFocus = () => {\n        if (readOnly || disabled) return;\n\n        setCalendarOpen(true);\n\n        if (focused) return;\n\n        setFocused(true);\n\n        if (onFocus) {\n            onFocus();\n        }\n    };\n\n    const handleBlur = (e: React.FocusEvent) => {\n        const target = e.relatedTarget as HTMLElement;\n\n        const isInsideCalendar =\n            calendarRef.current && calendarRef.current.contains(target);\n        const isInsideNode =\n            nodeRef.current && nodeRef.current.contains(target);\n        const isFloatingElement =\n            target?.matches?.(\"[data-floating-ui-focusable]\") ||\n            target?.matches?.(\"[data-floating-ui-focus-guard]\");\n\n        // Condition when the calendar is closed and focus moved outside the component\n        const shouldBlurWhenClosed =\n            focused && !calendarOpen && !isInsideNode && !isFloatingElement;\n\n        // Condition when the calendar is open, and focus went outside both input and calendar\n        const shouldBlurWhenOpenOutside =\n            calendarOpen &&\n            !isInsideNode &&\n            !isInsideCalendar &&\n            !isFloatingElement;\n\n        if (shouldBlurWhenClosed || shouldBlurWhenOpenOutside) {\n            inputRef.current?.resetInput();\n            setSelectedDate(initialDate);\n            setFocused(false);\n            setCalendarOpen(false);\n            performOnBlurHandler();\n        }\n    };\n\n    const handleHoverDayCell = (value: string) => {\n        if (!calendarOpen) return;\n        setHoveredDate(value);\n    };\n\n    const handleCalendarAction = (buttonAction: CalendarAction) => {\n        // handle button in day calendar view\n        switch (buttonAction) {\n            case \"reset\":\n                setSelectedDate(initialDate);\n                break;\n            case \"confirmed\":\n                setInitialDate(selectedDate);\n                performOnChangeHandler(selectedDate);\n                break;\n        }\n\n        const isValid = dayjs(selectedDate, \"YYYY-MM-DD\", true).isValid();\n\n        // Focus on year input if the selected date is valid to avoid restarting entire tab order\n        if (isValid) {\n            inputRef.current?.focusYearRef();\n        } else {\n            nodeRef.current?.focus();\n        }\n        setCalendarOpen(false);\n    };\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n    const performOnChangeHandler = (changeValue: string) => {\n        if (onChange) {\n            onChange(changeValue);\n        }\n    };\n\n    const performOnBlurHandler = () => {\n        if (onBlur) {\n            onBlur();\n        }\n    };\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n    const renderInput = () => {\n        return (\n            <InputWrapper\n                role=\"group\"\n                tabIndex={0}\n                ref={nodeRef}\n                onBlur={handleBlur}\n                onFocus={handleFocus}\n                disabled={disabled}\n                readOnly={readOnly}\n                focused={focused}\n                error={error}\n                id={id}\n                data-testid={otherProps[\"data-testid\"]}\n                aria-disabled={disabled}\n                className={clsx(styles.container, className)}\n                {...otherProps}\n            >\n                <StandaloneDateInput\n                    ref={inputRef}\n                    disabled={disabled}\n                    onChange={handleChange}\n                    readOnly={readOnly}\n                    focused={calendarOpen}\n                    names={[\"start-day\", \"start-month\", \"start-year\"]}\n                    value={selectedDate}\n                    hoverValue={hoveredDate}\n                    hideInputKeyboard={hideInputKeyboard}\n                />\n            </InputWrapper>\n        );\n    };\n\n    const renderCalendar = ({ elementWidth }: DropdownRenderProps) => {\n        return (\n            <CalendarDropdown\n                variant=\"single\"\n                ref={calendarRef}\n                initialCalendarDate={selectedDate}\n                withButton={withButton}\n                value={selectedDate}\n                disabledDates={disabledDates}\n                minDate={minDate}\n                maxDate={maxDate}\n                allowDisabledSelection={allowDisabledSelection}\n                onHover={handleHoverDayCell}\n                onSelect={handleSelect}\n                onDismiss={handleCalendarAction}\n                onYearMonthDisplayChange={onYearMonthDisplayChange}\n                width={elementWidth}\n                isFocusable={!readOnly && !disabled}\n            />\n        );\n    };\n\n    return (\n        <ElementWithDropdown\n            enabled={!readOnly && !disabled}\n            isOpen={calendarOpen}\n            renderElement={renderInput}\n            renderDropdown={renderCalendar}\n            onClose={handleClose}\n            onDismiss={handleDismiss}\n            customZIndex={zIndex}\n            offset={16}\n            rootNode={dropdownRootNode}\n        />\n    );\n};\n"],"names":["DateInput","_a","minDate","maxDate","disabled","disabledDates","error","hideInputKeyboard","value","onChange","onFocus","onBlur","onYearMonthDisplayChange","withButton","readOnly","id","allowDisabledSelection","zIndex","dropdownRootNode","className","otherProps","__rest","initialDate","setInitialDate","useState","DateInputHelper","sanitizeInput","selectedDate","setSelectedDate","hoveredDate","setHoveredDate","undefined","calendarOpen","setCalendarOpen","focused","setFocused","nodeRef","useRef","inputRef","calendarRef","useEffect","newValue","handleChange","val","isDateDisabled","performOnChangeHandler","handleSelect","current","focusYearRef","handleFocus","handleBlur","e","target","relatedTarget","isInsideCalendar","contains","isInsideNode","isFloatingElement","matches","call","_b","_c","resetInput","performOnBlurHandler","handleHoverDayCell","handleCalendarAction","buttonAction","dayjs","isValid","focus","changeValue","_jsx","ElementWithDropdown","enabled","isOpen","renderElement","InputWrapper","Object","assign","role","tabIndex","ref","clsx","styles.container","children","StandaloneDateInput","names","hoverValue","renderDropdown","elementWidth","CalendarDropdown","variant","initialCalendarDate","onHover","onSelect","onDismiss","width","isFocusable","onClose","customZIndex","offset","rootNode"],"mappings":"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"}

package/date-input/date-input.styles.d.ts

@@ -0,0 +1 @@
+export declare const container: import("@linaria/core").LinariaClassName;

package/date-input/date-input.styles.js

@@ -0,0 +1,2 @@
+import"./date-input.styles_1r5kcc7.css";const t="c1udubt6";export{t as container};
+//# sourceMappingURL=date-input.styles.js.map

package/date-input/date-input.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-input.styles.js","sources":["../../src/date-input/date-input.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\n// =============================================================================\n// STYLING\n// =============================================================================\n\nexport const container = css`\n    height: 3rem;\n`;\n"],"names":["container"],"mappings":"kEAMO,MAAMA,EAAS"}

package/date-input/date-input.styles_1r5kcc7.css

@@ -0,0 +1 @@
+.c1udubt6{height:3rem;}

package/date-navigator/date-navigator.styles.js

@@ -1,2 +1,2 @@
-import"./date-navigator.styles_1cotsgz.css";const t="c1mdg68z",a="h1w7ufcd",g="h7gg62z",o="d1pl361j";export{t as container,o as dateTextButton,a as headerArrowButton,g as headerArrowButtonIcon};
+import"./date-navigator.styles_wokh56.css";const t="c1mdg68z",a="h1w7ufcd",o="h7gg62z",d="d1pl361j";export{t as container,d as dateTextButton,a as headerArrowButton,o as headerArrowButtonIcon};
 //# sourceMappingURL=date-navigator.styles.js.map

package/date-navigator/date-navigator.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-navigator.styles.js","sources":["../../src/date-navigator/date-navigator.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Colour, Font, Radius, Spacing } from \"../theme\";\n\nexport const container = css`\n    display: flex;\n    position: relative;\n    align-items: center;\n    justify-content: space-between;\n    background-color: ${Colour[\"bg-strong\"]};\n    border-radius: ${Radius[\"sm\"]};\n`;\n\nexport const headerArrowButton = css`\n    margin: ${Spacing[\"spacing-8\"]};\n`;\n\nexport const headerArrowButtonIcon = css`\n    color: ${Colour[\"icon\"]};\n`;\n\nexport const dateTextButton = css`\n    ${Font[\"body-baseline-semibold\"]}\n    color: ${Colour[\"text\"]};\n    cursor: default;\n\n    &:not(:disabled) {\n        color: ${Colour[\"text-primary\"]};\n    }\n\n    &:not(:disabled):hover,\n    &:not(:disabled):focus {\n        outline: none;\n        cursor: pointer;\n        text-decoration: underline;\n        text-underline-position: under;\n    }\n`;\n"],"names":["container","headerArrowButton","headerArrowButtonIcon","dateTextButton"],"mappings":"0EAIO,MAAMA,EAAS,WASTC,EAAiB,WAIjBC,EAAqB,UAIrBC,EAAc"}
+{"version":3,"file":"date-navigator.styles.js","sources":["../../src/date-navigator/date-navigator.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Colour, Font, Radius, Spacing } from \"../theme\";\n\nexport const container = css`\n    display: flex;\n    position: relative;\n    align-items: center;\n    justify-content: space-between;\n    background-color: ${Colour[\"bg-strong\"]};\n    border-radius: ${Radius[\"sm\"]};\n`;\n\nexport const headerArrowButton = css`\n    margin: ${Spacing[\"spacing-8\"]};\n`;\n\nexport const headerArrowButtonIcon = css`\n    color: ${Colour[\"icon\"]};\n`;\n\nexport const dateTextButton = css`\n    ${Font[\"body-baseline-semibold\"]}\n    color: ${Colour[\"text\"]};\n    cursor: default;\n\n    &:not(:disabled) {\n        color: ${Colour[\"text-primary\"]};\n    }\n\n    &:not(:disabled):hover,\n    &:not(:disabled):focus {\n        outline: none;\n        cursor: pointer;\n        text-decoration: underline;\n        text-underline-position: under;\n    }\n`;\n"],"names":["container","headerArrowButton","headerArrowButtonIcon","dateTextButton"],"mappings":"yEAIO,MAAMA,EAAS,WASTC,EAAiB,WAIjBC,EAAqB,UAIrBC,EAAc"}

package/date-navigator/date-navigator.styles_wokh56.css

@@ -0,0 +1,4 @@
+.c1mdg68z{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:space-between;-webkit-justify-content:space-between;justify-content:space-between;background-color:var(--fds-colour-bg-strong);border-radius:var(--fds-radius-sm);}
+.h1w7ufcd{margin:var(--fds-spacing-8);}
+.h7gg62z{color:var(--fds-colour-icon);}
+.d1pl361j{font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-baseline);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-body-lh-baseline);letter-spacing:var(--fds-font-body-ls-baseline);color:var(--fds-colour-text);cursor:default;}.d1pl361j:not(:disabled){color:var(--fds-colour-text-primary);}.d1pl361j:not(:disabled):hover,.d1pl361j:not(:disabled):focus{outline:none;cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;text-underline-position:under;}

package/date-range-input/date-range-input.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"../_virtual/_tslib.js";import{jsx as t,jsxs as r}from"react/jsx-runtime";import n from"../external/dayjs/dayjs.min.js";import{useState as a,useRef as s,useEffect as i}from"react";import{ElementWithDropdown as d}from"../shared/dropdown-wrapper/element-with-dropdown.js";import{CalendarDropdown as l}from"../shared/internal-calendar/calendar-dropdown.js";import"../shared/internal-calendar/internal-calendar.js";import{RangeInputInnerContainer as o}from"../shared/range-input-inner-container/range-input-inner-container.js";import{StandaloneDateInput as c}from"../shared/standalone-date-input/standalone-date-input.js";import"../util/calendar-helper.js";import{DateHelper as u}from"../util/date-helper.js";import{DateInputHelper as f}from"../util/date-input-helper.js";import"../util/simple-id-generator.js";import"../util/string-helper.js";import{useContainerQuery as v}from"../util/use-container-query.js";import"@react-aria/live-announcer";import{useStateActions as m}from"../util/use-state-actions.js";import{Container as p,InputContainer as g,MOBILE_WRAP_WIDTH as h}from"./date-range-input.style.js";const D={initialStart:"",initialEnd:"",selectedStart:"",selectedEnd:"",currentFocus:"none",calendarOpen:!1,isStartDirty:!1,isEndDirty:!1,focused:!1},b=b=>{var{minDate:O,maxDate:Y,disabled:j,disabledDates:y,error:E,hideInputKeyboard:S,value:w,valueEnd:M,onChange:F,onFocus:x,onBlur:k,onYearMonthDisplayChange:R,withButton:C=!0,variant:I="range",numberOfDays:B=7,readOnly:P,id:K,allowDisabledSelection:z,zIndex:$,dropdownRootNode:N}=b,V=e(b,["minDate","maxDate","disabled","disabledDates","error","hideInputKeyboard","value","valueEnd","onChange","onFocus","onBlur","onYearMonthDisplayChange","withButton","variant","numberOfDays","readOnly","id","allowDisabledSelection","zIndex","dropdownRootNode"]);const[W,A]=a(),[L,T]=a(void 0),_="week"===I,q="fixed-range"===I,[H,Z]=a(!1),[G,J]=a(!1),[{selectedStart:Q,selectedEnd:U,currentFocus:X,calendarOpen:ee,isStartDirty:te,isEndDirty:re,focused:ne},ae]=m({name:"date-range-input",initialState:D,reducers:{blur:e=>Object.assign(Object.assign({},e),{selectedStart:e.initialStart,selectedEnd:e.initialEnd,currentFocus:"none",calendarOpen:!1,isStartDirty:!1,isEndDirty:!1,focused:!1}),dismiss:e=>Object.assign(Object.assign({},e),{selectedStart:e.initialStart,selectedEnd:e.initialEnd,currentFocus:"none",calendarOpen:!1,isStartDirty:!1,isEndDirty:!1}),changeStart:(e,t)=>Object.assign(Object.assign({},e),{selectedStart:t,isStartDirty:!0}),changeEnd:(e,t)=>Object.assign(Object.assign({},e),{selectedEnd:t,isEndDirty:!0}),reselectStart:e=>Object.assign(Object.assign({},e),{selectedStart:"",currentFocus:"start"}),reselectEnd:e=>Object.assign(Object.assign({},e),{selectedEnd:"",currentFocus:"end"}),focus:(e,t)=>Object.assign(Object.assign({},e),{currentFocus:_?"none":q?"start":t,calendarOpen:!P,focused:!0}),cancel:e=>Object.assign(Object.assign({},e),{selectedStart:e.initialStart,selectedEnd:e.initialEnd,currentFocus:"none",calendarOpen:!1}),done:(e,t)=>Object.assign(Object.assign({},e),{selectedStart:t.start,selectedEnd:t.end,initialStart:t.start,initialEnd:t.end,currentFocus:"none",calendarOpen:!1,isStartDirty:!1,isEndDirty:!1}),resetStart:e=>Object.assign(Object.assign({},e),{selectedStart:e.initialStart}),resetEnd:e=>Object.assign(Object.assign({},e),{selectedEnd:e.initialEnd}),resetRange:(e,t)=>Object.assign(Object.assign({},e),{initialStart:t.start,selectedStart:t.start,initialEnd:t.end,selectedEnd:t.end})}}),se=s(!1),ie=s(null),de=s(null),le=s(null),oe=s(null),ce=v({maxWidth:h,targetRef:ie});i((()=>{ae.resetRange({start:f.sanitizeInput(w),end:f.sanitizeInput(M)})}),[w,M]),i((()=>{"start"===X?A(Q):"end"===X&&U&&A(U)}),[X]);const ue=e=>{var t,r,n;"Enter"!==e.code||C||(Q&&U?(ae.done({start:Q,end:U}),null==F||F(Q,U)):(ae.dismiss(),null===(t=ie.current)||void 0===t||t.focus(),null===(r=le.current)||void 0===r||r.resetPlaceholder(),null===(n=oe.current)||void 0===n||n.resetPlaceholder()))},fe=e=>{var t;if(we(e))return void(se.current=!0);if(ae.changeStart(e),e&&(null===(t=de.current)||void 0===t||t.setCalendarDate(e)),se.current=!1,!e)return void(C||U||!re||(ae.resetRange({start:"",end:""}),null==F||F("","")));if(!U)return void ae.focus("end");if(n(e).isAfter(U,"day"))ae.reselectEnd();else{if(re)return C?void 0:(ae.done({start:e,end:U}),void(null==F||F(e,U)));ae.focus("end")}},ve=e=>{var t,r,a;if(we(e))return void(se.current=!0);if(n(e).isBefore(Q,"day"))return ae.changeStart(e),null===(t=de.current)||void 0===t||t.setCalendarDate(e),void ae.reselectEnd();if(ae.changeEnd(e),e&&(null===(r=de.current)||void 0===r||r.setCalendarDate(e)),e){if(Q)return C?void 0:(null===(a=oe.current)||void 0===a||a.focusYearRef(),ae.done({start:Q,end:e}),void(null==F||F(Q,e)));ae.focus("start")}else C||Q||!te||(ae.resetRange({start:"",end:""}),null==F||F("",""))},me=e=>{var t,r;if(we(e))return void(se.current=!0);if(ae.changeStart(e),null===(t=de.current)||void 0===t||t.setCalendarDate(e),se.current=!1,!e)return void(C?ae.changeEnd(""):(ae.resetRange({start:"",end:""}),null==F||F("","")));const a=n(e).format("YYYY-MM-DD"),s=n(a).add(B-1,"day").format("YYYY-MM-DD");return ae.changeStart(a),ae.changeEnd(s),se.current=!1,C?void 0:(ae.done({start:a,end:s}),null===(r=le.current)||void 0===r||r.focusYearRef(),void(null==F||F(a,s)))},pe=()=>{(_||q)&&J(!0),_&&Z(!0),P||j||ne||(ae.focus("start"),null==x||x())},ge=e=>{var t,r,n,a;const s=e.relatedTarget,i=de.current&&de.current.contains(s),d=ie.current&&ie.current.contains(s),l=(null===(t=null==s?void 0:s.matches)||void 0===t?void 0:t.call(s,"[data-floating-ui-focusable]"))||(null===(r=null==s?void 0:s.matches)||void 0===r?void 0:r.call(s,"[data-floating-ui-focus-guard]"));(ne&&!ee&&!d&&!l||ee&&!d&&!i&&!l)&&(ae.blur(),J(!1),Z(!1),null===(n=le.current)||void 0===n||n.resetPlaceholder(),null===(a=oe.current)||void 0===a||a.resetPlaceholder(),Se())},he=e=>t=>{t.stopPropagation(),P||(ae.focus(e),De(),be(),ne||null==x||x())},De=()=>{if(_){const e=u.toDayjs(Q).startOf("week").format("YYYY-MM-DD");Z(!0),J(!0),A(e)}},be=()=>{q&&(J(!0),A(Q))},Oe=e=>{var t;e&&!se.current||(ae.resetStart(),null===(t=le.current)||void 0===t||t.resetInput())},Ye=e=>{var t;e&&!se.current||(ae.resetEnd(),null===(t=oe.current)||void 0===t||t.resetInput())},je=e=>{switch(I){case"week":(e=>{var t;const r=n(e).startOf("week").format("YYYY-MM-DD"),a=n(e).endOf("week").format("YYYY-MM-DD");if(ae.changeStart(r),ae.changeEnd(a),se.current=!1,!C)null===(t=oe.current)||void 0===t||t.focusYearRef(),ae.done({start:r,end:a}),null==F||F(r,a)})(e);break;case"fixed-range":me(e);break;default:"start"===X?fe(e):"end"===X&&ve(e)}},ye=e=>{var t,r,n;switch(null===(t=ie.current)||void 0===t||t.focus(),e){case"reset":ae.cancel();break;case"confirmed":if(ae.done({start:Q,end:U}),null==F||F(Q,U),_)break;Me(Q,U)&&("range"===I?null===(r=oe.current)||void 0===r||r.focusYearRef():null===(n=le.current)||void 0===n||n.focusYearRef())}},Ee=e=>{T(e)},Se=()=>{k&&k()},we=e=>!z&&e&&f.isDateDisabled(e,{disabledDates:y,minDate:O,maxDate:Y}),Me=(e,t)=>!(!e||!t)&&n(e).isBefore(t,"day"),Fe=e=>{let t={start:void 0,end:void 0};switch(I){case"range":t={start:"start"===X?L:void 0,end:"end"===X?L:void 0};break;case"week":if(!L)return;t={start:n(L).startOf("week").format("YYYY-MM-DD"),end:n(L).endOf("week").format("YYYY-MM-DD")};break;case"fixed-range":if(!L)return;t={start:n(L).format("YYYY-MM-DD"),end:n(L).add(B-1,"day").format("YYYY-MM-DD")}}return t[e]};return t(d,{enabled:!P&&!j,isOpen:ee,onClose:()=>{var e,t;ae.blur(),Z(!1),J(!1),null===(e=le.current)||void 0===e||e.resetPlaceholder(),null===(t=oe.current)||void 0===t||t.resetPlaceholder(),Se()},onDismiss:()=>{var e,t,r;ae.dismiss(),null===(e=ie.current)||void 0===e||e.focus(),null===(t=le.current)||void 0===t||t.resetPlaceholder(),null===(r=oe.current)||void 0===r||r.resetPlaceholder()},renderElement:()=>t(p,Object.assign({role:"group",ref:ie,tabIndex:0,onFocus:pe,onBlur:ge,focused:ne,disabled:j,readOnly:P,$readOnly:P,error:E,$wrap:ce,id:K,"data-testid":V["data-testid"],"aria-disabled":j,onKeyDown:ue},V,{children:r(o,{currentActive:X,wrap:ce,error:E,children:[t(g,{$wrap:ce,children:t(c,{ref:le,placeholder:"From",names:["start-day","start-month","start-year"],inputLabels:["Start Date","Start Month","Start Year"],value:Q,disabled:j,readOnly:H||P,focused:"start"===X,hoverValue:Fe("start"),onChange:q?me:fe,onFocus:he("start"),onBlur:Oe,hideInputKeyboard:S})}),t(g,{$wrap:ce,children:t(c,{ref:oe,placeholder:"To",names:["end-day","end-month","end-year"],inputLabels:["End Date","End Month","End Year"],value:U,disabled:j,readOnly:G||P,focused:"end"===X,hoverValue:Fe("end"),onChange:ve,onFocus:he("end"),onBlur:Ye,hideInputKeyboard:S})})]})})),renderDropdown:({elementWidth:e})=>t(l,{ref:de,variant:I,initialCalendarDate:W,withButton:C,value:Q,endValue:U,selectWithinRange:te||re,currentFocus:X,disabledDates:y,minDate:O,maxDate:Y,allowDisabledSelection:z,onSelect:je,onDismiss:ye,onHover:Ee,onYearMonthDisplayChange:R,numberOfDays:B,width:e,isFocusable:!P&&!j}),customZIndex:$,offset:16,rootNode:N})};export{b as DateRangeInput};
+import{__rest as e}from"../_virtual/_tslib.js";import{jsx as t,jsxs as r}from"react/jsx-runtime";import n from"clsx";import a from"../external/dayjs/dayjs.min.js";import{useState as s,useRef as i,useEffect as d}from"react";import{ElementWithDropdown as l}from"../shared/dropdown-wrapper/element-with-dropdown.js";import{InputWrapper as o}from"../shared/input-wrapper/input-wrapper.js";import{CalendarDropdown as c}from"../shared/internal-calendar/calendar-dropdown.js";import"../shared/internal-calendar/internal-calendar.js";import{RangeInputInnerContainer as u}from"../shared/range-input-inner-container/range-input-inner-container.js";import{StandaloneDateInput as f}from"../shared/standalone-date-input/standalone-date-input.js";import"../util/calendar-helper.js";import{DateHelper as m}from"../util/date-helper.js";import{DateInputHelper as v}from"../util/date-input-helper.js";import"../util/simple-id-generator.js";import"../util/string-helper.js";import{useContainerQuery as p}from"../util/use-container-query.js";import"@react-aria/live-announcer";import{useStateActions as g}from"../util/use-state-actions.js";import{inputContainer as h,inputContainerWrap as D,containerWrap as b,containerWrapReadOnly as O,MOBILE_WRAP_WIDTH as Y}from"./date-range-input.styles.js";const j={initialStart:"",initialEnd:"",selectedStart:"",selectedEnd:"",currentFocus:"none",calendarOpen:!1,isStartDirty:!1,isEndDirty:!1,focused:!1},y=y=>{var{minDate:E,maxDate:S,disabled:w,disabledDates:M,error:F,hideInputKeyboard:x,value:k,valueEnd:R,onChange:C,onFocus:I,onBlur:B,onYearMonthDisplayChange:P,withButton:N=!0,variant:K="range",numberOfDays:z=7,readOnly:V,id:W,allowDisabledSelection:A,zIndex:L,dropdownRootNode:T}=y,_=e(y,["minDate","maxDate","disabled","disabledDates","error","hideInputKeyboard","value","valueEnd","onChange","onFocus","onBlur","onYearMonthDisplayChange","withButton","variant","numberOfDays","readOnly","id","allowDisabledSelection","zIndex","dropdownRootNode"]);const[q,H]=s(),[Z,G]=s(void 0),J="week"===K,Q="fixed-range"===K,[U,X]=s(!1),[$,ee]=s(!1),[{selectedStart:te,selectedEnd:re,currentFocus:ne,calendarOpen:ae,isStartDirty:se,isEndDirty:ie,focused:de},le]=g({name:"date-range-input",initialState:j,reducers:{blur:e=>Object.assign(Object.assign({},e),{selectedStart:e.initialStart,selectedEnd:e.initialEnd,currentFocus:"none",calendarOpen:!1,isStartDirty:!1,isEndDirty:!1,focused:!1}),dismiss:e=>Object.assign(Object.assign({},e),{selectedStart:e.initialStart,selectedEnd:e.initialEnd,currentFocus:"none",calendarOpen:!1,isStartDirty:!1,isEndDirty:!1}),changeStart:(e,t)=>Object.assign(Object.assign({},e),{selectedStart:t,isStartDirty:!0}),changeEnd:(e,t)=>Object.assign(Object.assign({},e),{selectedEnd:t,isEndDirty:!0}),reselectStart:e=>Object.assign(Object.assign({},e),{selectedStart:"",currentFocus:"start"}),reselectEnd:e=>Object.assign(Object.assign({},e),{selectedEnd:"",currentFocus:"end"}),focus:(e,t)=>Object.assign(Object.assign({},e),{currentFocus:J?"none":Q?"start":t,calendarOpen:!V,focused:!0}),cancel:e=>Object.assign(Object.assign({},e),{selectedStart:e.initialStart,selectedEnd:e.initialEnd,currentFocus:"none",calendarOpen:!1}),done:(e,t)=>Object.assign(Object.assign({},e),{selectedStart:t.start,selectedEnd:t.end,initialStart:t.start,initialEnd:t.end,currentFocus:"none",calendarOpen:!1,isStartDirty:!1,isEndDirty:!1}),resetStart:e=>Object.assign(Object.assign({},e),{selectedStart:e.initialStart}),resetEnd:e=>Object.assign(Object.assign({},e),{selectedEnd:e.initialEnd}),resetRange:(e,t)=>Object.assign(Object.assign({},e),{initialStart:t.start,selectedStart:t.start,initialEnd:t.end,selectedEnd:t.end})}}),oe=i(!1),ce=i(null),ue=i(null),fe=i(null),me=i(null),ve=p({maxWidth:Y,targetRef:ce});d((()=>{le.resetRange({start:v.sanitizeInput(k),end:v.sanitizeInput(R)})}),[k,R]),d((()=>{"start"===ne?H(te):"end"===ne&&re&&H(re)}),[ne]);const pe=e=>{var t,r,n;"Enter"!==e.code||N||(te&&re?(le.done({start:te,end:re}),null==C||C(te,re)):(le.dismiss(),null===(t=ce.current)||void 0===t||t.focus(),null===(r=fe.current)||void 0===r||r.resetPlaceholder(),null===(n=me.current)||void 0===n||n.resetPlaceholder()))},ge=e=>{var t;if(ke(e))return void(oe.current=!0);if(le.changeStart(e),e&&(null===(t=ue.current)||void 0===t||t.setCalendarDate(e)),oe.current=!1,!e)return void(N||re||!ie||(le.resetRange({start:"",end:""}),null==C||C("","")));if(!re)return void le.focus("end");if(a(e).isAfter(re,"day"))le.reselectEnd();else{if(ie)return N?void 0:(le.done({start:e,end:re}),void(null==C||C(e,re)));le.focus("end")}},he=e=>{var t,r,n;if(ke(e))return void(oe.current=!0);if(a(e).isBefore(te,"day"))return le.changeStart(e),null===(t=ue.current)||void 0===t||t.setCalendarDate(e),void le.reselectEnd();if(le.changeEnd(e),e&&(null===(r=ue.current)||void 0===r||r.setCalendarDate(e)),e){if(te)return N?void 0:(null===(n=me.current)||void 0===n||n.focusYearRef(),le.done({start:te,end:e}),void(null==C||C(te,e)));le.focus("start")}else N||te||!se||(le.resetRange({start:"",end:""}),null==C||C("",""))},De=e=>{var t,r;if(ke(e))return void(oe.current=!0);if(le.changeStart(e),null===(t=ue.current)||void 0===t||t.setCalendarDate(e),oe.current=!1,!e)return void(N?le.changeEnd(""):(le.resetRange({start:"",end:""}),null==C||C("","")));const n=a(e).format("YYYY-MM-DD"),s=a(n).add(z-1,"day").format("YYYY-MM-DD");return le.changeStart(n),le.changeEnd(s),oe.current=!1,N?void 0:(le.done({start:n,end:s}),null===(r=fe.current)||void 0===r||r.focusYearRef(),void(null==C||C(n,s)))},be=()=>{(J||Q)&&ee(!0),J&&X(!0),V||w||de||(le.focus("start"),null==I||I())},Oe=e=>{var t,r,n,a;const s=e.relatedTarget,i=ue.current&&ue.current.contains(s),d=ce.current&&ce.current.contains(s),l=(null===(t=null==s?void 0:s.matches)||void 0===t?void 0:t.call(s,"[data-floating-ui-focusable]"))||(null===(r=null==s?void 0:s.matches)||void 0===r?void 0:r.call(s,"[data-floating-ui-focus-guard]"));(de&&!ae&&!d&&!l||ae&&!d&&!i&&!l)&&(le.blur(),ee(!1),X(!1),null===(n=fe.current)||void 0===n||n.resetPlaceholder(),null===(a=me.current)||void 0===a||a.resetPlaceholder(),xe())},Ye=e=>t=>{t.stopPropagation(),V||(le.focus(e),je(),ye(),de||null==I||I())},je=()=>{if(J){const e=m.toDayjs(te).startOf("week").format("YYYY-MM-DD");X(!0),ee(!0),H(e)}},ye=()=>{Q&&(ee(!0),H(te))},Ee=e=>{var t;e&&!oe.current||(le.resetStart(),null===(t=fe.current)||void 0===t||t.resetInput())},Se=e=>{var t;e&&!oe.current||(le.resetEnd(),null===(t=me.current)||void 0===t||t.resetInput())},we=e=>{switch(K){case"week":(e=>{var t;const r=a(e).startOf("week").format("YYYY-MM-DD"),n=a(e).endOf("week").format("YYYY-MM-DD");if(le.changeStart(r),le.changeEnd(n),oe.current=!1,!N)null===(t=me.current)||void 0===t||t.focusYearRef(),le.done({start:r,end:n}),null==C||C(r,n)})(e);break;case"fixed-range":De(e);break;default:"start"===ne?ge(e):"end"===ne&&he(e)}},Me=e=>{var t,r,n;switch(null===(t=ce.current)||void 0===t||t.focus(),e){case"reset":le.cancel();break;case"confirmed":if(le.done({start:te,end:re}),null==C||C(te,re),J)break;Re(te,re)&&("range"===K?null===(r=me.current)||void 0===r||r.focusYearRef():null===(n=fe.current)||void 0===n||n.focusYearRef())}},Fe=e=>{G(e)},xe=()=>{B&&B()},ke=e=>!A&&e&&v.isDateDisabled(e,{disabledDates:M,minDate:E,maxDate:S}),Re=(e,t)=>!(!e||!t)&&a(e).isBefore(t,"day"),Ce=e=>{let t={start:void 0,end:void 0};switch(K){case"range":t={start:"start"===ne?Z:void 0,end:"end"===ne?Z:void 0};break;case"week":if(!Z)return;t={start:a(Z).startOf("week").format("YYYY-MM-DD"),end:a(Z).endOf("week").format("YYYY-MM-DD")};break;case"fixed-range":if(!Z)return;t={start:a(Z).format("YYYY-MM-DD"),end:a(Z).add(z-1,"day").format("YYYY-MM-DD")}}return t[e]};return t(l,{enabled:!V&&!w,isOpen:ae,onClose:()=>{var e,t;le.blur(),X(!1),ee(!1),null===(e=fe.current)||void 0===e||e.resetPlaceholder(),null===(t=me.current)||void 0===t||t.resetPlaceholder(),xe()},onDismiss:()=>{var e,t,r;le.dismiss(),null===(e=ce.current)||void 0===e||e.focus(),null===(t=fe.current)||void 0===t||t.resetPlaceholder(),null===(r=me.current)||void 0===r||r.resetPlaceholder()},renderElement:()=>t(o,Object.assign({role:"group",ref:ce,tabIndex:0,onFocus:be,onBlur:Oe,focused:de,disabled:w,readOnly:V,error:F,id:W,"data-testid":_["data-testid"],"aria-disabled":w,onKeyDown:pe},_,{className:n(ve&&!V&&b,ve&&V&&O,_.className),children:r(u,{currentActive:ne,wrap:ve,error:F,children:[t("div",{className:n(h,ve&&D),children:t(f,{ref:fe,placeholder:"From",names:["start-day","start-month","start-year"],inputLabels:["Start Date","Start Month","Start Year"],value:te,disabled:w,readOnly:U||V,focused:"start"===ne,hoverValue:Ce("start"),onChange:Q?De:ge,onFocus:Ye("start"),onBlur:Ee,hideInputKeyboard:x})}),t("div",{className:n(h,ve&&D),children:t(f,{ref:me,placeholder:"To",names:["end-day","end-month","end-year"],inputLabels:["End Date","End Month","End Year"],value:re,disabled:w,readOnly:$||V,focused:"end"===ne,hoverValue:Ce("end"),onChange:he,onFocus:Ye("end"),onBlur:Se,hideInputKeyboard:x})})]})})),renderDropdown:({elementWidth:e})=>t(c,{ref:ue,variant:K,initialCalendarDate:q,withButton:N,value:te,endValue:re,selectWithinRange:se||ie,currentFocus:ne,disabledDates:M,minDate:E,maxDate:S,allowDisabledSelection:A,onSelect:we,onDismiss:Me,onHover:Fe,onYearMonthDisplayChange:P,numberOfDays:z,width:e,isFocusable:!V&&!w}),customZIndex:L,offset:16,rootNode:T})};export{y as DateRangeInput};
 //# sourceMappingURL=date-range-input.js.map