@economic/taco 0.0.7-alpha.0 → 0.0.11-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Accordion/Accordion.d.ts +9 -9
- package/dist/components/Backdrop/Backdrop.d.ts +1 -1
- package/dist/components/Button/Button.d.ts +8 -12
- package/dist/components/Dialog/Context.d.ts +0 -1
- package/dist/components/Dialog/Dialog.d.ts +14 -8
- package/dist/components/Hanger/Hanger.d.ts +4 -1
- package/dist/components/IconButton/IconButton.d.ts +13 -13
- package/dist/components/Menu/Menu.d.ts +3 -1
- package/dist/components/Popover/Popover.d.ts +4 -1
- package/dist/esm/components/Accordion/Accordion.js +14 -9
- package/dist/esm/components/Accordion/Accordion.js.map +1 -1
- package/dist/esm/components/Backdrop/Backdrop.js +5 -4
- package/dist/esm/components/Backdrop/Backdrop.js.map +1 -1
- package/dist/esm/components/Button/Button.js.map +1 -1
- package/dist/esm/components/Button/util.js +16 -16
- package/dist/esm/components/Button/util.js.map +1 -1
- package/dist/esm/components/Calendar/Calendar.js +1 -1
- package/dist/esm/components/Combobox/Combobox.js +1 -1
- package/dist/esm/components/Datepicker/Datepicker.js +2 -2
- package/dist/esm/components/Dialog/Context.js +0 -1
- package/dist/esm/components/Dialog/Context.js.map +1 -1
- package/dist/esm/components/Dialog/Dialog.js +11 -15
- package/dist/esm/components/Dialog/Dialog.js.map +1 -1
- package/dist/esm/components/Dialog/components/Content.js +28 -11
- package/dist/esm/components/Dialog/components/Content.js.map +1 -1
- package/dist/esm/components/Hanger/Hanger.js +6 -6
- package/dist/esm/components/Hanger/Hanger.js.map +1 -1
- package/dist/esm/components/IconButton/IconButton.js.map +1 -1
- package/dist/esm/components/Input/Input.js +1 -1
- package/dist/esm/components/Input/Input.js.map +1 -1
- package/dist/esm/components/Listbox/ScrollableList.js +1 -1
- package/dist/esm/components/Menu/Menu.js +9 -3
- package/dist/esm/components/Menu/Menu.js.map +1 -1
- package/dist/esm/components/Menu/components/Content.js +2 -2
- package/dist/esm/components/Menu/components/Header.js +1 -1
- package/dist/esm/components/Menu/components/Item.js +1 -1
- package/dist/esm/components/Menu/components/Separator.js +1 -1
- package/dist/esm/components/Menu/components/Trigger.js +2 -2
- package/dist/esm/components/Pagination/PageNumbers.js +1 -1
- package/dist/esm/components/Pagination/Pagination.js +1 -1
- package/dist/esm/components/Popover/Popover.js +3 -4
- package/dist/esm/components/Popover/Popover.js.map +1 -1
- package/dist/esm/components/SearchInput/SearchInput.js +8 -8
- package/dist/esm/components/Table/components/Table.js +1 -2
- package/dist/esm/components/Table/components/Table.js.map +1 -1
- package/dist/esm/components/Table/components/WindowedTable.js +0 -1
- package/dist/esm/components/Table/components/WindowedTable.js.map +1 -1
- package/dist/esm/components/Table/hooks/plugins/useRowActions.js +1 -1
- package/dist/esm/components/Table/hooks/useTable.js +4 -1
- package/dist/esm/components/Table/hooks/useTable.js.map +1 -1
- package/dist/esm/components/Toast/Toast.js +1 -1
- package/dist/esm/components/Tour/Tour.js +1 -1
- package/dist/esm/index.css +37 -37
- package/dist/esm/index.js +8 -8
- package/dist/index.css +37 -37
- package/dist/taco.cjs.development.js +2619 -2592
- package/dist/taco.cjs.development.js.map +1 -1
- package/dist/taco.cjs.production.min.js +1 -1
- package/dist/taco.cjs.production.min.js.map +1 -1
- package/package.json +2 -2
- package/types.json +1110 -637
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Table.js","sources":["../../../../../src/components/Table/components/Table.tsx"],"sourcesContent":["import React from 'react';\nimport { PluginHook } from 'react-table';\nimport { TableProps, InternalTableRow, ForwardedGenericTableWithStatics, TableRef } from '../types';\nimport { useTable } from '../hooks/useTable';\nimport { Pagination } from '../../Pagination/Pagination';\nimport { useProxiedRef } from '../../../utils/hooks/useProxiedRef';\nimport { Row } from '../util/renderRow';\nimport { DefaultEmptyState, BaseTable } from './BaseTable';\n\nexport const Table = React.forwardRef(function Table<T>(\n props: TableProps<T> & { plugins: PluginHook<{}>[] },\n ref: React.Ref<TableRef>\n) {\n const { emptyStateRenderer = DefaultEmptyState, ...otherProps } = props;\n const tableRef: any = useProxiedRef<HTMLDivElement>(ref);\n const { rowProps, tableProps, rows, prepareRow, pagination, instance } = useTable(otherProps, tableRef);\n\n let paginationElement;\n\n if (pagination) {\n paginationElement = (\n <Pagination\n className=\"my-4 w-full\"\n length={pagination.length}\n pageIndex={pagination.pageIndex}\n pageSize={pagination.pageSize}\n setPageIndex={pagination.setPageIndex}\n setPageSize={pagination.setPageSize}\n showPageControls={pagination.length > pagination.pageSize}\n dangerouslyHijackGlobalKeyboardNavigation={props.dangerouslyHijackGlobalKeyboardNavigation}\n />\n );\n }\n\n return (\n <>\n {paginationElement}\n <BaseTable {...tableProps} ref={tableRef}
|
1
|
+
{"version":3,"file":"Table.js","sources":["../../../../../src/components/Table/components/Table.tsx"],"sourcesContent":["import React from 'react';\nimport { PluginHook } from 'react-table';\nimport { TableProps, InternalTableRow, ForwardedGenericTableWithStatics, TableRef } from '../types';\nimport { useTable } from '../hooks/useTable';\nimport { Pagination } from '../../Pagination/Pagination';\nimport { useProxiedRef } from '../../../utils/hooks/useProxiedRef';\nimport { Row } from '../util/renderRow';\nimport { DefaultEmptyState, BaseTable } from './BaseTable';\n\nexport const Table = React.forwardRef(function Table<T>(\n props: TableProps<T> & { plugins: PluginHook<{}>[] },\n ref: React.Ref<TableRef>\n) {\n const { emptyStateRenderer = DefaultEmptyState, ...otherProps } = props;\n const tableRef: any = useProxiedRef<HTMLDivElement>(ref);\n const { rowProps, tableProps, rows, prepareRow, pagination, instance } = useTable(otherProps, tableRef);\n\n let paginationElement;\n\n if (pagination) {\n paginationElement = (\n <Pagination\n className=\"my-4 w-full\"\n length={pagination.length}\n pageIndex={pagination.pageIndex}\n pageSize={pagination.pageSize}\n setPageIndex={pagination.setPageIndex}\n setPageSize={pagination.setPageSize}\n showPageControls={pagination.length > pagination.pageSize}\n dangerouslyHijackGlobalKeyboardNavigation={props.dangerouslyHijackGlobalKeyboardNavigation}\n />\n );\n }\n\n return (\n <>\n {paginationElement}\n <BaseTable {...tableProps} ref={tableRef}>\n {rows.length\n ? rows.map((row: InternalTableRow, index: number) => {\n prepareRow(row, index);\n return (\n <Row\n {...rowProps}\n key={index}\n index={index}\n row={row}\n instance={instance}\n headerGroups={tableProps.headerGroups}\n />\n );\n })\n : emptyStateRenderer()}\n </BaseTable>\n {paginationElement}\n </>\n );\n}) as ForwardedGenericTableWithStatics;\n\nTable.Column = () => null;\nTable.Group = () => null;\n"],"names":["Table","React","forwardRef","props","ref","emptyStateRenderer","DefaultEmptyState","otherProps","tableRef","useProxiedRef","useTable","rowProps","tableProps","rows","prepareRow","pagination","instance","paginationElement","Pagination","className","length","pageIndex","pageSize","setPageIndex","setPageSize","showPageControls","dangerouslyHijackGlobalKeyboardNavigation","BaseTable","map","row","index","Row","key","headerGroups","Column","Group"],"mappings":";;;;;;;;;IASaA,KAAK,gBAAGC,cAAK,CAACC,UAAN,CAAiB,SAASF,KAAT,CAClCG,KADkC,EAElCC,GAFkC;AAIlC,8BAAkED,KAAlE,CAAQE,kBAAR;AAAA,MAAQA,kBAAR,sCAA6BC,iBAA7B;AAAA,MAAmDC,UAAnD,iCAAkEJ,KAAlE;;AACA,MAAMK,QAAQ,GAAQC,aAAa,CAAiBL,GAAjB,CAAnC;;AACA,kBAAyEM,QAAQ,CAACH,UAAD,EAAaC,QAAb,CAAjF;AAAA,MAAQG,QAAR,aAAQA,QAAR;AAAA,MAAkBC,UAAlB,aAAkBA,UAAlB;AAAA,MAA8BC,IAA9B,aAA8BA,IAA9B;AAAA,MAAoCC,UAApC,aAAoCA,UAApC;AAAA,MAAgDC,UAAhD,aAAgDA,UAAhD;AAAA,MAA4DC,QAA5D,aAA4DA,QAA5D;;AAEA,MAAIC,iBAAJ;;AAEA,MAAIF,UAAJ,EAAgB;AACZE,IAAAA,iBAAiB,GACbhB,4BAAA,CAACiB,UAAD;AACIC,MAAAA,SAAS,EAAC;AACVC,MAAAA,MAAM,EAAEL,UAAU,CAACK;AACnBC,MAAAA,SAAS,EAAEN,UAAU,CAACM;AACtBC,MAAAA,QAAQ,EAAEP,UAAU,CAACO;AACrBC,MAAAA,YAAY,EAAER,UAAU,CAACQ;AACzBC,MAAAA,WAAW,EAAET,UAAU,CAACS;AACxBC,MAAAA,gBAAgB,EAAEV,UAAU,CAACK,MAAX,GAAoBL,UAAU,CAACO;AACjDI,MAAAA,yCAAyC,EAAEvB,KAAK,CAACuB;KARrD,CADJ;AAYH;;AAED,SACIzB,4BAAA,wBAAA,MAAA,EACKgB,iBADL,EAEIhB,4BAAA,CAAC0B,SAAD,oBAAef;AAAYR,IAAAA,GAAG,EAAEI;IAAhC,EACKK,IAAI,CAACO,MAAL,GACKP,IAAI,CAACe,GAAL,CAAS,UAACC,GAAD,EAAwBC,KAAxB;AACLhB,IAAAA,UAAU,CAACe,GAAD,EAAMC,KAAN,CAAV;AACA,WACI7B,4BAAA,CAAC8B,GAAD,oBACQpB;AACJqB,MAAAA,GAAG,EAAEF;AACLA,MAAAA,KAAK,EAAEA;AACPD,MAAAA,GAAG,EAAEA;AACLb,MAAAA,QAAQ,EAAEA;AACViB,MAAAA,YAAY,EAAErB,UAAU,CAACqB;MAN7B,CADJ;AAUH,GAZD,CADL,GAcK5B,kBAAkB,EAf5B,CAFJ,EAmBKY,iBAnBL,CADJ;AAuBH,CAhDoB;;AAkDrBjB,KAAK,CAACkC,MAAN,GAAe;AAAA,SAAM,IAAN;AAAA,CAAf;;AACAlC,KAAK,CAACmC,KAAN,GAAc;AAAA,SAAM,IAAN;AAAA,CAAd;;;;"}
|
@@ -186,7 +186,6 @@ var WindowedTable = /*#__PURE__*/React__default.forwardRef(function WindowedTabl
|
|
186
186
|
return React__default.createElement(BaseTable, Object.assign({}, tableProps, {
|
187
187
|
className: className,
|
188
188
|
headerRef: headerRef,
|
189
|
-
tabIndex: 0,
|
190
189
|
ref: tableRef
|
191
190
|
}), list ? list : emptyStateRenderer());
|
192
191
|
});
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"WindowedTable.js","sources":["../../../../../src/components/Table/components/WindowedTable.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { PluginHook } from 'react-table';\nimport { areEqual, VariableSizeList } from 'react-window';\nimport InfiniteLoader from 'react-window-infinite-loader';\nimport { TableProps, ForwardedGenericTableWithStatics, TableRef } from '../types';\nimport { useTable } from '../hooks/useTable';\nimport { useBoundingClientRectListener } from '../../../utils/hooks/useBoundingClientRectListener';\nimport { useProxiedRef } from '../../../utils/hooks/useProxiedRef';\nimport { Row } from '../util/renderRow';\nimport { DefaultEmptyState, BaseTable } from './BaseTable';\nimport { useLocalization } from '../../Provider/Provider';\n\nconst ROW_HEIGHT = 40;\n\nconst VariableRow = React.memo(({ data, index, style: { height: _, ...style } }: any) => {\n const { texts } = useLocalization();\n const { rows, setRowHeight, rowProps, tableProps, instance, prepareRow, rowHeights } = data;\n const row = rows[index];\n const ref = React.useRef<HTMLDivElement>(null);\n\n React.useEffect(() => {\n if (ref?.current) {\n setRowHeight(index, ref.current.getBoundingClientRect().height);\n }\n }, [rowHeights[index]]);\n\n if (row) {\n prepareRow(row, index);\n\n return (\n <Row\n {...rowProps}\n style={style}\n key={index}\n index={index}\n row={row}\n instance={instance}\n headerGroups={tableProps.headerGroups}\n setRowHeight={setRowHeight}\n ref={ref}\n />\n );\n }\n\n return (\n <div className=\"yt-table__row\" role=\"row\" style={style}>\n <div className=\"yt-table__cell text-grey-dark\">{texts.table.loading}</div>\n </div>\n );\n}, areEqual);\n\nconst getAverageRowHeight = (rowHeights = {}) => {\n const keys = Object.keys(rowHeights);\n const estimatedHeight = keys.reduce((p, i) => p + rowHeights[i], 0);\n return estimatedHeight / keys.length;\n};\n\nexport const WindowedTable = React.forwardRef(function WindowedTable<T>(\n props: TableProps<T> & { plugins: PluginHook<{}>[] },\n ref: React.Ref<TableRef>\n) {\n const tableRef: any = useProxiedRef<HTMLDivElement>(ref);\n const { emptyStateRenderer = DefaultEmptyState, length, loadMore, ...otherProps } = props;\n const { rowProps, tableProps, rows, prepareRow, instance, state } = useTable<T>({ ...otherProps, windowed: true }, tableRef);\n\n // determine heights for windowing calculations\n const headerRef = React.useRef<HTMLDivElement>(null);\n const rowsRef = React.useRef<any>(null);\n const tableDimensions = useBoundingClientRectListener(tableRef);\n const headerDimensions = useBoundingClientRectListener(headerRef);\n const height = tableDimensions && headerDimensions ? tableDimensions.height - headerDimensions.height : null;\n\n // variable row height calculations\n const estimatedRowHeight = rowProps.rowHeight || ROW_HEIGHT;\n const rowHeights = React.useRef<Record<string, number>>({});\n const setRowHeight = React.useCallback((index: number, size: number) => {\n if (rowHeights.current[index] !== size) {\n rowHeights.current = {\n ...rowHeights.current,\n [index]: size,\n };\n\n if (rowsRef.current) {\n rowsRef.current.resetAfterIndex(0);\n }\n }\n }, []);\n const getRowHeight = React.useCallback(index => rowHeights.current[index] || estimatedRowHeight, []);\n\n React.useEffect(() => {\n if (rowsRef && rowsRef.current && rowProps.activeIndex !== undefined) {\n rowsRef.current.scrollToItem(rowProps.activeIndex);\n }\n }, [rowProps.activeIndex]);\n\n // trigger recalculation of variable row heights if the data changes\n React.useEffect(() => {\n rowHeights.current = {};\n\n if (rowsRef.current) {\n rowsRef.current.resetAfterIndex(0);\n }\n }, [rows.length]);\n\n const contentHeight = estimatedRowHeight * props.data.length || 0;\n const isScrollbarVisible = height !== null ? contentHeight > height : false;\n\n const className = cn(tableProps.className, 'yt-table--windowed', { 'table-with-scrollbar': isScrollbarVisible });\n\n let list;\n\n const itemData = {\n rows,\n setRowHeight,\n rowProps,\n tableProps,\n instance,\n prepareRow,\n state,\n rowHeights: rowHeights.current,\n };\n\n if (height && rows.length) {\n const listProps = {\n height,\n itemData,\n estimatedItemSize: getAverageRowHeight(rowHeights.current),\n itemSize: getRowHeight,\n width: '100%',\n };\n\n if (loadMore && length) {\n const isLoaded = (index: number) => !!rows[index];\n\n list = (\n <InfiniteLoader isItemLoaded={isLoaded} itemCount={length} loadMoreItems={loadMore as any}>\n {({ onItemsRendered, ref }: any) => (\n <VariableSizeList\n {...listProps}\n itemCount={length}\n onItemsRendered={onItemsRendered}\n ref={list => {\n ref(list);\n rowsRef.current = list;\n }}\n >\n {VariableRow}\n </VariableSizeList>\n )}\n </InfiniteLoader>\n );\n } else {\n list = (\n <VariableSizeList {...listProps} itemCount={rows.length} ref={rowsRef}>\n {VariableRow}\n </VariableSizeList>\n );\n }\n }\n\n return (\n <BaseTable {...tableProps} className={className} headerRef={headerRef} tabIndex={0} ref={tableRef}>\n {list ? list : emptyStateRenderer()}\n </BaseTable>\n );\n}) as ForwardedGenericTableWithStatics;\n\nWindowedTable.Column = () => null;\nWindowedTable.Group = () => null;\n"],"names":["ROW_HEIGHT","VariableRow","React","memo","data","index","style","useLocalization","texts","rows","setRowHeight","rowProps","tableProps","instance","prepareRow","rowHeights","row","ref","useRef","useEffect","current","getBoundingClientRect","height","Row","key","headerGroups","className","role","table","loading","areEqual","getAverageRowHeight","keys","Object","estimatedHeight","reduce","p","i","length","WindowedTable","forwardRef","props","tableRef","useProxiedRef","emptyStateRenderer","DefaultEmptyState","loadMore","otherProps","useTable","windowed","state","headerRef","rowsRef","tableDimensions","useBoundingClientRectListener","headerDimensions","estimatedRowHeight","rowHeight","useCallback","size","resetAfterIndex","getRowHeight","activeIndex","undefined","scrollToItem","contentHeight","isScrollbarVisible","cn","list","itemData","listProps","estimatedItemSize","itemSize","width","isLoaded","InfiniteLoader","isItemLoaded","itemCount","loadMoreItems","onItemsRendered","VariableSizeList","BaseTable","tabIndex","Column","Group"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"WindowedTable.js","sources":["../../../../../src/components/Table/components/WindowedTable.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { PluginHook } from 'react-table';\nimport { areEqual, VariableSizeList } from 'react-window';\nimport InfiniteLoader from 'react-window-infinite-loader';\nimport { TableProps, ForwardedGenericTableWithStatics, TableRef } from '../types';\nimport { useTable } from '../hooks/useTable';\nimport { useBoundingClientRectListener } from '../../../utils/hooks/useBoundingClientRectListener';\nimport { useProxiedRef } from '../../../utils/hooks/useProxiedRef';\nimport { Row } from '../util/renderRow';\nimport { DefaultEmptyState, BaseTable } from './BaseTable';\nimport { useLocalization } from '../../Provider/Provider';\n\nconst ROW_HEIGHT = 40;\n\nconst VariableRow = React.memo(({ data, index, style: { height: _, ...style } }: any) => {\n const { texts } = useLocalization();\n const { rows, setRowHeight, rowProps, tableProps, instance, prepareRow, rowHeights } = data;\n const row = rows[index];\n const ref = React.useRef<HTMLDivElement>(null);\n\n React.useEffect(() => {\n if (ref?.current) {\n setRowHeight(index, ref.current.getBoundingClientRect().height);\n }\n }, [rowHeights[index]]);\n\n if (row) {\n prepareRow(row, index);\n\n return (\n <Row\n {...rowProps}\n style={style}\n key={index}\n index={index}\n row={row}\n instance={instance}\n headerGroups={tableProps.headerGroups}\n setRowHeight={setRowHeight}\n ref={ref}\n />\n );\n }\n\n return (\n <div className=\"yt-table__row\" role=\"row\" style={style}>\n <div className=\"yt-table__cell text-grey-dark\">{texts.table.loading}</div>\n </div>\n );\n}, areEqual);\n\nconst getAverageRowHeight = (rowHeights = {}) => {\n const keys = Object.keys(rowHeights);\n const estimatedHeight = keys.reduce((p, i) => p + rowHeights[i], 0);\n return estimatedHeight / keys.length;\n};\n\nexport const WindowedTable = React.forwardRef(function WindowedTable<T>(\n props: TableProps<T> & { plugins: PluginHook<{}>[] },\n ref: React.Ref<TableRef>\n) {\n const tableRef: any = useProxiedRef<HTMLDivElement>(ref);\n const { emptyStateRenderer = DefaultEmptyState, length, loadMore, ...otherProps } = props;\n const { rowProps, tableProps, rows, prepareRow, instance, state } = useTable<T>({ ...otherProps, windowed: true }, tableRef);\n\n // determine heights for windowing calculations\n const headerRef = React.useRef<HTMLDivElement>(null);\n const rowsRef = React.useRef<any>(null);\n const tableDimensions = useBoundingClientRectListener(tableRef);\n const headerDimensions = useBoundingClientRectListener(headerRef);\n const height = tableDimensions && headerDimensions ? tableDimensions.height - headerDimensions.height : null;\n\n // variable row height calculations\n const estimatedRowHeight = rowProps.rowHeight || ROW_HEIGHT;\n const rowHeights = React.useRef<Record<string, number>>({});\n const setRowHeight = React.useCallback((index: number, size: number) => {\n if (rowHeights.current[index] !== size) {\n rowHeights.current = {\n ...rowHeights.current,\n [index]: size,\n };\n\n if (rowsRef.current) {\n rowsRef.current.resetAfterIndex(0);\n }\n }\n }, []);\n const getRowHeight = React.useCallback(index => rowHeights.current[index] || estimatedRowHeight, []);\n\n React.useEffect(() => {\n if (rowsRef && rowsRef.current && rowProps.activeIndex !== undefined) {\n rowsRef.current.scrollToItem(rowProps.activeIndex);\n }\n }, [rowProps.activeIndex]);\n\n // trigger recalculation of variable row heights if the data changes\n React.useEffect(() => {\n rowHeights.current = {};\n\n if (rowsRef.current) {\n rowsRef.current.resetAfterIndex(0);\n }\n }, [rows.length]);\n\n const contentHeight = estimatedRowHeight * props.data.length || 0;\n const isScrollbarVisible = height !== null ? contentHeight > height : false;\n\n const className = cn(tableProps.className, 'yt-table--windowed', { 'table-with-scrollbar': isScrollbarVisible });\n\n let list;\n\n const itemData = {\n rows,\n setRowHeight,\n rowProps,\n tableProps,\n instance,\n prepareRow,\n state,\n rowHeights: rowHeights.current,\n };\n\n if (height && rows.length) {\n const listProps = {\n height,\n itemData,\n estimatedItemSize: getAverageRowHeight(rowHeights.current),\n itemSize: getRowHeight,\n width: '100%',\n };\n\n if (loadMore && length) {\n const isLoaded = (index: number) => !!rows[index];\n\n list = (\n <InfiniteLoader isItemLoaded={isLoaded} itemCount={length} loadMoreItems={loadMore as any}>\n {({ onItemsRendered, ref }: any) => (\n <VariableSizeList\n {...listProps}\n itemCount={length}\n onItemsRendered={onItemsRendered}\n ref={list => {\n ref(list);\n rowsRef.current = list;\n }}\n >\n {VariableRow}\n </VariableSizeList>\n )}\n </InfiniteLoader>\n );\n } else {\n list = (\n <VariableSizeList {...listProps} itemCount={rows.length} ref={rowsRef}>\n {VariableRow}\n </VariableSizeList>\n );\n }\n }\n\n return (\n <BaseTable {...tableProps} className={className} headerRef={headerRef} ref={tableRef}>\n {list ? list : emptyStateRenderer()}\n </BaseTable>\n );\n}) as ForwardedGenericTableWithStatics;\n\nWindowedTable.Column = () => null;\nWindowedTable.Group = () => null;\n"],"names":["ROW_HEIGHT","VariableRow","React","memo","data","index","style","useLocalization","texts","rows","setRowHeight","rowProps","tableProps","instance","prepareRow","rowHeights","row","ref","useRef","useEffect","current","getBoundingClientRect","height","Row","key","headerGroups","className","role","table","loading","areEqual","getAverageRowHeight","keys","Object","estimatedHeight","reduce","p","i","length","WindowedTable","forwardRef","props","tableRef","useProxiedRef","emptyStateRenderer","DefaultEmptyState","loadMore","otherProps","useTable","windowed","state","headerRef","rowsRef","tableDimensions","useBoundingClientRectListener","headerDimensions","estimatedRowHeight","rowHeight","useCallback","size","resetAfterIndex","getRowHeight","activeIndex","undefined","scrollToItem","contentHeight","isScrollbarVisible","cn","list","itemData","listProps","estimatedItemSize","itemSize","width","isLoaded","InfiniteLoader","isItemLoaded","itemCount","loadMoreItems","onItemsRendered","VariableSizeList","BaseTable","Column","Group"],"mappings":"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"}
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import React__default from 'react';
|
2
|
-
import { Menu } from '../../../Menu/Menu.js';
|
3
2
|
import { IconButton } from '../../../IconButton/IconButton.js';
|
4
3
|
import keycode from 'keycode';
|
4
|
+
import { Menu } from '../../../Menu/Menu.js';
|
5
5
|
import { sanitizeRowProps } from '../../util.js';
|
6
6
|
import { InView } from 'react-intersection-observer';
|
7
7
|
|
@@ -84,6 +84,8 @@ var useTableSortingListener = function useTableSortingListener(data, sortedRows,
|
|
84
84
|
|
85
85
|
var DEFAULT_PAGE_SIZE = 10;
|
86
86
|
var useTable = function useTable(props, ref) {
|
87
|
+
var _otherProps$tabIndex;
|
88
|
+
|
87
89
|
var children = props.children,
|
88
90
|
data = props.data,
|
89
91
|
onRowClick = props.onRowClick,
|
@@ -216,7 +218,8 @@ var useTable = function useTable(props, ref) {
|
|
216
218
|
tableProps: _extends({}, otherProps, {
|
217
219
|
headerGroups: headerGroups,
|
218
220
|
onFocus: handleFocus,
|
219
|
-
onKeyDown: handleKeyDown
|
221
|
+
onKeyDown: handleKeyDown,
|
222
|
+
tabIndex: (_otherProps$tabIndex = otherProps.tabIndex) !== null && _otherProps$tabIndex !== void 0 ? _otherProps$tabIndex : 0
|
220
223
|
}),
|
221
224
|
state: state,
|
222
225
|
pagination: !disablePagination ? {
|
@@ -1 +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: _1,\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 // 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 },\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","onRowClick","onRowDrag","onSelectedRows","rowClassName","rowHeight","selectedRows","disableSorting","inlineEditingUniqueId","onRowCreate","actions","onRowEdit","onRowCopy","onRowDelete","onRowActive","windowed","otherProps","Error","useLocalization","texts","getColumnsFromChildren","columns","defaultSortRules","manualPagination","useReactTable","initialState","getInternalSortRules","pageCount","Math","ceil","manualSortBy","disableSortBy","autoResetExpanded","autoResetSelectedRows","autoResetSortBy","autoResetPage","sortTypes","useControlledState","currentState","selectedRowIds","useRowState","useSortBy","useExpanded","usePagination","useRowSelect","useRowDraggable","useRowEditing","useRowActions","headerGroups","prepareBaseRow","prepareRow","page","gotoPage","setPageSize","visibleRows","useTableKeyboardNavigation","setActiveIndex","handleKeyDown","handleFocus","useCallback","index","setActive","rowProps","tableProps","onFocus","onKeyDown","pagination","setPageIndex"],"mappings":"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"}
|
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: _1,\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 // 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","onRowClick","onRowDrag","onSelectedRows","rowClassName","rowHeight","selectedRows","disableSorting","inlineEditingUniqueId","onRowCreate","actions","onRowEdit","onRowCopy","onRowDelete","onRowActive","windowed","otherProps","Error","useLocalization","texts","getColumnsFromChildren","columns","defaultSortRules","manualPagination","useReactTable","initialState","getInternalSortRules","pageCount","Math","ceil","manualSortBy","disableSortBy","autoResetExpanded","autoResetSelectedRows","autoResetSortBy","autoResetPage","sortTypes","useControlledState","currentState","selectedRowIds","useRowState","useSortBy","useExpanded","usePagination","useRowSelect","useRowDraggable","useRowEditing","useRowActions","headerGroups","prepareBaseRow","prepareRow","page","gotoPage","setPageSize","visibleRows","useTableKeyboardNavigation","setActiveIndex","handleKeyDown","handleFocus","useCallback","index","setActive","rowProps","tableProps","onFocus","onKeyDown","tabIndex","pagination","setPageIndex"],"mappings":"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"}
|
@@ -1,11 +1,11 @@
|
|
1
1
|
import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
2
2
|
import React__default from 'react';
|
3
3
|
import cn from 'classnames';
|
4
|
+
import { IconButton } from '../IconButton/IconButton.js';
|
4
5
|
import { useAnimation, motion } from 'framer-motion';
|
5
6
|
import useTimer from '../../utils/hooks/useTimer.js';
|
6
7
|
import { getBadgeIcon } from './util.js';
|
7
8
|
import { useLocalization } from '../Provider/Provider.js';
|
8
|
-
import { IconButton } from '../IconButton/IconButton.js';
|
9
9
|
|
10
10
|
var _excluded = ["content", "lastUpdated", "onClose", "options"];
|
11
11
|
var Toast = function Toast(_ref) {
|
@@ -1,8 +1,8 @@
|
|
1
1
|
import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
2
2
|
import { useMemo, Children, useCallback, createElement, useRef, useEffect } from 'react';
|
3
|
-
import { useLocalization } from '../Provider/Provider.js';
|
4
3
|
import { IconButton } from '../IconButton/IconButton.js';
|
5
4
|
import { Button } from '../Button/Button.js';
|
5
|
+
import { useLocalization } from '../Provider/Provider.js';
|
6
6
|
import keycode from 'keycode';
|
7
7
|
import { Group } from '../Group/Group.js';
|
8
8
|
import Joyride, { ACTIONS, LIFECYCLE, EVENTS } from 'react-joyride';
|
package/dist/esm/index.css
CHANGED
@@ -155,6 +155,14 @@
|
|
155
155
|
@apply max-h-full p-0;
|
156
156
|
}
|
157
157
|
|
158
|
+
[data-taco='button'] > [data-taco='icon'] {
|
159
|
+
@apply pointer-events-none -ml-2 mr-1 -mt-2 -mb-2 inline p-px;
|
160
|
+
}
|
161
|
+
|
162
|
+
[data-taco='button'] > span + [data-taco='icon'] {
|
163
|
+
@apply ml-1 -mr-2;
|
164
|
+
}
|
165
|
+
|
158
166
|
[data-taco='spinner'] svg circle {
|
159
167
|
@apply flex;
|
160
168
|
fill: transparent;
|
@@ -226,43 +234,6 @@
|
|
226
234
|
@apply -mt-px py-0 px-2;
|
227
235
|
}
|
228
236
|
|
229
|
-
[data-taco='hanger'] a {
|
230
|
-
@apply text-grey underline;
|
231
|
-
}
|
232
|
-
|
233
|
-
[data-taco='hanger'] > *:last-child {
|
234
|
-
@apply mb-0;
|
235
|
-
}
|
236
|
-
|
237
|
-
.yt-dialog__drag::before,
|
238
|
-
.yt-dialog__drag::after {
|
239
|
-
@apply bg-grey-dark absolute rounded;
|
240
|
-
content: '';
|
241
|
-
left: theme('spacing.1');
|
242
|
-
height: 2px;
|
243
|
-
width: calc(100% - (2 * theme('spacing.1')));
|
244
|
-
}
|
245
|
-
|
246
|
-
.yt-dialog__drag::before {
|
247
|
-
top: 3px;
|
248
|
-
}
|
249
|
-
|
250
|
-
.yt-dialog__drag::after {
|
251
|
-
bottom: 3px;
|
252
|
-
}
|
253
|
-
|
254
|
-
[data-taco='dialog'] *:last-child {
|
255
|
-
@apply mb-0;
|
256
|
-
}
|
257
|
-
|
258
|
-
[data-taco='button'] > [data-taco='icon'] {
|
259
|
-
@apply pointer-events-none -ml-2 mr-1 -mt-2 -mb-2 inline p-px;
|
260
|
-
}
|
261
|
-
|
262
|
-
[data-taco='button'] > span + [data-taco='icon'] {
|
263
|
-
@apply ml-1 -mr-2;
|
264
|
-
}
|
265
|
-
|
266
237
|
[data-taco='calendar'] .DayPicker-wrapper {
|
267
238
|
@apply relative select-none flex-row;
|
268
239
|
}
|
@@ -405,6 +376,27 @@
|
|
405
376
|
@apply border-blue;
|
406
377
|
}
|
407
378
|
|
379
|
+
.yt-dialog__drag::before,
|
380
|
+
.yt-dialog__drag::after {
|
381
|
+
@apply bg-grey-dark absolute rounded;
|
382
|
+
content: '';
|
383
|
+
left: theme('spacing.1');
|
384
|
+
height: 2px;
|
385
|
+
width: calc(100% - (2 * theme('spacing.1')));
|
386
|
+
}
|
387
|
+
|
388
|
+
.yt-dialog__drag::before {
|
389
|
+
top: 3px;
|
390
|
+
}
|
391
|
+
|
392
|
+
.yt-dialog__drag::after {
|
393
|
+
bottom: 3px;
|
394
|
+
}
|
395
|
+
|
396
|
+
[data-taco='dialog'] *:last-child {
|
397
|
+
@apply mb-0;
|
398
|
+
}
|
399
|
+
|
408
400
|
.yt-form > [data-taco='button'] {
|
409
401
|
@apply mr-3;
|
410
402
|
}
|
@@ -429,6 +421,14 @@
|
|
429
421
|
@apply ml-2;
|
430
422
|
}
|
431
423
|
|
424
|
+
[data-taco='hanger'] a {
|
425
|
+
@apply text-grey underline;
|
426
|
+
}
|
427
|
+
|
428
|
+
[data-taco='hanger'] > *:last-child {
|
429
|
+
@apply mb-0;
|
430
|
+
}
|
431
|
+
|
432
432
|
/* label inside label is invalid html, but the client is littered with it */
|
433
433
|
[data-taco='label'] [data-taco='label'] {
|
434
434
|
min-height: 0;
|
package/dist/esm/index.js
CHANGED
@@ -5,17 +5,12 @@ export { Backdrop } from './components/Backdrop/Backdrop.js';
|
|
5
5
|
export { VisuallyHidden } from './components/VisuallyHidden/VisuallyHidden.js';
|
6
6
|
export { Badge } from './components/Badge/Badge.js';
|
7
7
|
export { Tooltip } from './components/Tooltip/Tooltip.js';
|
8
|
-
export { Spinner } from './components/Spinner/Spinner.js';
|
9
|
-
export { ToastProvider, useToast } from './components/Toast/Toaster.js';
|
10
|
-
export { Provider, defaultLocalisationTexts, useLocalization, useTaco } from './components/Provider/Provider.js';
|
11
|
-
export { Hanger } from './components/Hanger/Hanger.js';
|
12
|
-
export { RadioGroup, findByValue, getRadioGroupItemValueAsString, useRadioGroup } from './components/RadioGroup/RadioGroup.js';
|
13
|
-
export { Menu } from './components/Menu/Menu.js';
|
14
|
-
export { Dialog } from './components/Dialog/Dialog.js';
|
15
|
-
export { Popover } from './components/Popover/Popover.js';
|
16
8
|
export { IconButton } from './components/IconButton/IconButton.js';
|
17
9
|
export { Banner } from './components/Banner/Banner.js';
|
18
10
|
export { Button } from './components/Button/Button.js';
|
11
|
+
export { Spinner } from './components/Spinner/Spinner.js';
|
12
|
+
export { ToastProvider, useToast } from './components/Toast/Toaster.js';
|
13
|
+
export { Provider, defaultLocalisationTexts, useLocalization, useTaco } from './components/Provider/Provider.js';
|
19
14
|
export { Calendar } from './components/Calendar/Calendar.js';
|
20
15
|
export { Checkbox } from './components/Checkbox/Checkbox.js';
|
21
16
|
export { Input } from './components/Input/Input.js';
|
@@ -23,12 +18,17 @@ export { getNextIndexFromKeycode, useListKeyboardNavigation } from './utils/hook
|
|
23
18
|
export { useListScrollTo } from './utils/hooks/useListScrollTo.js';
|
24
19
|
export { Combobox } from './components/Combobox/Combobox.js';
|
25
20
|
export { format, parseFromCustomString, parseFromISOString } from './utils/date.js';
|
21
|
+
export { Popover } from './components/Popover/Popover.js';
|
26
22
|
export { Datepicker } from './components/Datepicker/Datepicker.js';
|
23
|
+
export { Dialog } from './components/Dialog/Dialog.js';
|
27
24
|
export { Form } from './components/Form/Form.js';
|
28
25
|
export { Group } from './components/Group/Group.js';
|
26
|
+
export { Hanger } from './components/Hanger/Hanger.js';
|
29
27
|
export { SearchInput } from './components/SearchInput/SearchInput.js';
|
30
28
|
export { Label } from './components/Label/Label.js';
|
31
29
|
export { Listbox, MultiListbox } from './components/Listbox/Listbox.js';
|
30
|
+
export { RadioGroup, findByValue, getRadioGroupItemValueAsString, useRadioGroup } from './components/RadioGroup/RadioGroup.js';
|
31
|
+
export { Menu } from './components/Menu/Menu.js';
|
32
32
|
export { Treeview } from './components/Treeview/Treeview.js';
|
33
33
|
export { Navigation } from './components/Navigation/Navigation.js';
|
34
34
|
export { Select } from './components/Select/Select.js';
|
package/dist/index.css
CHANGED
@@ -155,6 +155,14 @@
|
|
155
155
|
@apply max-h-full p-0;
|
156
156
|
}
|
157
157
|
|
158
|
+
[data-taco='button'] > [data-taco='icon'] {
|
159
|
+
@apply pointer-events-none -ml-2 mr-1 -mt-2 -mb-2 inline p-px;
|
160
|
+
}
|
161
|
+
|
162
|
+
[data-taco='button'] > span + [data-taco='icon'] {
|
163
|
+
@apply ml-1 -mr-2;
|
164
|
+
}
|
165
|
+
|
158
166
|
[data-taco='spinner'] svg circle {
|
159
167
|
@apply flex;
|
160
168
|
fill: transparent;
|
@@ -226,43 +234,6 @@
|
|
226
234
|
@apply -mt-px py-0 px-2;
|
227
235
|
}
|
228
236
|
|
229
|
-
[data-taco='hanger'] a {
|
230
|
-
@apply text-grey underline;
|
231
|
-
}
|
232
|
-
|
233
|
-
[data-taco='hanger'] > *:last-child {
|
234
|
-
@apply mb-0;
|
235
|
-
}
|
236
|
-
|
237
|
-
.yt-dialog__drag::before,
|
238
|
-
.yt-dialog__drag::after {
|
239
|
-
@apply bg-grey-dark absolute rounded;
|
240
|
-
content: '';
|
241
|
-
left: theme('spacing.1');
|
242
|
-
height: 2px;
|
243
|
-
width: calc(100% - (2 * theme('spacing.1')));
|
244
|
-
}
|
245
|
-
|
246
|
-
.yt-dialog__drag::before {
|
247
|
-
top: 3px;
|
248
|
-
}
|
249
|
-
|
250
|
-
.yt-dialog__drag::after {
|
251
|
-
bottom: 3px;
|
252
|
-
}
|
253
|
-
|
254
|
-
[data-taco='dialog'] *:last-child {
|
255
|
-
@apply mb-0;
|
256
|
-
}
|
257
|
-
|
258
|
-
[data-taco='button'] > [data-taco='icon'] {
|
259
|
-
@apply pointer-events-none -ml-2 mr-1 -mt-2 -mb-2 inline p-px;
|
260
|
-
}
|
261
|
-
|
262
|
-
[data-taco='button'] > span + [data-taco='icon'] {
|
263
|
-
@apply ml-1 -mr-2;
|
264
|
-
}
|
265
|
-
|
266
237
|
[data-taco='calendar'] .DayPicker-wrapper {
|
267
238
|
@apply relative select-none flex-row;
|
268
239
|
}
|
@@ -405,6 +376,27 @@
|
|
405
376
|
@apply border-blue;
|
406
377
|
}
|
407
378
|
|
379
|
+
.yt-dialog__drag::before,
|
380
|
+
.yt-dialog__drag::after {
|
381
|
+
@apply bg-grey-dark absolute rounded;
|
382
|
+
content: '';
|
383
|
+
left: theme('spacing.1');
|
384
|
+
height: 2px;
|
385
|
+
width: calc(100% - (2 * theme('spacing.1')));
|
386
|
+
}
|
387
|
+
|
388
|
+
.yt-dialog__drag::before {
|
389
|
+
top: 3px;
|
390
|
+
}
|
391
|
+
|
392
|
+
.yt-dialog__drag::after {
|
393
|
+
bottom: 3px;
|
394
|
+
}
|
395
|
+
|
396
|
+
[data-taco='dialog'] *:last-child {
|
397
|
+
@apply mb-0;
|
398
|
+
}
|
399
|
+
|
408
400
|
.yt-form > [data-taco='button'] {
|
409
401
|
@apply mr-3;
|
410
402
|
}
|
@@ -429,6 +421,14 @@
|
|
429
421
|
@apply ml-2;
|
430
422
|
}
|
431
423
|
|
424
|
+
[data-taco='hanger'] a {
|
425
|
+
@apply text-grey underline;
|
426
|
+
}
|
427
|
+
|
428
|
+
[data-taco='hanger'] > *:last-child {
|
429
|
+
@apply mb-0;
|
430
|
+
}
|
431
|
+
|
432
432
|
/* label inside label is invalid html, but the client is littered with it */
|
433
433
|
[data-taco='label'] [data-taco='label'] {
|
434
434
|
min-height: 0;
|