@hitachivantara/uikit-react-core 5.18.5 → 5.19.1
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/cjs/components/Button/Button.cjs +32 -56
- package/dist/cjs/components/Button/Button.cjs.map +1 -1
- package/dist/cjs/components/Button/Button.styles.cjs +122 -240
- package/dist/cjs/components/Button/Button.styles.cjs.map +1 -1
- package/dist/cjs/components/Carousel/Carousel.cjs +95 -110
- package/dist/cjs/components/Carousel/Carousel.cjs.map +1 -1
- package/dist/cjs/components/Carousel/Carousel.styles.cjs +4 -8
- package/dist/cjs/components/Carousel/Carousel.styles.cjs.map +1 -1
- package/dist/cjs/components/Carousel/CarouselControls.cjs +62 -0
- package/dist/cjs/components/Carousel/CarouselControls.cjs.map +1 -0
- package/dist/cjs/components/Carousel/CarouselSlide/CarouselSlide.cjs +2 -1
- package/dist/cjs/components/Carousel/CarouselSlide/CarouselSlide.cjs.map +1 -1
- package/dist/cjs/components/Carousel/CarouselThumbnail.cjs +30 -0
- package/dist/cjs/components/Carousel/CarouselThumbnail.cjs.map +1 -0
- package/dist/cjs/components/Carousel/CarouselThumbnails.cjs +44 -0
- package/dist/cjs/components/Carousel/CarouselThumbnails.cjs.map +1 -0
- package/dist/cjs/components/Dialog/Actions/Actions.cjs +14 -7
- package/dist/cjs/components/Dialog/Actions/Actions.cjs.map +1 -1
- package/dist/cjs/components/Dialog/Actions/Actions.styles.cjs +18 -38
- package/dist/cjs/components/Dialog/Actions/Actions.styles.cjs.map +1 -1
- package/dist/cjs/components/Dialog/Content/Content.cjs +11 -6
- package/dist/cjs/components/Dialog/Content/Content.cjs.map +1 -1
- package/dist/cjs/components/Dialog/Content/Content.styles.cjs +13 -32
- package/dist/cjs/components/Dialog/Content/Content.styles.cjs.map +1 -1
- package/dist/cjs/components/Dialog/Dialog.cjs +20 -21
- package/dist/cjs/components/Dialog/Dialog.cjs.map +1 -1
- package/dist/cjs/components/Dialog/Dialog.styles.cjs +0 -31
- package/dist/cjs/components/Dialog/Dialog.styles.cjs.map +1 -1
- package/dist/cjs/components/Dialog/Title/Title.cjs +22 -11
- package/dist/cjs/components/Dialog/Title/Title.cjs.map +1 -1
- package/dist/cjs/components/Dialog/Title/Title.styles.cjs +18 -64
- package/dist/cjs/components/Dialog/Title/Title.styles.cjs.map +1 -1
- package/dist/cjs/components/Drawer/Drawer.cjs +4 -5
- package/dist/cjs/components/Drawer/Drawer.cjs.map +1 -1
- package/dist/cjs/components/Header/Actions/Actions.styles.cjs +3 -2
- package/dist/cjs/components/Header/Actions/Actions.styles.cjs.map +1 -1
- package/dist/cjs/components/Header/Navigation/MenuItem/MenuItem.cjs +6 -1
- package/dist/cjs/components/Header/Navigation/MenuItem/MenuItem.cjs.map +1 -1
- package/dist/cjs/components/InlineEditor/InlineEditor.cjs +15 -19
- package/dist/cjs/components/InlineEditor/InlineEditor.cjs.map +1 -1
- package/dist/cjs/components/MultiButton/MultiButton.styles.cjs +3 -2
- package/dist/cjs/components/MultiButton/MultiButton.styles.cjs.map +1 -1
- package/dist/cjs/components/Pagination/Pagination.cjs.map +1 -1
- package/dist/cjs/components/QueryBuilder/QueryBuilder.cjs.map +1 -1
- package/dist/cjs/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.cjs.map +1 -1
- package/dist/cjs/components/Snackbar/SnackbarProvider/SnackbarProvider.cjs +1 -1
- package/dist/cjs/components/Snackbar/SnackbarProvider/SnackbarProvider.cjs.map +1 -1
- package/dist/cjs/components/Table/TableCell/TableCell.cjs +6 -6
- package/dist/cjs/components/Table/TableCell/TableCell.cjs.map +1 -1
- package/dist/cjs/components/Table/TableRow/TableRow.cjs +6 -5
- package/dist/cjs/components/Table/TableRow/TableRow.cjs.map +1 -1
- package/dist/cjs/index.cjs +12 -12
- package/dist/cjs/utils/classes.cjs +2 -2
- package/dist/cjs/utils/classes.cjs.map +1 -1
- package/dist/cjs/utils/theme.cjs +6 -7
- package/dist/cjs/utils/theme.cjs.map +1 -1
- package/dist/esm/components/Button/Button.js +37 -60
- package/dist/esm/components/Button/Button.js.map +1 -1
- package/dist/esm/components/Button/Button.styles.js +122 -238
- package/dist/esm/components/Button/Button.styles.js.map +1 -1
- package/dist/esm/components/Carousel/Carousel.js +96 -111
- package/dist/esm/components/Carousel/Carousel.js.map +1 -1
- package/dist/esm/components/Carousel/Carousel.styles.js +4 -8
- package/dist/esm/components/Carousel/Carousel.styles.js.map +1 -1
- package/dist/esm/components/Carousel/CarouselControls.js +62 -0
- package/dist/esm/components/Carousel/CarouselControls.js.map +1 -0
- package/dist/esm/components/Carousel/CarouselSlide/CarouselSlide.js +2 -1
- package/dist/esm/components/Carousel/CarouselSlide/CarouselSlide.js.map +1 -1
- package/dist/esm/components/Carousel/CarouselThumbnail.js +30 -0
- package/dist/esm/components/Carousel/CarouselThumbnail.js.map +1 -0
- package/dist/esm/components/Carousel/CarouselThumbnails.js +44 -0
- package/dist/esm/components/Carousel/CarouselThumbnails.js.map +1 -0
- package/dist/esm/components/Dialog/Actions/Actions.js +15 -9
- package/dist/esm/components/Dialog/Actions/Actions.js.map +1 -1
- package/dist/esm/components/Dialog/Actions/Actions.styles.js +18 -35
- package/dist/esm/components/Dialog/Actions/Actions.styles.js.map +1 -1
- package/dist/esm/components/Dialog/Content/Content.js +14 -8
- package/dist/esm/components/Dialog/Content/Content.js.map +1 -1
- package/dist/esm/components/Dialog/Content/Content.styles.js +13 -30
- package/dist/esm/components/Dialog/Content/Content.styles.js.map +1 -1
- package/dist/esm/components/Dialog/Dialog.js +20 -22
- package/dist/esm/components/Dialog/Dialog.js.map +1 -1
- package/dist/esm/components/Dialog/Dialog.styles.js +0 -29
- package/dist/esm/components/Dialog/Dialog.styles.js.map +1 -1
- package/dist/esm/components/Dialog/Title/Title.js +23 -13
- package/dist/esm/components/Dialog/Title/Title.js.map +1 -1
- package/dist/esm/components/Dialog/Title/Title.styles.js +18 -61
- package/dist/esm/components/Dialog/Title/Title.styles.js.map +1 -1
- package/dist/esm/components/Drawer/Drawer.js +4 -5
- package/dist/esm/components/Drawer/Drawer.js.map +1 -1
- package/dist/esm/components/Header/Actions/Actions.styles.js +3 -2
- package/dist/esm/components/Header/Actions/Actions.styles.js.map +1 -1
- package/dist/esm/components/Header/Navigation/MenuItem/MenuItem.js +6 -1
- package/dist/esm/components/Header/Navigation/MenuItem/MenuItem.js.map +1 -1
- package/dist/esm/components/InlineEditor/InlineEditor.js +16 -20
- package/dist/esm/components/InlineEditor/InlineEditor.js.map +1 -1
- package/dist/esm/components/MultiButton/MultiButton.styles.js +3 -2
- package/dist/esm/components/MultiButton/MultiButton.styles.js.map +1 -1
- package/dist/esm/components/Pagination/Pagination.js.map +1 -1
- package/dist/esm/components/QueryBuilder/QueryBuilder.js.map +1 -1
- package/dist/esm/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.js.map +1 -1
- package/dist/esm/components/Snackbar/SnackbarProvider/SnackbarProvider.js +1 -1
- package/dist/esm/components/Snackbar/SnackbarProvider/SnackbarProvider.js.map +1 -1
- package/dist/esm/components/Table/TableCell/TableCell.js +6 -6
- package/dist/esm/components/Table/TableCell/TableCell.js.map +1 -1
- package/dist/esm/components/Table/TableRow/TableRow.js +6 -5
- package/dist/esm/components/Table/TableRow/TableRow.js.map +1 -1
- package/dist/esm/index.js +230 -230
- package/dist/esm/utils/classes.js +2 -2
- package/dist/esm/utils/classes.js.map +1 -1
- package/dist/esm/utils/theme.js +6 -7
- package/dist/esm/utils/theme.js.map +1 -1
- package/dist/types/index.d.ts +193 -154
- package/package.json +5 -5
- package/dist/cjs/components/Button/buttonClasses.cjs +0 -8
- package/dist/cjs/components/Button/buttonClasses.cjs.map +0 -1
- package/dist/cjs/components/Dialog/Actions/actionsClasses.cjs +0 -8
- package/dist/cjs/components/Dialog/Actions/actionsClasses.cjs.map +0 -1
- package/dist/cjs/components/Dialog/Content/contentClasses.cjs +0 -8
- package/dist/cjs/components/Dialog/Content/contentClasses.cjs.map +0 -1
- package/dist/cjs/components/Dialog/Title/titleClasses.cjs +0 -8
- package/dist/cjs/components/Dialog/Title/titleClasses.cjs.map +0 -1
- package/dist/esm/components/Button/buttonClasses.js +0 -8
- package/dist/esm/components/Button/buttonClasses.js.map +0 -1
- package/dist/esm/components/Dialog/Actions/actionsClasses.js +0 -8
- package/dist/esm/components/Dialog/Actions/actionsClasses.js.map +0 -1
- package/dist/esm/components/Dialog/Content/contentClasses.js +0 -8
- package/dist/esm/components/Dialog/Content/contentClasses.js.map +0 -1
- package/dist/esm/components/Dialog/Title/titleClasses.js +0 -8
- package/dist/esm/components/Dialog/Title/titleClasses.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.js","sources":["../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import { HTMLAttributes, useCallback, useEffect } from \"react\";\nimport { Hidden } from \"@mui/material\";\nimport { HvInput, HvInputProps, HvTypography } from \"@core/components\";\nimport {\n Start,\n End,\n Backwards,\n Forwards,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { HvBaseProps } from \"@core/types\";\nimport { ExtractNames, isKeypress, keyboardCodes, setId } from \"@core/utils\";\nimport { useLabels } from \"@core/hooks\";\nimport HvSelect, { Option } from \"./Select\";\nimport { staticClasses, useClasses } from \"./Pagination.styles\";\nimport { usePageInput, getSafePage, setColor } from \"./utils\";\nimport ButtonIconTooltip from \"./ButtonIconTooltip\";\n\nexport { staticClasses as paginationClasses };\n\nexport type HvPaginationClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvPaginationLabels {\n /** The show label. */\n pageSizePrev?: string;\n /** Indicate the units of the page size selection. */\n pageSizeEntryName?: string;\n /** Used for the aria-label of the selection of number of unit.s */\n pageSizeSelectorDescription?: string;\n /** Separator of current page and total pages. */\n pagesSeparator?: string;\n /** Title of button `firstPage`. */\n paginationFirstPageTitle?: string;\n /** Title of button `previousPage`. */\n paginationPreviousPageTitle?: string;\n /** Title of button `nextPage`. */\n paginationNextPageTitle?: string;\n /** Title of button `lastPage`. */\n paginationLastPageTitle?: string;\n /** Aria-label passed to the page input. */\n paginationInputLabel?: string;\n /** Aria-label of the first page button */\n firstPage?: string;\n /** Aria-label of the previous page button */\n previousPage?: string;\n /** Aria-label of the next page button */\n nextPage?: string;\n /** Aria-label of the last page button */\n lastPage?: string;\n}\n\nexport interface HvPaginationProps extends HvBaseProps {\n /** The number of pages the component has. */\n pages?: number;\n /** The currently selected page (0-indexed). */\n page?: number;\n /** Controls whether the left page size mechanism should be visible. */\n showPageSizeOptions?: boolean;\n /** The array of possible page sizes for the dropdown. */\n pageSizeOptions?: number[];\n /** The currently selected page size. */\n pageSize?: number;\n /** Controls whether the central page changing mechanism should be visible. */\n showPageJump?: boolean;\n /** Controls whether the previous/first page buttons are enabled. */\n canPrevious?: boolean;\n /** Controls whether the next/last page buttons are enabled. */\n canNext?: boolean;\n /** Function called when the page changes. */\n onPageChange?: (page: number) => void;\n /** Function called when the page size changes. */\n onPageSizeChange?: (pageSize: number) => void;\n /** An object containing all the labels for the component. */\n labels?: HvPaginationLabels;\n /** Other props to show page component. */\n showPageProps?: HTMLAttributes<HTMLDivElement>;\n /** Other props to pagination component. */\n navigationProps?: HTMLAttributes<HTMLDivElement>;\n /** Extra properties passed to the input component representing the current pages. */\n currentPageInputProps?: HvInputProps;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: Partial<HvPaginationClasses>;\n}\n\nconst DEFAULT_LABELS = {\n pageSizePrev: \"Show\",\n pageSizeEntryName: \"rows\",\n pageSizeSelectorDescription: \"Select how many to display\",\n pagesSeparator: \"/\",\n paginationFirstPageTitle: \"First page\",\n paginationPreviousPageTitle: \"Previous page\",\n paginationNextPageTitle: \"Next page\",\n paginationLastPageTitle: \"Last page\",\n paginationInputLabel: \"Current page\",\n firstPage: \"First Page\",\n previousPage: \"Previous Page\",\n nextPage: \"Next Page\",\n lastPage: \"Last Page\",\n};\n\nconst { Enter } = keyboardCodes;\n\nconst defaultPageSizeOptions = [5, 10, 20, 25, 50, 100];\n\n/**\n * Pagination is the process of dividing a document into discrete pages. It relates to how users interact\n * with structured content on a website or application.\n */\nexport const HvPagination = ({\n classes: classesProp = {},\n className,\n id,\n pages = 1,\n page = 0,\n showPageSizeOptions = true,\n pageSizeOptions = defaultPageSizeOptions,\n pageSize = defaultPageSizeOptions[1],\n showPageJump = true,\n canPrevious = false,\n canNext = false,\n onPageChange,\n onPageSizeChange,\n labels: labelsProp,\n showPageProps,\n navigationProps,\n currentPageInputProps,\n ...others\n}: HvPaginationProps) => {\n const labels = useLabels(DEFAULT_LABELS, labelsProp);\n const [pageInput, handleInputChange] = usePageInput(page);\n const { classes, cx } = useClasses(classesProp);\n\n const changePage = useCallback(\n (newPage: number) => {\n const safePage: number = getSafePage(newPage, page, pages);\n\n onPageChange?.(safePage);\n handleInputChange(null, safePage + 1);\n },\n [page, pages, onPageChange, handleInputChange]\n );\n\n useEffect(() => {\n if (page >= pages && pages > 0) {\n changePage(page);\n }\n }, [changePage, page, pages]);\n\n useEffect(() => {\n if (pageInput !== page + 1) {\n handleInputChange(null, page + 1);\n }\n\n // we only want to \"fix\" the input's display value when `page` property changed\n // (either externally or when internally committed - onBlur or Enter),\n // not while editing the input.\n // breaking a rule of hooks isn't ideal and it's just a hack for fixing\n // a bug preventing properly controlling of the `page` property.\n // fixing it some other way would potentially introduce a breaking change.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [handleInputChange, page]);\n\n const renderPageJump = () => (\n <div className={classes.pageJump}>\n <HvInput\n id={setId(id, \"currentPage\")}\n labels={labels}\n inputProps={{\n \"aria-label\": labels?.paginationInputLabel,\n // We really want the native number input\n type: \"number\",\n }}\n classes={{\n root: classes?.pageSizeInputContainer,\n input: classes?.pageSizeInput,\n inputRoot: classes?.pageSizeInputRoot,\n }}\n onChange={(event, value) => handleInputChange(event, Number(value))}\n value={String(pageInput)}\n onBlur={(evt, value) => changePage(Number(value) - 1)}\n onKeyDown={(evt, value) =>\n isKeypress(evt, Enter) && changePage(Number(value) - 1)\n }\n disabled={pageSize === 0}\n disableClear\n {...currentPageInputProps}\n />\n </div>\n );\n\n return (\n <div id={id} className={cx(classes.root, className)} {...others}>\n <div className={classes.pageSizeOptions} {...showPageProps}>\n {showPageSizeOptions && (\n <>\n <Hidden xsDown>\n <HvTypography\n component=\"span\"\n className={classes?.pageSizeTextContainer}\n >\n {labels?.pageSizePrev}\n </HvTypography>\n </Hidden>\n <HvSelect\n id={setId(id, \"pageSize\")}\n disabled={pageSize === 0}\n className={classes.pageSizeOptionsSelect}\n aria-label={labels?.pageSizeSelectorDescription}\n onChange={(_: any, val: number) => onPageSizeChange?.(val)}\n value={pageSize}\n >\n {pageSizeOptions.map((option) => (\n <Option key={option} value={option}>\n {option}\n </Option>\n ))}\n </HvSelect>\n <Hidden xsDown>\n <HvTypography\n component=\"span\"\n className={classes.pageSizeTextContainer}\n >\n {labels?.pageSizeEntryName}\n </HvTypography>\n </Hidden>\n </>\n )}\n </div>\n <div className={classes.pageNavigator} {...navigationProps}>\n <ButtonIconTooltip\n id={setId(id, \"firstPage-button\")}\n aria-label={labels?.firstPage}\n className={classes.iconContainer}\n disabled={!canPrevious}\n onClick={() => changePage(0)}\n tooltip={labels?.paginationFirstPageTitle}\n >\n <Start className={classes.icon} color={setColor(!canPrevious)} />\n </ButtonIconTooltip>\n <ButtonIconTooltip\n id={setId(id, \"previousPage-button\")}\n aria-label={labels?.previousPage}\n className={classes.iconContainer}\n disabled={!canPrevious}\n onClick={() => changePage(page - 1)}\n tooltip={labels?.paginationPreviousPageTitle}\n >\n <Backwards className={classes.icon} color={setColor(!canPrevious)} />\n </ButtonIconTooltip>\n <div className={classes.pageInfo}>\n {showPageJump ? (\n renderPageJump()\n ) : (\n <HvTypography component=\"span\">{`${page + 1}`}</HvTypography>\n )}\n <HvTypography component=\"span\">{`${labels?.pagesSeparator} `}</HvTypography>\n <HvTypography component=\"span\" id={setId(id, \"totalPages\")}>\n {pages}\n </HvTypography>\n </div>\n <ButtonIconTooltip\n id={setId(id, \"nextPage-button\")}\n aria-label={labels?.nextPage}\n className={classes.iconContainer}\n disabled={!canNext}\n onClick={() => changePage(page + 1)}\n tooltip={labels?.paginationNextPageTitle}\n >\n <Forwards className={classes.icon} color={setColor(!canNext)} />\n </ButtonIconTooltip>\n <ButtonIconTooltip\n id={setId(id, \"lastPage-button\")}\n aria-label={labels?.lastPage}\n className={classes.iconContainer}\n disabled={!canNext}\n onClick={() => changePage(pages - 1)}\n tooltip={labels?.paginationLastPageTitle}\n >\n <End className={classes.icon} color={setColor(!canNext)} />\n </ButtonIconTooltip>\n </div>\n </div>\n );\n};\n"],"names":["DEFAULT_LABELS","pageSizePrev","pageSizeEntryName","pageSizeSelectorDescription","pagesSeparator","paginationFirstPageTitle","paginationPreviousPageTitle","paginationNextPageTitle","paginationLastPageTitle","paginationInputLabel","firstPage","previousPage","nextPage","lastPage","Enter","keyboardCodes","defaultPageSizeOptions","HvPagination","classes","classesProp","className","id","pages","page","showPageSizeOptions","pageSizeOptions","pageSize","showPageJump","canPrevious","canNext","onPageChange","onPageSizeChange","labels","labelsProp","showPageProps","navigationProps","currentPageInputProps","others","useLabels","pageInput","handleInputChange","usePageInput","cx","useClasses","changePage","useCallback","newPage","safePage","getSafePage","useEffect","renderPageJump","_jsx","pageJump","children","HvInput","setId","inputProps","type","root","pageSizeInputContainer","input","pageSizeInput","inputRoot","pageSizeInputRoot","onChange","event","value","Number","String","onBlur","evt","onKeyDown","isKeypress","disabled","disableClear","_jsxs","_Fragment","Hidden","xsDown","HvTypography","component","pageSizeTextContainer","HvSelect","pageSizeOptionsSelect","_","val","map","option","Option","pageNavigator","ButtonIconTooltip","iconContainer","onClick","tooltip","Start","icon","color","setColor","Backwards","pageInfo","Forwards","End"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Pagination.js","sources":["../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import { HTMLAttributes, useCallback, useEffect } from \"react\";\nimport { Hidden } from \"@mui/material\";\nimport { HvInput, HvInputProps, HvTypography } from \"@core/components\";\nimport {\n Start,\n End,\n Backwards,\n Forwards,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { HvBaseProps } from \"@core/types\";\nimport { ExtractNames, isKeypress, keyboardCodes, setId } from \"@core/utils\";\nimport { useLabels } from \"@core/hooks\";\nimport HvSelect, { Option } from \"./Select\";\nimport { staticClasses, useClasses } from \"./Pagination.styles\";\nimport { usePageInput, getSafePage, setColor } from \"./utils\";\nimport ButtonIconTooltip from \"./ButtonIconTooltip\";\n\nexport { staticClasses as paginationClasses };\n\nexport type HvPaginationClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvPaginationLabels {\n /** The show label. */\n pageSizePrev?: string;\n /** Indicate the units of the page size selection. */\n pageSizeEntryName?: string;\n /** Used for the aria-label of the selection of number of unit.s */\n pageSizeSelectorDescription?: string;\n /** Separator of current page and total pages. */\n pagesSeparator?: string;\n /** Title of button `firstPage`. */\n paginationFirstPageTitle?: string;\n /** Title of button `previousPage`. */\n paginationPreviousPageTitle?: string;\n /** Title of button `nextPage`. */\n paginationNextPageTitle?: string;\n /** Title of button `lastPage`. */\n paginationLastPageTitle?: string;\n /** Aria-label passed to the page input. */\n paginationInputLabel?: string;\n /** Aria-label of the first page button */\n firstPage?: string;\n /** Aria-label of the previous page button */\n previousPage?: string;\n /** Aria-label of the next page button */\n nextPage?: string;\n /** Aria-label of the last page button */\n lastPage?: string;\n}\n\nexport interface HvPaginationProps extends HvBaseProps {\n /** The number of pages the component has. */\n pages?: number;\n /** The currently selected page (0-indexed). */\n page?: number;\n /** Controls whether the left page size mechanism should be visible. */\n showPageSizeOptions?: boolean;\n /** The array of possible page sizes for the dropdown. */\n pageSizeOptions?: number[];\n /** The currently selected page size. */\n pageSize?: number;\n /** Controls whether the central page changing mechanism should be visible. */\n showPageJump?: boolean;\n /** Controls whether the previous/first page buttons are enabled. */\n canPrevious?: boolean;\n /** Controls whether the next/last page buttons are enabled. */\n canNext?: boolean;\n /** Function called when the page changes. */\n onPageChange?: (page: number) => void;\n /** Function called when the page size changes. */\n onPageSizeChange?: (pageSize: number) => void;\n /** An object containing all the labels for the component. */\n labels?: HvPaginationLabels;\n /** Other props to show page component. */\n showPageProps?: HTMLAttributes<HTMLDivElement>;\n /** Other props to pagination component. */\n navigationProps?: HTMLAttributes<HTMLDivElement>;\n /** Extra properties passed to the input component representing the current pages. */\n currentPageInputProps?: HvInputProps;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvPaginationClasses;\n}\n\nconst DEFAULT_LABELS = {\n pageSizePrev: \"Show\",\n pageSizeEntryName: \"rows\",\n pageSizeSelectorDescription: \"Select how many to display\",\n pagesSeparator: \"/\",\n paginationFirstPageTitle: \"First page\",\n paginationPreviousPageTitle: \"Previous page\",\n paginationNextPageTitle: \"Next page\",\n paginationLastPageTitle: \"Last page\",\n paginationInputLabel: \"Current page\",\n firstPage: \"First Page\",\n previousPage: \"Previous Page\",\n nextPage: \"Next Page\",\n lastPage: \"Last Page\",\n};\n\nconst { Enter } = keyboardCodes;\n\nconst defaultPageSizeOptions = [5, 10, 20, 25, 50, 100];\n\n/**\n * Pagination is the process of dividing a document into discrete pages. It relates to how users interact\n * with structured content on a website or application.\n */\nexport const HvPagination = ({\n classes: classesProp = {},\n className,\n id,\n pages = 1,\n page = 0,\n showPageSizeOptions = true,\n pageSizeOptions = defaultPageSizeOptions,\n pageSize = defaultPageSizeOptions[1],\n showPageJump = true,\n canPrevious = false,\n canNext = false,\n onPageChange,\n onPageSizeChange,\n labels: labelsProp,\n showPageProps,\n navigationProps,\n currentPageInputProps,\n ...others\n}: HvPaginationProps) => {\n const labels = useLabels(DEFAULT_LABELS, labelsProp);\n const [pageInput, handleInputChange] = usePageInput(page);\n const { classes, cx } = useClasses(classesProp);\n\n const changePage = useCallback(\n (newPage: number) => {\n const safePage: number = getSafePage(newPage, page, pages);\n\n onPageChange?.(safePage);\n handleInputChange(null, safePage + 1);\n },\n [page, pages, onPageChange, handleInputChange]\n );\n\n useEffect(() => {\n if (page >= pages && pages > 0) {\n changePage(page);\n }\n }, [changePage, page, pages]);\n\n useEffect(() => {\n if (pageInput !== page + 1) {\n handleInputChange(null, page + 1);\n }\n\n // we only want to \"fix\" the input's display value when `page` property changed\n // (either externally or when internally committed - onBlur or Enter),\n // not while editing the input.\n // breaking a rule of hooks isn't ideal and it's just a hack for fixing\n // a bug preventing properly controlling of the `page` property.\n // fixing it some other way would potentially introduce a breaking change.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [handleInputChange, page]);\n\n const renderPageJump = () => (\n <div className={classes.pageJump}>\n <HvInput\n id={setId(id, \"currentPage\")}\n labels={labels}\n inputProps={{\n \"aria-label\": labels?.paginationInputLabel,\n // We really want the native number input\n type: \"number\",\n }}\n classes={{\n root: classes?.pageSizeInputContainer,\n input: classes?.pageSizeInput,\n inputRoot: classes?.pageSizeInputRoot,\n }}\n onChange={(event, value) => handleInputChange(event, Number(value))}\n value={String(pageInput)}\n onBlur={(evt, value) => changePage(Number(value) - 1)}\n onKeyDown={(evt, value) =>\n isKeypress(evt, Enter) && changePage(Number(value) - 1)\n }\n disabled={pageSize === 0}\n disableClear\n {...currentPageInputProps}\n />\n </div>\n );\n\n return (\n <div id={id} className={cx(classes.root, className)} {...others}>\n <div className={classes.pageSizeOptions} {...showPageProps}>\n {showPageSizeOptions && (\n <>\n <Hidden xsDown>\n <HvTypography\n component=\"span\"\n className={classes?.pageSizeTextContainer}\n >\n {labels?.pageSizePrev}\n </HvTypography>\n </Hidden>\n <HvSelect\n id={setId(id, \"pageSize\")}\n disabled={pageSize === 0}\n className={classes.pageSizeOptionsSelect}\n aria-label={labels?.pageSizeSelectorDescription}\n onChange={(_: any, val: number) => onPageSizeChange?.(val)}\n value={pageSize}\n >\n {pageSizeOptions.map((option) => (\n <Option key={option} value={option}>\n {option}\n </Option>\n ))}\n </HvSelect>\n <Hidden xsDown>\n <HvTypography\n component=\"span\"\n className={classes.pageSizeTextContainer}\n >\n {labels?.pageSizeEntryName}\n </HvTypography>\n </Hidden>\n </>\n )}\n </div>\n <div className={classes.pageNavigator} {...navigationProps}>\n <ButtonIconTooltip\n id={setId(id, \"firstPage-button\")}\n aria-label={labels?.firstPage}\n className={classes.iconContainer}\n disabled={!canPrevious}\n onClick={() => changePage(0)}\n tooltip={labels?.paginationFirstPageTitle}\n >\n <Start className={classes.icon} color={setColor(!canPrevious)} />\n </ButtonIconTooltip>\n <ButtonIconTooltip\n id={setId(id, \"previousPage-button\")}\n aria-label={labels?.previousPage}\n className={classes.iconContainer}\n disabled={!canPrevious}\n onClick={() => changePage(page - 1)}\n tooltip={labels?.paginationPreviousPageTitle}\n >\n <Backwards className={classes.icon} color={setColor(!canPrevious)} />\n </ButtonIconTooltip>\n <div className={classes.pageInfo}>\n {showPageJump ? (\n renderPageJump()\n ) : (\n <HvTypography component=\"span\">{`${page + 1}`}</HvTypography>\n )}\n <HvTypography component=\"span\">{`${labels?.pagesSeparator} `}</HvTypography>\n <HvTypography component=\"span\" id={setId(id, \"totalPages\")}>\n {pages}\n </HvTypography>\n </div>\n <ButtonIconTooltip\n id={setId(id, \"nextPage-button\")}\n aria-label={labels?.nextPage}\n className={classes.iconContainer}\n disabled={!canNext}\n onClick={() => changePage(page + 1)}\n tooltip={labels?.paginationNextPageTitle}\n >\n <Forwards className={classes.icon} color={setColor(!canNext)} />\n </ButtonIconTooltip>\n <ButtonIconTooltip\n id={setId(id, \"lastPage-button\")}\n aria-label={labels?.lastPage}\n className={classes.iconContainer}\n disabled={!canNext}\n onClick={() => changePage(pages - 1)}\n tooltip={labels?.paginationLastPageTitle}\n >\n <End className={classes.icon} color={setColor(!canNext)} />\n </ButtonIconTooltip>\n </div>\n </div>\n );\n};\n"],"names":["DEFAULT_LABELS","pageSizePrev","pageSizeEntryName","pageSizeSelectorDescription","pagesSeparator","paginationFirstPageTitle","paginationPreviousPageTitle","paginationNextPageTitle","paginationLastPageTitle","paginationInputLabel","firstPage","previousPage","nextPage","lastPage","Enter","keyboardCodes","defaultPageSizeOptions","HvPagination","classes","classesProp","className","id","pages","page","showPageSizeOptions","pageSizeOptions","pageSize","showPageJump","canPrevious","canNext","onPageChange","onPageSizeChange","labels","labelsProp","showPageProps","navigationProps","currentPageInputProps","others","useLabels","pageInput","handleInputChange","usePageInput","cx","useClasses","changePage","useCallback","newPage","safePage","getSafePage","useEffect","renderPageJump","_jsx","pageJump","children","HvInput","setId","inputProps","type","root","pageSizeInputContainer","input","pageSizeInput","inputRoot","pageSizeInputRoot","onChange","event","value","Number","String","onBlur","evt","onKeyDown","isKeypress","disabled","disableClear","_jsxs","_Fragment","Hidden","xsDown","HvTypography","component","pageSizeTextContainer","HvSelect","pageSizeOptionsSelect","_","val","map","option","Option","pageNavigator","ButtonIconTooltip","iconContainer","onClick","tooltip","Start","icon","color","setColor","Backwards","pageInfo","Forwards","End"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QueryBuilder.js","sources":["../../../../src/components/QueryBuilder/QueryBuilder.tsx"],"sourcesContent":["import cloneDeep from \"lodash/cloneDeep\";\nimport isEqual from \"lodash/isEqual\";\n\nimport {\n useContext,\n useEffect,\n useMemo,\n useReducer,\n useRef,\n useState,\n} from \"react\";\n\nimport { ExtractNames } from \"@core/utils\";\n\nimport { ConfirmationDialog } from \"./ConfirmationDialog\";\nimport { QueryBuilderContext } from \"./Context\";\nimport { RuleGroup } from \"./RuleGroup\";\nimport {\n AskAction,\n Attribute,\n Query,\n QueryBuilderLabels,\n QueryCombinator,\n QueryOperator,\n} from \"./types\";\nimport { clearNodeIds, emptyGroup } from \"./utils\";\nimport reducer from \"./utils/reducer\";\nimport { useClasses, staticClasses } from \"./QueryBuilder.styles\";\n\nexport { staticClasses as queryBuilderClasses };\n\nexport type HvQueryBuilderClasses =
|
|
1
|
+
{"version":3,"file":"QueryBuilder.js","sources":["../../../../src/components/QueryBuilder/QueryBuilder.tsx"],"sourcesContent":["import cloneDeep from \"lodash/cloneDeep\";\nimport isEqual from \"lodash/isEqual\";\n\nimport {\n useContext,\n useEffect,\n useMemo,\n useReducer,\n useRef,\n useState,\n} from \"react\";\n\nimport { ExtractNames } from \"@core/utils\";\n\nimport { ConfirmationDialog } from \"./ConfirmationDialog\";\nimport { QueryBuilderContext } from \"./Context\";\nimport { RuleGroup } from \"./RuleGroup\";\nimport {\n AskAction,\n Attribute,\n Query,\n QueryBuilderLabels,\n QueryCombinator,\n QueryOperator,\n} from \"./types\";\nimport { clearNodeIds, emptyGroup } from \"./utils\";\nimport reducer from \"./utils/reducer\";\nimport { useClasses, staticClasses } from \"./QueryBuilder.styles\";\n\nexport { staticClasses as queryBuilderClasses };\n\nexport type HvQueryBuilderClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvQueryBuilderProps {\n attributes?: Record<string, Attribute>;\n /**\n * The query rules operators by attribute type and combinator.\n */\n operators?: Record<string, QueryOperator[]>;\n /**\n * The query combinators operands.\n */\n combinators?: QueryCombinator[];\n /**\n * The initial query representation.\n */\n query?: Query;\n /**\n * Callback fired when query changes.\n * @param {Query} value - the query representation.\n */\n onChange?: (value: Query) => void;\n /**\n * Max depth of nested query groups.\n */\n maxDepth?: number;\n /**\n * An object containing all the labels.\n */\n labels?: QueryBuilderLabels;\n /**\n * A flag indicating if the Query Builder is in read only mode.\n */\n readOnly?: boolean;\n /**\n * Override or extend the styles applied to the component.\n * See CSS API tab for more details.\n */\n classes?: HvQueryBuilderClasses;\n}\n\n/**\n * **HvQueryBuilder** component allows you to create conditions and group them using logical operators.\n * It outputs a structured set of rules which can be easily parsed to create SQL/NoSQL/whatever queries.\n */\nexport const HvQueryBuilder = ({\n attributes,\n query,\n onChange,\n operators,\n combinators,\n maxDepth = 1,\n labels,\n readOnly = false,\n classes,\n}: HvQueryBuilderProps) => {\n const [pendingAction, askAction] = useState<AskAction>();\n const currentAttributes = useRef<\n Record<string, Attribute> | undefined | null\n >(null);\n const [state, dispatchAction] = useReducer(\n reducer,\n query,\n (initialState) => initialState || emptyGroup()\n );\n\n const initialState = query === state;\n const [prevState, setPrevState] = useState();\n\n const defaultContext = useContext(QueryBuilderContext);\n\n const context = useMemo(\n () => ({\n dispatchAction,\n askAction,\n attributes,\n /* eslint-disable react/destructuring-assignment */\n operators: operators ?? defaultContext.operators,\n combinators: combinators ?? defaultContext.combinators,\n maxDepth: maxDepth ?? defaultContext.maxDepth,\n labels: labels ?? defaultContext.labels,\n initialTouched: initialState,\n readOnly,\n }),\n [\n attributes,\n operators,\n defaultContext.operators,\n defaultContext.combinators,\n defaultContext.maxDepth,\n defaultContext.labels,\n combinators,\n maxDepth,\n labels,\n readOnly,\n initialState,\n ]\n );\n\n useEffect(() => {\n if (currentAttributes.current == null) {\n // first run, nothing to do\n currentAttributes.current = attributes;\n } else if (currentAttributes.current !== attributes) {\n // attributes changed, the existing query is almost certain invalid, so reset it\n currentAttributes.current = attributes;\n dispatchAction({ type: \"reset-query\" });\n }\n }, [attributes]);\n\n // Propagate the change if the query is modified.\n useEffect(() => {\n if (!initialState && !isEqual(state, prevState)) {\n onChange?.(clearNodeIds(state));\n setPrevState(cloneDeep(state));\n }\n }, [state, prevState, initialState, onChange]);\n\n const onConfirmHandler = () => {\n if (pendingAction) {\n askAction(undefined);\n pendingAction.actions.forEach((action) => dispatchAction(action));\n }\n };\n\n const onCancelHandler = () => {\n askAction(undefined);\n };\n\n return (\n <QueryBuilderContext.Provider value={context}>\n <RuleGroup\n level={0}\n id={state.id}\n combinator={state.combinator}\n rules={state.rules}\n classes={classes}\n />\n <ConfirmationDialog\n isOpen={pendingAction != null}\n onConfirm={onConfirmHandler}\n onCancel={onCancelHandler}\n title={pendingAction?.dialog.dialogTitle || \"\"}\n message={pendingAction?.dialog.dialogMessage || \"\"}\n confirmButtonLabel={pendingAction?.dialog.dialogConfirm || \"\"}\n cancelButtonLabel={pendingAction?.dialog.dialogCancel || \"\"}\n closeButtonTooltip={pendingAction?.dialog.dialogCloseTooltip || \"\"}\n />\n </QueryBuilderContext.Provider>\n );\n};\n"],"names":["HvQueryBuilder","attributes","query","onChange","operators","combinators","maxDepth","labels","readOnly","classes","pendingAction","askAction","useState","currentAttributes","useRef","state","dispatchAction","useReducer","reducer","initialState","emptyGroup","prevState","setPrevState","defaultContext","useContext","QueryBuilderContext","context","useMemo","initialTouched","useEffect","current","type","isEqual","clearNodeIds","cloneDeep","onConfirmHandler","undefined","actions","forEach","action","onCancelHandler","_jsxs","Provider","value","children","_jsx","RuleGroup","level","id","combinator","rules","ConfirmationDialog","isOpen","onConfirm","onCancel","title","dialog","dialogTitle","message","dialogMessage","confirmButtonLabel","dialogConfirm","cancelButtonLabel","dialogCancel","closeButtonTooltip","dialogCloseTooltip"],"mappings":";;;;;;;;;AA2EO,MAAMA,iBAAiBA,CAAC;AAAA,EAC7BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,WAAW;AAAA,EACXC;AAAAA,EACAC,WAAW;AAAA,EACXC;AACmB,MAAM;AACzB,QAAM,CAACC,eAAeC,SAAS,IAAIC,SAAoB;AACjDC,QAAAA,oBAAoBC,OAExB,IAAI;AACA,QAAA,CAACC,OAAOC,cAAc,IAAIC,WAC9BC,SACAhB,OACCiB,CAAAA,kBAAiBA,iBAAgBC,WACpC,CAAA;AAEA,QAAMD,eAAejB,UAAUa;AAC/B,QAAM,CAACM,WAAWC,YAAY,IAAIV,SAAS;AAErCW,QAAAA,iBAAiBC,WAAWC,mBAAmB;AAE/CC,QAAAA,UAAUC,QACd,OAAO;AAAA,IACLX;AAAAA,IACAL;AAAAA,IACAV;AAAAA;AAAAA,IAEAG,WAAWA,aAAamB,eAAenB;AAAAA,IACvCC,aAAaA,eAAekB,eAAelB;AAAAA,IAC3CC,UAAUA,YAAYiB,eAAejB;AAAAA,IACrCC,QAAQA,UAAUgB,eAAehB;AAAAA,IACjCqB,gBAAgBT;AAAAA,IAChBX;AAAAA,EAAAA,IAEF,CACEP,YACAG,WACAmB,eAAenB,WACfmB,eAAelB,aACfkB,eAAejB,UACfiB,eAAehB,QACfF,aACAC,UACAC,QACAC,UACAW,YAAY,CAEhB;AAEAU,YAAU,MAAM;AACVhB,QAAAA,kBAAkBiB,WAAW,MAAM;AAErCjB,wBAAkBiB,UAAU7B;AAAAA,IAAAA,WACnBY,kBAAkBiB,YAAY7B,YAAY;AAEnDY,wBAAkBiB,UAAU7B;AACb,qBAAA;AAAA,QAAE8B,MAAM;AAAA,MAAA,CAAe;AAAA,IACxC;AAAA,EAAA,GACC,CAAC9B,UAAU,CAAC;AAGf4B,YAAU,MAAM;AACd,QAAI,CAACV,gBAAgB,CAACa,QAAQjB,OAAOM,SAAS,GAAG;AACpCY,2CAAAA,aAAalB,KAAK;AAChBmB,mBAAAA,UAAUnB,KAAK,CAAC;AAAA,IAC/B;AAAA,KACC,CAACA,OAAOM,WAAWF,cAAchB,QAAQ,CAAC;AAE7C,QAAMgC,mBAAmBA,MAAM;AAC7B,QAAIzB,eAAe;AACjBC,gBAAUyB,MAAS;AACnB1B,oBAAc2B,QAAQC,QAASC,CAAWvB,WAAAA,eAAeuB,MAAM,CAAC;AAAA,IAClE;AAAA,EAAA;AAGF,QAAMC,kBAAkBA,MAAM;AAC5B7B,cAAUyB,MAAS;AAAA,EAAA;AAInBK,SAAAA,qBAAChB,oBAAoBiB,UAAQ;AAAA,IAACC,OAAOjB;AAAAA,IAAQkB,UAAA,CAC3CC,oBAACC,WAAS;AAAA,MACRC,OAAO;AAAA,MACPC,IAAIjC,MAAMiC;AAAAA,MACVC,YAAYlC,MAAMkC;AAAAA,MAClBC,OAAOnC,MAAMmC;AAAAA,MACbzC;AAAAA,IAAAA,CACD,GACDoC,oBAACM,oBAAkB;AAAA,MACjBC,QAAQ1C,iBAAiB;AAAA,MACzB2C,WAAWlB;AAAAA,MACXmB,UAAUd;AAAAA,MACVe,QAAO7C,+CAAe8C,OAAOC,gBAAe;AAAA,MAC5CC,UAAShD,+CAAe8C,OAAOG,kBAAiB;AAAA,MAChDC,qBAAoBlD,+CAAe8C,OAAOK,kBAAiB;AAAA,MAC3DC,oBAAmBpD,+CAAe8C,OAAOO,iBAAgB;AAAA,MACzDC,qBAAoBtD,+CAAe8C,OAAOS,uBAAsB;AAAA,IAAA,CACjE,CAAC;AAAA,EAAA,CAC0B;AAElC;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SnackbarContentWrapper.js","sources":["../../../../../src/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.tsx"],"sourcesContent":["import { forwardRef, isValidElement } from \"react\";\nimport SnackbarContent, {\n SnackbarContentProps as MuiSnackbarContentProps,\n} from \"@mui/material/SnackbarContent\";\nimport { ExtractNames, iconVariant, setId } from \"@core/utils\";\nimport { HvBaseProps } from \"@core/types\";\nimport {\n HvActionsGeneric,\n HvActionGeneric,\n HvButtonVariant,\n} from \"@core/components\";\nimport { useTheme } from \"@core/hooks\";\nimport { HvSnackbarVariant } from \"../Snackbar\";\nimport { staticClasses, useClasses } from \"./SnackbarContentWrapper.styles\";\n\nexport { staticClasses as snackbarContentClasses };\n\nexport type HvSnackbarContentClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvSnackbarContentProps\n extends Omit<MuiSnackbarContentProps, \"variant\" | \"action\" | \"classes\">,\n HvBaseProps {\n /** The message to display. */\n label?: React.ReactNode;\n /** Variant of the snackbar. */\n variant?: HvSnackbarVariant;\n /** Controls if the associated icon to the variant should be shown. */\n showIcon?: boolean;\n /** Custom icon to replace the variant default. */\n customIcon?: React.ReactNode;\n /** Action to display. */\n action?: React.ReactNode | HvActionGeneric;\n /** The callback function ran when an action is triggered, receiving `action` as param */\n actionCallback?: (\n event: React.SyntheticEvent,\n id: string,\n action: HvActionGeneric\n ) => void;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?:
|
|
1
|
+
{"version":3,"file":"SnackbarContentWrapper.js","sources":["../../../../../src/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.tsx"],"sourcesContent":["import { forwardRef, isValidElement } from \"react\";\nimport SnackbarContent, {\n SnackbarContentProps as MuiSnackbarContentProps,\n} from \"@mui/material/SnackbarContent\";\nimport { ExtractNames, iconVariant, setId } from \"@core/utils\";\nimport { HvBaseProps } from \"@core/types\";\nimport {\n HvActionsGeneric,\n HvActionGeneric,\n HvButtonVariant,\n} from \"@core/components\";\nimport { useTheme } from \"@core/hooks\";\nimport { HvSnackbarVariant } from \"../Snackbar\";\nimport { staticClasses, useClasses } from \"./SnackbarContentWrapper.styles\";\n\nexport { staticClasses as snackbarContentClasses };\n\nexport type HvSnackbarContentClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvSnackbarContentProps\n extends Omit<MuiSnackbarContentProps, \"variant\" | \"action\" | \"classes\">,\n HvBaseProps {\n /** The message to display. */\n label?: React.ReactNode;\n /** Variant of the snackbar. */\n variant?: HvSnackbarVariant;\n /** Controls if the associated icon to the variant should be shown. */\n showIcon?: boolean;\n /** Custom icon to replace the variant default. */\n customIcon?: React.ReactNode;\n /** Action to display. */\n action?: React.ReactNode | HvActionGeneric;\n /** The callback function ran when an action is triggered, receiving `action` as param */\n actionCallback?: (\n event: React.SyntheticEvent,\n id: string,\n action: HvActionGeneric\n ) => void;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvSnackbarContentClasses;\n}\n\nexport const HvSnackbarContent = forwardRef<\n HTMLDivElement,\n HvSnackbarContentProps\n>(\n (\n {\n className,\n id,\n classes: classesProp = {},\n label,\n variant = \"default\",\n showIcon,\n customIcon,\n action,\n actionCallback,\n ...others\n },\n ref\n ) => {\n const icon = customIcon || (showIcon && iconVariant(variant, \"base_dark\"));\n const innerAction: any = isValidElement(action) ? action : [action];\n\n const { classes, cx } = useClasses(classesProp);\n const { activeTheme } = useTheme();\n\n return (\n <SnackbarContent\n ref={ref}\n id={id}\n classes={{\n root: classes.root,\n message: classes.message,\n }}\n className={cx(className, classes?.[variant])}\n message={\n <div id={setId(id, \"message\")} className={classes.messageSpan}>\n {icon && <div className={classes.iconVariant}>{icon}</div>}\n <div className={classes.messageText}>{label}</div>\n {action && (\n <div id={setId(id, \"action\")} className={classes.action}>\n <HvActionsGeneric\n id={id}\n category={\n activeTheme?.snackbar.actionButtonVariant as HvButtonVariant\n }\n actions={innerAction}\n actionsCallback={actionCallback}\n />\n </div>\n )}\n </div>\n }\n {...others}\n />\n );\n }\n);\n"],"names":["HvSnackbarContent","forwardRef","className","id","classes","classesProp","label","variant","showIcon","customIcon","action","actionCallback","others","ref","icon","iconVariant","innerAction","isValidElement","cx","useClasses","activeTheme","useTheme","SnackbarContent","root","message","setId","messageSpan","children","_jsx","messageText","HvActionsGeneric","category","snackbar","actionButtonVariant","actions","actionsCallback"],"mappings":";;;;;;;;;AA0CaA,MAAAA,oBAAoBC,WAI/B,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC,SAASC,cAAc,CAAC;AAAA,EACxBC;AAAAA,EACAC,UAAU;AAAA,EACVC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACL,GACAC,QACG;AACH,QAAMC,OAAOL,cAAeD,YAAYO,YAAYR,SAAS,WAAW;AACxE,QAAMS,cAAmBC,eAAeP,MAAM,IAAIA,SAAS,CAACA,MAAM;AAE5D,QAAA;AAAA,IAAEN;AAAAA,IAASc;AAAAA,EAAAA,IAAOC,WAAWd,WAAW;AACxC,QAAA;AAAA,IAAEe;AAAAA,MAAgBC,SAAS;AAEjC,6BACGC,iBAAe;AAAA,IACdT;AAAAA,IACAV;AAAAA,IACAC,SAAS;AAAA,MACPmB,MAAMnB,QAAQmB;AAAAA,MACdC,SAASpB,QAAQoB;AAAAA,IACnB;AAAA,IACAtB,WAAWgB,GAAGhB,WAAWE,mCAAUG,QAAQ;AAAA,IAC3CiB,8BACE,OAAA;AAAA,MAAKrB,IAAIsB,MAAMtB,IAAI,SAAS;AAAA,MAAGD,WAAWE,QAAQsB;AAAAA,MAAYC,UAAA,CAC3Db,QAAQc,oBAAA,OAAA;AAAA,QAAK1B,WAAWE,QAAQW;AAAAA,QAAYY,UAAEb;AAAAA,MAAAA,CAAU,GACzDc,oBAAA,OAAA;AAAA,QAAK1B,WAAWE,QAAQyB;AAAAA,QAAYF,UAAErB;AAAAA,MAAAA,CAAW,GAChDI,UACCkB,oBAAA,OAAA;AAAA,QAAKzB,IAAIsB,MAAMtB,IAAI,QAAQ;AAAA,QAAGD,WAAWE,QAAQM;AAAAA,QAAOiB,8BACrDG,kBAAgB;AAAA,UACf3B;AAAAA,UACA4B,UACEX,2CAAaY,SAASC;AAAAA,UAExBC,SAASlB;AAAAA,UACTmB,iBAAiBxB;AAAAA,QAAAA,CAClB;AAAA,MAAA,CACE,CACN;AAAA,IAAA,CACE;AAAA,IACN,GACGC;AAAAA,EAAAA,CACL;AAEL,CACF;"}
|
|
@@ -79,7 +79,7 @@ const HvSnackbarProvider = ({
|
|
|
79
79
|
} : {
|
|
80
80
|
name: "tg900f-containerRoot",
|
|
81
81
|
styles: "pointer-events:all;& > div > div{padding:0 !important;transition:all 0s ease 0s !important;};label:containerRoot;",
|
|
82
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
82
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU25hY2tiYXIvU25hY2tiYXJQcm92aWRlci9TbmFja2JhclByb3ZpZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1SG1CIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU25hY2tiYXIvU25hY2tiYXJQcm92aWRlci9TbmFja2JhclByb3ZpZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGZvcndhcmRSZWYsIFJlYWN0Tm9kZSwgdXNlQ2FsbGJhY2ssIHVzZU1lbW8gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7XG4gIENvbWJpbmVkQ2xhc3NLZXksXG4gIFNuYWNrYmFyQ29udGVudCxcbiAgU25hY2tiYXJQcm92aWRlcixcbiAgdXNlU25hY2tiYXIsXG59IGZyb20gXCJub3Rpc3RhY2tcIjtcbmltcG9ydCB7IGNsc3ggfSBmcm9tIFwiY2xzeFwiO1xuaW1wb3J0IHsgU25hY2tiYXJPcmlnaW4gfSBmcm9tIFwiQG11aS9tYXRlcmlhbC9TbmFja2JhclwiO1xuaW1wb3J0IHsgRXh0cmFjdE5hbWVzIH0gZnJvbSBcIkBjb3JlL3V0aWxzXCI7XG5pbXBvcnQgeyBDbGFzc05hbWVNYXAgfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL2Nzc1wiO1xuaW1wb3J0IHsgSHZTbmFja2JhckNvbnRlbnQgfSBmcm9tIFwiLi4vU25hY2tiYXJDb250ZW50V3JhcHBlclwiO1xuaW1wb3J0IHsgSHZTbmFja2JhclZhcmlhbnQgfSBmcm9tIFwiLi4vU25hY2tiYXJcIjtcbmltcG9ydCB7IEh2U25hY2tiYXJDb250ZW50UHJvcHMgfSBmcm9tIFwiLi4vU25hY2tiYXJDb250ZW50V3JhcHBlci9TbmFja2JhckNvbnRlbnRXcmFwcGVyXCI7XG5pbXBvcnQgeyBzdGF0aWNDbGFzc2VzLCB1c2VDbGFzc2VzIH0gZnJvbSBcIi4vU25hY2tiYXJQcm92aWRlci5zdHlsZXNcIjtcblxuZXhwb3J0IHsgc3RhdGljQ2xhc3NlcyBhcyBzbmFja2JhclByb3ZpZGVyQ2xhc3NlcyB9O1xuXG5leHBvcnQgdHlwZSBIdlNuYWNrYmFyUHJvdmlkZXJDbGFzc2VzID0gRXh0cmFjdE5hbWVzPHR5cGVvZiB1c2VDbGFzc2VzPjtcblxuZXhwb3J0IGludGVyZmFjZSBIdlNuYWNrYmFyUHJvdmlkZXJQcm9wcyB7XG4gIC8qKiBZb3VyIGNvbXBvbmVudCB0cmVlLiAqL1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICAvKiogTWF4IHZpc2libGUgc25hY2tiYXJzLiAqL1xuICBtYXhTbmFjaz86IG51bWJlcjtcbiAgLyoqIEhvdyBtdWNoIHRpbWUgdGhlIHNuYWNrYmFyIHJlbWFpbnMgdmlzaWJsZSBpbiBtaWxsaXNlY29uZHMuICovXG4gIGF1dG9IaWRlRHVyYXRpb24/OiBudW1iZXI7XG4gIC8qKiBXaGVyZSBpcyB0aGUgc25hY2tiYXIgcGxhY2VkLiAqL1xuICBhbmNob3JPcmlnaW4/OiBTbmFja2Jhck9yaWdpbjtcbiAgLyoqIENsYXNzIG9iamVjdCB1c2VkIHRvIG92ZXJyaWRlIG5vdGlzdGFjayBjbGFzc2VzLiAqL1xuICBub3Rpc3RhY2tDbGFzc2VzT3ZlcnJpZGU/OiBQYXJ0aWFsPENsYXNzTmFtZU1hcDxDb21iaW5lZENsYXNzS2V5Pj47XG4gIC8qKiBBIEpzcyBPYmplY3QgdXNlZCB0byBvdmVycmlkZSBvciBleHRlbmQgdGhlIHN0eWxlcyBhcHBsaWVkIHRvIHRoZSBjb21wb25lbnQuICovXG4gIGNsYXNzZXM/OiBIdlNuYWNrYmFyUHJvdmlkZXJDbGFzc2VzO1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgSHZOb3Rpc3RhY2tTbmFja01lc3NhZ2VQcm9wcyB7XG4gIC8qKiBJZCB0byBiZSBhcHBsaWVkIHRvIHRoZSByb290IG5vZGUuICovXG4gIGlkPzogc3RyaW5nO1xuICAvKiogQ2xhc3NuYW1lIHRvIGFwcGx5IG9uIHRoZSByb290IG5vZGUgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICAvKiogWW91ciBjb21wb25lbnQgdHJlZS4gKi9cbiAgbWVzc2FnZT86IFJlYWN0Tm9kZSB8IHN0cmluZztcbiAgLyoqIFZhcmlhbnQgb2YgdGhlIHNuYWNrYmFyLiAqL1xuICB2YXJpYW50PzogSHZTbmFja2JhclZhcmlhbnQ7XG4gIC8qKiBFeHRyYSB2YWx1ZXMgdG8gcGFzcyB0byB0aGUgc25hY2tiYXIuICovXG4gIHNuYWNrYmFyQ29udGVudFByb3BzPzogSHZTbmFja2JhckNvbnRlbnRQcm9wcztcbn1cblxuY29uc3QgSHZOb3Rpc3RhY2tTbmFja01lc3NhZ2UgPSBmb3J3YXJkUmVmPFxuICBIVE1MRGl2RWxlbWVudCxcbiAgSHZOb3Rpc3RhY2tTbmFja01lc3NhZ2VQcm9wc1xuPigoeyBpZCwgbWVzc2FnZSwgdmFyaWFudCA9IFwic3VjY2Vzc1wiLCBzbmFja2JhckNvbnRlbnRQcm9wcyB9LCByZWYpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U25hY2tiYXJDb250ZW50IHJlZj17cmVmfT5cbiAgICAgIDxIdlNuYWNrYmFyQ29udGVudFxuICAgICAgICBpZD17aWR9XG4gICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgIHNob3dJY29uXG4gICAgICAgIGxhYmVsPXttZXNzYWdlfVxuICAgICAgICByb2xlPVwibm9uZVwiXG4gICAgICAgIHsuLi5zbmFja2JhckNvbnRlbnRQcm9wc31cbiAgICAgIC8+XG4gICAgPC9TbmFja2JhckNvbnRlbnQ+XG4gICk7XG59KTtcblxuLy8gV2Ugb3ZlcnJpZGUgbm90aXN0YWNrIGhvb2sgdG8gYmUgYWJsZSB0byBjdXN0b21pemUgdGhlIHNuYWNrYmFyIHRoYXQgc2hvdWxkIGJlIGNhbGxlZC5cbmV4cG9ydCBjb25zdCB1c2VIdlNuYWNrYmFyID0gKCkgPT4ge1xuICBjb25zdCB7IGVucXVldWVTbmFja2JhcjogZW5xdWV1ZU5vdGlzdGFja1NuYWNrYmFyLCBjbG9zZVNuYWNrYmFyIH0gPVxuICAgIHVzZVNuYWNrYmFyKCk7XG4gIGNvbnN0IGVucXVldWVTbmFja2JhciA9IHVzZUNhbGxiYWNrKFxuICAgIChtZXNzYWdlOiBSZWFjdE5vZGUgfCBzdHJpbmcgfCB1bmRlZmluZWQsIG9wdGlvbnMgPSB7fSkgPT4ge1xuICAgICAgY29uc3Qge1xuICAgICAgICBpZCxcbiAgICAgICAgdmFyaWFudCA9IFwic3VjY2Vzc1wiLFxuICAgICAgICBzbmFja2JhckNvbnRlbnRQcm9wcyxcbiAgICAgICAgY2xhc3NOYW1lLFxuICAgICAgICAuLi5vdGhlck9wdGlvbnNcbiAgICAgIH06IEh2Tm90aXN0YWNrU25hY2tNZXNzYWdlUHJvcHMgPSBvcHRpb25zO1xuXG4gICAgICByZXR1cm4gZW5xdWV1ZU5vdGlzdGFja1NuYWNrYmFyKFxuICAgICAgICA8SHZOb3Rpc3RhY2tTbmFja01lc3NhZ2VcbiAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgbWVzc2FnZT17bWVzc2FnZX1cbiAgICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICAgIHNuYWNrYmFyQ29udGVudFByb3BzPXtzbmFja2JhckNvbnRlbnRQcm9wc31cbiAgICAgICAgLz4sXG4gICAgICAgIHsgLi4ub3RoZXJPcHRpb25zLCBjbGFzc05hbWU6IGNsc3goY2xhc3NOYW1lKSB9XG4gICAgICApO1xuICAgIH0sXG4gICAgW2VucXVldWVOb3Rpc3RhY2tTbmFja2Jhcl1cbiAgKTtcbiAgcmV0dXJuIHVzZU1lbW8oXG4gICAgKCkgPT4gKHtcbiAgICAgIGVucXVldWVTbmFja2JhcixcbiAgICAgIGNsb3NlU25hY2tiYXIsXG4gICAgfSksXG4gICAgW2VucXVldWVTbmFja2JhciwgY2xvc2VTbmFja2Jhcl1cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBIdlNuYWNrYmFyUHJvdmlkZXIgPSAoe1xuICBjaGlsZHJlbixcbiAgbm90aXN0YWNrQ2xhc3Nlc092ZXJyaWRlLFxuICBtYXhTbmFjayA9IDUsXG4gIGF1dG9IaWRlRHVyYXRpb24gPSA1MDAwLFxuICBhbmNob3JPcmlnaW4gPSB7XG4gICAgdmVydGljYWw6IFwidG9wXCIsXG4gICAgaG9yaXpvbnRhbDogXCJyaWdodFwiLFxuICB9LFxuICBjbGFzc2VzOiBjbGFzc2VzUHJvcCA9IHt9LFxuICBjbGFzc05hbWUsXG4gIC4uLm90aGVyc1xufTogSHZTbmFja2JhclByb3ZpZGVyUHJvcHMpID0+IHtcbiAgY29uc3QgeyBjbGFzc2VzLCBjeCB9ID0gdXNlQ2xhc3NlcyhjbGFzc2VzUHJvcCk7XG5cbiAgY29uc3Qgbm90aXN0YWNrQ2xhc3NlczogUGFydGlhbDxDbGFzc05hbWVNYXA8Q29tYmluZWRDbGFzc0tleT4+ID0ge1xuICAgIGNvbnRhaW5lclJvb3Q6IGNzcyh7XG4gICAgICBwb2ludGVyRXZlbnRzOiBcImFsbFwiLFxuICAgICAgXCImID4gZGl2ID4gZGl2XCI6IHtcbiAgICAgICAgLy8gT3ZlcnJpZGVzIG5vdGlzdGFjayBleHRyYSBwYWRkaW5nXG4gICAgICAgIHBhZGRpbmc6IFwiMCAhaW1wb3J0YW50XCIsXG4gICAgICAgIHRyYW5zaXRpb246IFwiYWxsIDBzIGVhc2UgMHMgIWltcG9ydGFudFwiLFxuICAgICAgfSxcbiAgICB9KSxcbiAgICAuLi5ub3Rpc3RhY2tDbGFzc2VzT3ZlcnJpZGUsXG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8U25hY2tiYXJQcm92aWRlclxuICAgICAgY2xhc3Nlcz17bm90aXN0YWNrQ2xhc3Nlc31cbiAgICAgIG1heFNuYWNrPXttYXhTbmFja31cbiAgICAgIGF1dG9IaWRlRHVyYXRpb249e2F1dG9IaWRlRHVyYXRpb259XG4gICAgICBhbmNob3JPcmlnaW49e2FuY2hvck9yaWdpbiBhcyBTbmFja2Jhck9yaWdpbn1cbiAgICAgIGNsYXNzTmFtZT17Y3goY2xhc3Nlcy5zbmFja0l0ZW1Sb290LCBjbGFzc05hbWUpfVxuICAgICAgey4uLm90aGVyc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9TbmFja2JhclByb3ZpZGVyPlxuICApO1xufTtcbiJdfQ== */",
|
|
83
83
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
84
84
|
}),
|
|
85
85
|
...notistackClassesOverride
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SnackbarProvider.js","sources":["../../../../../src/components/Snackbar/SnackbarProvider/SnackbarProvider.tsx"],"sourcesContent":["import { forwardRef, ReactNode, useCallback, useMemo } from \"react\";\nimport {\n CombinedClassKey,\n SnackbarContent,\n SnackbarProvider,\n useSnackbar,\n} from \"notistack\";\nimport { clsx } from \"clsx\";\nimport { SnackbarOrigin } from \"@mui/material/Snackbar\";\nimport { ExtractNames } from \"@core/utils\";\nimport { ClassNameMap } from \"@mui/material\";\nimport { css } from \"@emotion/css\";\nimport { HvSnackbarContent } from \"../SnackbarContentWrapper\";\nimport { HvSnackbarVariant } from \"../Snackbar\";\nimport { HvSnackbarContentProps } from \"../SnackbarContentWrapper/SnackbarContentWrapper\";\nimport { staticClasses, useClasses } from \"./SnackbarProvider.styles\";\n\nexport { staticClasses as snackbarProviderClasses };\n\nexport type HvSnackbarProviderClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvSnackbarProviderProps {\n /** Your component tree. */\n children: React.ReactNode;\n /** Max visible snackbars. */\n maxSnack?: number;\n /** How much time the snackbar remains visible in milliseconds. */\n autoHideDuration?: number;\n /** Where is the snackbar placed. */\n anchorOrigin?: SnackbarOrigin;\n /** Class object used to override notistack classes. */\n notistackClassesOverride?: Partial<ClassNameMap<CombinedClassKey>>;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?:
|
|
1
|
+
{"version":3,"file":"SnackbarProvider.js","sources":["../../../../../src/components/Snackbar/SnackbarProvider/SnackbarProvider.tsx"],"sourcesContent":["import { forwardRef, ReactNode, useCallback, useMemo } from \"react\";\nimport {\n CombinedClassKey,\n SnackbarContent,\n SnackbarProvider,\n useSnackbar,\n} from \"notistack\";\nimport { clsx } from \"clsx\";\nimport { SnackbarOrigin } from \"@mui/material/Snackbar\";\nimport { ExtractNames } from \"@core/utils\";\nimport { ClassNameMap } from \"@mui/material\";\nimport { css } from \"@emotion/css\";\nimport { HvSnackbarContent } from \"../SnackbarContentWrapper\";\nimport { HvSnackbarVariant } from \"../Snackbar\";\nimport { HvSnackbarContentProps } from \"../SnackbarContentWrapper/SnackbarContentWrapper\";\nimport { staticClasses, useClasses } from \"./SnackbarProvider.styles\";\n\nexport { staticClasses as snackbarProviderClasses };\n\nexport type HvSnackbarProviderClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvSnackbarProviderProps {\n /** Your component tree. */\n children: React.ReactNode;\n /** Max visible snackbars. */\n maxSnack?: number;\n /** How much time the snackbar remains visible in milliseconds. */\n autoHideDuration?: number;\n /** Where is the snackbar placed. */\n anchorOrigin?: SnackbarOrigin;\n /** Class object used to override notistack classes. */\n notistackClassesOverride?: Partial<ClassNameMap<CombinedClassKey>>;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvSnackbarProviderClasses;\n className?: string;\n}\n\nexport interface HvNotistackSnackMessageProps {\n /** Id to be applied to the root node. */\n id?: string;\n /** Classname to apply on the root node */\n className?: string;\n /** Your component tree. */\n message?: ReactNode | string;\n /** Variant of the snackbar. */\n variant?: HvSnackbarVariant;\n /** Extra values to pass to the snackbar. */\n snackbarContentProps?: HvSnackbarContentProps;\n}\n\nconst HvNotistackSnackMessage = forwardRef<\n HTMLDivElement,\n HvNotistackSnackMessageProps\n>(({ id, message, variant = \"success\", snackbarContentProps }, ref) => {\n return (\n <SnackbarContent ref={ref}>\n <HvSnackbarContent\n id={id}\n variant={variant}\n showIcon\n label={message}\n role=\"none\"\n {...snackbarContentProps}\n />\n </SnackbarContent>\n );\n});\n\n// We override notistack hook to be able to customize the snackbar that should be called.\nexport const useHvSnackbar = () => {\n const { enqueueSnackbar: enqueueNotistackSnackbar, closeSnackbar } =\n useSnackbar();\n const enqueueSnackbar = useCallback(\n (message: ReactNode | string | undefined, options = {}) => {\n const {\n id,\n variant = \"success\",\n snackbarContentProps,\n className,\n ...otherOptions\n }: HvNotistackSnackMessageProps = options;\n\n return enqueueNotistackSnackbar(\n <HvNotistackSnackMessage\n id={id}\n message={message}\n variant={variant}\n snackbarContentProps={snackbarContentProps}\n />,\n { ...otherOptions, className: clsx(className) }\n );\n },\n [enqueueNotistackSnackbar]\n );\n return useMemo(\n () => ({\n enqueueSnackbar,\n closeSnackbar,\n }),\n [enqueueSnackbar, closeSnackbar]\n );\n};\n\nexport const HvSnackbarProvider = ({\n children,\n notistackClassesOverride,\n maxSnack = 5,\n autoHideDuration = 5000,\n anchorOrigin = {\n vertical: \"top\",\n horizontal: \"right\",\n },\n classes: classesProp = {},\n className,\n ...others\n}: HvSnackbarProviderProps) => {\n const { classes, cx } = useClasses(classesProp);\n\n const notistackClasses: Partial<ClassNameMap<CombinedClassKey>> = {\n containerRoot: css({\n pointerEvents: \"all\",\n \"& > div > div\": {\n // Overrides notistack extra padding\n padding: \"0 !important\",\n transition: \"all 0s ease 0s !important\",\n },\n }),\n ...notistackClassesOverride,\n };\n\n return (\n <SnackbarProvider\n classes={notistackClasses}\n maxSnack={maxSnack}\n autoHideDuration={autoHideDuration}\n anchorOrigin={anchorOrigin as SnackbarOrigin}\n className={cx(classes.snackItemRoot, className)}\n {...others}\n >\n {children}\n </SnackbarProvider>\n );\n};\n"],"names":["HvNotistackSnackMessage","forwardRef","id","message","variant","snackbarContentProps","ref","SnackbarContent","children","HvSnackbarContent","showIcon","label","role","useHvSnackbar","enqueueSnackbar","enqueueNotistackSnackbar","closeSnackbar","useSnackbar","useCallback","options","className","otherOptions","clsx","useMemo","HvSnackbarProvider","notistackClassesOverride","maxSnack","autoHideDuration","anchorOrigin","vertical","horizontal","classes","classesProp","others","cx","useClasses","notistackClasses","containerRoot","css","process","env","NODE_ENV","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","SnackbarProvider","snackItemRoot"],"mappings":";;;;;;;;;;;AAkDA,MAAMA,0BAA0BC,WAG9B,CAAC;AAAA,EAAEC;AAAAA,EAAIC;AAAAA,EAASC,UAAU;AAAA,EAAWC;AAAqB,GAAGC,QAAQ;AACrE,6BACGC,iBAAe;AAAA,IAACD;AAAAA,IAASE,8BACvBC,mBAAiB;AAAA,MAChBP;AAAAA,MACAE;AAAAA,MACAM,UAAQ;AAAA,MACRC,OAAOR;AAAAA,MACPS,MAAK;AAAA,MAAM,GACPP;AAAAA,IAAAA,CACL;AAAA,EAAA,CACc;AAErB,CAAC;AAGM,MAAMQ,gBAAgBA,MAAM;AAC3B,QAAA;AAAA,IAAEC,iBAAiBC;AAAAA,IAA0BC;AAAAA,MACjDC,YAAY;AACd,QAAMH,kBAAkBI,YACtB,CAACf,SAAyCgB,UAAU,CAAA,MAAO;AACnD,UAAA;AAAA,MACJjB;AAAAA,MACAE,UAAU;AAAA,MACVC;AAAAA,MACAe;AAAAA,MACA,GAAGC;AAAAA,IAC6BF,IAAAA;AAE3BJ,WAAAA,6CACJf,yBAAuB;AAAA,MACtBE;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,IAAAA,CACD,GACD;AAAA,MAAE,GAAGgB;AAAAA,MAAcD,WAAWE,KAAKF,SAAS;AAAA,IAAA,CAC9C;AAAA,EAAA,GAEF,CAACL,wBAAwB,CAC3B;AACA,SAAOQ,QACL,OAAO;AAAA,IACLT;AAAAA,IACAE;AAAAA,EAEF,IAAA,CAACF,iBAAiBE,aAAa,CACjC;AACF;AAEO,MAAMQ,qBAAqBA,CAAC;AAAA,EACjChB;AAAAA,EACAiB;AAAAA,EACAC,WAAW;AAAA,EACXC,mBAAmB;AAAA,EACnBC,eAAe;AAAA,IACbC,UAAU;AAAA,IACVC,YAAY;AAAA,EACd;AAAA,EACAC,SAASC,cAAc,CAAC;AAAA,EACxBZ;AAAAA,EACA,GAAGa;AACoB,MAAM;AACvB,QAAA;AAAA,IAAEF;AAAAA,IAASG;AAAAA,EAAAA,IAAOC,WAAWH,WAAW;AAE9C,QAAMI,mBAA4D;AAAA,IAChEC,eAAeC,oBAAGC,QAAAC,IAAAC,aAAA,eAAA;AAAA,MAAAC,MAAA;AAAA,MAAAC,QAAA;AAAA,IAAA,IAAA;AAAA,MAAAD,MAAA;AAAA,MAAAC,QAAA;AAAA,MAAAC,KAAA;AAAA,MAAAC,UAAAC;AAAAA,IAAAA,CAOjB;AAAA,IACD,GAAGrB;AAAAA,EAAAA;AAGL,6BACGsB,kBAAgB;AAAA,IACfhB,SAASK;AAAAA,IACTV;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAR,WAAWc,GAAGH,QAAQiB,eAAe5B,SAAS;AAAA,IAAE,GAC5Ca;AAAAA,IAAMzB;AAAAA,EAAAA,CAGM;AAEtB;"}
|
|
@@ -46,12 +46,12 @@ const StyledTableCell = (c) => /* @__PURE__ */ _styled(c, process.env.NODE_ENV =
|
|
|
46
46
|
backgroundImage: `linear-gradient(to right, ${$sortedColor}, ${$sortedColor})`
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
|
-
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
49
|
+
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVDZWxsL1RhYmxlQ2VsbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0ZFIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVDZWxsL1RhYmxlQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBjYXBpdGFsaXplIGZyb20gXCJsb2Rhc2gvY2FwaXRhbGl6ZVwiO1xuaW1wb3J0IHtcbiAgQ1NTUHJvcGVydGllcyxcbiAgZm9yd2FyZFJlZixcbiAgVGRIVE1MQXR0cmlidXRlcyxcbiAgdXNlQ29udGV4dCxcbiAgdXNlRWZmZWN0LFxuICB1c2VNZW1vLFxuICB1c2VTdGF0ZSxcbn0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7XG4gIGNoZWNrVmFsaWRIZXhDb2xvclZhbHVlLFxuICBFeHRyYWN0TmFtZXMsXG4gIGhleFRvUmdiQSxcbiAgZ2V0VmFyVmFsdWUsXG59IGZyb20gXCJAY29yZS91dGlsc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiQGNvcmUvaG9va3NcIjtcbmltcG9ydCB7XG4gIEh2VGFibGVDZWxsQWxpZ24sXG4gIEh2VGFibGVDZWxsVHlwZSxcbiAgSHZUYWJsZUNlbGxWYXJpYW50LFxufSBmcm9tIFwiLi4vVGFibGVcIjtcbmltcG9ydCBUYWJsZUNvbnRleHQgZnJvbSBcIi4uL1RhYmxlQ29udGV4dFwiO1xuaW1wb3J0IFRhYmxlU2VjdGlvbkNvbnRleHQgZnJvbSBcIi4uL1RhYmxlU2VjdGlvbkNvbnRleHRcIjtcbmltcG9ydCB7IHN0YXRpY0NsYXNzZXMsIHVzZUNsYXNzZXMgfSBmcm9tIFwiLi9UYWJsZUNlbGwuc3R5bGVzXCI7XG5cbmV4cG9ydCB7IHN0YXRpY0NsYXNzZXMgYXMgdGFibGVDZWxsQ2xhc3NlcyB9O1xuXG5leHBvcnQgdHlwZSBIdlRhYmxlQ2VsbENsYXNzZXMgPSBFeHRyYWN0TmFtZXM8dHlwZW9mIHVzZUNsYXNzZXM+O1xuXG5leHBvcnQgaW50ZXJmYWNlIEh2VGFibGVDZWxsUHJvcHNcbiAgZXh0ZW5kcyBPbWl0PFRkSFRNTEF0dHJpYnV0ZXM8SFRNTFRhYmxlQ2VsbEVsZW1lbnQ+LCBcImFsaWduXCI+IHtcbiAgLyoqIFRoZSBjb21wb25lbnQgdXNlZCBmb3IgdGhlIHJvb3Qgbm9kZS4gRWl0aGVyIGEgc3RyaW5nIHRvIHVzZSBhIEhUTUwgZWxlbWVudCBvciBhIGNvbXBvbmVudC4gRGVmYXVsdHMgdG8gdGQuICovXG4gIGNvbXBvbmVudD86IFJlYWN0LkVsZW1lbnRUeXBlO1xuICAvKiogQ29udGVudCB0byBiZSByZW5kZXJlZCAqL1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqIElubGluZSBzdHlsZXMgdG8gYmUgYXBwbGllZCB0byB0aGUgcm9vdCBlbGVtZW50LiAqL1xuICBzdHlsZT86IENTU1Byb3BlcnRpZXM7XG4gIC8qKiBTZXQgdGhlIHRleHQtYWxpZ24gb24gdGhlIHRhYmxlIGNlbGwgY29udGVudC4gKi9cbiAgYWxpZ24/OiBIdlRhYmxlQ2VsbEFsaWduO1xuICAvKiogU2V0cyB0aGUgY2VsbCdzIHZhcmlhbnQuICovXG4gIHZhcmlhbnQ/OiBIdlRhYmxlQ2VsbFZhcmlhbnQgfCBcImxpc3RjaGVja2JveFwiIHwgXCJsaXN0YWN0aW9uc1wiO1xuICAvKiogU3BlY2lmeSB0aGUgY2VsbCdzIHR5cGUuIFRoZSBwcm9wIGRlZmF1bHRzIHRvIHRoZSB2YWx1ZSBpbmhlcml0ZWQgZnJvbSB0aGUgcGFyZW50IFRhYmxlSGVhZCwgVGFibGVCb2R5LCBvciBUYWJsZUZvb3RlciBjb21wb25lbnRzLiAqL1xuICB0eXBlPzogSHZUYWJsZUNlbGxUeXBlO1xuICAvKiogV2hldGhlciBvciBub3QgdGhlIGNlbGwgaXMgcGFydCBvZiBhIHNvcnRlZCBjb2x1bW4uICovXG4gIHNvcnRlZD86IGJvb2xlYW47XG4gIC8qKiBUaGUgY2VsbCBpcyBwYXJ0IG9mIGEgc3RpY2t5IGNvbHVtbi4gKi9cbiAgc3RpY2t5Q29sdW1uPzogYm9vbGVhbjtcbiAgLyoqIFRoZSBjZWxsIGlzIHBhcnQgb2YgdGhlIGxhc3Qgc3RpY2t5IHRvIHRoZSBsZWZ0IGNvbHVtbi4gKi9cbiAgc3RpY2t5Q29sdW1uTW9zdExlZnQ/OiBib29sZWFuO1xuICAvKiogVGhlIGNlbGwgaXMgcGFydCBvZiB0aGUgZmlyc3Qgc3RpY2t5IHRvIHRoZSByaWdodCBjb2x1bW4uICovXG4gIHN0aWNreUNvbHVtbkxlYXN0UmlnaHQ/OiBib29sZWFuO1xuICAvKiogVGhlIGNlbGwgaXMgcGFydCBvZiB0aGUgZmlyc3QgY29sdW1uIGluIHRoZSBncm91cC4gKi9cbiAgZ3JvdXBDb2x1bW5Nb3N0TGVmdD86IGJvb2xlYW47XG4gIC8qKiBUaGUgY2VsbCBpcyBwYXJ0IG9mIHRoZSBsYXN0IGNvbHVtbiBpbiB0aGUgZ3JvdXAuICovXG4gIGdyb3VwQ29sdW1uTW9zdFJpZ2h0PzogYm9vbGVhbjtcbiAgLyoqIFdoZXRoZXIgb3Igbm90IHRoZSBjZWxsIGlzIHJlc2l6YWJsZSAqL1xuICByZXNpemFibGU/OiBib29sZWFuO1xuICAvKiogV2hldGhlciBvciBub3QgdGhlIGNlbGwgaXMgYmVpbmcgcmVzaXplZCAqL1xuICByZXNpemluZz86IGJvb2xlYW47XG4gIC8qKiBBIEpzcyBPYmplY3QgdXNlZCB0byBvdmVycmlkZSBvciBleHRlbmQgdGhlIHN0eWxlcyBhcHBsaWVkIHRvIHRoZSBjb21wb25lbnQuICovXG4gIGNsYXNzZXM/OiBIdlRhYmxlQ2VsbENsYXNzZXM7XG59XG5cbmNvbnN0IGRlZmF1bHRDb21wb25lbnQgPSBcInRkXCI7XG5cbmludGVyZmFjZSBTdHlsZWRUYWJsZUNlbGxQcm9wcyB7XG4gICR2YXJpYW50TGlzdDogYm9vbGVhbjtcbiAgJHZhcmlhbnRMaXN0SGVhZDogYm9vbGVhbjtcbiAgJHN0aWNreUNvbHVtbjogYm9vbGVhbjtcbiAgJHN0aWNreUNvbHVtbk1vc3RMZWZ0OiBib29sZWFuO1xuICAkc3RpY2t5Q29sdW1uTGVhc3RSaWdodDogYm9vbGVhbjtcbiAgJGdyb3VwQ29sdW1uTW9zdExlZnQ6IGJvb2xlYW47XG4gICRncm91cENvbHVtbk1vc3RSaWdodDogYm9vbGVhbjtcbiAgJHJlc2l6YWJsZTogYm9vbGVhbjtcbiAgJHJlc2l6aW5nOiBib29sZWFuO1xuICAkYWxpZ246IHN0cmluZztcbiAgJHZhcmlhbnQ6IHN0cmluZztcbiAgJHR5cGU6IHN0cmluZztcbiAgJHNvcnRlZENvbG9yOiBzdHJpbmc7XG59XG5cbmNvbnN0IFN0eWxlZFRhYmxlQ2VsbCA9IChjOiBhbnkpID0+XG4gIHN0eWxlZChcbiAgICBjLFxuICAgIHRyYW5zaWVudE9wdGlvbnNcbiAgKSgoeyAkc3RpY2t5Q29sdW1uLCAkdHlwZSwgJHNvcnRlZENvbG9yIH06IFN0eWxlZFRhYmxlQ2VsbFByb3BzKSA9PiAoe1xuICAgIC4uLigkdHlwZSA9PT0gXCJib2R5XCIgJiYge1xuICAgICAgW2AmLiR7c3RhdGljQ2xhc3Nlcy5zb3J0ZWR9YF06IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiAkc29ydGVkQ29sb3IsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLigkc3RpY2t5Q29sdW1uICYmIHtcbiAgICAgIFtgJi4ke3N0YXRpY0NsYXNzZXMuc29ydGVkfWBdOiB7XG4gICAgICAgIGJhY2tncm91bmRJbWFnZTogYGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgJHskc29ydGVkQ29sb3J9LCAkeyRzb3J0ZWRDb2xvcn0pYCxcbiAgICAgIH0sXG4gICAgfSksXG4gIH0pKTtcblxuY29uc3QgZ2V0U29ydGVkQ29sb3IgPSAoY29sb3I/OiBzdHJpbmcsIGFscGhhPzogc3RyaW5nKSA9PiB7XG4gIHJldHVybiBjaGVja1ZhbGlkSGV4Q29sb3JWYWx1ZShjb2xvcikgJiYgYWxwaGFcbiAgICA/IGhleFRvUmdiQShjb2xvciwgcGFyc2VGbG9hdChhbHBoYSkpXG4gICAgOiBjb2xvcjtcbn07XG5cbi8qKlxuICogYEh2VGFibGVDZWxsYCBhY3RzIGFzIGEgYHRkYCBlbGVtZW50IGFuZCBpbmhlcml0cyBzdHlsZXMgZnJvbSBpdHMgY29udGV4dFxuICovXG5leHBvcnQgY29uc3QgSHZUYWJsZUNlbGwgPSBmb3J3YXJkUmVmPEhUTUxFbGVtZW50LCBIdlRhYmxlQ2VsbFByb3BzPihcbiAgKHByb3BzLCBleHRlcm5hbFJlZikgPT4ge1xuICAgIGNvbnN0IHtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgY29tcG9uZW50LFxuICAgICAgY2xhc3NOYW1lLFxuICAgICAgc3R5bGUsXG4gICAgICBjbGFzc2VzOiBjbGFzc2VzUHJvcCxcbiAgICAgIGFsaWduID0gXCJpbmhlcml0XCIsXG4gICAgICB2YXJpYW50ID0gXCJkZWZhdWx0XCIsXG4gICAgICB0eXBlOiB0eXBlUHJvcCxcbiAgICAgIHN0aWNreUNvbHVtbiA9IGZhbHNlLFxuICAgICAgc3RpY2t5Q29sdW1uTW9zdExlZnQgPSBmYWxzZSxcbiAgICAgIHN0aWNreUNvbHVtbkxlYXN0UmlnaHQgPSBmYWxzZSxcbiAgICAgIGdyb3VwQ29sdW1uTW9zdExlZnQgPSBmYWxzZSxcbiAgICAgIGdyb3VwQ29sdW1uTW9zdFJpZ2h0ID0gZmFsc2UsXG4gICAgICBzb3J0ZWQgPSBmYWxzZSxcbiAgICAgIHJlc2l6YWJsZSA9IGZhbHNlLFxuICAgICAgcmVzaXppbmcgPSBmYWxzZSxcbiAgICAgIC4uLm90aGVyc1xuICAgIH0gPSBwcm9wcztcbiAgICBjb25zdCB7IGNsYXNzZXMsIGN4IH0gPSB1c2VDbGFzc2VzKGNsYXNzZXNQcm9wKTtcbiAgICBjb25zdCB7IGFjdGl2ZVRoZW1lLCByb290SWQgfSA9IHVzZVRoZW1lKCk7XG4gICAgY29uc3QgdGFibGVDb250ZXh0ID0gdXNlQ29udGV4dChUYWJsZUNvbnRleHQpO1xuICAgIGNvbnN0IHRhYmxlU2VjdGlvbkNvbnRleHQgPSB1c2VDb250ZXh0KFRhYmxlU2VjdGlvbkNvbnRleHQpO1xuXG4gICAgY29uc3QgW3NvcnRlZENvbG9yVmFsdWUsIHNldFNvcnRlZENvbG9yVmFsdWVdID0gdXNlU3RhdGU8XG4gICAgICBzdHJpbmcgfCB1bmRlZmluZWRcbiAgICA+KCk7XG4gICAgY29uc3QgW3NvcnRlZENvbG9yQWxwaGEsIHNldFNvcnRlZENvbG9yQWxwaGFdID0gdXNlU3RhdGU8XG4gICAgICBzdHJpbmcgfCB1bmRlZmluZWRcbiAgICA+KCk7XG5cbiAgICBjb25zdCB0eXBlID0gdHlwZVByb3AgfHwgdGFibGVTZWN0aW9uQ29udGV4dD8udHlwZSB8fCBcImJvZHlcIjtcblxuICAgIGNvbnN0IENvbXBvbmVudCA9XG4gICAgICBjb21wb25lbnQgfHwgdGFibGVDb250ZXh0Py5jb21wb25lbnRzPy5UZCB8fCBkZWZhdWx0Q29tcG9uZW50O1xuXG4gICAgY29uc3QgVGFibGVDZWxsID0gdXNlTWVtbygoKSA9PiBTdHlsZWRUYWJsZUNlbGwoQ29tcG9uZW50KSwgW0NvbXBvbmVudF0pO1xuXG4gICAgY29uc3QgW3NvcnRlZENvbG9yLCBzZXRTb3J0ZWRDb2xvcl0gPSB1c2VTdGF0ZShcbiAgICAgIGdldFNvcnRlZENvbG9yKHNvcnRlZENvbG9yVmFsdWUsIHNvcnRlZENvbG9yQWxwaGEpXG4gICAgKTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICBzZXRTb3J0ZWRDb2xvclZhbHVlKGdldFZhclZhbHVlKHRoZW1lLnRhYmxlLnJvd1NvcnRlZENvbG9yLCByb290SWQpKTtcbiAgICAgIHNldFNvcnRlZENvbG9yQWxwaGEoZ2V0VmFyVmFsdWUodGhlbWUudGFibGUucm93U29ydGVkQ29sb3JBbHBoYSwgcm9vdElkKSk7XG5cbiAgICAgIHNldFNvcnRlZENvbG9yKGdldFNvcnRlZENvbG9yKHNvcnRlZENvbG9yVmFsdWUsIHNvcnRlZENvbG9yQWxwaGEpKTtcbiAgICB9LCBbXG4gICAgICBhY3RpdmVUaGVtZT8uY29sb3JzLm1vZGVzLnNlbGVjdGVkTW9kZSxcbiAgICAgIHNvcnRlZENvbG9yVmFsdWUsXG4gICAgICBzb3J0ZWRDb2xvckFscGhhLFxuICAgICAgcm9vdElkLFxuICAgIF0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxUYWJsZUNlbGxcbiAgICAgICAgcmVmPXtleHRlcm5hbFJlZn1cbiAgICAgICAgcm9sZT17Q29tcG9uZW50ID09PSBkZWZhdWx0Q29tcG9uZW50ID8gbnVsbCA6IFwiY2VsbFwifVxuICAgICAgICBzdHlsZT17c3R5bGV9XG4gICAgICAgIGNsYXNzTmFtZT17Y3goY2xhc3NOYW1lLCBjbGFzc2VzLnJvb3QsIGNsYXNzZXNbdHlwZV0sIHtcbiAgICAgICAgICBbY2xhc3Nlc1tgYWxpZ24ke2NhcGl0YWxpemUoYWxpZ24pfWBdXTogYWxpZ24gIT09IFwiaW5oZXJpdFwiLFxuICAgICAgICAgIFtjbGFzc2VzLnZhcmlhbnRMaXN0XTogdGFibGVDb250ZXh0LnZhcmlhbnQgPT09IFwibGlzdHJvd1wiLFxuICAgICAgICAgIFtjbGFzc2VzLnZhcmlhbnRMaXN0SGVhZF06XG4gICAgICAgICAgICB0YWJsZUNvbnRleHQudmFyaWFudCA9PT0gXCJsaXN0cm93XCIgJiYgdHlwZSAhPT0gXCJib2R5XCIsXG4gICAgICAgICAgW2NsYXNzZXNbYHZhcmlhbnQke2NhcGl0YWxpemUodmFyaWFudCl9YF1dOiB2YXJpYW50ICE9PSBcImRlZmF1bHRcIixcbiAgICAgICAgICBbY2xhc3Nlcy5zb3J0ZWRdOiBzb3J0ZWQsXG4gICAgICAgICAgW2NsYXNzZXMuc3RpY2t5Q29sdW1uXTogc3RpY2t5Q29sdW1uLFxuICAgICAgICAgIFtjbGFzc2VzLnN0aWNreUNvbHVtbk1vc3RMZWZ0XTogc3RpY2t5Q29sdW1uTW9zdExlZnQsXG4gICAgICAgICAgW2NsYXNzZXMuc3RpY2t5Q29sdW1uTGVhc3RSaWdodF06IHN0aWNreUNvbHVtbkxlYXN0UmlnaHQsXG4gICAgICAgICAgW2NsYXNzZXMuZ3JvdXBDb2x1bW5Nb3N0TGVmdF06IGdyb3VwQ29sdW1uTW9zdExlZnQsXG4gICAgICAgICAgW2NsYXNzZXMuZ3JvdXBDb2x1bW5Nb3N0UmlnaHRdOiBncm91cENvbHVtbk1vc3RSaWdodCxcbiAgICAgICAgICBbY2xhc3Nlcy5yZXNpemFibGVdOiByZXNpemFibGUsXG4gICAgICAgICAgW2NsYXNzZXMucmVzaXppbmddOiByZXNpemluZyxcbiAgICAgICAgfSl9XG4gICAgICAgICR0eXBlPXt0eXBlfVxuICAgICAgICAkc3RpY2t5Q29sdW1uPXtzdGlja3lDb2x1bW59XG4gICAgICAgICRzb3J0ZWRDb2xvcj17c29ydGVkQ29sb3J9XG4gICAgICAgIHsuLi5vdGhlcnN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvVGFibGVDZWxsPlxuICAgICk7XG4gIH1cbik7XG4iXX0= */");
|
|
50
50
|
const getSortedColor = (color, alpha) => {
|
|
51
51
|
return checkValidHexColorValue(color) && alpha ? fade(color, parseFloat(alpha)) : color;
|
|
52
52
|
};
|
|
53
53
|
const HvTableCell = forwardRef((props, externalRef) => {
|
|
54
|
-
var _a
|
|
54
|
+
var _a;
|
|
55
55
|
const {
|
|
56
56
|
children,
|
|
57
57
|
component,
|
|
@@ -77,7 +77,7 @@ const HvTableCell = forwardRef((props, externalRef) => {
|
|
|
77
77
|
} = useClasses(classesProp);
|
|
78
78
|
const {
|
|
79
79
|
activeTheme,
|
|
80
|
-
|
|
80
|
+
rootId
|
|
81
81
|
} = useTheme();
|
|
82
82
|
const tableContext = useContext(TableContext);
|
|
83
83
|
const tableSectionContext = useContext(TableSectionContext);
|
|
@@ -88,10 +88,10 @@ const HvTableCell = forwardRef((props, externalRef) => {
|
|
|
88
88
|
const TableCell = useMemo(() => StyledTableCell(Component), [Component]);
|
|
89
89
|
const [sortedColor, setSortedColor] = useState(getSortedColor(sortedColorValue, sortedColorAlpha));
|
|
90
90
|
useEffect(() => {
|
|
91
|
-
setSortedColorValue(getVarValue(theme.table.rowSortedColor));
|
|
92
|
-
setSortedColorAlpha(getVarValue(theme.table.rowSortedColorAlpha));
|
|
91
|
+
setSortedColorValue(getVarValue(theme.table.rowSortedColor, rootId));
|
|
92
|
+
setSortedColorAlpha(getVarValue(theme.table.rowSortedColorAlpha, rootId));
|
|
93
93
|
setSortedColor(getSortedColor(sortedColorValue, sortedColorAlpha));
|
|
94
|
-
}, [
|
|
94
|
+
}, [activeTheme == null ? void 0 : activeTheme.colors.modes.selectedMode, sortedColorValue, sortedColorAlpha, rootId]);
|
|
95
95
|
return /* @__PURE__ */ jsx(TableCell, {
|
|
96
96
|
ref: externalRef,
|
|
97
97
|
role: Component === defaultComponent ? null : "cell",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableCell.js","sources":["../../../../../src/components/Table/TableCell/TableCell.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport capitalize from \"lodash/capitalize\";\nimport {\n CSSProperties,\n forwardRef,\n TdHTMLAttributes,\n useContext,\n useEffect,\n useMemo,\n useState,\n} from \"react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport {\n checkValidHexColorValue,\n ExtractNames,\n getVarValue,\n hexToRgbA,\n} from \"@core/utils\";\nimport { useTheme } from \"@core/hooks\";\nimport {\n HvTableCellAlign,\n HvTableCellType,\n HvTableCellVariant,\n} from \"../Table\";\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { staticClasses, useClasses } from \"./TableCell.styles\";\n\nexport { staticClasses as tableCellClasses };\n\nexport type HvTableCellClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvTableCellProps\n extends Omit<TdHTMLAttributes<HTMLTableCellElement>, \"align\"> {\n /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to td. */\n component?: React.ElementType;\n /** Content to be rendered */\n children?: React.ReactNode;\n /** Inline styles to be applied to the root element. */\n style?: CSSProperties;\n /** Set the text-align on the table cell content. */\n align?: HvTableCellAlign;\n /** Sets the cell's variant. */\n variant?: HvTableCellVariant | \"listcheckbox\" | \"listactions\";\n /** Specify the cell's type. The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components. */\n type?: HvTableCellType;\n /** Whether or not the cell is part of a sorted column. */\n sorted?: boolean;\n /** The cell is part of a sticky column. */\n stickyColumn?: boolean;\n /** The cell is part of the last sticky to the left column. */\n stickyColumnMostLeft?: boolean;\n /** The cell is part of the first sticky to the right column. */\n stickyColumnLeastRight?: boolean;\n /** The cell is part of the first column in the group. */\n groupColumnMostLeft?: boolean;\n /** The cell is part of the last column in the group. */\n groupColumnMostRight?: boolean;\n /** Whether or not the cell is resizable */\n resizable?: boolean;\n /** Whether or not the cell is being resized */\n resizing?: boolean;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvTableCellClasses;\n}\n\nconst defaultComponent = \"td\";\n\ninterface StyledTableCellProps {\n $variantList: boolean;\n $variantListHead: boolean;\n $stickyColumn: boolean;\n $stickyColumnMostLeft: boolean;\n $stickyColumnLeastRight: boolean;\n $groupColumnMostLeft: boolean;\n $groupColumnMostRight: boolean;\n $resizable: boolean;\n $resizing: boolean;\n $align: string;\n $variant: string;\n $type: string;\n $sortedColor: string;\n}\n\nconst StyledTableCell = (c: any) =>\n styled(\n c,\n transientOptions\n )(({ $stickyColumn, $type, $sortedColor }: StyledTableCellProps) => ({\n ...($type === \"body\" && {\n [`&.${staticClasses.sorted}`]: {\n backgroundColor: $sortedColor,\n },\n }),\n ...($stickyColumn && {\n [`&.${staticClasses.sorted}`]: {\n backgroundImage: `linear-gradient(to right, ${$sortedColor}, ${$sortedColor})`,\n },\n }),\n }));\n\nconst getSortedColor = (color?: string, alpha?: string) => {\n return checkValidHexColorValue(color) && alpha\n ? hexToRgbA(color, parseFloat(alpha))\n : color;\n};\n\n/**\n * `HvTableCell` acts as a `td` element and inherits styles from its context\n */\nexport const HvTableCell = forwardRef<HTMLElement, HvTableCellProps>(\n (props, externalRef) => {\n const {\n children,\n component,\n className,\n style,\n classes: classesProp,\n align = \"inherit\",\n variant = \"default\",\n type: typeProp,\n stickyColumn = false,\n stickyColumnMostLeft = false,\n stickyColumnLeastRight = false,\n groupColumnMostLeft = false,\n groupColumnMostRight = false,\n sorted = false,\n resizable = false,\n resizing = false,\n ...others\n } = props;\n const { classes, cx } = useClasses(classesProp);\n const { activeTheme, selectedMode } = useTheme();\n const tableContext = useContext(TableContext);\n const tableSectionContext = useContext(TableSectionContext);\n\n const [sortedColorValue, setSortedColorValue] = useState<\n string | undefined\n >();\n const [sortedColorAlpha, setSortedColorAlpha] = useState<\n string | undefined\n >();\n\n const type = typeProp || tableSectionContext?.type || \"body\";\n\n const Component =\n component || tableContext?.components?.Td || defaultComponent;\n\n const TableCell = useMemo(() => StyledTableCell(Component), [Component]);\n\n const [sortedColor, setSortedColor] = useState(\n getSortedColor(sortedColorValue, sortedColorAlpha)\n );\n\n useEffect(() => {\n setSortedColorValue(getVarValue(theme.table.rowSortedColor));\n setSortedColorAlpha(getVarValue(theme.table.rowSortedColorAlpha));\n\n setSortedColor(getSortedColor(sortedColorValue, sortedColorAlpha));\n }, [\n activeTheme?.colors?.modes[selectedMode],\n sortedColorValue,\n sortedColorAlpha,\n ]);\n\n return (\n <TableCell\n ref={externalRef}\n role={Component === defaultComponent ? null : \"cell\"}\n style={style}\n className={cx(className, classes.root, classes[type], {\n [classes[`align${capitalize(align)}`]]: align !== \"inherit\",\n [classes.variantList]: tableContext.variant === \"listrow\",\n [classes.variantListHead]:\n tableContext.variant === \"listrow\" && type !== \"body\",\n [classes[`variant${capitalize(variant)}`]]: variant !== \"default\",\n [classes.sorted]: sorted,\n [classes.stickyColumn]: stickyColumn,\n [classes.stickyColumnMostLeft]: stickyColumnMostLeft,\n [classes.stickyColumnLeastRight]: stickyColumnLeastRight,\n [classes.groupColumnMostLeft]: groupColumnMostLeft,\n [classes.groupColumnMostRight]: groupColumnMostRight,\n [classes.resizable]: resizable,\n [classes.resizing]: resizing,\n })}\n $type={type}\n $stickyColumn={stickyColumn}\n $sortedColor={sortedColor}\n {...others}\n >\n {children}\n </TableCell>\n );\n }\n);\n"],"names":["defaultComponent","StyledTableCell","c","process","env","NODE_ENV","_extends","target","transientOptions","label","$stickyColumn","$type","$sortedColor","staticClasses","sorted","backgroundColor","backgroundImage","getSortedColor","color","alpha","checkValidHexColorValue","hexToRgbA","parseFloat","HvTableCell","forwardRef","props","externalRef","children","component","className","style","classes","classesProp","align","variant","type","typeProp","stickyColumn","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","groupColumnMostRight","resizable","resizing","others","cx","useClasses","activeTheme","selectedMode","useTheme","tableContext","useContext","TableContext","tableSectionContext","TableSectionContext","sortedColorValue","setSortedColorValue","useState","sortedColorAlpha","setSortedColorAlpha","Component","components","Td","TableCell","useMemo","sortedColor","setSortedColor","useEffect","getVarValue","theme","table","rowSortedColor","rowSortedColorAlpha","colors","modes","ref","role","root","capitalize","variantList","variantListHead"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"TableCell.js","sources":["../../../../../src/components/Table/TableCell/TableCell.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport capitalize from \"lodash/capitalize\";\nimport {\n CSSProperties,\n forwardRef,\n TdHTMLAttributes,\n useContext,\n useEffect,\n useMemo,\n useState,\n} from \"react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport {\n checkValidHexColorValue,\n ExtractNames,\n hexToRgbA,\n getVarValue,\n} from \"@core/utils\";\nimport { useTheme } from \"@core/hooks\";\nimport {\n HvTableCellAlign,\n HvTableCellType,\n HvTableCellVariant,\n} from \"../Table\";\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { staticClasses, useClasses } from \"./TableCell.styles\";\n\nexport { staticClasses as tableCellClasses };\n\nexport type HvTableCellClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvTableCellProps\n extends Omit<TdHTMLAttributes<HTMLTableCellElement>, \"align\"> {\n /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to td. */\n component?: React.ElementType;\n /** Content to be rendered */\n children?: React.ReactNode;\n /** Inline styles to be applied to the root element. */\n style?: CSSProperties;\n /** Set the text-align on the table cell content. */\n align?: HvTableCellAlign;\n /** Sets the cell's variant. */\n variant?: HvTableCellVariant | \"listcheckbox\" | \"listactions\";\n /** Specify the cell's type. The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components. */\n type?: HvTableCellType;\n /** Whether or not the cell is part of a sorted column. */\n sorted?: boolean;\n /** The cell is part of a sticky column. */\n stickyColumn?: boolean;\n /** The cell is part of the last sticky to the left column. */\n stickyColumnMostLeft?: boolean;\n /** The cell is part of the first sticky to the right column. */\n stickyColumnLeastRight?: boolean;\n /** The cell is part of the first column in the group. */\n groupColumnMostLeft?: boolean;\n /** The cell is part of the last column in the group. */\n groupColumnMostRight?: boolean;\n /** Whether or not the cell is resizable */\n resizable?: boolean;\n /** Whether or not the cell is being resized */\n resizing?: boolean;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvTableCellClasses;\n}\n\nconst defaultComponent = \"td\";\n\ninterface StyledTableCellProps {\n $variantList: boolean;\n $variantListHead: boolean;\n $stickyColumn: boolean;\n $stickyColumnMostLeft: boolean;\n $stickyColumnLeastRight: boolean;\n $groupColumnMostLeft: boolean;\n $groupColumnMostRight: boolean;\n $resizable: boolean;\n $resizing: boolean;\n $align: string;\n $variant: string;\n $type: string;\n $sortedColor: string;\n}\n\nconst StyledTableCell = (c: any) =>\n styled(\n c,\n transientOptions\n )(({ $stickyColumn, $type, $sortedColor }: StyledTableCellProps) => ({\n ...($type === \"body\" && {\n [`&.${staticClasses.sorted}`]: {\n backgroundColor: $sortedColor,\n },\n }),\n ...($stickyColumn && {\n [`&.${staticClasses.sorted}`]: {\n backgroundImage: `linear-gradient(to right, ${$sortedColor}, ${$sortedColor})`,\n },\n }),\n }));\n\nconst getSortedColor = (color?: string, alpha?: string) => {\n return checkValidHexColorValue(color) && alpha\n ? hexToRgbA(color, parseFloat(alpha))\n : color;\n};\n\n/**\n * `HvTableCell` acts as a `td` element and inherits styles from its context\n */\nexport const HvTableCell = forwardRef<HTMLElement, HvTableCellProps>(\n (props, externalRef) => {\n const {\n children,\n component,\n className,\n style,\n classes: classesProp,\n align = \"inherit\",\n variant = \"default\",\n type: typeProp,\n stickyColumn = false,\n stickyColumnMostLeft = false,\n stickyColumnLeastRight = false,\n groupColumnMostLeft = false,\n groupColumnMostRight = false,\n sorted = false,\n resizable = false,\n resizing = false,\n ...others\n } = props;\n const { classes, cx } = useClasses(classesProp);\n const { activeTheme, rootId } = useTheme();\n const tableContext = useContext(TableContext);\n const tableSectionContext = useContext(TableSectionContext);\n\n const [sortedColorValue, setSortedColorValue] = useState<\n string | undefined\n >();\n const [sortedColorAlpha, setSortedColorAlpha] = useState<\n string | undefined\n >();\n\n const type = typeProp || tableSectionContext?.type || \"body\";\n\n const Component =\n component || tableContext?.components?.Td || defaultComponent;\n\n const TableCell = useMemo(() => StyledTableCell(Component), [Component]);\n\n const [sortedColor, setSortedColor] = useState(\n getSortedColor(sortedColorValue, sortedColorAlpha)\n );\n\n useEffect(() => {\n setSortedColorValue(getVarValue(theme.table.rowSortedColor, rootId));\n setSortedColorAlpha(getVarValue(theme.table.rowSortedColorAlpha, rootId));\n\n setSortedColor(getSortedColor(sortedColorValue, sortedColorAlpha));\n }, [\n activeTheme?.colors.modes.selectedMode,\n sortedColorValue,\n sortedColorAlpha,\n rootId,\n ]);\n\n return (\n <TableCell\n ref={externalRef}\n role={Component === defaultComponent ? null : \"cell\"}\n style={style}\n className={cx(className, classes.root, classes[type], {\n [classes[`align${capitalize(align)}`]]: align !== \"inherit\",\n [classes.variantList]: tableContext.variant === \"listrow\",\n [classes.variantListHead]:\n tableContext.variant === \"listrow\" && type !== \"body\",\n [classes[`variant${capitalize(variant)}`]]: variant !== \"default\",\n [classes.sorted]: sorted,\n [classes.stickyColumn]: stickyColumn,\n [classes.stickyColumnMostLeft]: stickyColumnMostLeft,\n [classes.stickyColumnLeastRight]: stickyColumnLeastRight,\n [classes.groupColumnMostLeft]: groupColumnMostLeft,\n [classes.groupColumnMostRight]: groupColumnMostRight,\n [classes.resizable]: resizable,\n [classes.resizing]: resizing,\n })}\n $type={type}\n $stickyColumn={stickyColumn}\n $sortedColor={sortedColor}\n {...others}\n >\n {children}\n </TableCell>\n );\n }\n);\n"],"names":["defaultComponent","StyledTableCell","c","process","env","NODE_ENV","_extends","target","transientOptions","label","$stickyColumn","$type","$sortedColor","staticClasses","sorted","backgroundColor","backgroundImage","getSortedColor","color","alpha","checkValidHexColorValue","hexToRgbA","parseFloat","HvTableCell","forwardRef","props","externalRef","children","component","className","style","classes","classesProp","align","variant","type","typeProp","stickyColumn","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","groupColumnMostRight","resizable","resizing","others","cx","useClasses","activeTheme","rootId","useTheme","tableContext","useContext","TableContext","tableSectionContext","TableSectionContext","sortedColorValue","setSortedColorValue","useState","sortedColorAlpha","setSortedColorAlpha","Component","components","Td","TableCell","useMemo","sortedColor","setSortedColor","useEffect","getVarValue","theme","table","rowSortedColor","rowSortedColorAlpha","colors","modes","selectedMode","ref","role","root","capitalize","variantList","variantListHead"],"mappings":"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"}
|
|
@@ -50,7 +50,7 @@ const StyledTableRow = (c) => /* @__PURE__ */ _styled(c, process.env.NODE_ENV ==
|
|
|
50
50
|
}
|
|
51
51
|
}
|
|
52
52
|
}
|
|
53
|
-
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
53
|
+
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVSb3cvVGFibGVSb3cudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDRSIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1RhYmxlL1RhYmxlUm93L1RhYmxlUm93LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGZvcndhcmRSZWYsIHVzZUNvbnRleHQsIHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHtcbiAgRXh0cmFjdE5hbWVzLFxuICBjaGVja1ZhbGlkSGV4Q29sb3JWYWx1ZSxcbiAgaGV4VG9SZ2JBLFxuICBnZXRWYXJWYWx1ZSxcbn0gZnJvbSBcIkBjb3JlL3V0aWxzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IEh2QmFzZVByb3BzIH0gZnJvbSBcIkBjb3JlL3R5cGVzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJAY29yZS9ob29rc1wiO1xuaW1wb3J0IFRhYmxlQ29udGV4dCBmcm9tIFwiLi4vVGFibGVDb250ZXh0XCI7XG5pbXBvcnQgVGFibGVTZWN0aW9uQ29udGV4dCBmcm9tIFwiLi4vVGFibGVTZWN0aW9uQ29udGV4dFwiO1xuaW1wb3J0IHsgc3RhdGljQ2xhc3NlcywgdXNlQ2xhc3NlcyB9IGZyb20gXCIuL1RhYmxlUm93LnN0eWxlc1wiO1xuXG5leHBvcnQgeyBzdGF0aWNDbGFzc2VzIGFzIHRhYmxlUm93Q2xhc3NlcyB9O1xuXG5leHBvcnQgdHlwZSBIdlRhYmxlUm93Q2xhc3NlcyA9IEV4dHJhY3ROYW1lczx0eXBlb2YgdXNlQ2xhc3Nlcz47XG5cbmV4cG9ydCBpbnRlcmZhY2UgSHZUYWJsZVJvd1Byb3BzXG4gIGV4dGVuZHMgSHZCYXNlUHJvcHM8SFRNTFRhYmxlUm93RWxlbWVudCwgXCJjaGlsZHJlblwiPiB7XG4gIC8qKiBDb250ZW50IHRvIGJlIHJlbmRlcmVkICovXG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIC8qKiBUaGUgY29tcG9uZW50IHVzZWQgZm9yIHRoZSByb290IG5vZGUuIEVpdGhlciBhIHN0cmluZyB0byB1c2UgYSBIVE1MIGVsZW1lbnQgb3IgYSBjb21wb25lbnQuIERlZmF1bHRzIHRvIHRib2R5LiAqL1xuICBjb21wb25lbnQ/OiBSZWFjdC5FbGVtZW50VHlwZTtcbiAgLyoqIFdoZXRoZXIgdGhlIHRhYmxlIHJvdyB3aWxsIHNoYWRlIG9uIGhvdmVyLiAqL1xuICBob3Zlcj86IGJvb2xlYW47XG4gIC8qKiBXaGV0aGVyIHRoZSB0YWJsZSByb3cgd2lsbCBoYXZlIHRoZSBzZWxlY3RlZCBzaGFkaW5nLiAqL1xuICBzZWxlY3RlZD86IGJvb2xlYW47XG4gIC8qKiBXaGV0aGVyIHRoZSB0YWJsZSByb3cgaXMgZXhwYW5kZWQuICovXG4gIGV4cGFuZGVkPzogYm9vbGVhbjtcbiAgLyoqIFdoZXRoZXIgdGhlIHRhYmxlIHJvdyBiYWNrZ3JvdW5kIGlzIHN0cmlwZWQuICovXG4gIHN0cmlwZWQ/OiBib29sZWFuO1xuICAvKiogQSBKc3MgT2JqZWN0IHVzZWQgdG8gb3ZlcnJpZGUgb3IgZXh0ZW5kIHRoZSBzdHlsZXMgYXBwbGllZCB0byB0aGUgY29tcG9uZW50LiAqL1xuICBjbGFzc2VzPzogSHZUYWJsZVJvd0NsYXNzZXM7XG59XG5cbmNvbnN0IGRlZmF1bHRDb21wb25lbnQgPSBcInRyXCI7XG5cbmNvbnN0IFN0eWxlZFRhYmxlUm93ID0gKGM6IGFueSkgPT5cbiAgc3R5bGVkKFxuICAgIGMsXG4gICAgdHJhbnNpZW50T3B0aW9uc1xuICApKFxuICAgICh7XG4gICAgICAkc3RyaXBlZCxcbiAgICAgICRzdHJpcGVkQ29sb3JFdmVuLFxuICAgICAgJHN0cmlwZWRDb2xvck9kZCxcbiAgICB9OiB7XG4gICAgICAkc3RyaXBlZDogYm9vbGVhbjtcbiAgICAgICRzdHJpcGVkQ29sb3JFdmVuOiBzdHJpbmc7XG4gICAgICAkc3RyaXBlZENvbG9yT2RkOiBzdHJpbmc7XG4gICAgfSkgPT4gKHtcbiAgICAgIC4uLigkc3RyaXBlZCAmJiB7XG4gICAgICAgIFwiJjpudGgtb2YtdHlwZShldmVuKVwiOiB7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiAkc3RyaXBlZENvbG9yRXZlbixcbiAgICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS50YWJsZS5yb3dIb3ZlckNvbG9yLFxuICAgICAgICAgIH0sXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjpudGgtb2YtdHlwZShvZGQpXCI6IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICRzdHJpcGVkQ29sb3JPZGQsXG4gICAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudGFibGUucm93SG92ZXJDb2xvcixcbiAgICAgICAgICB9LFxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgfSlcbiAgKTtcblxuY29uc3QgZ2V0U3RyaXBlZENvbG9yID0gKGNvbG9yPzogc3RyaW5nLCBvcGFjaXR5OiBudW1iZXIgPSAwLjYpID0+IHtcbiAgcmV0dXJuIGNoZWNrVmFsaWRIZXhDb2xvclZhbHVlKGNvbG9yKSA/IGhleFRvUmdiQShjb2xvciwgb3BhY2l0eSkgOiBjb2xvcjtcbn07XG5cbi8qKlxuICogYEh2VGFibGVSb3dgIGFjdHMgYXMgYSBgdHJgIGVsZW1lbnQgYW5kIGluaGVyaXRzIHN0eWxlcyBmcm9tIGl0cyBjb250ZXh0XG4gKi9cbmV4cG9ydCBjb25zdCBIdlRhYmxlUm93ID0gZm9yd2FyZFJlZjxIVE1MRWxlbWVudCwgSHZUYWJsZVJvd1Byb3BzPihcbiAgKHByb3BzLCBleHRlcm5hbFJlZikgPT4ge1xuICAgIGNvbnN0IHtcbiAgICAgIGNsYXNzZXM6IGNsYXNzZXNQcm9wLFxuICAgICAgY2xhc3NOYW1lLFxuICAgICAgY29tcG9uZW50LFxuICAgICAgaG92ZXIgPSBmYWxzZSxcbiAgICAgIHNlbGVjdGVkID0gZmFsc2UsXG4gICAgICBleHBhbmRlZCA9IGZhbHNlLFxuICAgICAgc3RyaXBlZCA9IGZhbHNlLFxuICAgICAgLi4ub3RoZXJzXG4gICAgfSA9IHByb3BzO1xuICAgIGNvbnN0IHsgY2xhc3NlcywgY3ggfSA9IHVzZUNsYXNzZXMoY2xhc3Nlc1Byb3ApO1xuICAgIGNvbnN0IHsgYWN0aXZlVGhlbWUsIHNlbGVjdGVkTW9kZSwgcm9vdElkIH0gPSB1c2VUaGVtZSgpO1xuICAgIGNvbnN0IHRhYmxlQ29udGV4dCA9IHVzZUNvbnRleHQoVGFibGVDb250ZXh0KTtcbiAgICBjb25zdCB0YWJsZVNlY3Rpb25Db250ZXh0ID0gdXNlQ29udGV4dChUYWJsZVNlY3Rpb25Db250ZXh0KTtcblxuICAgIGNvbnN0IFtldmVuLCBzZXRFdmVuXSA9IHVzZVN0YXRlPHN0cmluZyB8IHVuZGVmaW5lZD4oKTtcbiAgICBjb25zdCBbb2RkLCBzZXRPZGRdID0gdXNlU3RhdGU8c3RyaW5nIHwgdW5kZWZpbmVkPigpO1xuXG4gICAgY29uc3QgdHlwZSA9IHRhYmxlU2VjdGlvbkNvbnRleHQ/LnR5cGUgfHwgXCJib2R5XCI7XG5cbiAgICBjb25zdCBpc0xpc3QgPSB0YWJsZUNvbnRleHQudmFyaWFudCA9PT0gXCJsaXN0cm93XCI7XG5cbiAgICBjb25zdCBDb21wb25lbnQgPVxuICAgICAgY29tcG9uZW50IHx8IHRhYmxlQ29udGV4dD8uY29tcG9uZW50cz8uVHIgfHwgZGVmYXVsdENvbXBvbmVudDtcblxuICAgIGNvbnN0IFRhYmxlUm93ID0gdXNlTWVtbygoKSA9PiBTdHlsZWRUYWJsZVJvdyhDb21wb25lbnQpLCBbQ29tcG9uZW50XSk7XG5cbiAgICBjb25zdCBbc3RyaXBlZENvbG9yRXZlbiwgc2V0U3RyaXBlZENvbG9yRXZlbl0gPSB1c2VTdGF0ZShcbiAgICAgIGdldFN0cmlwZWRDb2xvcihldmVuKVxuICAgICk7XG4gICAgY29uc3QgW3N0cmlwZWRDb2xvck9kZCwgc2V0U3RyaXBlZENvbG9yT2RkXSA9IHVzZVN0YXRlKFxuICAgICAgZ2V0U3RyaXBlZENvbG9yKG9kZClcbiAgICApO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIHNldEV2ZW4oZ2V0VmFyVmFsdWUodGhlbWUudGFibGUucm93U3RyaXBlZEJhY2tncm91bmRDb2xvckV2ZW4sIHJvb3RJZCkpO1xuICAgICAgc2V0T2RkKGdldFZhclZhbHVlKHRoZW1lLnRhYmxlLnJvd1N0cmlwZWRCYWNrZ3JvdW5kQ29sb3JPZGQsIHJvb3RJZCkpO1xuXG4gICAgICBzZXRTdHJpcGVkQ29sb3JFdmVuKGdldFN0cmlwZWRDb2xvcihldmVuKSk7XG4gICAgICBzZXRTdHJpcGVkQ29sb3JPZGQoZ2V0U3RyaXBlZENvbG9yKG9kZCkpO1xuICAgIH0sIFthY3RpdmVUaGVtZT8uY29sb3JzPy5tb2Rlc1tzZWxlY3RlZE1vZGVdLCBldmVuLCBvZGQsIHJvb3RJZF0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxUYWJsZVJvd1xuICAgICAgICByZWY9e2V4dGVybmFsUmVmfVxuICAgICAgICBjbGFzc05hbWU9e2N4KFxuICAgICAgICAgIHRhYmxlU2VjdGlvbkNvbnRleHQuZmlsdGVyQ2xhc3NOYW1lLFxuICAgICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgICBjbGFzc2VzLnJvb3QsXG4gICAgICAgICAgY2xhc3Nlcz8uW3R5cGVdLFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIFtjbGFzc2VzLmhvdmVyXTogaG92ZXIsXG4gICAgICAgICAgICBbY2xhc3Nlcy5zZWxlY3RlZF06IHNlbGVjdGVkLFxuICAgICAgICAgICAgW2NsYXNzZXMuZXhwYW5kZWRdOiBleHBhbmRlZCxcbiAgICAgICAgICAgIFtjbGFzc2VzLnN0cmlwZWRdOiBzdHJpcGVkLFxuICAgICAgICAgICAgW2NsYXNzZXMudmFyaWFudExpc3RdOiBpc0xpc3QgJiYgdHlwZSA9PT0gXCJib2R5XCIsXG4gICAgICAgICAgICBbY2xhc3Nlcy52YXJpYW50TGlzdEhlYWRdOiBpc0xpc3QgJiYgdHlwZSA9PT0gXCJoZWFkXCIsXG4gICAgICAgICAgfVxuICAgICAgICApfVxuICAgICAgICByb2xlPXtDb21wb25lbnQgPT09IGRlZmF1bHRDb21wb25lbnQgPyBudWxsIDogXCJyb3dcIn1cbiAgICAgICAgJHN0cmlwZWQ9e3N0cmlwZWR9XG4gICAgICAgICRzdHJpcGVkQ29sb3JFdmVuPXtzdHJpcGVkQ29sb3JFdmVufVxuICAgICAgICAkc3RyaXBlZENvbG9yT2RkPXtzdHJpcGVkQ29sb3JPZGR9XG4gICAgICAgIHsuLi5vdGhlcnN9XG4gICAgICAvPlxuICAgICk7XG4gIH1cbik7XG4iXX0= */");
|
|
54
54
|
const getStripedColor = (color, opacity = 0.6) => {
|
|
55
55
|
return checkValidHexColorValue(color) ? fade(color, opacity) : color;
|
|
56
56
|
};
|
|
@@ -72,7 +72,8 @@ const HvTableRow = forwardRef((props, externalRef) => {
|
|
|
72
72
|
} = useClasses(classesProp);
|
|
73
73
|
const {
|
|
74
74
|
activeTheme,
|
|
75
|
-
selectedMode
|
|
75
|
+
selectedMode,
|
|
76
|
+
rootId
|
|
76
77
|
} = useTheme();
|
|
77
78
|
const tableContext = useContext(TableContext);
|
|
78
79
|
const tableSectionContext = useContext(TableSectionContext);
|
|
@@ -85,11 +86,11 @@ const HvTableRow = forwardRef((props, externalRef) => {
|
|
|
85
86
|
const [stripedColorEven, setStripedColorEven] = useState(getStripedColor(even));
|
|
86
87
|
const [stripedColorOdd, setStripedColorOdd] = useState(getStripedColor(odd));
|
|
87
88
|
useEffect(() => {
|
|
88
|
-
setEven(getVarValue(theme.table.rowStripedBackgroundColorEven));
|
|
89
|
-
setOdd(getVarValue(theme.table.rowStripedBackgroundColorOdd));
|
|
89
|
+
setEven(getVarValue(theme.table.rowStripedBackgroundColorEven, rootId));
|
|
90
|
+
setOdd(getVarValue(theme.table.rowStripedBackgroundColorOdd, rootId));
|
|
90
91
|
setStripedColorEven(getStripedColor(even));
|
|
91
92
|
setStripedColorOdd(getStripedColor(odd));
|
|
92
|
-
}, [(_b = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _b.modes[selectedMode], even, odd]);
|
|
93
|
+
}, [(_b = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _b.modes[selectedMode], even, odd, rootId]);
|
|
93
94
|
return /* @__PURE__ */ jsx(TableRow, {
|
|
94
95
|
ref: externalRef,
|
|
95
96
|
className: cx(tableSectionContext.filterClassName, className, classes.root, classes == null ? void 0 : classes[type], {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableRow.js","sources":["../../../../../src/components/Table/TableRow/TableRow.tsx"],"sourcesContent":["import { forwardRef, useContext, useEffect, useMemo, useState } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport {\n ExtractNames,\n checkValidHexColorValue,\n
|
|
1
|
+
{"version":3,"file":"TableRow.js","sources":["../../../../../src/components/Table/TableRow/TableRow.tsx"],"sourcesContent":["import { forwardRef, useContext, useEffect, useMemo, useState } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport {\n ExtractNames,\n checkValidHexColorValue,\n hexToRgbA,\n getVarValue,\n} from \"@core/utils\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { HvBaseProps } from \"@core/types\";\nimport { useTheme } from \"@core/hooks\";\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { staticClasses, useClasses } from \"./TableRow.styles\";\n\nexport { staticClasses as tableRowClasses };\n\nexport type HvTableRowClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvTableRowProps\n extends HvBaseProps<HTMLTableRowElement, \"children\"> {\n /** Content to be rendered */\n children: React.ReactNode;\n /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to tbody. */\n component?: React.ElementType;\n /** Whether the table row will shade on hover. */\n hover?: boolean;\n /** Whether the table row will have the selected shading. */\n selected?: boolean;\n /** Whether the table row is expanded. */\n expanded?: boolean;\n /** Whether the table row background is striped. */\n striped?: boolean;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvTableRowClasses;\n}\n\nconst defaultComponent = \"tr\";\n\nconst StyledTableRow = (c: any) =>\n styled(\n c,\n transientOptions\n )(\n ({\n $striped,\n $stripedColorEven,\n $stripedColorOdd,\n }: {\n $striped: boolean;\n $stripedColorEven: string;\n $stripedColorOdd: string;\n }) => ({\n ...($striped && {\n \"&:nth-of-type(even)\": {\n backgroundColor: $stripedColorEven,\n \"&:hover\": {\n backgroundColor: theme.table.rowHoverColor,\n },\n },\n \"&:nth-of-type(odd)\": {\n backgroundColor: $stripedColorOdd,\n \"&:hover\": {\n backgroundColor: theme.table.rowHoverColor,\n },\n },\n }),\n })\n );\n\nconst getStripedColor = (color?: string, opacity: number = 0.6) => {\n return checkValidHexColorValue(color) ? hexToRgbA(color, opacity) : color;\n};\n\n/**\n * `HvTableRow` acts as a `tr` element and inherits styles from its context\n */\nexport const HvTableRow = forwardRef<HTMLElement, HvTableRowProps>(\n (props, externalRef) => {\n const {\n classes: classesProp,\n className,\n component,\n hover = false,\n selected = false,\n expanded = false,\n striped = false,\n ...others\n } = props;\n const { classes, cx } = useClasses(classesProp);\n const { activeTheme, selectedMode, rootId } = useTheme();\n const tableContext = useContext(TableContext);\n const tableSectionContext = useContext(TableSectionContext);\n\n const [even, setEven] = useState<string | undefined>();\n const [odd, setOdd] = useState<string | undefined>();\n\n const type = tableSectionContext?.type || \"body\";\n\n const isList = tableContext.variant === \"listrow\";\n\n const Component =\n component || tableContext?.components?.Tr || defaultComponent;\n\n const TableRow = useMemo(() => StyledTableRow(Component), [Component]);\n\n const [stripedColorEven, setStripedColorEven] = useState(\n getStripedColor(even)\n );\n const [stripedColorOdd, setStripedColorOdd] = useState(\n getStripedColor(odd)\n );\n\n useEffect(() => {\n setEven(getVarValue(theme.table.rowStripedBackgroundColorEven, rootId));\n setOdd(getVarValue(theme.table.rowStripedBackgroundColorOdd, rootId));\n\n setStripedColorEven(getStripedColor(even));\n setStripedColorOdd(getStripedColor(odd));\n }, [activeTheme?.colors?.modes[selectedMode], even, odd, rootId]);\n\n return (\n <TableRow\n ref={externalRef}\n className={cx(\n tableSectionContext.filterClassName,\n className,\n classes.root,\n classes?.[type],\n {\n [classes.hover]: hover,\n [classes.selected]: selected,\n [classes.expanded]: expanded,\n [classes.striped]: striped,\n [classes.variantList]: isList && type === \"body\",\n [classes.variantListHead]: isList && type === \"head\",\n }\n )}\n role={Component === defaultComponent ? null : \"row\"}\n $striped={striped}\n $stripedColorEven={stripedColorEven}\n $stripedColorOdd={stripedColorOdd}\n {...others}\n />\n );\n }\n);\n"],"names":["defaultComponent","StyledTableRow","c","process","env","NODE_ENV","_extends","target","transientOptions","label","$striped","$stripedColorEven","$stripedColorOdd","backgroundColor","theme","table","rowHoverColor","getStripedColor","color","opacity","checkValidHexColorValue","hexToRgbA","HvTableRow","forwardRef","props","externalRef","classes","classesProp","className","component","hover","selected","expanded","striped","others","cx","useClasses","activeTheme","selectedMode","rootId","useTheme","tableContext","useContext","TableContext","tableSectionContext","TableSectionContext","even","setEven","useState","odd","setOdd","type","isList","variant","Component","components","Tr","TableRow","useMemo","stripedColorEven","setStripedColorEven","stripedColorOdd","setStripedColorOdd","useEffect","getVarValue","rowStripedBackgroundColorEven","rowStripedBackgroundColorOdd","colors","modes","ref","filterClassName","root","variantList","variantListHead","role"],"mappings":"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"}
|