@economic/taco 1.6.0 → 1.8.0

package/dist/esm/components/Table/hooks/useTable.js

@@ -169,6 +169,9 @@ const useTable = (props, ref) => {
     onRowCopy,
     onRowDelete
   }, actions, rowExpansionRenderer, texts, windowed));
+  React__default.useEffect(() => {
+    gotoPage(0);
+  }, [data.length]);
   useTablePaginationListener(disablePagination, onPaginate, state);
   useTableSortingListener(data, sortedRows, onSort, !!manualSorting, state);
   const sanitizedInstance = useTableInstance(instance, ref);

package/dist/esm/components/Table/hooks/useTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTable.js","sources":["../../../../../src/components/Table/hooks/useTable.tsx"],"sourcesContent":["import React from 'react';\nimport { useTable as useReactTable, useExpanded, useSortBy, usePagination, useRowState } from 'react-table';\nimport { getColumnsFromChildren, getInternalSortRules } from '../util';\nimport { sortTypes } from '../util/sortTypes';\nimport { useRowEditing } from './plugins/useRowEditing';\nimport { useRowActions } from './plugins/useRowActions';\nimport { useRowSelect } from './plugins/useRowSelect';\nimport {\n    InternalTable,\n    InternalTableRow,\n    PaginationHandler,\n    RowActiveHandler,\n    SortHandler,\n    TableProps,\n    TableRef,\n} from '../types';\nimport { useTableKeyboardNavigation } from './useTableKeyboardNavigation';\nimport { useLocalization } from '../../Provider/Provider';\nimport { useRowDraggable } from './plugins/useRowDraggable';\nimport { sanitizeRowProps } from '../util';\n\nconst useTableRowActive = (\n    activeIndex: number | undefined,\n    rows: InternalTableRow[],\n    rowExpansionRenderer: TableProps<any>['rowExpansionRenderer'],\n    handleonRowActive: RowActiveHandler<any> | undefined\n) => {\n    React.useEffect(() => {\n        if (activeIndex !== undefined && rows.length && handleonRowActive) {\n            const focusedRow = rows[activeIndex];\n            if (focusedRow) {\n                const sanitizedFocusedRow = sanitizeRowProps(focusedRow, rowExpansionRenderer);\n                handleonRowActive(sanitizedFocusedRow);\n            }\n        }\n    }, [activeIndex, rows]);\n};\n\nconst useTableInstance = (instance: any, ref: React.RefObject<TableRef>): object => {\n    const sanitizedInstance = React.useMemo(\n        () => ({\n            toggleAllRowsExpanded: instance.toggleAllRowsExpanded,\n            toggleHideAllColumns: instance.toggleHideAllColumns,\n            toggleHideColumn: instance.toggleHideColumn,\n            toggleEditing: instance.toggleEditing,\n            toggleRowEditing: instance.toggleRowEditing,\n            resetRowEditing: instance.resetRowEditing,\n            toggleRowExpanded: instance.toggleRowExpanded,\n            toggleSortBy: instance.toggleSortBy,\n        }),\n        []\n    );\n\n    React.useEffect(() => {\n        if (ref?.current) {\n            ref.current.instance = sanitizedInstance;\n        }\n    }, [ref]);\n\n    return sanitizedInstance;\n};\n\nconst useTablePaginationListener = (disablePagination: boolean, onPaginate: PaginationHandler | undefined, state: any): void => {\n    React.useEffect(() => {\n        if (!disablePagination && onPaginate) {\n            onPaginate(state.pageIndex, state.pageSize);\n        }\n    }, [state.pageIndex, state.pageSize]);\n};\n\nconst useTableSortingListener = (\n    data: any[],\n    sortedRows: any[],\n    onSort: SortHandler<any> | undefined,\n    manualSorting: boolean,\n    state: any\n): void => {\n    React.useEffect(() => {\n        if (onSort) {\n            const sortRules = state.sortBy.map((rule: any) => ({ accessor: rule.id, desc: rule.desc }));\n\n            if (manualSorting) {\n                onSort(sortRules);\n            } else {\n                let sortedData;\n\n                if (sortRules.length && sortedRows?.length) {\n                    sortedData = sortedRows.map((row: any) => row.original);\n                }\n\n                onSort(sortRules, sortedData || data);\n            }\n        }\n    }, [onSort && JSON.stringify(state.sortBy), manualSorting]);\n};\n\nconst DEFAULT_PAGE_SIZE = 10;\n\nexport const useTable = <T extends {}>(\n    props: TableProps<T> & { windowed?: boolean },\n    ref: React.RefObject<TableRef>\n): InternalTable => {\n    const {\n        children,\n        data,\n        dangerouslyHijackGlobalKeyboardNavigation: _,\n        onRowClick,\n        onRowDrag,\n        onSelectedRows,\n        rowClassName,\n        rowExpansionRenderer,\n        rowHeight,\n        selectedRows,\n\n        // sorting\n        disableSorting,\n        manualSorting,\n        onSort,\n        sortRules,\n\n        //index\n        activeIndex: _1,\n        defaultActiveIndex: _2,\n        onChangeActiveIndex: _3,\n\n        // pagination\n        disablePagination = true,\n        length,\n        onPaginate,\n        pageSize = DEFAULT_PAGE_SIZE,\n        pageIndex = 0,\n\n        // row editing\n        inlineEditingUniqueId = undefined,\n        onRowCreate,\n\n        // actions\n        actions,\n        onRowEdit,\n        onRowCopy,\n        onRowDelete,\n        onRowActive,\n\n        windowed = false,\n\n        ...otherProps\n    } = props;\n\n    if ((onSelectedRows && !selectedRows) || (!onSelectedRows && selectedRows)) {\n        throw new Error(\n            'Selected rows in a Table component are fully controlled - you must pass both the `onSelectedRows` and `selectedRows` props when using row selection'\n        );\n    }\n\n    const { texts } = useLocalization();\n    const { columns, sortRules: defaultSortRules } = React.useMemo(\n        () => getColumnsFromChildren(children, rowExpansionRenderer),\n        [children, rowExpansionRenderer]\n    );\n\n    const manualPagination = !disablePagination && !!onPaginate && !!length;\n\n    const {\n        headerGroups,\n        rows,\n        sortedRows,\n        prepareRow: prepareBaseRow,\n        state,\n        // pagination\n        page,\n        gotoPage,\n        setPageSize,\n        ...instance\n    }: any = useReactTable(\n        {\n            columns,\n            data,\n            initialState: {\n                // eslint-disable-next-line\n                // @ts-ignore: not sure how to type this correctly right now\n                sortBy: getInternalSortRules(sortRules) || defaultSortRules,\n                pageSize: !disablePagination ? pageSize : undefined,\n                pageIndex: !disablePagination ? pageIndex : undefined,\n            },\n            manualPagination,\n            pageCount: manualPagination && length ? Math.ceil(length / pageSize) : -1,\n            manualSortBy: manualSorting,\n            disableSortBy: disableSorting,\n            // most of these resets preventions are needed for editing mode\n            autoResetExpanded: false,\n            autoResetSelectedRows: false,\n            autoResetSortBy: false,\n            autoResetPage: false,\n            sortTypes: React.useMemo(() => sortTypes, []),\n            useControlledState: currentState => {\n                return React.useMemo(\n                    () => ({\n                        ...currentState,\n                        selectedRowIds: selectedRows || [],\n                    }),\n                    [currentState, selectedRows]\n                );\n            },\n        },\n        useRowState,\n        useSortBy,\n        useExpanded,\n        usePagination,\n        useRowSelect(onSelectedRows),\n        useRowDraggable(onRowDrag),\n        useRowEditing(inlineEditingUniqueId),\n        useRowActions(\n            inlineEditingUniqueId,\n            { onRowCreate, onRowEdit, onRowCopy, onRowDelete },\n            actions,\n            rowExpansionRenderer,\n            texts,\n            windowed\n        )\n    );\n\n    useTablePaginationListener(disablePagination, onPaginate, state);\n    useTableSortingListener(data, sortedRows, onSort, !!manualSorting, state);\n\n    const sanitizedInstance = useTableInstance(instance, ref);\n\n    const visibleRows = !disablePagination && !manualPagination ? page : rows;\n\n    const [activeIndex, setActiveIndex, handleKeyDown, handleFocus] = useTableKeyboardNavigation<T>(\n        props,\n        visibleRows,\n        { onRowClick, onRowCreate, onRowEdit, onRowCopy, onRowDelete, rowExpansionRenderer },\n        ref\n    );\n\n    useTableRowActive(activeIndex, rows, rowExpansionRenderer, onRowActive);\n\n    const prepareRow = React.useCallback(\n        (row: any, index: number) => {\n            prepareBaseRow(row);\n            row.setActive = () => setActiveIndex(index);\n        },\n        [prepareBaseRow, setActiveIndex]\n    );\n\n    return {\n        rowProps: {\n            activeIndex,\n            setActiveIndex,\n            onRowClick,\n            rowClassName,\n            rowExpansionRenderer,\n            rowHeight,\n            inlineEditingUniqueId,\n        },\n        tableProps: {\n            ...otherProps,\n            headerGroups,\n            onFocus: handleFocus,\n            onKeyDown: handleKeyDown,\n            tabIndex: otherProps.tabIndex ?? 0,\n        },\n        state,\n        pagination: !disablePagination\n            ? {\n                  length: manualPagination && length ? length : data.length,\n                  pageIndex: state.pageIndex,\n                  pageSize: state.pageSize,\n                  setPageIndex: gotoPage,\n                  setPageSize: setPageSize,\n              }\n            : null,\n        rows: visibleRows,\n        prepareRow,\n        instance: sanitizedInstance,\n    };\n};\n"],"names":["useTableRowActive","activeIndex","rows","rowExpansionRenderer","handleonRowActive","React","useEffect","undefined","length","focusedRow","sanitizedFocusedRow","sanitizeRowProps","useTableInstance","instance","ref","sanitizedInstance","useMemo","toggleAllRowsExpanded","toggleHideAllColumns","toggleHideColumn","toggleEditing","toggleRowEditing","resetRowEditing","toggleRowExpanded","toggleSortBy","current","useTablePaginationListener","disablePagination","onPaginate","state","pageIndex","pageSize","useTableSortingListener","data","sortedRows","onSort","manualSorting","sortRules","sortBy","map","rule","accessor","id","desc","sortedData","row","original","JSON","stringify","DEFAULT_PAGE_SIZE","useTable","props","children","dangerouslyHijackGlobalKeyboardNavigation","_","onRowClick","onRowDrag","onSelectedRows","rowClassName","rowHeight","selectedRows","disableSorting","_1","defaultActiveIndex","_2","onChangeActiveIndex","_3","inlineEditingUniqueId","onRowCreate","actions","onRowEdit","onRowCopy","onRowDelete","onRowActive","windowed","otherProps","Error","texts","useLocalization","columns","defaultSortRules","getColumnsFromChildren","manualPagination","headerGroups","prepareRow","prepareBaseRow","page","gotoPage","setPageSize","useReactTable","initialState","getInternalSortRules","pageCount","Math","ceil","manualSortBy","disableSortBy","autoResetExpanded","autoResetSelectedRows","autoResetSortBy","autoResetPage","sortTypes","useControlledState","currentState","selectedRowIds","useRowState","useSortBy","useExpanded","usePagination","useRowSelect","useRowDraggable","useRowEditing","useRowActions","visibleRows","setActiveIndex","handleKeyDown","handleFocus","useTableKeyboardNavigation","useCallback","index","setActive","rowProps","tableProps","onFocus","onKeyDown","tabIndex","pagination","setPageIndex"],"mappings":"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"}
+{"version":3,"file":"useTable.js","sources":["../../../../../src/components/Table/hooks/useTable.tsx"],"sourcesContent":["import React from 'react';\nimport { useTable as useReactTable, useExpanded, useSortBy, usePagination, useRowState } from 'react-table';\nimport { getColumnsFromChildren, getInternalSortRules } from '../util';\nimport { sortTypes } from '../util/sortTypes';\nimport { useRowEditing } from './plugins/useRowEditing';\nimport { useRowActions } from './plugins/useRowActions';\nimport { useRowSelect } from './plugins/useRowSelect';\nimport {\n    InternalTable,\n    InternalTableRow,\n    PaginationHandler,\n    RowActiveHandler,\n    SortHandler,\n    TableProps,\n    TableRef,\n} from '../types';\nimport { useTableKeyboardNavigation } from './useTableKeyboardNavigation';\nimport { useLocalization } from '../../Provider/Provider';\nimport { useRowDraggable } from './plugins/useRowDraggable';\nimport { sanitizeRowProps } from '../util';\n\nconst useTableRowActive = (\n    activeIndex: number | undefined,\n    rows: InternalTableRow[],\n    rowExpansionRenderer: TableProps<any>['rowExpansionRenderer'],\n    handleonRowActive: RowActiveHandler<any> | undefined\n) => {\n    React.useEffect(() => {\n        if (activeIndex !== undefined && rows.length && handleonRowActive) {\n            const focusedRow = rows[activeIndex];\n            if (focusedRow) {\n                const sanitizedFocusedRow = sanitizeRowProps(focusedRow, rowExpansionRenderer);\n                handleonRowActive(sanitizedFocusedRow);\n            }\n        }\n    }, [activeIndex, rows]);\n};\n\nconst useTableInstance = (instance: any, ref: React.RefObject<TableRef>): object => {\n    const sanitizedInstance = React.useMemo(\n        () => ({\n            toggleAllRowsExpanded: instance.toggleAllRowsExpanded,\n            toggleHideAllColumns: instance.toggleHideAllColumns,\n            toggleHideColumn: instance.toggleHideColumn,\n            toggleEditing: instance.toggleEditing,\n            toggleRowEditing: instance.toggleRowEditing,\n            resetRowEditing: instance.resetRowEditing,\n            toggleRowExpanded: instance.toggleRowExpanded,\n            toggleSortBy: instance.toggleSortBy,\n        }),\n        []\n    );\n\n    React.useEffect(() => {\n        if (ref?.current) {\n            ref.current.instance = sanitizedInstance;\n        }\n    }, [ref]);\n\n    return sanitizedInstance;\n};\n\nconst useTablePaginationListener = (disablePagination: boolean, onPaginate: PaginationHandler | undefined, state: any): void => {\n    React.useEffect(() => {\n        if (!disablePagination && onPaginate) {\n            onPaginate(state.pageIndex, state.pageSize);\n        }\n    }, [state.pageIndex, state.pageSize]);\n};\n\nconst useTableSortingListener = (\n    data: any[],\n    sortedRows: any[],\n    onSort: SortHandler<any> | undefined,\n    manualSorting: boolean,\n    state: any\n): void => {\n    React.useEffect(() => {\n        if (onSort) {\n            const sortRules = state.sortBy.map((rule: any) => ({ accessor: rule.id, desc: rule.desc }));\n\n            if (manualSorting) {\n                onSort(sortRules);\n            } else {\n                let sortedData;\n\n                if (sortRules.length && sortedRows?.length) {\n                    sortedData = sortedRows.map((row: any) => row.original);\n                }\n\n                onSort(sortRules, sortedData || data);\n            }\n        }\n    }, [onSort && JSON.stringify(state.sortBy), manualSorting]);\n};\n\nconst DEFAULT_PAGE_SIZE = 10;\n\nexport const useTable = <T extends {}>(\n    props: TableProps<T> & { windowed?: boolean },\n    ref: React.RefObject<TableRef>\n): InternalTable => {\n    const {\n        children,\n        data,\n        dangerouslyHijackGlobalKeyboardNavigation: _,\n        onRowClick,\n        onRowDrag,\n        onSelectedRows,\n        rowClassName,\n        rowExpansionRenderer,\n        rowHeight,\n        selectedRows,\n\n        // sorting\n        disableSorting,\n        manualSorting,\n        onSort,\n        sortRules,\n\n        //index\n        activeIndex: _1,\n        defaultActiveIndex: _2,\n        onChangeActiveIndex: _3,\n\n        // pagination\n        disablePagination = true,\n        length,\n        onPaginate,\n        pageSize = DEFAULT_PAGE_SIZE,\n        pageIndex = 0,\n\n        // row editing\n        inlineEditingUniqueId = undefined,\n        onRowCreate,\n\n        // actions\n        actions,\n        onRowEdit,\n        onRowCopy,\n        onRowDelete,\n        onRowActive,\n\n        windowed = false,\n\n        ...otherProps\n    } = props;\n\n    if ((onSelectedRows && !selectedRows) || (!onSelectedRows && selectedRows)) {\n        throw new Error(\n            'Selected rows in a Table component are fully controlled - you must pass both the `onSelectedRows` and `selectedRows` props when using row selection'\n        );\n    }\n\n    const { texts } = useLocalization();\n    const { columns, sortRules: defaultSortRules } = React.useMemo(\n        () => getColumnsFromChildren(children, rowExpansionRenderer),\n        [children, rowExpansionRenderer]\n    );\n\n    const manualPagination = !disablePagination && !!onPaginate && !!length;\n\n    const {\n        headerGroups,\n        rows,\n        sortedRows,\n        prepareRow: prepareBaseRow,\n        state,\n        // pagination\n        page,\n        gotoPage,\n        setPageSize,\n        ...instance\n    }: any = useReactTable(\n        {\n            columns,\n            data,\n            initialState: {\n                // eslint-disable-next-line\n                // @ts-ignore: not sure how to type this correctly right now\n                sortBy: getInternalSortRules(sortRules) || defaultSortRules,\n                pageSize: !disablePagination ? pageSize : undefined,\n                pageIndex: !disablePagination ? pageIndex : undefined,\n            },\n            manualPagination,\n            pageCount: manualPagination && length ? Math.ceil(length / pageSize) : -1,\n            manualSortBy: manualSorting,\n            disableSortBy: disableSorting,\n            // most of these resets preventions are needed for editing mode\n            autoResetExpanded: false,\n            autoResetSelectedRows: false,\n            autoResetSortBy: false,\n            autoResetPage: false,\n            sortTypes: React.useMemo(() => sortTypes, []),\n            useControlledState: currentState => {\n                return React.useMemo(\n                    () => ({\n                        ...currentState,\n                        selectedRowIds: selectedRows || [],\n                    }),\n                    [currentState, selectedRows]\n                );\n            },\n        },\n        useRowState,\n        useSortBy,\n        useExpanded,\n        usePagination,\n        useRowSelect(onSelectedRows),\n        useRowDraggable(onRowDrag),\n        useRowEditing(inlineEditingUniqueId),\n        useRowActions(\n            inlineEditingUniqueId,\n            { onRowCreate, onRowEdit, onRowCopy, onRowDelete },\n            actions,\n            rowExpansionRenderer,\n            texts,\n            windowed\n        )\n    );\n\n    React.useEffect(() => {\n        gotoPage(0);\n    }, [data.length]);\n\n    useTablePaginationListener(disablePagination, onPaginate, state);\n    useTableSortingListener(data, sortedRows, onSort, !!manualSorting, state);\n\n    const sanitizedInstance = useTableInstance(instance, ref);\n\n    const visibleRows = !disablePagination && !manualPagination ? page : rows;\n\n    const [activeIndex, setActiveIndex, handleKeyDown, handleFocus] = useTableKeyboardNavigation<T>(\n        props,\n        visibleRows,\n        { onRowClick, onRowCreate, onRowEdit, onRowCopy, onRowDelete, rowExpansionRenderer },\n        ref\n    );\n\n    useTableRowActive(activeIndex, rows, rowExpansionRenderer, onRowActive);\n\n    const prepareRow = React.useCallback(\n        (row: any, index: number) => {\n            prepareBaseRow(row);\n            row.setActive = () => setActiveIndex(index);\n        },\n        [prepareBaseRow, setActiveIndex]\n    );\n\n    return {\n        rowProps: {\n            activeIndex,\n            setActiveIndex,\n            onRowClick,\n            rowClassName,\n            rowExpansionRenderer,\n            rowHeight,\n            inlineEditingUniqueId,\n        },\n        tableProps: {\n            ...otherProps,\n            headerGroups,\n            onFocus: handleFocus,\n            onKeyDown: handleKeyDown,\n            tabIndex: otherProps.tabIndex ?? 0,\n        },\n        state,\n        pagination: !disablePagination\n            ? {\n                  length: manualPagination && length ? length : data.length,\n                  pageIndex: state.pageIndex,\n                  pageSize: state.pageSize,\n                  setPageIndex: gotoPage,\n                  setPageSize: setPageSize,\n              }\n            : null,\n        rows: visibleRows,\n        prepareRow,\n        instance: sanitizedInstance,\n    };\n};\n"],"names":["useTableRowActive","activeIndex","rows","rowExpansionRenderer","handleonRowActive","React","useEffect","undefined","length","focusedRow","sanitizedFocusedRow","sanitizeRowProps","useTableInstance","instance","ref","sanitizedInstance","useMemo","toggleAllRowsExpanded","toggleHideAllColumns","toggleHideColumn","toggleEditing","toggleRowEditing","resetRowEditing","toggleRowExpanded","toggleSortBy","current","useTablePaginationListener","disablePagination","onPaginate","state","pageIndex","pageSize","useTableSortingListener","data","sortedRows","onSort","manualSorting","sortRules","sortBy","map","rule","accessor","id","desc","sortedData","row","original","JSON","stringify","DEFAULT_PAGE_SIZE","useTable","props","children","dangerouslyHijackGlobalKeyboardNavigation","_","onRowClick","onRowDrag","onSelectedRows","rowClassName","rowHeight","selectedRows","disableSorting","_1","defaultActiveIndex","_2","onChangeActiveIndex","_3","inlineEditingUniqueId","onRowCreate","actions","onRowEdit","onRowCopy","onRowDelete","onRowActive","windowed","otherProps","Error","texts","useLocalization","columns","defaultSortRules","getColumnsFromChildren","manualPagination","headerGroups","prepareRow","prepareBaseRow","page","gotoPage","setPageSize","useReactTable","initialState","getInternalSortRules","pageCount","Math","ceil","manualSortBy","disableSortBy","autoResetExpanded","autoResetSelectedRows","autoResetSortBy","autoResetPage","sortTypes","useControlledState","currentState","selectedRowIds","useRowState","useSortBy","useExpanded","usePagination","useRowSelect","useRowDraggable","useRowEditing","useRowActions","visibleRows","setActiveIndex","handleKeyDown","handleFocus","useTableKeyboardNavigation","useCallback","index","setActive","rowProps","tableProps","onFocus","onKeyDown","tabIndex","pagination","setPageIndex"],"mappings":";;;;;;;;;;;AAqBA,MAAMA,iBAAiB,GAAG,CACtBC,WADsB,EAEtBC,IAFsB,EAGtBC,oBAHsB,EAItBC,iBAJsB;EAMtBC,cAAK,CAACC,SAAN,CAAgB;IACZ,IAAIL,WAAW,KAAKM,SAAhB,IAA6BL,IAAI,CAACM,MAAlC,IAA4CJ,iBAAhD,EAAmE;MAC/D,MAAMK,UAAU,GAAGP,IAAI,CAACD,WAAD,CAAvB;;MACA,IAAIQ,UAAJ,EAAgB;QACZ,MAAMC,mBAAmB,GAAGC,gBAAgB,CAACF,UAAD,EAAaN,oBAAb,CAA5C;QACAC,iBAAiB,CAACM,mBAAD,CAAjB;;;GALZ,EAQG,CAACT,WAAD,EAAcC,IAAd,CARH;AASH,CAfD;;AAiBA,MAAMU,gBAAgB,GAAG,CAACC,QAAD,EAAgBC,GAAhB;EACrB,MAAMC,iBAAiB,GAAGV,cAAK,CAACW,OAAN,CACtB,OAAO;IACHC,qBAAqB,EAAEJ,QAAQ,CAACI,qBAD7B;IAEHC,oBAAoB,EAAEL,QAAQ,CAACK,oBAF5B;IAGHC,gBAAgB,EAAEN,QAAQ,CAACM,gBAHxB;IAIHC,aAAa,EAAEP,QAAQ,CAACO,aAJrB;IAKHC,gBAAgB,EAAER,QAAQ,CAACQ,gBALxB;IAMHC,eAAe,EAAET,QAAQ,CAACS,eANvB;IAOHC,iBAAiB,EAAEV,QAAQ,CAACU,iBAPzB;IAQHC,YAAY,EAAEX,QAAQ,CAACW;GAR3B,CADsB,EAWtB,EAXsB,CAA1B;EAcAnB,cAAK,CAACC,SAAN,CAAgB;IACZ,IAAIQ,GAAJ,aAAIA,GAAJ,eAAIA,GAAG,CAAEW,OAAT,EAAkB;MACdX,GAAG,CAACW,OAAJ,CAAYZ,QAAZ,GAAuBE,iBAAvB;;GAFR,EAIG,CAACD,GAAD,CAJH;EAMA,OAAOC,iBAAP;AACH,CAtBD;;AAwBA,MAAMW,0BAA0B,GAAG,CAACC,iBAAD,EAA6BC,UAA7B,EAAwEC,KAAxE;EAC/BxB,cAAK,CAACC,SAAN,CAAgB;IACZ,IAAI,CAACqB,iBAAD,IAAsBC,UAA1B,EAAsC;MAClCA,UAAU,CAACC,KAAK,CAACC,SAAP,EAAkBD,KAAK,CAACE,QAAxB,CAAV;;GAFR,EAIG,CAACF,KAAK,CAACC,SAAP,EAAkBD,KAAK,CAACE,QAAxB,CAJH;AAKH,CAND;;AAQA,MAAMC,uBAAuB,GAAG,CAC5BC,IAD4B,EAE5BC,UAF4B,EAG5BC,MAH4B,EAI5BC,aAJ4B,EAK5BP,KAL4B;EAO5BxB,cAAK,CAACC,SAAN,CAAgB;IACZ,IAAI6B,MAAJ,EAAY;MACR,MAAME,SAAS,GAAGR,KAAK,CAACS,MAAN,CAAaC,GAAb,CAAkBC,IAAD,KAAgB;QAAEC,QAAQ,EAAED,IAAI,CAACE,EAAjB;QAAqBC,IAAI,EAAEH,IAAI,CAACG;OAAhD,CAAjB,CAAlB;;MAEA,IAAIP,aAAJ,EAAmB;QACfD,MAAM,CAACE,SAAD,CAAN;OADJ,MAEO;QACH,IAAIO,UAAJ;;QAEA,IAAIP,SAAS,CAAC7B,MAAV,IAAoB0B,UAApB,aAAoBA,UAApB,eAAoBA,UAAU,CAAE1B,MAApC,EAA4C;UACxCoC,UAAU,GAAGV,UAAU,CAACK,GAAX,CAAgBM,GAAD,IAAcA,GAAG,CAACC,QAAjC,CAAb;;;QAGJX,MAAM,CAACE,SAAD,EAAYO,UAAU,IAAIX,IAA1B,CAAN;;;GAbZ,EAgBG,CAACE,MAAM,IAAIY,IAAI,CAACC,SAAL,CAAenB,KAAK,CAACS,MAArB,CAAX,EAAyCF,aAAzC,CAhBH;AAiBH,CAxBD;;AA0BA,MAAMa,iBAAiB,GAAG,EAA1B;MAEaC,QAAQ,GAAG,CACpBC,KADoB,EAEpBrC,GAFoB;;;EAIpB,MAAM;IACFsC,QADE;IAEFnB,IAFE;IAGFoB,yCAAyC,EAAEC,CAHzC;IAIFC,UAJE;IAKFC,SALE;IAMFC,cANE;IAOFC,YAPE;IAQFvD,oBARE;IASFwD,SATE;IAUFC,YAVE;;IAaFC,cAbE;IAcFzB,aAdE;IAeFD,MAfE;IAgBFE,SAhBE;;IAmBFpC,WAAW,EAAE6D,EAnBX;IAoBFC,kBAAkB,EAAEC,EApBlB;IAqBFC,mBAAmB,EAAEC,EArBnB;;IAwBFvC,iBAAiB,GAAG,IAxBlB;IAyBFnB,MAzBE;IA0BFoB,UA1BE;IA2BFG,QAAQ,GAAGkB,iBA3BT;IA4BFnB,SAAS,GAAG,CA5BV;;IA+BFqC,qBAAqB,GAAG5D,SA/BtB;IAgCF6D,WAhCE;;IAmCFC,OAnCE;IAoCFC,SApCE;IAqCFC,SArCE;IAsCFC,WAtCE;IAuCFC,WAvCE;IAyCFC,QAAQ,GAAG,KAzCT;IA2CF,GAAGC;MACHxB,KA5CJ;;EA8CA,IAAKM,cAAc,IAAI,CAACG,YAApB,IAAsC,CAACH,cAAD,IAAmBG,YAA7D,EAA4E;IACxE,MAAM,IAAIgB,KAAJ,CACF,qJADE,CAAN;;;EAKJ,MAAM;IAAEC;MAAUC,eAAe,EAAjC;EACA,MAAM;IAAEC,OAAF;IAAW1C,SAAS,EAAE2C;MAAqB3E,cAAK,CAACW,OAAN,CAC7C,MAAMiE,sBAAsB,CAAC7B,QAAD,EAAWjD,oBAAX,CADiB,EAE7C,CAACiD,QAAD,EAAWjD,oBAAX,CAF6C,CAAjD;EAKA,MAAM+E,gBAAgB,GAAG,CAACvD,iBAAD,IAAsB,CAAC,CAACC,UAAxB,IAAsC,CAAC,CAACpB,MAAjE;EAEA,MAAM;IACF2E,YADE;IAEFjF,IAFE;IAGFgC,UAHE;IAIFkD,UAAU,EAAEC,cAJV;IAKFxD,KALE;;IAOFyD,IAPE;IAQFC,QARE;IASFC,WATE;IAUF,GAAG3E;MACE4E,UAAa,CAClB;IACIV,OADJ;IAEI9C,IAFJ;IAGIyD,YAAY,EAAE;;;MAGVpD,MAAM,EAAEqD,oBAAoB,CAACtD,SAAD,CAApB,IAAmC2C,gBAHjC;MAIVjD,QAAQ,EAAE,CAACJ,iBAAD,GAAqBI,QAArB,GAAgCxB,SAJhC;MAKVuB,SAAS,EAAE,CAACH,iBAAD,GAAqBG,SAArB,GAAiCvB;KARpD;IAUI2E,gBAVJ;IAWIU,SAAS,EAAEV,gBAAgB,IAAI1E,MAApB,GAA6BqF,IAAI,CAACC,IAAL,CAAUtF,MAAM,GAAGuB,QAAnB,CAA7B,GAA4D,CAAC,CAX5E;IAYIgE,YAAY,EAAE3D,aAZlB;IAaI4D,aAAa,EAAEnC,cAbnB;;IAeIoC,iBAAiB,EAAE,KAfvB;IAgBIC,qBAAqB,EAAE,KAhB3B;IAiBIC,eAAe,EAAE,KAjBrB;IAkBIC,aAAa,EAAE,KAlBnB;IAmBIC,SAAS,EAAEhG,cAAK,CAACW,OAAN,CAAc,MAAMqF,SAApB,EAA+B,EAA/B,CAnBf;IAoBIC,kBAAkB,EAAEC,YAAY;MAC5B,OAAOlG,cAAK,CAACW,OAAN,CACH,OAAO,EACH,GAAGuF,YADA;QAEHC,cAAc,EAAE5C,YAAY,IAAI;OAFpC,CADG,EAKH,CAAC2C,YAAD,EAAe3C,YAAf,CALG,CAAP;;GAtBU,EA+BlB6C,WA/BkB,EAgClBC,SAhCkB,EAiClBC,WAjCkB,EAkClBC,aAlCkB,EAmClBC,YAAY,CAACpD,cAAD,CAnCM,EAoClBqD,eAAe,CAACtD,SAAD,CApCG,EAqClBuD,aAAa,CAAC5C,qBAAD,CArCK,EAsClB6C,aAAa,CACT7C,qBADS,EAET;IAAEC,WAAF;IAAeE,SAAf;IAA0BC,SAA1B;IAAqCC;GAF5B,EAGTH,OAHS,EAITlE,oBAJS,EAKT0E,KALS,EAMTH,QANS,CAtCK,CAXtB;EA2DArE,cAAK,CAACC,SAAN,CAAgB;IACZiF,QAAQ,CAAC,CAAD,CAAR;GADJ,EAEG,CAACtD,IAAI,CAACzB,MAAN,CAFH;EAIAkB,0BAA0B,CAACC,iBAAD,EAAoBC,UAApB,EAAgCC,KAAhC,CAA1B;EACAG,uBAAuB,CAACC,IAAD,EAAOC,UAAP,EAAmBC,MAAnB,EAA2B,CAAC,CAACC,aAA7B,EAA4CP,KAA5C,CAAvB;EAEA,MAAMd,iBAAiB,GAAGH,gBAAgB,CAACC,QAAD,EAAWC,GAAX,CAA1C;EAEA,MAAMmG,WAAW,GAAG,CAACtF,iBAAD,IAAsB,CAACuD,gBAAvB,GAA0CI,IAA1C,GAAiDpF,IAArE;EAEA,MAAM,CAACD,WAAD,EAAciH,cAAd,EAA8BC,aAA9B,EAA6CC,WAA7C,IAA4DC,0BAA0B,CACxFlE,KADwF,EAExF8D,WAFwF,EAGxF;IAAE1D,UAAF;IAAca,WAAd;IAA2BE,SAA3B;IAAsCC,SAAtC;IAAiDC,WAAjD;IAA8DrE;GAH0B,EAIxFW,GAJwF,CAA5F;EAOAd,iBAAiB,CAACC,WAAD,EAAcC,IAAd,EAAoBC,oBAApB,EAA0CsE,WAA1C,CAAjB;EAEA,MAAMW,UAAU,GAAG/E,cAAK,CAACiH,WAAN,CACf,CAACzE,GAAD,EAAW0E,KAAX;IACIlC,cAAc,CAACxC,GAAD,CAAd;;IACAA,GAAG,CAAC2E,SAAJ,GAAgB,MAAMN,cAAc,CAACK,KAAD,CAApC;GAHW,EAKf,CAAClC,cAAD,EAAiB6B,cAAjB,CALe,CAAnB;EAQA,OAAO;IACHO,QAAQ,EAAE;MACNxH,WADM;MAENiH,cAFM;MAGN3D,UAHM;MAING,YAJM;MAKNvD,oBALM;MAMNwD,SANM;MAONQ;KARD;IAUHuD,UAAU,EAAE,EACR,GAAG/C,UADK;MAERQ,YAFQ;MAGRwC,OAAO,EAAEP,WAHD;MAIRQ,SAAS,EAAET,aAJH;MAKRU,QAAQ,0BAAElD,UAAU,CAACkD,QAAb,uEAAyB;KAflC;IAiBHhG,KAjBG;IAkBHiG,UAAU,EAAE,CAACnG,iBAAD,GACN;MACInB,MAAM,EAAE0E,gBAAgB,IAAI1E,MAApB,GAA6BA,MAA7B,GAAsCyB,IAAI,CAACzB,MADvD;MAEIsB,SAAS,EAAED,KAAK,CAACC,SAFrB;MAGIC,QAAQ,EAAEF,KAAK,CAACE,QAHpB;MAIIgG,YAAY,EAAExC,QAJlB;MAKIC,WAAW,EAAEA;KANX,GAQN,IA1BH;IA2BHtF,IAAI,EAAE+G,WA3BH;IA4BH7B,UA5BG;IA6BHvE,QAAQ,EAAEE;GA7Bd;AA+BH;;;;"}

package/dist/esm/components/Toast/Toast.js

@@ -73,7 +73,7 @@ const Toast = ({
     className: "flex-grow"
   }, content), React__default.createElement(IconButton, {
     appearance: "discrete",
-    className: "text-grey-darkest -mr-2 cursor-pointer !px-0",
+    className: "text-grey-darkest -mr-2 cursor-pointer self-start !px-0",
     icon: "close",
     "aria-label": texts.toasts.dismiss,
     onClick: handleClose

package/dist/esm/components/Toast/Toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","sources":["../../../../src/components/Toast/Toast.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { motion, useAnimation } from 'framer-motion';\nimport useTimer from '../../utils/hooks/useTimer';\nimport { getBadgeIcon } from './util';\nimport { State } from '../../types';\nimport { useLocalization } from '../Provider/Provider';\nimport { IconButton } from '../IconButton/IconButton';\n\nexport type ToastsTexts = {\n    /** Aria-label for the close icon button of toast */\n    dismiss: string;\n};\n\nexport type ToastType = Omit<State, 'default'> | 'loading';\nexport type ToastOptions = {\n    /** Provide time in milliseconds after which the toast should autoclose */\n    autoClose?: number;\n    /**\n     * State will change the icon displayed in toast and other characteristics,\n     * for e.g. `loading` state will display a progress animation.\n     * Default value is `default`\n     */\n    type?: ToastType;\n};\nexport type ToastContent = Omit<React.ReactNode, 'null' | 'undefined'>;\nexport type ToastProps = {\n    /** Provide a unique id for toast */\n    id: string;\n    /**\n     * Content can be any valid react node, for e.g. a `div`, or a simple text.\n     */\n    content: ToastContent;\n    /** Additional options to define your toast */\n    options: ToastOptions;\n    /**\n     * Handler called when toast closes.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    onClose: () => void;\n    lastUpdated?: number;\n    lastDuplicateId?: string;\n};\n\nexport const Toast = ({ content, lastUpdated, onClose: handleClose, options, ...props }: ToastProps): JSX.Element => {\n    const { texts } = useLocalization();\n    const { autoClose, type = 'default' } = options;\n    const className = cn('bg-white relative flex items-center py-1 px-2 mt-3 w-full rounded yt-shadow', {\n        'border border-grey': type === 'default' || type === 'loading' || !type,\n        'border border-grey-darker': type === 'success',\n        'border border-blue': type === 'information',\n        'border border-yellow-dark': type === 'warning',\n        'border border-red': type === 'error',\n    });\n    const timer = useTimer(autoClose, handleClose);\n    const controls = useAnimation();\n\n    if (!content) {\n        console.warn(\n            `Toast requires 'content' property, which can't be empty string, null or undefined. Current content value is set to ${\n                content === '' ? 'empty string' : content\n            }.`\n        );\n    }\n\n    React.useEffect(() => {\n        if (autoClose) {\n            timer.start();\n        }\n    }, [autoClose]);\n\n    const triggerUpdateAnimation = async () => {\n        await controls.start({ scale: 1.05 });\n        await controls.start({ scale: 1 });\n    };\n\n    React.useEffect(() => {\n        if (lastUpdated) {\n            triggerUpdateAnimation();\n\n            if (timer.running) {\n                timer.start();\n            }\n        }\n    }, [lastUpdated]);\n\n    return (\n        <motion.div\n            {...props}\n            animate={controls}\n            className={className}\n            data-taco=\"toast\"\n            onMouseEnter={timer.pause}\n            onMouseLeave={timer.resume}>\n            {getBadgeIcon(type)}\n            <div className=\"flex-grow\">{content}</div>\n            <IconButton\n                appearance=\"discrete\"\n                className=\"text-grey-darkest -mr-2 cursor-pointer !px-0\"\n                icon=\"close\"\n                aria-label={texts.toasts.dismiss}\n                onClick={handleClose}\n            />\n        </motion.div>\n    );\n};\n"],"names":["Toast","content","lastUpdated","onClose","handleClose","options","props","texts","useLocalization","autoClose","type","className","cn","timer","useTimer","controls","useAnimation","console","warn","React","useEffect","start","triggerUpdateAnimation","scale","running","motion","div","animate","onMouseEnter","pause","onMouseLeave","resume","getBadgeIcon","IconButton","appearance","icon","toasts","dismiss","onClick"],"mappings":";;;;;;;;MA4CaA,KAAK,GAAG,CAAC;EAAEC,OAAF;EAAWC,WAAX;EAAwBC,OAAO,EAAEC,WAAjC;EAA8CC,OAA9C;EAAuD,GAAGC;AAA1D,CAAD;EACjB,MAAM;IAAEC;MAAUC,eAAe,EAAjC;EACA,MAAM;IAAEC,SAAF;IAAaC,IAAI,GAAG;MAAcL,OAAxC;EACA,MAAMM,SAAS,GAAGC,EAAE,CAAC,6EAAD,EAAgF;IAChG,sBAAsBF,IAAI,KAAK,SAAT,IAAsBA,IAAI,KAAK,SAA/B,IAA4C,CAACA,IAD6B;IAEhG,6BAA6BA,IAAI,KAAK,SAF0D;IAGhG,sBAAsBA,IAAI,KAAK,aAHiE;IAIhG,6BAA6BA,IAAI,KAAK,SAJ0D;IAKhG,qBAAqBA,IAAI,KAAK;GALd,CAApB;EAOA,MAAMG,KAAK,GAAGC,QAAQ,CAACL,SAAD,EAAYL,WAAZ,CAAtB;EACA,MAAMW,QAAQ,GAAGC,YAAY,EAA7B;;EAEA,IAAI,CAACf,OAAL,EAAc;IACVgB,OAAO,CAACC,IAAR,uHAEQjB,OAAO,KAAK,EAAZ,GAAiB,cAAjB,GAAkCA,UAF1C;;;EAOJkB,cAAK,CAACC,SAAN,CAAgB;IACZ,IAAIX,SAAJ,EAAe;MACXI,KAAK,CAACQ,KAAN;;GAFR,EAIG,CAACZ,SAAD,CAJH;;EAMA,MAAMa,sBAAsB;IAAA;6BAClBP,QAAQ,CAACM,KAAT,CAAe;QAAEE,KAAK,EAAE;OAAxB;+BACAR,QAAQ,CAACM,KAAT,CAAe;UAAEE,KAAK,EAAE;SAAxB;;KAFkB;MAAA;;GAA5B;;EAKAJ,cAAK,CAACC,SAAN,CAAgB;IACZ,IAAIlB,WAAJ,EAAiB;MACboB,sBAAsB;;MAEtB,IAAIT,KAAK,CAACW,OAAV,EAAmB;QACfX,KAAK,CAACQ,KAAN;;;GALZ,EAQG,CAACnB,WAAD,CARH;EAUA,OACIiB,4BAAA,CAACM,MAAM,CAACC,GAAR,oBACQpB;IACJqB,OAAO,EAAEZ;IACTJ,SAAS,EAAEA;iBACD;IACViB,YAAY,EAAEf,KAAK,CAACgB;IACpBC,YAAY,EAAEjB,KAAK,CAACkB;IANxB,EAOKC,YAAY,CAACtB,IAAD,CAPjB,EAQIS,4BAAA,MAAA;IAAKR,SAAS,EAAC;GAAf,EAA4BV,OAA5B,CARJ,EASIkB,4BAAA,CAACc,UAAD;IACIC,UAAU,EAAC;IACXvB,SAAS,EAAC;IACVwB,IAAI,EAAC;kBACO5B,KAAK,CAAC6B,MAAN,CAAaC;IACzBC,OAAO,EAAElC;GALb,CATJ,CADJ;AAmBH;;;;"}
+{"version":3,"file":"Toast.js","sources":["../../../../src/components/Toast/Toast.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { motion, useAnimation } from 'framer-motion';\nimport useTimer from '../../utils/hooks/useTimer';\nimport { getBadgeIcon } from './util';\nimport { State } from '../../types';\nimport { useLocalization } from '../Provider/Provider';\nimport { IconButton } from '../IconButton/IconButton';\n\nexport type ToastsTexts = {\n    /** Aria-label for the close icon button of toast */\n    dismiss: string;\n};\n\nexport type ToastType = Omit<State, 'default'> | 'loading';\nexport type ToastOptions = {\n    /** Provide time in milliseconds after which the toast should autoclose */\n    autoClose?: number;\n    /**\n     * State will change the icon displayed in toast and other characteristics,\n     * for e.g. `loading` state will display a progress animation.\n     * Default value is `default`\n     */\n    type?: ToastType;\n};\nexport type ToastContent = Omit<React.ReactNode, 'null' | 'undefined'>;\nexport type ToastProps = {\n    /** Provide a unique id for toast */\n    id: string;\n    /**\n     * Content can be any valid react node, for e.g. a `div`, or a simple text.\n     */\n    content: ToastContent;\n    /** Additional options to define your toast */\n    options: ToastOptions;\n    /**\n     * Handler called when toast closes.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    onClose: () => void;\n    lastUpdated?: number;\n    lastDuplicateId?: string;\n};\n\nexport const Toast = ({ content, lastUpdated, onClose: handleClose, options, ...props }: ToastProps): JSX.Element => {\n    const { texts } = useLocalization();\n    const { autoClose, type = 'default' } = options;\n    const className = cn('bg-white relative flex items-center py-1 px-2 mt-3 w-full rounded yt-shadow', {\n        'border border-grey': type === 'default' || type === 'loading' || !type,\n        'border border-grey-darker': type === 'success',\n        'border border-blue': type === 'information',\n        'border border-yellow-dark': type === 'warning',\n        'border border-red': type === 'error',\n    });\n    const timer = useTimer(autoClose, handleClose);\n    const controls = useAnimation();\n\n    if (!content) {\n        console.warn(\n            `Toast requires 'content' property, which can't be empty string, null or undefined. Current content value is set to ${\n                content === '' ? 'empty string' : content\n            }.`\n        );\n    }\n\n    React.useEffect(() => {\n        if (autoClose) {\n            timer.start();\n        }\n    }, [autoClose]);\n\n    const triggerUpdateAnimation = async () => {\n        await controls.start({ scale: 1.05 });\n        await controls.start({ scale: 1 });\n    };\n\n    React.useEffect(() => {\n        if (lastUpdated) {\n            triggerUpdateAnimation();\n\n            if (timer.running) {\n                timer.start();\n            }\n        }\n    }, [lastUpdated]);\n\n    return (\n        <motion.div\n            {...props}\n            animate={controls}\n            className={className}\n            data-taco=\"toast\"\n            onMouseEnter={timer.pause}\n            onMouseLeave={timer.resume}>\n            {getBadgeIcon(type)}\n            <div className=\"flex-grow\">{content}</div>\n            <IconButton\n                appearance=\"discrete\"\n                className=\"text-grey-darkest -mr-2 cursor-pointer self-start !px-0\"\n                icon=\"close\"\n                aria-label={texts.toasts.dismiss}\n                onClick={handleClose}\n            />\n        </motion.div>\n    );\n};\n"],"names":["Toast","content","lastUpdated","onClose","handleClose","options","props","texts","useLocalization","autoClose","type","className","cn","timer","useTimer","controls","useAnimation","console","warn","React","useEffect","start","triggerUpdateAnimation","scale","running","motion","div","animate","onMouseEnter","pause","onMouseLeave","resume","getBadgeIcon","IconButton","appearance","icon","toasts","dismiss","onClick"],"mappings":";;;;;;;;MA4CaA,KAAK,GAAG,CAAC;EAAEC,OAAF;EAAWC,WAAX;EAAwBC,OAAO,EAAEC,WAAjC;EAA8CC,OAA9C;EAAuD,GAAGC;AAA1D,CAAD;EACjB,MAAM;IAAEC;MAAUC,eAAe,EAAjC;EACA,MAAM;IAAEC,SAAF;IAAaC,IAAI,GAAG;MAAcL,OAAxC;EACA,MAAMM,SAAS,GAAGC,EAAE,CAAC,6EAAD,EAAgF;IAChG,sBAAsBF,IAAI,KAAK,SAAT,IAAsBA,IAAI,KAAK,SAA/B,IAA4C,CAACA,IAD6B;IAEhG,6BAA6BA,IAAI,KAAK,SAF0D;IAGhG,sBAAsBA,IAAI,KAAK,aAHiE;IAIhG,6BAA6BA,IAAI,KAAK,SAJ0D;IAKhG,qBAAqBA,IAAI,KAAK;GALd,CAApB;EAOA,MAAMG,KAAK,GAAGC,QAAQ,CAACL,SAAD,EAAYL,WAAZ,CAAtB;EACA,MAAMW,QAAQ,GAAGC,YAAY,EAA7B;;EAEA,IAAI,CAACf,OAAL,EAAc;IACVgB,OAAO,CAACC,IAAR,uHAEQjB,OAAO,KAAK,EAAZ,GAAiB,cAAjB,GAAkCA,UAF1C;;;EAOJkB,cAAK,CAACC,SAAN,CAAgB;IACZ,IAAIX,SAAJ,EAAe;MACXI,KAAK,CAACQ,KAAN;;GAFR,EAIG,CAACZ,SAAD,CAJH;;EAMA,MAAMa,sBAAsB;IAAA;6BAClBP,QAAQ,CAACM,KAAT,CAAe;QAAEE,KAAK,EAAE;OAAxB;+BACAR,QAAQ,CAACM,KAAT,CAAe;UAAEE,KAAK,EAAE;SAAxB;;KAFkB;MAAA;;GAA5B;;EAKAJ,cAAK,CAACC,SAAN,CAAgB;IACZ,IAAIlB,WAAJ,EAAiB;MACboB,sBAAsB;;MAEtB,IAAIT,KAAK,CAACW,OAAV,EAAmB;QACfX,KAAK,CAACQ,KAAN;;;GALZ,EAQG,CAACnB,WAAD,CARH;EAUA,OACIiB,4BAAA,CAACM,MAAM,CAACC,GAAR,oBACQpB;IACJqB,OAAO,EAAEZ;IACTJ,SAAS,EAAEA;iBACD;IACViB,YAAY,EAAEf,KAAK,CAACgB;IACpBC,YAAY,EAAEjB,KAAK,CAACkB;IANxB,EAOKC,YAAY,CAACtB,IAAD,CAPjB,EAQIS,4BAAA,MAAA;IAAKR,SAAS,EAAC;GAAf,EAA4BV,OAA5B,CARJ,EASIkB,4BAAA,CAACc,UAAD;IACIC,UAAU,EAAC;IACXvB,SAAS,EAAC;IACVwB,IAAI,EAAC;kBACO5B,KAAK,CAAC6B,MAAN,CAAaC;IACzBC,OAAO,EAAElC;GALb,CATJ,CADJ;AAmBH;;;;"}

package/dist/esm/components/Toast/util.js

@@ -4,13 +4,13 @@ import { Icon } from '../Icon/Icon.js';
 import { Spinner } from '../Spinner/Spinner.js';
 
 const getBadgeIcon = type => {
-  const css = 'rounded-full flex-shrink-0 mr-2';
+  const css = 'rounded-full flex-shrink-0 mr-2 mt-1 self-start';
 
   switch (type) {
     case 'success':
       return React__default.createElement(Icon, {
         name: "tick",
-        className: cn(css, 'yt-green-solid')
+        className: cn(css, 'yt-green-solid ')
       });
 
     case 'warning':

package/dist/esm/components/Toast/util.js.map

@@ -1 +1 @@
-{"version":3,"file":"util.js","sources":["../../../../src/components/Toast/util.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { Icon } from '../Icon/Icon';\nimport { Spinner } from '../Spinner/Spinner';\nimport { ToastType } from './Toast';\n\nexport const getBadgeIcon = (type: ToastType): JSX.Element | null => {\n    const css = 'rounded-full flex-shrink-0 mr-2';\n\n    switch (type) {\n        case 'success':\n            return <Icon name=\"tick\" className={cn(css, 'yt-green-solid')} />;\n\n        case 'warning':\n            return <Icon name=\"warning\" className={cn(css, 'yt-yellow-solid')} />;\n\n        case 'error':\n            return <Icon name=\"warning\" className={cn(css, 'yt-red-solid')} />;\n\n        case 'information':\n            return <Icon name=\"info\" className={cn(css, 'yt-blue-solid')} />;\n\n        case 'loading':\n            return <Spinner delay={0} className={cn(css, 'h-6 w-6')} />;\n\n        default:\n            return null;\n    }\n};\n"],"names":["getBadgeIcon","type","css","React","Icon","name","className","cn","Spinner","delay"],"mappings":";;;;;MAMaA,YAAY,GAAIC,IAAD;EACxB,MAAMC,GAAG,GAAG,iCAAZ;;EAEA,QAAQD,IAAR;IACI,KAAK,SAAL;MACI,OAAOE,4BAAA,CAACC,IAAD;QAAMC,IAAI,EAAC;QAAOC,SAAS,EAAEC,EAAE,CAACL,GAAD,EAAM,gBAAN;OAA/B,CAAP;;IAEJ,KAAK,SAAL;MACI,OAAOC,4BAAA,CAACC,IAAD;QAAMC,IAAI,EAAC;QAAUC,SAAS,EAAEC,EAAE,CAACL,GAAD,EAAM,iBAAN;OAAlC,CAAP;;IAEJ,KAAK,OAAL;MACI,OAAOC,4BAAA,CAACC,IAAD;QAAMC,IAAI,EAAC;QAAUC,SAAS,EAAEC,EAAE,CAACL,GAAD,EAAM,cAAN;OAAlC,CAAP;;IAEJ,KAAK,aAAL;MACI,OAAOC,4BAAA,CAACC,IAAD;QAAMC,IAAI,EAAC;QAAOC,SAAS,EAAEC,EAAE,CAACL,GAAD,EAAM,eAAN;OAA/B,CAAP;;IAEJ,KAAK,SAAL;MACI,OAAOC,4BAAA,CAACK,OAAD;QAASC,KAAK,EAAE;QAAGH,SAAS,EAAEC,EAAE,CAACL,GAAD,EAAM,SAAN;OAAhC,CAAP;;IAEJ;MACI,OAAO,IAAP;;AAEX;;;;"}
+{"version":3,"file":"util.js","sources":["../../../../src/components/Toast/util.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { Icon } from '../Icon/Icon';\nimport { Spinner } from '../Spinner/Spinner';\nimport { ToastType } from './Toast';\n\nexport const getBadgeIcon = (type: ToastType): JSX.Element | null => {\n    const css = 'rounded-full flex-shrink-0 mr-2 mt-1 self-start';\n\n    switch (type) {\n        case 'success':\n            return <Icon name=\"tick\" className={cn(css, 'yt-green-solid ')} />;\n\n        case 'warning':\n            return <Icon name=\"warning\" className={cn(css, 'yt-yellow-solid')} />;\n\n        case 'error':\n            return <Icon name=\"warning\" className={cn(css, 'yt-red-solid')} />;\n\n        case 'information':\n            return <Icon name=\"info\" className={cn(css, 'yt-blue-solid')} />;\n\n        case 'loading':\n            return <Spinner delay={0} className={cn(css, 'h-6 w-6')} />;\n\n        default:\n            return null;\n    }\n};\n"],"names":["getBadgeIcon","type","css","React","Icon","name","className","cn","Spinner","delay"],"mappings":";;;;;MAMaA,YAAY,GAAIC,IAAD;EACxB,MAAMC,GAAG,GAAG,iDAAZ;;EAEA,QAAQD,IAAR;IACI,KAAK,SAAL;MACI,OAAOE,4BAAA,CAACC,IAAD;QAAMC,IAAI,EAAC;QAAOC,SAAS,EAAEC,EAAE,CAACL,GAAD,EAAM,iBAAN;OAA/B,CAAP;;IAEJ,KAAK,SAAL;MACI,OAAOC,4BAAA,CAACC,IAAD;QAAMC,IAAI,EAAC;QAAUC,SAAS,EAAEC,EAAE,CAACL,GAAD,EAAM,iBAAN;OAAlC,CAAP;;IAEJ,KAAK,OAAL;MACI,OAAOC,4BAAA,CAACC,IAAD;QAAMC,IAAI,EAAC;QAAUC,SAAS,EAAEC,EAAE,CAACL,GAAD,EAAM,cAAN;OAAlC,CAAP;;IAEJ,KAAK,aAAL;MACI,OAAOC,4BAAA,CAACC,IAAD;QAAMC,IAAI,EAAC;QAAOC,SAAS,EAAEC,EAAE,CAACL,GAAD,EAAM,eAAN;OAA/B,CAAP;;IAEJ,KAAK,SAAL;MACI,OAAOC,4BAAA,CAACK,OAAD;QAASC,KAAK,EAAE;QAAGH,SAAS,EAAEC,EAAE,CAACL,GAAD,EAAM,SAAN;OAAhC,CAAP;;IAEJ;MACI,OAAO,IAAP;;AAEX;;;;"}

package/dist/taco.cjs.development.js

@@ -3697,13 +3697,13 @@ const Spinner$1 = /*#__PURE__*/React__default.forwardRef(function Spinner(props,
 });
 
 const getBadgeIcon = type => {
-  const css = 'rounded-full flex-shrink-0 mr-2';
+  const css = 'rounded-full flex-shrink-0 mr-2 mt-1 self-start';
 
   switch (type) {
     case 'success':
       return React__default.createElement(Icon, {
         name: "tick",
-        className: cn(css, 'yt-green-solid')
+        className: cn(css, 'yt-green-solid ')
       });
 
     case 'warning':
@@ -3802,7 +3802,7 @@ const Toast = ({
     className: "flex-grow"
   }, content), React__default.createElement(IconButton, {
     appearance: "discrete",
-    className: "text-grey-darkest -mr-2 cursor-pointer !px-0",
+    className: "text-grey-darkest -mr-2 cursor-pointer self-start !px-0",
     icon: "close",
     "aria-label": texts.toasts.dismiss,
     onClick: handleClose
@@ -8558,6 +8558,9 @@ const useTable = (props, ref) => {
     onRowCopy,
     onRowDelete
   }, actions, rowExpansionRenderer, texts, windowed));
+  React__default.useEffect(() => {
+    gotoPage(0);
+  }, [data.length]);
   useTablePaginationListener(disablePagination, onPaginate, state);
   useTableSortingListener(data, sortedRows, onSort, !!manualSorting, state);
   const sanitizedInstance = useTableInstance(instance, ref);