@hitachivantara/uikit-react-core 5.0.1 → 5.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/ActionsGeneric/ActionsGeneric.styles.cjs +8 -4
- package/dist/cjs/components/ActionsGeneric/ActionsGeneric.styles.cjs.map +1 -1
- package/dist/cjs/components/Banner/BannerContent/ActionContainer/ActionContainer.styles.cjs +10 -6
- package/dist/cjs/components/Banner/BannerContent/ActionContainer/ActionContainer.styles.cjs.map +1 -1
- package/dist/cjs/components/BaseDropdown/BaseDropdown.cjs +1 -0
- package/dist/cjs/components/BaseDropdown/BaseDropdown.cjs.map +1 -1
- package/dist/cjs/components/BaseDropdown/BaseDropdown.styles.cjs +22 -14
- package/dist/cjs/components/BaseDropdown/BaseDropdown.styles.cjs.map +1 -1
- package/dist/cjs/components/BreadCrumb/BreadCrumb.styles.cjs +9 -5
- package/dist/cjs/components/BreadCrumb/BreadCrumb.styles.cjs.map +1 -1
- package/dist/cjs/components/BreadCrumb/Page/Page.styles.cjs +8 -4
- package/dist/cjs/components/BreadCrumb/Page/Page.styles.cjs.map +1 -1
- package/dist/cjs/components/Dialog/Dialog.styles.cjs +9 -5
- package/dist/cjs/components/Dialog/Dialog.styles.cjs.map +1 -1
- package/dist/cjs/components/DropDownMenu/DropDownMenu.styles.cjs +9 -5
- package/dist/cjs/components/DropDownMenu/DropDownMenu.styles.cjs.map +1 -1
- package/dist/cjs/components/Dropdown/List/List.styles.cjs +4 -5
- package/dist/cjs/components/Dropdown/List/List.styles.cjs.map +1 -1
- package/dist/cjs/components/Dropdown/dropdownClasses.cjs +1 -1
- package/dist/cjs/components/Dropdown/dropdownClasses.cjs.map +1 -1
- package/dist/cjs/components/FileUploader/File/File.styles.cjs +16 -12
- package/dist/cjs/components/FileUploader/File/File.styles.cjs.map +1 -1
- package/dist/cjs/components/FileUploader/Preview/Preview.styles.cjs +9 -5
- package/dist/cjs/components/FileUploader/Preview/Preview.styles.cjs.map +1 -1
- package/dist/cjs/components/Header/Brand/Brand.styles.cjs +9 -5
- package/dist/cjs/components/Header/Brand/Brand.styles.cjs.map +1 -1
- package/dist/cjs/components/Pagination/Pagination.cjs +1 -1
- package/dist/cjs/components/Pagination/Pagination.cjs.map +1 -1
- package/dist/cjs/components/Slider/Slider.cjs +301 -0
- package/dist/cjs/components/Slider/Slider.cjs.map +1 -0
- package/dist/cjs/components/Slider/Slider.styles.cjs +334 -0
- package/dist/cjs/components/Slider/Slider.styles.cjs.map +1 -0
- package/dist/cjs/components/Slider/SliderInput/SliderInput.cjs +66 -0
- package/dist/cjs/components/Slider/SliderInput/SliderInput.cjs.map +1 -0
- package/dist/cjs/components/Slider/SliderInput/SliderInput.styles.cjs +55 -0
- package/dist/cjs/components/Slider/SliderInput/SliderInput.styles.cjs.map +1 -0
- package/dist/cjs/components/Slider/SliderInput/sliderInputClasses.cjs +8 -0
- package/dist/cjs/components/Slider/SliderInput/sliderInputClasses.cjs.map +1 -0
- package/dist/cjs/components/Slider/base.cjs +251 -0
- package/dist/cjs/components/Slider/base.cjs.map +1 -0
- package/dist/cjs/components/Slider/sliderClasses.cjs +8 -0
- package/dist/cjs/components/Slider/sliderClasses.cjs.map +1 -0
- package/dist/cjs/components/Slider/utils.cjs +217 -0
- package/dist/cjs/components/Slider/utils.cjs.map +1 -0
- package/dist/cjs/components/Table/Table.cjs +1 -1
- package/dist/cjs/components/Table/Table.cjs.map +1 -1
- package/dist/cjs/components/Table/TableBody/TableBody.cjs +1 -1
- package/dist/cjs/components/Table/TableBody/TableBody.cjs.map +1 -1
- package/dist/cjs/components/Table/TableBody/tableBodyClasses.cjs.map +1 -1
- package/dist/cjs/components/Table/TableCell/TableCell.cjs +1 -1
- package/dist/cjs/components/Table/TableCell/TableCell.cjs.map +1 -1
- package/dist/cjs/components/Table/TableCell/tableCellClasses.cjs.map +1 -1
- package/dist/cjs/components/Table/TableContainer/TableContainer.cjs +1 -1
- package/dist/cjs/components/Table/TableContainer/TableContainer.cjs.map +1 -1
- package/dist/cjs/components/Table/TableContainer/tableContainerClasses.cjs.map +1 -1
- package/dist/cjs/components/Table/TableHead/TableHead.cjs +1 -1
- package/dist/cjs/components/Table/TableHead/TableHead.cjs.map +1 -1
- package/dist/cjs/components/Table/TableHead/tableHeadClasses.cjs.map +1 -1
- package/dist/cjs/components/Table/TableHeader/TableHeader.cjs +2 -2
- package/dist/cjs/components/Table/TableHeader/TableHeader.cjs.map +1 -1
- package/dist/cjs/components/Table/TableHeader/TableHeader.styles.cjs +15 -8
- package/dist/cjs/components/Table/TableHeader/TableHeader.styles.cjs.map +1 -1
- package/dist/cjs/components/Table/TableHeader/tableHeaderClasses.cjs.map +1 -1
- package/dist/cjs/components/Table/TableRow/TableRow.cjs +1 -1
- package/dist/cjs/components/Table/TableRow/TableRow.cjs.map +1 -1
- package/dist/cjs/components/Table/TableRow/tableRowClasses.cjs.map +1 -1
- package/dist/cjs/components/Table/hooks/useRowSelection.cjs.map +1 -1
- package/dist/cjs/components/Table/hooks/useSortBy.cjs.map +1 -1
- package/dist/cjs/components/Table/hooks/useTable.cjs +24 -20
- package/dist/cjs/components/Table/hooks/useTable.cjs.map +1 -1
- package/dist/cjs/components/Table/renderers/DateColumnCell/DateColumnCell.cjs.map +1 -1
- package/dist/cjs/components/Table/renderers/DropdownColumnCell/DropdownColumnCell.cjs.map +1 -1
- package/dist/cjs/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.cjs.map +1 -1
- package/dist/cjs/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.cjs.map +1 -1
- package/dist/cjs/components/Table/renderers/renderers.cjs +14 -12
- package/dist/cjs/components/Table/renderers/renderers.cjs.map +1 -1
- package/dist/cjs/components/Table/tableClasses.cjs.map +1 -1
- package/dist/cjs/components/Table/utils/fallbacks.cjs.map +1 -1
- package/dist/cjs/components/Tag/Tag.styles.cjs +9 -5
- package/dist/cjs/components/Tag/Tag.styles.cjs.map +1 -1
- package/dist/cjs/components/VerticalNavigation/Header/Header.styles.cjs +8 -4
- package/dist/cjs/components/VerticalNavigation/Header/Header.styles.cjs.map +1 -1
- package/dist/cjs/components/VerticalNavigation/Navigation/Navigation.cjs +76 -17
- package/dist/cjs/components/VerticalNavigation/Navigation/Navigation.cjs.map +1 -1
- package/dist/cjs/components/VerticalNavigation/Navigation/Navigation.styles.cjs +4 -1
- package/dist/cjs/components/VerticalNavigation/Navigation/Navigation.styles.cjs.map +1 -1
- package/dist/cjs/components/VerticalNavigation/Navigation/navigationClasses.cjs +1 -1
- package/dist/cjs/components/VerticalNavigation/Navigation/navigationClasses.cjs.map +1 -1
- package/dist/cjs/components/VerticalNavigation/NavigationPopup/NavigationPopup.cjs +58 -0
- package/dist/cjs/components/VerticalNavigation/NavigationPopup/NavigationPopup.cjs.map +1 -0
- package/dist/cjs/components/VerticalNavigation/NavigationPopup/NavigationPopup.styles.cjs +16 -0
- package/dist/cjs/components/VerticalNavigation/NavigationPopup/NavigationPopup.styles.cjs.map +1 -0
- package/dist/cjs/components/VerticalNavigation/TreeView/IconWrapper/IconWrapper.cjs +41 -0
- package/dist/cjs/components/VerticalNavigation/TreeView/IconWrapper/IconWrapper.cjs.map +1 -0
- package/dist/cjs/components/VerticalNavigation/TreeView/IconWrapper/IconWrapper.styles.cjs +42 -0
- package/dist/cjs/components/VerticalNavigation/TreeView/IconWrapper/IconWrapper.styles.cjs.map +1 -0
- package/dist/cjs/components/VerticalNavigation/TreeView/TooltipWrapper/TooltipWrapper.cjs +24 -0
- package/dist/cjs/components/VerticalNavigation/TreeView/TooltipWrapper/TooltipWrapper.cjs.map +1 -0
- package/dist/cjs/components/VerticalNavigation/TreeView/TreeViewItem.cjs +43 -45
- package/dist/cjs/components/VerticalNavigation/TreeView/TreeViewItem.cjs.map +1 -1
- package/dist/cjs/components/VerticalNavigation/VerticalNavigation.cjs +6 -2
- package/dist/cjs/components/VerticalNavigation/VerticalNavigation.cjs.map +1 -1
- package/dist/cjs/components/VerticalNavigation/VerticalNavigation.styles.cjs +6 -4
- package/dist/cjs/components/VerticalNavigation/VerticalNavigation.styles.cjs.map +1 -1
- package/dist/cjs/components/VerticalNavigation/VerticalNavigationContext.cjs.map +1 -1
- package/dist/cjs/components/VerticalNavigation/utils/VerticalNavigation.utils.cjs +7 -0
- package/dist/cjs/components/VerticalNavigation/utils/VerticalNavigation.utils.cjs.map +1 -0
- package/dist/cjs/index.cjs +4 -0
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/esm/components/ActionsGeneric/ActionsGeneric.styles.js +8 -4
- package/dist/esm/components/ActionsGeneric/ActionsGeneric.styles.js.map +1 -1
- package/dist/esm/components/Banner/BannerContent/ActionContainer/ActionContainer.styles.js +10 -6
- package/dist/esm/components/Banner/BannerContent/ActionContainer/ActionContainer.styles.js.map +1 -1
- package/dist/esm/components/BaseDropdown/BaseDropdown.js +1 -0
- package/dist/esm/components/BaseDropdown/BaseDropdown.js.map +1 -1
- package/dist/esm/components/BaseDropdown/BaseDropdown.styles.js +22 -14
- package/dist/esm/components/BaseDropdown/BaseDropdown.styles.js.map +1 -1
- package/dist/esm/components/BreadCrumb/BreadCrumb.styles.js +9 -5
- package/dist/esm/components/BreadCrumb/BreadCrumb.styles.js.map +1 -1
- package/dist/esm/components/BreadCrumb/Page/Page.styles.js +8 -4
- package/dist/esm/components/BreadCrumb/Page/Page.styles.js.map +1 -1
- package/dist/esm/components/Dialog/Dialog.styles.js +9 -5
- package/dist/esm/components/Dialog/Dialog.styles.js.map +1 -1
- package/dist/esm/components/DropDownMenu/DropDownMenu.styles.js +9 -5
- package/dist/esm/components/DropDownMenu/DropDownMenu.styles.js.map +1 -1
- package/dist/esm/components/Dropdown/List/List.styles.js +4 -5
- package/dist/esm/components/Dropdown/List/List.styles.js.map +1 -1
- package/dist/esm/components/Dropdown/dropdownClasses.js +1 -1
- package/dist/esm/components/Dropdown/dropdownClasses.js.map +1 -1
- package/dist/esm/components/FileUploader/File/File.styles.js +16 -12
- package/dist/esm/components/FileUploader/File/File.styles.js.map +1 -1
- package/dist/esm/components/FileUploader/Preview/Preview.styles.js +9 -5
- package/dist/esm/components/FileUploader/Preview/Preview.styles.js.map +1 -1
- package/dist/esm/components/Header/Brand/Brand.styles.js +9 -5
- package/dist/esm/components/Header/Brand/Brand.styles.js.map +1 -1
- package/dist/esm/components/Pagination/Pagination.js +1 -1
- package/dist/esm/components/Pagination/Pagination.js.map +1 -1
- package/dist/esm/components/Slider/Slider.js +299 -0
- package/dist/esm/components/Slider/Slider.js.map +1 -0
- package/dist/esm/components/Slider/Slider.styles.js +330 -0
- package/dist/esm/components/Slider/Slider.styles.js.map +1 -0
- package/dist/esm/components/Slider/SliderInput/SliderInput.js +64 -0
- package/dist/esm/components/Slider/SliderInput/SliderInput.js.map +1 -0
- package/dist/esm/components/Slider/SliderInput/SliderInput.styles.js +53 -0
- package/dist/esm/components/Slider/SliderInput/SliderInput.styles.js.map +1 -0
- package/dist/esm/components/Slider/SliderInput/sliderInputClasses.js +8 -0
- package/dist/esm/components/Slider/SliderInput/sliderInputClasses.js.map +1 -0
- package/dist/esm/components/Slider/base.js +251 -0
- package/dist/esm/components/Slider/base.js.map +1 -0
- package/dist/esm/components/Slider/sliderClasses.js +8 -0
- package/dist/esm/components/Slider/sliderClasses.js.map +1 -0
- package/dist/esm/components/Slider/utils.js +217 -0
- package/dist/esm/components/Slider/utils.js.map +1 -0
- package/dist/esm/components/Table/Table.js +1 -1
- package/dist/esm/components/Table/Table.js.map +1 -1
- package/dist/esm/components/Table/TableBody/TableBody.js +1 -1
- package/dist/esm/components/Table/TableBody/TableBody.js.map +1 -1
- package/dist/esm/components/Table/TableBody/tableBodyClasses.js.map +1 -1
- package/dist/esm/components/Table/TableCell/TableCell.js +1 -1
- package/dist/esm/components/Table/TableCell/TableCell.js.map +1 -1
- package/dist/esm/components/Table/TableCell/tableCellClasses.js.map +1 -1
- package/dist/esm/components/Table/TableContainer/TableContainer.js +1 -1
- package/dist/esm/components/Table/TableContainer/TableContainer.js.map +1 -1
- package/dist/esm/components/Table/TableContainer/tableContainerClasses.js.map +1 -1
- package/dist/esm/components/Table/TableHead/TableHead.js +1 -1
- package/dist/esm/components/Table/TableHead/TableHead.js.map +1 -1
- package/dist/esm/components/Table/TableHead/tableHeadClasses.js.map +1 -1
- package/dist/esm/components/Table/TableHeader/TableHeader.js +2 -2
- package/dist/esm/components/Table/TableHeader/TableHeader.js.map +1 -1
- package/dist/esm/components/Table/TableHeader/TableHeader.styles.js +15 -8
- package/dist/esm/components/Table/TableHeader/TableHeader.styles.js.map +1 -1
- package/dist/esm/components/Table/TableHeader/tableHeaderClasses.js.map +1 -1
- package/dist/esm/components/Table/TableRow/TableRow.js +1 -1
- package/dist/esm/components/Table/TableRow/TableRow.js.map +1 -1
- package/dist/esm/components/Table/TableRow/tableRowClasses.js.map +1 -1
- package/dist/esm/components/Table/hooks/useRowSelection.js.map +1 -1
- package/dist/esm/components/Table/hooks/useSortBy.js.map +1 -1
- package/dist/esm/components/Table/hooks/useTable.js +24 -20
- package/dist/esm/components/Table/hooks/useTable.js.map +1 -1
- package/dist/esm/components/Table/renderers/DateColumnCell/DateColumnCell.js.map +1 -1
- package/dist/esm/components/Table/renderers/DropdownColumnCell/DropdownColumnCell.js.map +1 -1
- package/dist/esm/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.js.map +1 -1
- package/dist/esm/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.js.map +1 -1
- package/dist/esm/components/Table/renderers/renderers.js +15 -13
- package/dist/esm/components/Table/renderers/renderers.js.map +1 -1
- package/dist/esm/components/Table/tableClasses.js.map +1 -1
- package/dist/esm/components/Table/utils/fallbacks.js.map +1 -1
- package/dist/esm/components/Tag/Tag.styles.js +9 -5
- package/dist/esm/components/Tag/Tag.styles.js.map +1 -1
- package/dist/esm/components/VerticalNavigation/Header/Header.styles.js +8 -4
- package/dist/esm/components/VerticalNavigation/Header/Header.styles.js.map +1 -1
- package/dist/esm/components/VerticalNavigation/Navigation/Navigation.js +77 -19
- package/dist/esm/components/VerticalNavigation/Navigation/Navigation.js.map +1 -1
- package/dist/esm/components/VerticalNavigation/Navigation/Navigation.styles.js +4 -1
- package/dist/esm/components/VerticalNavigation/Navigation/Navigation.styles.js.map +1 -1
- package/dist/esm/components/VerticalNavigation/Navigation/navigationClasses.js +1 -1
- package/dist/esm/components/VerticalNavigation/Navigation/navigationClasses.js.map +1 -1
- package/dist/esm/components/VerticalNavigation/NavigationPopup/NavigationPopup.js +56 -0
- package/dist/esm/components/VerticalNavigation/NavigationPopup/NavigationPopup.js.map +1 -0
- package/dist/esm/components/VerticalNavigation/NavigationPopup/NavigationPopup.styles.js +14 -0
- package/dist/esm/components/VerticalNavigation/NavigationPopup/NavigationPopup.styles.js.map +1 -0
- package/dist/esm/components/VerticalNavigation/TreeView/IconWrapper/IconWrapper.js +41 -0
- package/dist/esm/components/VerticalNavigation/TreeView/IconWrapper/IconWrapper.js.map +1 -0
- package/dist/esm/components/VerticalNavigation/TreeView/IconWrapper/IconWrapper.styles.js +40 -0
- package/dist/esm/components/VerticalNavigation/TreeView/IconWrapper/IconWrapper.styles.js.map +1 -0
- package/dist/esm/components/VerticalNavigation/TreeView/TooltipWrapper/TooltipWrapper.js +24 -0
- package/dist/esm/components/VerticalNavigation/TreeView/TooltipWrapper/TooltipWrapper.js.map +1 -0
- package/dist/esm/components/VerticalNavigation/TreeView/TreeViewItem.js +43 -45
- package/dist/esm/components/VerticalNavigation/TreeView/TreeViewItem.js.map +1 -1
- package/dist/esm/components/VerticalNavigation/VerticalNavigation.js +6 -2
- package/dist/esm/components/VerticalNavigation/VerticalNavigation.js.map +1 -1
- package/dist/esm/components/VerticalNavigation/VerticalNavigation.styles.js +6 -4
- package/dist/esm/components/VerticalNavigation/VerticalNavigation.styles.js.map +1 -1
- package/dist/esm/components/VerticalNavigation/VerticalNavigationContext.js.map +1 -1
- package/dist/esm/components/VerticalNavigation/utils/VerticalNavigation.utils.js +7 -0
- package/dist/esm/components/VerticalNavigation/utils/VerticalNavigation.utils.js.map +1 -0
- package/dist/esm/index.js +22 -18
- package/dist/esm/index.js.map +1 -1
- package/dist/types/index.d.ts +374 -272
- package/package.json +7 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderers.cjs","sources":["../../../../../src/components/Table/renderers/renderers.tsx"],"sourcesContent":["import { DropDownXS, DropRightXS } from \"@hitachivantara/uikit-react-icons\";\nimport { setId } from \"~/utils\";\nimport {\n HvOverflowTooltip,\n HvTag,\n HvTypography,\n HvButton,\n HvTableColumnConfig,\n HvRowInstance,\n HvTagProps,\n HvBaseSwitchProps,\n HvListValue,\n} from \"~/components\";\nimport DateColumnCell from \"./DateColumnCell/index\";\nimport SwitchColumnCell from \"./SwitchColumnCell\";\nimport ProgressColumnCell from \"./ProgressColumnCell\";\nimport DropdownColumnCell from \"./DropdownColumnCell\";\nimport { hvStringFallback, hvNumberFallback } from \"../utils\";\n\nexport function hvTextColumn<\n D extends Record<string, unknown>,\n C extends HvTableColumnConfig<D>\n>(col: C): HvTableColumnConfig<D> {\n return {\n Cell: (cellProps) => (\n <HvOverflowTooltip data={hvStringFallback(cellProps?.value)} />\n ),\n sortType: \"alphanumeric\",\n ...col,\n };\n}\n\nexport function hvNumberColumn<\n D extends Record<string, unknown>,\n C extends HvTableColumnConfig<D>\n>(col: C): HvTableColumnConfig<D> {\n return {\n Cell: ({ value }) => hvNumberFallback(value),\n align: \"right\",\n sortType: \"number\",\n ...col,\n };\n}\n\nexport function hvDateColumn<\n D extends Record<string, unknown>,\n C extends HvTableColumnConfig<D>\n>(col: C, dateFormat?: string): HvTableColumnConfig<D> {\n return {\n Cell: (cellProps) => (\n <DateColumnCell date={cellProps?.value} dateFormat={dateFormat} />\n ),\n sortType: \"alphanumeric\",\n sortDescFirst: true,\n ...col,\n };\n}\n\nexport function hvExpandColumn<D extends Record<string, unknown>>(\n col: HvTableColumnConfig<D>,\n expandRowButtonAriaLabel: string,\n collapseRowButtonAriaLabel: string,\n getCanRowExpand?: (row: HvRowInstance<D>) => boolean\n): HvTableColumnConfig<D> {\n return {\n Cell: (cellProps) => {\n const { value, row } = cellProps;\n const { onClick } = row.getToggleRowExpandedProps();\n\n const hasContent = getCanRowExpand?.(row) ?? true;\n\n return (\n <>\n {hasContent && (\n <HvButton\n icon\n variant=\"secondaryGhost\"\n aria-label={\n row.isExpanded\n ? collapseRowButtonAriaLabel\n : expandRowButtonAriaLabel\n }\n aria-expanded={row.isExpanded}\n onClick={onClick}\n style={{ position: \"absolute\", left: 0, top: 0 }}\n >\n {row.isExpanded ? <DropDownXS /> : <DropRightXS />}\n </HvButton>\n )}\n\n <HvOverflowTooltip data={hvStringFallback(value)} />\n </>\n );\n },\n // @ts-ignore\n sortType: \"alphanumeric\",\n cellStyle: {\n position: \"relative\",\n },\n ...col,\n };\n}\n\nexport function hvTagColumn<\n D extends Record<string, unknown>,\n C extends HvTableColumnConfig<D>,\n A extends Record<string, unknown>\n>(\n col: C,\n valueDataKey: keyof A,\n colorDataKey: keyof A,\n textColorDataKey: keyof A,\n fromRowData: boolean = false,\n tagProps?: HvTagProps\n): HvTableColumnConfig<D> {\n return {\n Cell: (cellProps) => {\n const { value, row } = cellProps;\n if (!value) {\n return \"—\";\n }\n\n const {\n [valueDataKey]: name,\n [colorDataKey]: color,\n [textColorDataKey]: textColor,\n } = fromRowData ? row.original : value;\n\n return (\n <HvTag\n label={<HvTypography variant=\"body\">{name}</HvTypography>}\n type=\"semantic\"\n color={color}\n style={textColor != null ? { color: textColor } : {}}\n tabIndex={-1}\n {...tagProps}\n />\n );\n },\n cellStyle: {\n paddingTop: 0,\n paddingBottom: 0,\n },\n ...col,\n };\n}\n\nexport function hvSwitchColumn<\n D extends Record<string, unknown>,\n C extends HvTableColumnConfig<D>\n>(\n col: C,\n switchLabel: string,\n falseLabel?: string,\n trueLabel?: string,\n switchProps?: HvBaseSwitchProps\n): HvTableColumnConfig<D> {\n return {\n Cell: (cellProps) => {\n const { value, row } = cellProps;\n return (\n <SwitchColumnCell\n checked={value}\n value={row.id}\n switchLabel={switchLabel}\n falseLabel={falseLabel}\n trueLabel={trueLabel}\n switchProps={switchProps}\n />\n );\n },\n cellStyle: {\n paddingTop: 0,\n paddingBottom: 0,\n },\n ...col,\n };\n}\n\nexport function hvDropdownColumn<\n D extends Record<string, unknown>,\n C extends HvTableColumnConfig<D>\n>(\n col: C,\n id: string,\n placeholder: string,\n disabledPlaceholder: string,\n onChange?: (identifier: string, value: HvListValue) => void\n): HvTableColumnConfig<D> {\n return {\n Cell: (cellProps) => {\n const { value, row, column } = cellProps;\n const dsbld = value.length < 1;\n return (\n <DropdownColumnCell\n values={value}\n placeholder={dsbld ? disabledPlaceholder : placeholder}\n onChange={(val) => onChange?.(row.id, val)}\n disabled={dsbld}\n dropdownProps={{\n \"aria-labelledby\": setId(id, column.id),\n }}\n />\n );\n },\n cellStyle: {\n paddingTop: 0,\n paddingBottom: 0,\n },\n ...col,\n };\n}\n\nexport function hvProgressColumn<\n D extends Record<string, unknown>,\n C extends HvTableColumnConfig<D>\n>(\n col: C,\n getPartial?: (row: HvRowInstance<D>) => number,\n getTotal?: (row: HvRowInstance<D>) => number,\n color?: \"primary\" | \"secondary\"\n): HvTableColumnConfig<D> {\n return {\n Cell: (cellProps) => {\n const { row } = cellProps;\n const partial = getPartial?.(row) || 0;\n const total = getTotal?.(row);\n\n if (total) {\n return (\n <ProgressColumnCell partial={partial} total={total} color={color} />\n );\n }\n\n return \"—\";\n },\n\n cellStyle: {\n paddingTop: 0,\n paddingBottom: 0,\n },\n ...col,\n };\n}\n"],"names":["hvTextColumn","col","Cell","cellProps","_jsx","HvOverflowTooltip","data","hvStringFallback","value","sortType","hvNumberColumn","hvNumberFallback","align","hvDateColumn","dateFormat","DateColumnCell","date","sortDescFirst","hvExpandColumn","expandRowButtonAriaLabel","collapseRowButtonAriaLabel","getCanRowExpand","row","onClick","getToggleRowExpandedProps","hasContent","_Fragment","children","HvButton","icon","variant","isExpanded","style","position","left","top","DropDownXS","DropRightXS","cellStyle","hvTagColumn","valueDataKey","colorDataKey","textColorDataKey","fromRowData","tagProps","name","color","textColor","original","HvTag","label","HvTypography","type","tabIndex","paddingTop","paddingBottom","hvSwitchColumn","switchLabel","falseLabel","trueLabel","switchProps","SwitchColumnCell","checked","id","hvDropdownColumn","placeholder","disabledPlaceholder","onChange","column","dsbld","length","DropdownColumnCell","values","val","disabled","dropdownProps","setId","hvProgressColumn","getPartial","getTotal","partial","total","ProgressColumnCell"],"mappings":";;;;;;;;;;;;;;AAmBO,SAASA,aAGdC,KAAgC;AACzB,SAAA;AAAA,IACLC,MAAOC,CACLC,cAAAA,2BAAAA,IAACC,mCAAiB;AAAA,MAACC,MAAMC,UAAAA,iBAAiBJ,uCAAWK,KAAK;AAAA,IAAA,CAC3D;AAAA,IACDC,UAAU;AAAA,IACV,GAAGR;AAAAA,EAAAA;AAEP;AAEO,SAASS,eAGdT,KAAgC;AACzB,SAAA;AAAA,IACLC,MAAMA,CAAC;AAAA,MAAEM;AAAAA,IAAAA,MAAYG,UAAAA,iBAAiBH,KAAK;AAAA,IAC3CI,OAAO;AAAA,IACPH,UAAU;AAAA,IACV,GAAGR;AAAAA,EAAAA;AAEP;AAEgBY,SAAAA,aAGdZ,KAAQa,YAA6C;AAC9C,SAAA;AAAA,IACLZ,MAAOC,CACLC,cAAAA,2BAAAA,IAACW,wBAAc;AAAA,MAACC,MAAMb,uCAAWK;AAAAA,MAAOM;AAAAA,IAAAA,CACzC;AAAA,IACDL,UAAU;AAAA,IACVQ,eAAe;AAAA,IACf,GAAGhB;AAAAA,EAAAA;AAEP;AAEO,SAASiB,eACdjB,KACAkB,0BACAC,4BACAC,iBACwB;AACjB,SAAA;AAAA,IACLnB,MAAOC,CAAc,cAAA;AACb,YAAA;AAAA,QAAEK;AAAAA,QAAOc;AAAAA,MAAQnB,IAAAA;AACjB,YAAA;AAAA,QAAEoB;AAAAA,MAAAA,IAAYD,IAAIE;AAElBC,YAAAA,cAAaJ,mDAAkBC,SAAQ;AAE7C,6CACEI,WAAAA,UAAA;AAAA,QAAAC,UACGF,CAAAA,cACCrB,2BAAAA,IAACwB,iBAAQ;AAAA,UACPC,MAAI;AAAA,UACJC,SAAQ;AAAA,UACR,cACER,IAAIS,aACAX,6BACAD;AAAAA,UAEN,iBAAeG,IAAIS;AAAAA,UACnBR;AAAAA,UACAS,OAAO;AAAA,YAAEC,UAAU;AAAA,YAAYC,MAAM;AAAA,YAAGC,KAAK;AAAA,UAAE;AAAA,UAAER,UAEhDL,IAAIS,aAAcK,+BAAAA,gBAAAA,YAAa,CAAA,CAAA,IAAGhC,2BAAAA,IAACiC,gBAAW,aAAA,EAAA;AAAA,QAAA,CAElD,GAEDjC,2BAAAA,IAACC,mCAAiB;AAAA,UAACC,MAAMC,2BAAiBC,KAAK;AAAA,QAAA,CAAK,CAAA;AAAA,MAAA,CACnD;AAAA,IAEP;AAAA;AAAA,IAEAC,UAAU;AAAA,IACV6B,WAAW;AAAA,MACTL,UAAU;AAAA,IACZ;AAAA,IACA,GAAGhC;AAAAA,EAAAA;AAEP;AAEO,SAASsC,YAKdtC,KACAuC,cACAC,cACAC,kBACAC,cAAuB,OACvBC,UACwB;AACjB,SAAA;AAAA,IACL1C,MAAOC,CAAc,cAAA;AACb,YAAA;AAAA,QAAEK;AAAAA,QAAOc;AAAAA,MAAQnB,IAAAA;AACvB,UAAI,CAACK,OAAO;AACH,eAAA;AAAA,MACT;AAEM,YAAA;AAAA,QACJ,CAACgC,YAAY,GAAGK;AAAAA,QAChB,CAACJ,YAAY,GAAGK;AAAAA,QAChB,CAACJ,gBAAgB,GAAGK;AAAAA,MACtB,IAAIJ,cAAcrB,IAAI0B,WAAWxC;AAEjC,4CACGyC,IAAAA,OAAK;AAAA,QACJC,sCAAQC,yBAAY;AAAA,UAACrB,SAAQ;AAAA,UAAMH,UAAEkB;AAAAA,QAAAA,CAAqB;AAAA,QAC1DO,MAAK;AAAA,QACLN;AAAAA,QACAd,OAAOe,aAAa,OAAO;AAAA,UAAED,OAAOC;AAAAA,QAAAA,IAAc,CAAC;AAAA,QACnDM,UAAU;AAAA,QAAG,GACTT;AAAAA,MAAAA,CACJ;AAAA,IAEN;AAAA,IACAN,WAAW;AAAA,MACTgB,YAAY;AAAA,MACZC,eAAe;AAAA,IACjB;AAAA,IACA,GAAGtD;AAAAA,EAAAA;AAEP;AAEO,SAASuD,eAIdvD,KACAwD,aACAC,YACAC,WACAC,aACwB;AACjB,SAAA;AAAA,IACL1D,MAAOC,CAAc,cAAA;AACb,YAAA;AAAA,QAAEK;AAAAA,QAAOc;AAAAA,MAAQnB,IAAAA;AACvB,4CACG0D,iBAAAA,SAAgB;AAAA,QACfC,SAAStD;AAAAA,QACTA,OAAOc,IAAIyC;AAAAA,QACXN;AAAAA,QACAC;AAAAA,QACAC;AAAAA,QACAC;AAAAA,MAAAA,CACA;AAAA,IAEN;AAAA,IACAtB,WAAW;AAAA,MACTgB,YAAY;AAAA,MACZC,eAAe;AAAA,IACjB;AAAA,IACA,GAAGtD;AAAAA,EAAAA;AAEP;AAEO,SAAS+D,iBAId/D,KACA8D,IACAE,aACAC,qBACAC,UACwB;AACjB,SAAA;AAAA,IACLjE,MAAOC,CAAc,cAAA;AACb,YAAA;AAAA,QAAEK;AAAAA,QAAOc;AAAAA,QAAK8C;AAAAA,MAAWjE,IAAAA;AACzBkE,YAAAA,QAAQ7D,MAAM8D,SAAS;AAC7B,4CACGC,mBAAAA,SAAkB;AAAA,QACjBC,QAAQhE;AAAAA,QACRyD,aAAaI,QAAQH,sBAAsBD;AAAAA,QAC3CE,UAAWM,CAAAA,QAAQN,qCAAW7C,IAAIyC,IAAIU;AAAAA,QACtCC,UAAUL;AAAAA,QACVM,eAAe;AAAA,UACb,mBAAmBC,MAAAA,MAAMb,IAAIK,OAAOL,EAAE;AAAA,QACxC;AAAA,MAAA,CACA;AAAA,IAEN;AAAA,IACAzB,WAAW;AAAA,MACTgB,YAAY;AAAA,MACZC,eAAe;AAAA,IACjB;AAAA,IACA,GAAGtD;AAAAA,EAAAA;AAEP;AAEO,SAAS4E,iBAId5E,KACA6E,YACAC,UACAjC,OACwB;AACjB,SAAA;AAAA,IACL5C,MAAOC,CAAc,cAAA;AACb,YAAA;AAAA,QAAEmB;AAAAA,MAAQnB,IAAAA;AACV6E,YAAAA,WAAUF,yCAAaxD,SAAQ;AAC/B2D,YAAAA,QAAQF,qCAAWzD;AAEzB,UAAI2D,OAAO;AACT,8CACGC,mBAAAA,SAAkB;AAAA,UAACF;AAAAA,UAAkBC;AAAAA,UAAcnC;AAAAA,QAAAA,CAAgB;AAAA,MAExE;AAEO,aAAA;AAAA,IACT;AAAA,IAEAR,WAAW;AAAA,MACTgB,YAAY;AAAA,MACZC,eAAe;AAAA,IACjB;AAAA,IACA,GAAGtD;AAAAA,EAAAA;AAEP;;;;;;;;;"}
|
|
1
|
+
{"version":3,"file":"renderers.cjs","sources":["../../../../../src/components/Table/renderers/renderers.tsx"],"sourcesContent":["import { DropDownXS, DropRightXS } from \"@hitachivantara/uikit-react-icons\";\nimport { setId } from \"~/utils\";\nimport {\n HvOverflowTooltip,\n HvTag,\n HvTypography,\n HvButton,\n HvTableColumnConfig,\n HvRowInstance,\n HvTagProps,\n HvBaseSwitchProps,\n HvListValue,\n} from \"~/components\";\nimport { HvTableHeaderRenderer, HvCellProps } from \"../hooks/useTable\";\nimport DateColumnCell from \"./DateColumnCell/index\";\nimport SwitchColumnCell from \"./SwitchColumnCell\";\nimport ProgressColumnCell from \"./ProgressColumnCell\";\nimport DropdownColumnCell from \"./DropdownColumnCell\";\nimport { hvStringFallback, hvNumberFallback } from \"../utils\";\n\nexport function hvTextColumn<\n D extends object = Record<string, unknown>,\n H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n>(col: HvTableColumnConfig<D, H>): HvTableColumnConfig<D, H> {\n return {\n Cell: (cellProps: HvCellProps<D, H>) => (\n <HvOverflowTooltip data={hvStringFallback(cellProps.value)} />\n ),\n sortType: \"alphanumeric\",\n ...col,\n };\n}\n\nexport function hvNumberColumn<\n D extends object = Record<string, unknown>,\n H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n>(col: HvTableColumnConfig<D, H>): HvTableColumnConfig<D, H> {\n return {\n Cell: (cellProps: HvCellProps<D, H>) => (\n <>{hvNumberFallback(cellProps.value)}</>\n ),\n align: \"right\",\n sortType: \"number\",\n ...col,\n };\n}\n\nexport function hvDateColumn<\n D extends object = Record<string, unknown>,\n H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n>(\n col: HvTableColumnConfig<D, H>,\n dateFormat?: string\n): HvTableColumnConfig<D, H> {\n return {\n Cell: (cellProps: HvCellProps<D, H>) => (\n <DateColumnCell date={cellProps.value} dateFormat={dateFormat} />\n ),\n sortType: \"alphanumeric\",\n sortDescFirst: true,\n ...col,\n };\n}\n\nexport function hvExpandColumn<\n D extends object = Record<string, unknown>,\n H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n>(\n col: HvTableColumnConfig<D, H>,\n expandRowButtonAriaLabel: string,\n collapseRowButtonAriaLabel: string,\n getCanRowExpand?: (row: HvRowInstance<D, H>) => boolean\n): HvTableColumnConfig<D, H> {\n return {\n Cell: (cellProps: HvCellProps<D, H>) => {\n const { value, row } = cellProps;\n const expandedProps = row.getToggleRowExpandedProps?.();\n\n const hasContent = getCanRowExpand?.(row) ?? true;\n\n return (\n <>\n {hasContent && (\n <HvButton\n icon\n variant=\"secondaryGhost\"\n aria-label={\n row.isExpanded\n ? collapseRowButtonAriaLabel\n : expandRowButtonAriaLabel\n }\n aria-expanded={row.isExpanded}\n onClick={expandedProps?.onClick}\n style={{ position: \"absolute\", left: 0, top: 0 }}\n >\n {row.isExpanded ? <DropDownXS /> : <DropRightXS />}\n </HvButton>\n )}\n\n <HvOverflowTooltip data={hvStringFallback(value)} />\n </>\n );\n },\n sortType: \"alphanumeric\",\n cellStyle: {\n position: \"relative\",\n },\n ...col,\n };\n}\n\nexport function hvTagColumn<\n D extends object = Record<string, unknown>,\n H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer,\n A extends object = Record<string, unknown>\n>(\n col: HvTableColumnConfig<D, H>,\n valueDataKey: keyof A,\n colorDataKey: keyof A,\n textColorDataKey: keyof A,\n fromRowData: boolean = false,\n tagProps?: HvTagProps\n): HvTableColumnConfig<D, H> {\n return {\n Cell: (cellProps: HvCellProps<D, H>) => {\n const { value, row } = cellProps;\n if (!value) {\n return <>—</>;\n }\n\n const {\n [valueDataKey]: name,\n [colorDataKey]: color,\n [textColorDataKey]: textColor,\n } = fromRowData ? row.original : value;\n\n return (\n <HvTag\n label={<HvTypography variant=\"body\">{name}</HvTypography>}\n type=\"semantic\"\n color={color}\n style={textColor != null ? { color: textColor } : {}}\n tabIndex={-1}\n {...tagProps}\n />\n );\n },\n cellStyle: {\n paddingTop: 0,\n paddingBottom: 0,\n },\n ...col,\n };\n}\n\nexport function hvSwitchColumn<\n D extends object = Record<string, unknown>,\n H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n>(\n col: HvTableColumnConfig<D, H>,\n switchLabel: string,\n falseLabel?: string,\n trueLabel?: string,\n switchProps?: HvBaseSwitchProps\n): HvTableColumnConfig<D, H> {\n return {\n Cell: (cellProps: HvCellProps<D, H>) => {\n const { value, row } = cellProps;\n return (\n <SwitchColumnCell\n checked={value}\n value={row.id}\n switchLabel={switchLabel}\n falseLabel={falseLabel}\n trueLabel={trueLabel}\n switchProps={switchProps}\n />\n );\n },\n cellStyle: {\n paddingTop: 0,\n paddingBottom: 0,\n },\n ...col,\n };\n}\n\nexport function hvDropdownColumn<\n D extends object = Record<string, unknown>,\n H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n>(\n col: HvTableColumnConfig<D, H>,\n id: string,\n placeholder: string,\n disabledPlaceholder: string,\n onChange?: (identifier: string, value: HvListValue) => void\n): HvTableColumnConfig<D, H> {\n return {\n Cell: (cellProps: HvCellProps<D, H>) => {\n const { value, row, column } = cellProps;\n const dsbld = value.length < 1;\n return (\n <DropdownColumnCell\n values={value}\n placeholder={dsbld ? disabledPlaceholder : placeholder}\n onChange={(val) => onChange?.(row.id, val)}\n disabled={dsbld}\n dropdownProps={{\n \"aria-labelledby\": setId(id, column.id),\n }}\n />\n );\n },\n cellStyle: {\n paddingTop: 0,\n paddingBottom: 0,\n },\n ...col,\n };\n}\n\nexport function hvProgressColumn<\n D extends object = Record<string, unknown>,\n H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer\n>(\n col: HvTableColumnConfig<D, H>,\n getPartial?: (row: HvRowInstance<D, H>) => number,\n getTotal?: (row: HvRowInstance<D, H>) => number,\n color?: \"primary\" | \"secondary\"\n): HvTableColumnConfig<D, H> {\n return {\n Cell: (cellProps: HvCellProps<D, H>) => {\n const { row } = cellProps;\n const partial = getPartial?.(row) || 0;\n const total = getTotal?.(row);\n\n if (total) {\n return (\n <ProgressColumnCell partial={partial} total={total} color={color} />\n );\n }\n\n return <>—</>;\n },\n\n cellStyle: {\n paddingTop: 0,\n paddingBottom: 0,\n },\n ...col,\n };\n}\n"],"names":["hvTextColumn","col","Cell","cellProps","_jsx","HvOverflowTooltip","data","hvStringFallback","value","sortType","hvNumberColumn","_Fragment","children","hvNumberFallback","align","hvDateColumn","dateFormat","DateColumnCell","date","sortDescFirst","hvExpandColumn","expandRowButtonAriaLabel","collapseRowButtonAriaLabel","getCanRowExpand","row","expandedProps","getToggleRowExpandedProps","hasContent","HvButton","icon","variant","isExpanded","onClick","style","position","left","top","DropDownXS","DropRightXS","cellStyle","hvTagColumn","valueDataKey","colorDataKey","textColorDataKey","fromRowData","tagProps","name","color","textColor","original","HvTag","label","HvTypography","type","tabIndex","paddingTop","paddingBottom","hvSwitchColumn","switchLabel","falseLabel","trueLabel","switchProps","SwitchColumnCell","checked","id","hvDropdownColumn","placeholder","disabledPlaceholder","onChange","column","dsbld","length","DropdownColumnCell","values","val","disabled","dropdownProps","setId","hvProgressColumn","getPartial","getTotal","partial","total","ProgressColumnCell"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tableClasses.cjs","sources":["../../../../src/components/Table/tableClasses.ts"],"sourcesContent":["import { getClasses } from \"~/utils\";\n\nexport
|
|
1
|
+
{"version":3,"file":"tableClasses.cjs","sources":["../../../../src/components/Table/tableClasses.ts"],"sourcesContent":["import { getClasses } from \"~/utils\";\n\nexport interface HvTableClasses {\n /** Styles applied to the component root class. */\n root?: string;\n /** Styles applied to the component root class when it has a sticky header. */\n stickyHeader?: string;\n /** Styles applied to the component root class when it has sticky columns. */\n stickyColumns?: string;\n /** Styles applied to the component root class when it has sticky columns. */\n listRow?: string;\n}\n\nconst classKeys: string[] = [\n \"root\",\n \"stickyHeader\",\n \"stickyColumns\",\n \"listRow\",\n];\n\nconst tableClasses = getClasses<HvTableClasses>(classKeys, \"HvTable\");\n\nexport default tableClasses;\n"],"names":["classKeys","tableClasses","getClasses"],"mappings":";;;AAaA,MAAMA,YAAsB,CAC1B,QACA,gBACA,iBACA,SAAS;AAGX,MAAMC,eAAeC,QAA2BF,WAAAA,WAAW,SAAS;AAEpE,MAAA,iBAAeC;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fallbacks.cjs","sources":["../../../../../src/components/Table/utils/fallbacks.ts"],"sourcesContent":["const LONG_DASH = \"—\";\n\nexport const hvStringFallback = (value) => {\n return typeof value === \"string\" && value !== \"\" ? value : LONG_DASH;\n};\n\nexport const hvNumberFallback = (value) => {\n return typeof value === \"number\" ? value : LONG_DASH;\n};\n\nexport const hvNodeFallback = (value) => {\n if (!value) return LONG_DASH;\n return hvStringFallback(value?.toString()) === LONG_DASH ? LONG_DASH : value;\n};\n"],"names":["LONG_DASH","hvStringFallback","value","hvNumberFallback","hvNodeFallback","toString"],"mappings":";;AAAA,MAAMA,YAAY;
|
|
1
|
+
{"version":3,"file":"fallbacks.cjs","sources":["../../../../../src/components/Table/utils/fallbacks.ts"],"sourcesContent":["const LONG_DASH = \"—\";\n\nexport const hvStringFallback = (value: any) => {\n return typeof value === \"string\" && value !== \"\" ? value : LONG_DASH;\n};\n\nexport const hvNumberFallback = (value: any) => {\n return typeof value === \"number\" ? value : LONG_DASH;\n};\n\nexport const hvNodeFallback = (value: any) => {\n if (!value) return LONG_DASH;\n return hvStringFallback(value?.toString()) === LONG_DASH ? LONG_DASH : value;\n};\n"],"names":["LONG_DASH","hvStringFallback","value","hvNumberFallback","hvNodeFallback","toString"],"mappings":";;AAAA,MAAMA,YAAY;AAELC,MAAAA,mBAAmBA,CAACC,UAAe;AAC9C,SAAO,OAAOA,UAAU,YAAYA,UAAU,KAAKA,QAAQF;AAC7D;AAEaG,MAAAA,mBAAmBA,CAACD,UAAe;AACvC,SAAA,OAAOA,UAAU,WAAWA,QAAQF;AAC7C;AAEaI,MAAAA,iBAAiBA,CAACF,UAAe;AAC5C,MAAI,CAACA;AAAcF,WAAAA;AACnB,SAAOC,iBAAiBC,+BAAOG,UAAU,MAAML,YAAYA,YAAYE;AACzE;;;;"}
|
|
@@ -4,6 +4,7 @@ const _styled = require("@emotion/styled/base");
|
|
|
4
4
|
const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
|
|
5
5
|
const uikitStyles = require("@hitachivantara/uikit-styles");
|
|
6
6
|
const Chip = require("@mui/material/Chip");
|
|
7
|
+
const React = require("react");
|
|
7
8
|
const hexToRgbA = require("../../utils/hexToRgbA.cjs");
|
|
8
9
|
const transientOptions = require("../../utils/transientOptions.cjs");
|
|
9
10
|
const tagClasses = require("./tagClasses.cjs");
|
|
@@ -132,9 +133,12 @@ const StyledChip = /* @__PURE__ */ _styled__default.default(Chip__default.defaul
|
|
|
132
133
|
}
|
|
133
134
|
}
|
|
134
135
|
}
|
|
135
|
-
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
136
|
-
const StyledButton = /* @__PURE__ */ _styled__default.default((props) =>
|
|
137
|
-
|
|
136
|
+
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFnL1RhZy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVcwQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1RhZy9UYWcuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQ2xvc2VYUyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCBDaGlwIGZyb20gXCJAbXVpL21hdGVyaWFsL0NoaXBcIjtcbmltcG9ydCB7IEh2QnV0dG9uLCBIdkJ1dHRvblByb3BzIH0gZnJvbSBcIn4vY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcywgUmVmLCBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcIn4vdXRpbHNcIjtcbmltcG9ydCBmYWRlIGZyb20gXCJ+L3V0aWxzL2hleFRvUmdiQVwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ+L3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB0YWdDbGFzc2VzIGZyb20gXCIuL3RhZ0NsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoaXAgPSBzdHlsZWQoXG4gIENoaXAsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJHR5cGUsXG4gICAgJGRpc2FibGVkLFxuICAgICRjYXRlZ29yaWNhbEZvY3VzLFxuICAgICRjYXRlZ29yaWNhbERpc2FibGVkLFxuICAgICRiYXNlTGlnaHRDb2xvcixcbiAgfToge1xuICAgICR0eXBlOiBzdHJpbmc7XG4gICAgJGRpc2FibGVkOiBib29sZWFuO1xuICAgICRjYXRlZ29yaWNhbEZvY3VzOiBib29sZWFuO1xuICAgICRjYXRlZ29yaWNhbERpc2FibGVkOiBib29sZWFuO1xuICAgICRiYXNlTGlnaHRDb2xvcjogc3RyaW5nO1xuICB9KSA9PiAoe1xuICAgIFwiJi5NdWlDaGlwLXJvb3RcIjoge1xuICAgICAgaGVpZ2h0OiAxNixcbiAgICAgIGJvcmRlclJhZGl1czogMCxcbiAgICAgIG1heFdpZHRoOiAxODAsXG4gICAgICBmb250RmFtaWx5OiB0aGVtZS5mb250RmFtaWx5LmJvZHksXG5cbiAgICAgIFtgJiAuJHt0YWdDbGFzc2VzLmZvY3VzVmlzaWJsZX1gXToge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGZhZGUodGhlbWUuY29sb3JzLmJhc2VfbGlnaHQsIDAuMyksXG4gICAgICB9LFxuICAgICAgLi4uKCR0eXBlID09PSBcImNhdGVnb3JpY2FsXCIgJiYge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwicmVkXCIsXG4gICAgICAgIGJvcmRlclJhZGl1czogOCxcbiAgICAgICAgW2AmLiR7dGFnQ2xhc3Nlcy5jbGlja2FibGV9YF06IHtcbiAgICAgICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgICB9LFxuICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgIGJvcmRlclJhZGl1czogOCxcbiAgICAgICAgfSxcbiAgICAgICAgW2AmIC4ke3RhZ0NsYXNzZXMubGFiZWx9YF06IHtcbiAgICAgICAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeSxcbiAgICAgICAgfSxcbiAgICAgICAgXCImOmZvY3VzOm5vdCg6Zm9jdXMtdmlzaWJsZSlcIjoge1xuICAgICAgICAgIG91dGxpbmU6IFwiMCAhaW1wb3J0YW50XCIsXG4gICAgICAgICAgYm94U2hhZG93OiBcIm5vbmUgIWltcG9ydGFudFwiLFxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgICAuLi4oJGRpc2FibGVkICYmIHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICAgICAgICBbYCYgLiR7dGFnQ2xhc3Nlcy5sYWJlbH1gXToge1xuICAgICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5XzYwLFxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgICAuLi4oJGNhdGVnb3JpY2FsRm9jdXMgJiYge1xuICAgICAgICBcIiY6Zm9jdXNcIjoge1xuICAgICAgICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICAgIC4uLigkY2F0ZWdvcmljYWxEaXNhYmxlZCAmJiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICAgICAgW2AmIC4ke3RhZ0NsYXNzZXMubGFiZWx9YF06IHtcbiAgICAgICAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeV82MCxcbiAgICAgICAgfSxcbiAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICAgICAgfSxcbiAgICAgICAgXCImOmZvY3VzXCI6IHtcbiAgICAgICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgIH0sXG5cbiAgICBcIiYgLk11aUNoaXAtbGFiZWxcIjoge1xuICAgICAgcGFkZGluZ0xlZnQ6IHRoZW1lLnNwYWNlLnhzLFxuICAgICAgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbiAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LmNhcHRpb24xIGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5iYXNlX2RhcmssXG4gICAgICBcIiYgcFwiOiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYmFzZV9kYXJrLFxuICAgICAgfSxcbiAgICB9LFxuXG4gICAgXCImIC5NdWlDaGlwLWRlbGV0ZUljb25cIjoge1xuICAgICAgbWFyZ2luUmlnaHQ6IDAsXG4gICAgICB3aWR0aDogMTYsXG4gICAgICBoZWlnaHQ6IDE2LFxuICAgICAgbWluV2lkdGg6IDE2LFxuICAgICAgbWluSGVpZ2h0OiAxNixcbiAgICAgIHBhZGRpbmc6IDAsXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGAkeyRiYXNlTGlnaHRDb2xvcn0zMGAsXG4gICAgICB9LFxuICAgICAgXCImOmZvY3VzXCI6IHtcbiAgICAgICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgICAgICAgYm9yZGVyUmFkaXVzOiAwLFxuICAgICAgfSxcbiAgICAgIFwiJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpXCI6IHtcbiAgICAgICAgb3V0bGluZTogXCIwICFpbXBvcnRhbnRcIixcbiAgICAgICAgYm94U2hhZG93OiBcIm5vbmUgIWltcG9ydGFudFwiLFxuICAgICAgfSxcbiAgICAgIC4uLigkZGlzYWJsZWQgJiYge1xuICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgICAgICB9LFxuICAgICAgICBcIiY6Zm9jdXNcIjoge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgICAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgICAgICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgICAgICAgb3V0bGluZU9mZnNldDogMCxcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKFxuICBmb3J3YXJkUmVmKChwcm9wczogSHZCdXR0b25Qcm9wcywgcmVmPzogUmVmPEhUTUxCdXR0b25FbGVtZW50PikgPT4ge1xuICAgIHJldHVybiA8SHZCdXR0b24gey4uLnByb3BzfSByZWY9e3JlZn0gLz47XG4gIH0pXG4pKHtcbiAgXCImIC5NdWlCdXR0b24tc3RhcnRJY29uXCI6IHtcbiAgICB3aWR0aDogMTYsXG4gICAgaGVpZ2h0OiAxNixcbiAgICBtaW5XaWR0aDogMTYsXG4gICAgbWluSGVpZ2h0OiAxNixcbiAgICBwYWRkaW5nOiAwLFxuICAgIG1hcmdpbjogMCxcbiAgfSxcbiAgXCImIC5NdWlCdXR0b24tdGV4dFByaW1hcnlcIjoge1xuICAgIGJhY2tncm91bmQ6IFwidHJhbnNwYXJlbnRcIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2xvc2VYUyA9IHN0eWxlZChcbiAgQ2xvc2VYUyxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkY29sb3IgfTogeyAkY29sb3I6IHN0cmluZyB9KSA9PiAoe1xuICBcIiYgc3ZnIC5jb2xvcjBcIjoge1xuICAgIGZpbGw6IHRoZW1lLmNvbG9yc1skY29sb3JdLFxuICB9LFxufSkpO1xuIl19 */");
|
|
137
|
+
const StyledButton = /* @__PURE__ */ _styled__default.default(React.forwardRef((props, ref) => {
|
|
138
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
|
|
139
|
+
...props,
|
|
140
|
+
ref
|
|
141
|
+
});
|
|
138
142
|
}), process.env.NODE_ENV === "production" ? {
|
|
139
143
|
target: "e14hga4y1"
|
|
140
144
|
} : {
|
|
@@ -146,7 +150,7 @@ const StyledButton = /* @__PURE__ */ _styled__default.default((props) => /* @__P
|
|
|
146
150
|
} : {
|
|
147
151
|
name: "1ak3043",
|
|
148
152
|
styles: "& .MuiButton-startIcon{width:16px;height:16px;min-width:16px;min-height:16px;padding:0;margin:0;}& .MuiButton-textPrimary{background:transparent;}",
|
|
149
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFnL1RhZy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRINEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9UYWcvVGFnLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IENsb3NlWFMgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWljb25zXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgQ2hpcCBmcm9tIFwiQG11aS9tYXRlcmlhbC9DaGlwXCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJ+
|
|
153
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFnL1RhZy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRINEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9UYWcvVGFnLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IENsb3NlWFMgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWljb25zXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgQ2hpcCBmcm9tIFwiQG11aS9tYXRlcmlhbC9DaGlwXCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJ+L2NvbXBvbmVudHNcIjtcbmltcG9ydCB7IENTU1Byb3BlcnRpZXMsIFJlZiwgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJ+L3V0aWxzXCI7XG5pbXBvcnQgZmFkZSBmcm9tIFwifi91dGlscy9oZXhUb1JnYkFcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwifi91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgdGFnQ2xhc3NlcyBmcm9tIFwiLi90YWdDbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDaGlwID0gc3R5bGVkKFxuICBDaGlwLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICR0eXBlLFxuICAgICRkaXNhYmxlZCxcbiAgICAkY2F0ZWdvcmljYWxGb2N1cyxcbiAgICAkY2F0ZWdvcmljYWxEaXNhYmxlZCxcbiAgICAkYmFzZUxpZ2h0Q29sb3IsXG4gIH06IHtcbiAgICAkdHlwZTogc3RyaW5nO1xuICAgICRkaXNhYmxlZDogYm9vbGVhbjtcbiAgICAkY2F0ZWdvcmljYWxGb2N1czogYm9vbGVhbjtcbiAgICAkY2F0ZWdvcmljYWxEaXNhYmxlZDogYm9vbGVhbjtcbiAgICAkYmFzZUxpZ2h0Q29sb3I6IHN0cmluZztcbiAgfSkgPT4gKHtcbiAgICBcIiYuTXVpQ2hpcC1yb290XCI6IHtcbiAgICAgIGhlaWdodDogMTYsXG4gICAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgICBtYXhXaWR0aDogMTgwLFxuICAgICAgZm9udEZhbWlseTogdGhlbWUuZm9udEZhbWlseS5ib2R5LFxuXG4gICAgICBbYCYgLiR7dGFnQ2xhc3Nlcy5mb2N1c1Zpc2libGV9YF06IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBmYWRlKHRoZW1lLmNvbG9ycy5iYXNlX2xpZ2h0LCAwLjMpLFxuICAgICAgfSxcbiAgICAgIC4uLigkdHlwZSA9PT0gXCJjYXRlZ29yaWNhbFwiICYmIHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInJlZFwiLFxuICAgICAgICBib3JkZXJSYWRpdXM6IDgsXG4gICAgICAgIFtgJi4ke3RhZ0NsYXNzZXMuY2xpY2thYmxlfWBdOiB7XG4gICAgICAgICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICAgICAgfSxcbiAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICBib3JkZXJSYWRpdXM6IDgsXG4gICAgICAgIH0sXG4gICAgICAgIFtgJiAuJHt0YWdDbGFzc2VzLmxhYmVsfWBdOiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnksXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpXCI6IHtcbiAgICAgICAgICBvdXRsaW5lOiBcIjAgIWltcG9ydGFudFwiLFxuICAgICAgICAgIGJveFNoYWRvdzogXCJub25lICFpbXBvcnRhbnRcIixcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICAgICAgW2AmIC4ke3RhZ0NsYXNzZXMubGFiZWx9YF06IHtcbiAgICAgICAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeV82MCxcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCRjYXRlZ29yaWNhbEZvY3VzICYmIHtcbiAgICAgICAgXCImOmZvY3VzXCI6IHtcbiAgICAgICAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgICAuLi4oJGNhdGVnb3JpY2FsRGlzYWJsZWQgJiYge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gICAgICAgIFtgJiAuJHt0YWdDbGFzc2VzLmxhYmVsfWBdOiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICAgICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICB9LFxuXG4gICAgXCImIC5NdWlDaGlwLWxhYmVsXCI6IHtcbiAgICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS5zcGFjZS54cyxcbiAgICAgIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2UueHMsXG4gICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5jYXB0aW9uMSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYmFzZV9kYXJrLFxuICAgICAgXCImIHBcIjoge1xuICAgICAgICBjb2xvcjogdGhlbWUuY29sb3JzLmJhc2VfZGFyayxcbiAgICAgIH0sXG4gICAgfSxcblxuICAgIFwiJiAuTXVpQ2hpcC1kZWxldGVJY29uXCI6IHtcbiAgICAgIG1hcmdpblJpZ2h0OiAwLFxuICAgICAgd2lkdGg6IDE2LFxuICAgICAgaGVpZ2h0OiAxNixcbiAgICAgIG1pbldpZHRoOiAxNixcbiAgICAgIG1pbkhlaWdodDogMTYsXG4gICAgICBwYWRkaW5nOiAwLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBgJHskYmFzZUxpZ2h0Q29sb3J9MzBgLFxuICAgICAgfSxcbiAgICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gICAgICAgIGJvcmRlclJhZGl1czogMCxcbiAgICAgIH0sXG4gICAgICBcIiY6Zm9jdXM6bm90KDpmb2N1cy12aXNpYmxlKVwiOiB7XG4gICAgICAgIG91dGxpbmU6IFwiMCAhaW1wb3J0YW50XCIsXG4gICAgICAgIGJveFNoYWRvdzogXCJub25lICFpbXBvcnRhbnRcIixcbiAgICAgIH0sXG4gICAgICAuLi4oJGRpc2FibGVkICYmIHtcbiAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICAgICAgfSxcbiAgICAgICAgXCImOmZvY3VzXCI6IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICAgICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICAgICAgICBib3hTaGFkb3c6IFwibm9uZVwiLFxuICAgICAgICAgIG91dGxpbmVPZmZzZXQ6IDAsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChcbiAgZm9yd2FyZFJlZigocHJvcHM6IEh2QnV0dG9uUHJvcHMsIHJlZj86IFJlZjxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHtcbiAgICByZXR1cm4gPEh2QnV0dG9uIHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+O1xuICB9KVxuKSh7XG4gIFwiJiAuTXVpQnV0dG9uLXN0YXJ0SWNvblwiOiB7XG4gICAgd2lkdGg6IDE2LFxuICAgIGhlaWdodDogMTYsXG4gICAgbWluV2lkdGg6IDE2LFxuICAgIG1pbkhlaWdodDogMTYsXG4gICAgcGFkZGluZzogMCxcbiAgICBtYXJnaW46IDAsXG4gIH0sXG4gIFwiJiAuTXVpQnV0dG9uLXRleHRQcmltYXJ5XCI6IHtcbiAgICBiYWNrZ3JvdW5kOiBcInRyYW5zcGFyZW50XCIsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENsb3NlWFMgPSBzdHlsZWQoXG4gIENsb3NlWFMsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGNvbG9yIH06IHsgJGNvbG9yOiBzdHJpbmcgfSkgPT4gKHtcbiAgXCImIHN2ZyAuY29sb3IwXCI6IHtcbiAgICBmaWxsOiB0aGVtZS5jb2xvcnNbJGNvbG9yXSxcbiAgfSxcbn0pKTtcbiJdfQ== */",
|
|
150
154
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
151
155
|
});
|
|
152
156
|
const StyledCloseXS = /* @__PURE__ */ _styled__default.default(uikitReactIcons.CloseXS, process.env.NODE_ENV === "production" ? _extends({}, {
|
|
@@ -160,7 +164,7 @@ const StyledCloseXS = /* @__PURE__ */ _styled__default.default(uikitReactIcons.C
|
|
|
160
164
|
"& svg .color0": {
|
|
161
165
|
fill: uikitStyles.theme.colors[$color]
|
|
162
166
|
}
|
|
163
|
-
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
167
|
+
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFnL1RhZy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThJNkIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9UYWcvVGFnLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IENsb3NlWFMgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWljb25zXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgQ2hpcCBmcm9tIFwiQG11aS9tYXRlcmlhbC9DaGlwXCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJ+L2NvbXBvbmVudHNcIjtcbmltcG9ydCB7IENTU1Byb3BlcnRpZXMsIFJlZiwgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJ+L3V0aWxzXCI7XG5pbXBvcnQgZmFkZSBmcm9tIFwifi91dGlscy9oZXhUb1JnYkFcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwifi91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgdGFnQ2xhc3NlcyBmcm9tIFwiLi90YWdDbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDaGlwID0gc3R5bGVkKFxuICBDaGlwLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICR0eXBlLFxuICAgICRkaXNhYmxlZCxcbiAgICAkY2F0ZWdvcmljYWxGb2N1cyxcbiAgICAkY2F0ZWdvcmljYWxEaXNhYmxlZCxcbiAgICAkYmFzZUxpZ2h0Q29sb3IsXG4gIH06IHtcbiAgICAkdHlwZTogc3RyaW5nO1xuICAgICRkaXNhYmxlZDogYm9vbGVhbjtcbiAgICAkY2F0ZWdvcmljYWxGb2N1czogYm9vbGVhbjtcbiAgICAkY2F0ZWdvcmljYWxEaXNhYmxlZDogYm9vbGVhbjtcbiAgICAkYmFzZUxpZ2h0Q29sb3I6IHN0cmluZztcbiAgfSkgPT4gKHtcbiAgICBcIiYuTXVpQ2hpcC1yb290XCI6IHtcbiAgICAgIGhlaWdodDogMTYsXG4gICAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgICBtYXhXaWR0aDogMTgwLFxuICAgICAgZm9udEZhbWlseTogdGhlbWUuZm9udEZhbWlseS5ib2R5LFxuXG4gICAgICBbYCYgLiR7dGFnQ2xhc3Nlcy5mb2N1c1Zpc2libGV9YF06IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBmYWRlKHRoZW1lLmNvbG9ycy5iYXNlX2xpZ2h0LCAwLjMpLFxuICAgICAgfSxcbiAgICAgIC4uLigkdHlwZSA9PT0gXCJjYXRlZ29yaWNhbFwiICYmIHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInJlZFwiLFxuICAgICAgICBib3JkZXJSYWRpdXM6IDgsXG4gICAgICAgIFtgJi4ke3RhZ0NsYXNzZXMuY2xpY2thYmxlfWBdOiB7XG4gICAgICAgICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICAgICAgfSxcbiAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICBib3JkZXJSYWRpdXM6IDgsXG4gICAgICAgIH0sXG4gICAgICAgIFtgJiAuJHt0YWdDbGFzc2VzLmxhYmVsfWBdOiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnksXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpXCI6IHtcbiAgICAgICAgICBvdXRsaW5lOiBcIjAgIWltcG9ydGFudFwiLFxuICAgICAgICAgIGJveFNoYWRvdzogXCJub25lICFpbXBvcnRhbnRcIixcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICAgICAgW2AmIC4ke3RhZ0NsYXNzZXMubGFiZWx9YF06IHtcbiAgICAgICAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeV82MCxcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCRjYXRlZ29yaWNhbEZvY3VzICYmIHtcbiAgICAgICAgXCImOmZvY3VzXCI6IHtcbiAgICAgICAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgICAuLi4oJGNhdGVnb3JpY2FsRGlzYWJsZWQgJiYge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gICAgICAgIFtgJiAuJHt0YWdDbGFzc2VzLmxhYmVsfWBdOiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICAgICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICB9LFxuXG4gICAgXCImIC5NdWlDaGlwLWxhYmVsXCI6IHtcbiAgICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS5zcGFjZS54cyxcbiAgICAgIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2UueHMsXG4gICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5jYXB0aW9uMSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYmFzZV9kYXJrLFxuICAgICAgXCImIHBcIjoge1xuICAgICAgICBjb2xvcjogdGhlbWUuY29sb3JzLmJhc2VfZGFyayxcbiAgICAgIH0sXG4gICAgfSxcblxuICAgIFwiJiAuTXVpQ2hpcC1kZWxldGVJY29uXCI6IHtcbiAgICAgIG1hcmdpblJpZ2h0OiAwLFxuICAgICAgd2lkdGg6IDE2LFxuICAgICAgaGVpZ2h0OiAxNixcbiAgICAgIG1pbldpZHRoOiAxNixcbiAgICAgIG1pbkhlaWdodDogMTYsXG4gICAgICBwYWRkaW5nOiAwLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBgJHskYmFzZUxpZ2h0Q29sb3J9MzBgLFxuICAgICAgfSxcbiAgICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gICAgICAgIGJvcmRlclJhZGl1czogMCxcbiAgICAgIH0sXG4gICAgICBcIiY6Zm9jdXM6bm90KDpmb2N1cy12aXNpYmxlKVwiOiB7XG4gICAgICAgIG91dGxpbmU6IFwiMCAhaW1wb3J0YW50XCIsXG4gICAgICAgIGJveFNoYWRvdzogXCJub25lICFpbXBvcnRhbnRcIixcbiAgICAgIH0sXG4gICAgICAuLi4oJGRpc2FibGVkICYmIHtcbiAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICAgICAgfSxcbiAgICAgICAgXCImOmZvY3VzXCI6IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICAgICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICAgICAgICBib3hTaGFkb3c6IFwibm9uZVwiLFxuICAgICAgICAgIG91dGxpbmVPZmZzZXQ6IDAsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChcbiAgZm9yd2FyZFJlZigocHJvcHM6IEh2QnV0dG9uUHJvcHMsIHJlZj86IFJlZjxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHtcbiAgICByZXR1cm4gPEh2QnV0dG9uIHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+O1xuICB9KVxuKSh7XG4gIFwiJiAuTXVpQnV0dG9uLXN0YXJ0SWNvblwiOiB7XG4gICAgd2lkdGg6IDE2LFxuICAgIGhlaWdodDogMTYsXG4gICAgbWluV2lkdGg6IDE2LFxuICAgIG1pbkhlaWdodDogMTYsXG4gICAgcGFkZGluZzogMCxcbiAgICBtYXJnaW46IDAsXG4gIH0sXG4gIFwiJiAuTXVpQnV0dG9uLXRleHRQcmltYXJ5XCI6IHtcbiAgICBiYWNrZ3JvdW5kOiBcInRyYW5zcGFyZW50XCIsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENsb3NlWFMgPSBzdHlsZWQoXG4gIENsb3NlWFMsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGNvbG9yIH06IHsgJGNvbG9yOiBzdHJpbmcgfSkgPT4gKHtcbiAgXCImIHN2ZyAuY29sb3IwXCI6IHtcbiAgICBmaWxsOiB0aGVtZS5jb2xvcnNbJGNvbG9yXSxcbiAgfSxcbn0pKTtcbiJdfQ== */");
|
|
164
168
|
exports.StyledButton = StyledButton;
|
|
165
169
|
exports.StyledChip = StyledChip;
|
|
166
170
|
exports.StyledCloseXS = StyledCloseXS;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.styles.cjs","sources":["../../../../src/components/Tag/Tag.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { CloseXS } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport Chip from \"@mui/material/Chip\";\nimport { HvButton, HvButtonProps } from \"~/components\";\nimport { CSSProperties } from \"react\";\nimport { outlineStyles } from \"~/utils\";\nimport fade from \"~/utils/hexToRgbA\";\nimport { transientOptions } from \"~/utils/transientOptions\";\nimport tagClasses from \"./tagClasses\";\n\nexport const StyledChip = styled(\n Chip,\n transientOptions\n)(\n ({\n $type,\n $disabled,\n $categoricalFocus,\n $categoricalDisabled,\n $baseLightColor,\n }: {\n $type: string;\n $disabled: boolean;\n $categoricalFocus: boolean;\n $categoricalDisabled: boolean;\n $baseLightColor: string;\n }) => ({\n \"&.MuiChip-root\": {\n height: 16,\n borderRadius: 0,\n maxWidth: 180,\n fontFamily: theme.fontFamily.body,\n\n [`& .${tagClasses.focusVisible}`]: {\n backgroundColor: fade(theme.colors.base_light, 0.3),\n },\n ...($type === \"categorical\" && {\n backgroundColor: \"red\",\n borderRadius: 8,\n [`&.${tagClasses.clickable}`]: {\n cursor: \"pointer\",\n },\n \"&:hover\": {\n borderRadius: 8,\n },\n [`& .${tagClasses.label}`]: {\n color: theme.colors.secondary,\n },\n \"&:focus:not(:focus-visible)\": {\n outline: \"0 !important\",\n boxShadow: \"none !important\",\n },\n }),\n ...($disabled && {\n backgroundColor: theme.colors.atmo3,\n cursor: \"not-allowed\",\n [`& .${tagClasses.label}`]: {\n color: theme.colors.secondary_60,\n },\n }),\n ...($categoricalFocus && {\n \"&:focus\": {\n ...outlineStyles,\n },\n }),\n ...($categoricalDisabled && {\n backgroundColor: theme.colors.atmo3,\n cursor: \"not-allowed\",\n [`& .${tagClasses.label}`]: {\n color: theme.colors.secondary_60,\n },\n \"&:hover\": {\n backgroundColor: theme.colors.atmo3,\n },\n \"&:focus\": {\n outline: \"none\",\n },\n }),\n },\n\n \"& .MuiChip-label\": {\n paddingLeft: theme.space.xs,\n paddingRight: theme.space.xs,\n ...(theme.typography.caption1 as CSSProperties),\n color: theme.colors.base_dark,\n \"& p\": {\n color: theme.colors.base_dark,\n },\n },\n\n \"& .MuiChip-deleteIcon\": {\n marginRight: 0,\n width: 16,\n height: 16,\n minWidth: 16,\n minHeight: 16,\n padding: 0,\n \"&:hover\": {\n backgroundColor: `${$baseLightColor}30`,\n },\n \"&:focus\": {\n ...outlineStyles,\n borderRadius: 0,\n },\n \"&:focus:not(:focus-visible)\": {\n outline: \"0 !important\",\n boxShadow: \"none !important\",\n },\n ...($disabled && {\n \"&:hover\": {\n backgroundColor: theme.colors.atmo3,\n },\n \"&:focus\": {\n backgroundColor: theme.colors.atmo3,\n outline: \"none\",\n boxShadow: \"none\",\n outlineOffset: 0,\n },\n }),\n },\n })\n);\n\nexport const StyledButton = styled((props: HvButtonProps) =>
|
|
1
|
+
{"version":3,"file":"Tag.styles.cjs","sources":["../../../../src/components/Tag/Tag.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { CloseXS } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport Chip from \"@mui/material/Chip\";\nimport { HvButton, HvButtonProps } from \"~/components\";\nimport { CSSProperties, Ref, forwardRef } from \"react\";\nimport { outlineStyles } from \"~/utils\";\nimport fade from \"~/utils/hexToRgbA\";\nimport { transientOptions } from \"~/utils/transientOptions\";\nimport tagClasses from \"./tagClasses\";\n\nexport const StyledChip = styled(\n Chip,\n transientOptions\n)(\n ({\n $type,\n $disabled,\n $categoricalFocus,\n $categoricalDisabled,\n $baseLightColor,\n }: {\n $type: string;\n $disabled: boolean;\n $categoricalFocus: boolean;\n $categoricalDisabled: boolean;\n $baseLightColor: string;\n }) => ({\n \"&.MuiChip-root\": {\n height: 16,\n borderRadius: 0,\n maxWidth: 180,\n fontFamily: theme.fontFamily.body,\n\n [`& .${tagClasses.focusVisible}`]: {\n backgroundColor: fade(theme.colors.base_light, 0.3),\n },\n ...($type === \"categorical\" && {\n backgroundColor: \"red\",\n borderRadius: 8,\n [`&.${tagClasses.clickable}`]: {\n cursor: \"pointer\",\n },\n \"&:hover\": {\n borderRadius: 8,\n },\n [`& .${tagClasses.label}`]: {\n color: theme.colors.secondary,\n },\n \"&:focus:not(:focus-visible)\": {\n outline: \"0 !important\",\n boxShadow: \"none !important\",\n },\n }),\n ...($disabled && {\n backgroundColor: theme.colors.atmo3,\n cursor: \"not-allowed\",\n [`& .${tagClasses.label}`]: {\n color: theme.colors.secondary_60,\n },\n }),\n ...($categoricalFocus && {\n \"&:focus\": {\n ...outlineStyles,\n },\n }),\n ...($categoricalDisabled && {\n backgroundColor: theme.colors.atmo3,\n cursor: \"not-allowed\",\n [`& .${tagClasses.label}`]: {\n color: theme.colors.secondary_60,\n },\n \"&:hover\": {\n backgroundColor: theme.colors.atmo3,\n },\n \"&:focus\": {\n outline: \"none\",\n },\n }),\n },\n\n \"& .MuiChip-label\": {\n paddingLeft: theme.space.xs,\n paddingRight: theme.space.xs,\n ...(theme.typography.caption1 as CSSProperties),\n color: theme.colors.base_dark,\n \"& p\": {\n color: theme.colors.base_dark,\n },\n },\n\n \"& .MuiChip-deleteIcon\": {\n marginRight: 0,\n width: 16,\n height: 16,\n minWidth: 16,\n minHeight: 16,\n padding: 0,\n \"&:hover\": {\n backgroundColor: `${$baseLightColor}30`,\n },\n \"&:focus\": {\n ...outlineStyles,\n borderRadius: 0,\n },\n \"&:focus:not(:focus-visible)\": {\n outline: \"0 !important\",\n boxShadow: \"none !important\",\n },\n ...($disabled && {\n \"&:hover\": {\n backgroundColor: theme.colors.atmo3,\n },\n \"&:focus\": {\n backgroundColor: theme.colors.atmo3,\n outline: \"none\",\n boxShadow: \"none\",\n outlineOffset: 0,\n },\n }),\n },\n })\n);\n\nexport const StyledButton = styled(\n forwardRef((props: HvButtonProps, ref?: Ref<HTMLButtonElement>) => {\n return <HvButton {...props} ref={ref} />;\n })\n)({\n \"& .MuiButton-startIcon\": {\n width: 16,\n height: 16,\n minWidth: 16,\n minHeight: 16,\n padding: 0,\n margin: 0,\n },\n \"& .MuiButton-textPrimary\": {\n background: \"transparent\",\n },\n});\n\nexport const StyledCloseXS = styled(\n CloseXS,\n transientOptions\n)(({ $color }: { $color: string }) => ({\n \"& svg .color0\": {\n fill: theme.colors[$color],\n },\n}));\n"],"names":["StyledChip","Chip","process","env","NODE_ENV","_extends","target","transientOptions","label","$type","$disabled","$categoricalFocus","$categoricalDisabled","$baseLightColor","height","borderRadius","maxWidth","fontFamily","theme","body","tagClasses","focusVisible","backgroundColor","fade","colors","base_light","clickable","cursor","color","secondary","outline","boxShadow","atmo3","secondary_60","outlineStyles","paddingLeft","space","xs","paddingRight","typography","caption1","base_dark","marginRight","width","minWidth","minHeight","padding","outlineOffset","StyledButton","_styled","forwardRef","props","ref","HvButton","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledCloseXS","CloseXS","$color","fill"],"mappings":"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"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
3
|
const _styled = require("@emotion/styled/base");
|
|
4
4
|
const headerClasses = require("./headerClasses.cjs");
|
|
5
|
+
const React = require("react");
|
|
5
6
|
const jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
6
7
|
const Button = require("../../Button/Button.cjs");
|
|
7
8
|
const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
|
|
@@ -20,9 +21,12 @@ const StyledHeader = /* @__PURE__ */ _styled__default.default("div", process.env
|
|
|
20
21
|
justifyContent: "center",
|
|
21
22
|
paddingRight: 0
|
|
22
23
|
}
|
|
23
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
24
|
-
const StyledCollapseButton = /* @__PURE__ */ _styled__default.default((props) =>
|
|
25
|
-
|
|
24
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVmVydGljYWxOYXZpZ2F0aW9uL0hlYWRlci9IZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLNEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9WZXJ0aWNhbE5hdmlnYXRpb24vSGVhZGVyL0hlYWRlci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJ+L2NvbXBvbmVudHNcIjtcbmltcG9ydCB2ZXJ0aWNhbE5hdmlnYXRpb25IZWFkZXJDbGFzc2VzIGZyb20gXCIuL2hlYWRlckNsYXNzZXNcIjtcbmltcG9ydCB7IGZvcndhcmRSZWYsIFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGVhZGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgbWFyZ2luVG9wOiBcIjEycHhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcblxuICBbYCYuJHt2ZXJ0aWNhbE5hdmlnYXRpb25IZWFkZXJDbGFzc2VzLm1pbmltaXplZH1gXToge1xuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICAgIHBhZGRpbmdSaWdodDogMCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29sbGFwc2VCdXR0b24gPSBzdHlsZWQoXG4gIGZvcndhcmRSZWYoKHByb3BzOiBIdkJ1dHRvblByb3BzLCByZWY/OiBSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KSA9PiB7XG4gICAgcmV0dXJuIDxIdkJ1dHRvbiB7Li4ucHJvcHN9IHJlZj17cmVmfSAvPjtcbiAgfSlcbikoe1xuICBtYXJnaW5MZWZ0OiBcImF1dG9cIixcblxuICBbYCYuJHt2ZXJ0aWNhbE5hdmlnYXRpb25IZWFkZXJDbGFzc2VzLm1pbmltaXplZH1gXToge1xuICAgIG1hcmdpbkxlZnQ6IDAsXG4gIH0sXG59KTtcbiJdfQ== */");
|
|
25
|
+
const StyledCollapseButton = /* @__PURE__ */ _styled__default.default(React.forwardRef((props, ref) => {
|
|
26
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
|
|
27
|
+
...props,
|
|
28
|
+
ref
|
|
29
|
+
});
|
|
26
30
|
}), process.env.NODE_ENV === "production" ? {
|
|
27
31
|
target: "e1arrhkt0"
|
|
28
32
|
} : {
|
|
@@ -33,7 +37,7 @@ const StyledCollapseButton = /* @__PURE__ */ _styled__default.default((props) =>
|
|
|
33
37
|
[`&.${headerClasses.default.minimized}`]: {
|
|
34
38
|
marginLeft: 0
|
|
35
39
|
}
|
|
36
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
40
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVmVydGljYWxOYXZpZ2F0aW9uL0hlYWRlci9IZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQm9DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVmVydGljYWxOYXZpZ2F0aW9uL0hlYWRlci9IZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZCdXR0b24sIEh2QnV0dG9uUHJvcHMgfSBmcm9tIFwifi9jb21wb25lbnRzXCI7XG5pbXBvcnQgdmVydGljYWxOYXZpZ2F0aW9uSGVhZGVyQ2xhc3NlcyBmcm9tIFwiLi9oZWFkZXJDbGFzc2VzXCI7XG5pbXBvcnQgeyBmb3J3YXJkUmVmLCBSZWYgfSBmcm9tIFwicmVhY3RcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlYWRlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIG1hcmdpblRvcDogXCIxMnB4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG5cbiAgW2AmLiR7dmVydGljYWxOYXZpZ2F0aW9uSGVhZGVyQ2xhc3Nlcy5taW5pbWl6ZWR9YF06IHtcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBwYWRkaW5nUmlnaHQ6IDAsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbGxhcHNlQnV0dG9uID0gc3R5bGVkKFxuICBmb3J3YXJkUmVmKChwcm9wczogSHZCdXR0b25Qcm9wcywgcmVmPzogUmVmPEhUTUxCdXR0b25FbGVtZW50PikgPT4ge1xuICAgIHJldHVybiA8SHZCdXR0b24gey4uLnByb3BzfSByZWY9e3JlZn0gLz47XG4gIH0pXG4pKHtcbiAgbWFyZ2luTGVmdDogXCJhdXRvXCIsXG5cbiAgW2AmLiR7dmVydGljYWxOYXZpZ2F0aW9uSGVhZGVyQ2xhc3Nlcy5taW5pbWl6ZWR9YF06IHtcbiAgICBtYXJnaW5MZWZ0OiAwLFxuICB9LFxufSk7XG4iXX0= */");
|
|
37
41
|
exports.StyledCollapseButton = StyledCollapseButton;
|
|
38
42
|
exports.StyledHeader = StyledHeader;
|
|
39
43
|
//# sourceMappingURL=Header.styles.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.styles.cjs","sources":["../../../../../src/components/VerticalNavigation/Header/Header.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvButton, HvButtonProps } from \"~/components\";\nimport verticalNavigationHeaderClasses from \"./headerClasses\";\n\nexport const StyledHeader = styled(\"div\")({\n width: \"100%\",\n display: \"flex\",\n marginTop: \"12px\",\n alignItems: \"center\",\n\n [`&.${verticalNavigationHeaderClasses.minimized}`]: {\n justifyContent: \"center\",\n paddingRight: 0,\n },\n});\n\nexport const StyledCollapseButton = styled((props: HvButtonProps) =>
|
|
1
|
+
{"version":3,"file":"Header.styles.cjs","sources":["../../../../../src/components/VerticalNavigation/Header/Header.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvButton, HvButtonProps } from \"~/components\";\nimport verticalNavigationHeaderClasses from \"./headerClasses\";\nimport { forwardRef, Ref } from \"react\";\n\nexport const StyledHeader = styled(\"div\")({\n width: \"100%\",\n display: \"flex\",\n marginTop: \"12px\",\n alignItems: \"center\",\n\n [`&.${verticalNavigationHeaderClasses.minimized}`]: {\n justifyContent: \"center\",\n paddingRight: 0,\n },\n});\n\nexport const StyledCollapseButton = styled(\n forwardRef((props: HvButtonProps, ref?: Ref<HTMLButtonElement>) => {\n return <HvButton {...props} ref={ref} />;\n })\n)({\n marginLeft: \"auto\",\n\n [`&.${verticalNavigationHeaderClasses.minimized}`]: {\n marginLeft: 0,\n },\n});\n"],"names":["StyledHeader","_styled","process","env","NODE_ENV","target","label","width","display","marginTop","alignItems","verticalNavigationHeaderClasses","minimized","justifyContent","paddingRight","StyledCollapseButton","forwardRef","props","ref","HvButton","marginLeft"],"mappings":";;;;;;;;;AAKO,MAAMA,eAAsBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACxCC,OAAO;AAAA,EACPC,SAAS;AAAA,EACTC,WAAW;AAAA,EACXC,YAAY;AAAA,EAEZ,CAAE,KAAIC,sBAAgCC,WAAW,GAAG;AAAA,IAClDC,gBAAgB;AAAA,IAChBC,cAAc;AAAA,EAChB;AACF,GAACZ,QAAAC,IAAAC,aAAC,eAAA,KAAA,igDAAA;AAEK,MAAMW,uBAAuBd,iCAAAA,QAClCe,MAAAA,WAAW,CAACC,OAAsBC,QAAiC;AACjE,wCAAQC,OAAAA,UAAQ;AAAA,IAAA,GAAKF;AAAAA,IAAOC;AAAAA,EAAAA,CAAY;AAC1C,CAAC,GAAChB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EACF;AAAA,EACAc,YAAY;AAAA,EAEZ,CAAE,KAAIT,sBAAgCC,WAAW,GAAG;AAAA,IAClDQ,YAAY;AAAA,EACd;AACF,GAAClB,QAAAC,IAAAC,aAAC,eAAA,KAAA,igDAAA;;;"}
|
|
@@ -2,9 +2,11 @@
|
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
3
|
const React = require("react");
|
|
4
4
|
const clsx = require("clsx");
|
|
5
|
+
const uniqueId = require("lodash/uniqueId");
|
|
5
6
|
const navigationClasses = require("./navigationClasses.cjs");
|
|
6
7
|
const Navigation_styles = require("./Navigation.styles.cjs");
|
|
7
8
|
const VerticalNavigationContext = require("../VerticalNavigationContext.cjs");
|
|
9
|
+
const NavigationPopup = require("../NavigationPopup/NavigationPopup.cjs");
|
|
8
10
|
const jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
9
11
|
const NavigationSlider = require("../NavigationSlider/NavigationSlider.cjs");
|
|
10
12
|
const TreeView = require("../TreeView/TreeView.cjs");
|
|
@@ -14,7 +16,8 @@ const setId = require("../../../utils/setId.cjs");
|
|
|
14
16
|
const wrapperTooltip = require("../../../utils/wrapperTooltip.cjs");
|
|
15
17
|
const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
|
|
16
18
|
const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
|
|
17
|
-
const
|
|
19
|
+
const uniqueId__default = /* @__PURE__ */ _interopDefault(uniqueId);
|
|
20
|
+
const createListHierarchy = (items, id, classes, mouseEnterHandler, disableTooltip = false) => items.map((item) => {
|
|
18
21
|
const {
|
|
19
22
|
id: itemId,
|
|
20
23
|
label: itemLabel,
|
|
@@ -26,6 +29,9 @@ const createListHierarchy = (items, id, classes) => items.map((item) => {
|
|
|
26
29
|
target
|
|
27
30
|
} = item;
|
|
28
31
|
const ItemText = wrapperTooltip.wrapperTooltip(true, itemLabel, itemLabel);
|
|
32
|
+
const itemMouseEnterHandler = (event) => {
|
|
33
|
+
mouseEnterHandler == null ? void 0 : mouseEnterHandler(event, item);
|
|
34
|
+
};
|
|
29
35
|
return /* @__PURE__ */ jsxRuntime.jsx(TreeViewItem.HvVerticalNavigationTreeViewItem, {
|
|
30
36
|
id: setId.setId(id, itemId),
|
|
31
37
|
className: classes == null ? void 0 : classes.listItem,
|
|
@@ -37,7 +43,9 @@ const createListHierarchy = (items, id, classes) => items.map((item) => {
|
|
|
37
43
|
payload: item,
|
|
38
44
|
selectable,
|
|
39
45
|
disabled,
|
|
40
|
-
|
|
46
|
+
onMouseEnter: itemMouseEnterHandler,
|
|
47
|
+
disableTooltip,
|
|
48
|
+
children: children ? createListHierarchy(children, id, classes, mouseEnterHandler, disableTooltip) : void 0
|
|
41
49
|
}, itemId);
|
|
42
50
|
});
|
|
43
51
|
const getAllParents = (items) => {
|
|
@@ -96,18 +104,6 @@ const HvVerticalNavigationTree = ({
|
|
|
96
104
|
}
|
|
97
105
|
return defaultExpanded;
|
|
98
106
|
});
|
|
99
|
-
const handleChange = React.useCallback((event, selectedId, selectedItem) => {
|
|
100
|
-
setSelected(selectedId);
|
|
101
|
-
if (onChange) {
|
|
102
|
-
onChange(event, selectedItem);
|
|
103
|
-
}
|
|
104
|
-
}, [onChange, setSelected]);
|
|
105
|
-
const handleToggle = React.useCallback((event, newExpanded) => {
|
|
106
|
-
setExpanded(newExpanded);
|
|
107
|
-
if (onToggle) {
|
|
108
|
-
onToggle(event, newExpanded);
|
|
109
|
-
}
|
|
110
|
-
}, [onToggle, setExpanded]);
|
|
111
107
|
const {
|
|
112
108
|
isOpen,
|
|
113
109
|
collapsedMode,
|
|
@@ -118,7 +114,53 @@ const HvVerticalNavigationTree = ({
|
|
|
118
114
|
setParentData,
|
|
119
115
|
setParentSelected
|
|
120
116
|
} = React.useContext(VerticalNavigationContext.VerticalNavigationContext);
|
|
121
|
-
const
|
|
117
|
+
const [navigationPopup, setNavigationPopup] = React.useState(null);
|
|
118
|
+
const handleChange = React.useCallback((event, selectedId, selectedItem) => {
|
|
119
|
+
if (collapsedMode === "icon" && !isOpen && selectedItem.data) {
|
|
120
|
+
const currentEventTarget = event.currentTarget;
|
|
121
|
+
setNavigationPopup((prevState) => {
|
|
122
|
+
return (prevState == null ? void 0 : prevState.anchorEl) === currentEventTarget ? null : {
|
|
123
|
+
uniqueKey: uniqueId__default.default(),
|
|
124
|
+
anchorEl: currentEventTarget,
|
|
125
|
+
fixedMode: true,
|
|
126
|
+
data: selectedItem.data
|
|
127
|
+
};
|
|
128
|
+
});
|
|
129
|
+
event.stopPropagation();
|
|
130
|
+
} else {
|
|
131
|
+
setSelected(selectedId);
|
|
132
|
+
setNavigationPopup(null);
|
|
133
|
+
if (onChange) {
|
|
134
|
+
onChange(event, selectedItem);
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
}, [onChange, setSelected]);
|
|
138
|
+
const treeViewItemMouseEnterHandler = (event, item) => {
|
|
139
|
+
const isCollapsedMode = collapsedMode === "icon" && !isOpen;
|
|
140
|
+
if (isCollapsedMode && item.data && !(navigationPopup == null ? void 0 : navigationPopup.fixedMode)) {
|
|
141
|
+
const currentEventTarget = event.currentTarget;
|
|
142
|
+
setNavigationPopup == null ? void 0 : setNavigationPopup({
|
|
143
|
+
uniqueKey: uniqueId__default.default(),
|
|
144
|
+
anchorEl: currentEventTarget,
|
|
145
|
+
fixedMode: false,
|
|
146
|
+
data: item.data
|
|
147
|
+
});
|
|
148
|
+
} else if (isCollapsedMode && !item.data && !(navigationPopup == null ? void 0 : navigationPopup.fixedMode)) {
|
|
149
|
+
setNavigationPopup(null);
|
|
150
|
+
}
|
|
151
|
+
};
|
|
152
|
+
const handleToggle = React.useCallback((event, newExpanded) => {
|
|
153
|
+
setExpanded(newExpanded);
|
|
154
|
+
if (onToggle) {
|
|
155
|
+
onToggle(event, newExpanded);
|
|
156
|
+
}
|
|
157
|
+
}, [onToggle, setExpanded]);
|
|
158
|
+
const children = React.useMemo(() => data && createListHierarchy(data, id, classes, treeViewItemMouseEnterHandler, navigationPopup == null ? void 0 : navigationPopup.fixedMode), [classes, data, id, navigationPopup, isOpen]);
|
|
159
|
+
React.useEffect(() => {
|
|
160
|
+
if (!isOpen) {
|
|
161
|
+
setNavigationPopup == null ? void 0 : setNavigationPopup(null);
|
|
162
|
+
}
|
|
163
|
+
}, [isOpen]);
|
|
122
164
|
React.useEffect(() => {
|
|
123
165
|
if (setParentSelected)
|
|
124
166
|
setParentSelected(selected);
|
|
@@ -130,16 +172,25 @@ const HvVerticalNavigationTree = ({
|
|
|
130
172
|
const navigateToTargetHandler = (event, selectedItem) => {
|
|
131
173
|
handleChange(event, selectedItem.id, selectedItem);
|
|
132
174
|
};
|
|
175
|
+
const handleNavigationPopupClose = () => {
|
|
176
|
+
setNavigationPopup(null);
|
|
177
|
+
};
|
|
178
|
+
const handleStyledNavMouseLeave = () => {
|
|
179
|
+
if (collapsedMode === "icon" && !isOpen && !(navigationPopup == null ? void 0 : navigationPopup.fixedMode)) {
|
|
180
|
+
setNavigationPopup(null);
|
|
181
|
+
}
|
|
182
|
+
};
|
|
133
183
|
return /* @__PURE__ */ jsxRuntime.jsx(Navigation_styles.StyledNav, {
|
|
134
184
|
id,
|
|
135
185
|
className: clsx__default.default(className, navigationClasses.default.root, classes == null ? void 0 : classes.root, !isOpen && collapsedMode == "simple" && clsx__default.default(navigationClasses.default.collapsed, classes == null ? void 0 : classes.collapsed)),
|
|
186
|
+
onMouseLeave: handleStyledNavMouseLeave,
|
|
136
187
|
...others,
|
|
137
188
|
children: slider ? /* @__PURE__ */ jsxRuntime.jsx(NavigationSlider.HvVerticalNavigationSlider, {
|
|
138
189
|
data: parentItem.data || withParentData,
|
|
139
190
|
selected,
|
|
140
191
|
onNavigateToTarget: navigateToTargetHandler,
|
|
141
192
|
onNavigateToChild: navigateToChildHandler
|
|
142
|
-
}) : /* @__PURE__ */ jsxRuntime.
|
|
193
|
+
}) : /* @__PURE__ */ jsxRuntime.jsxs(TreeView.HvVerticalNavigationTreeView, {
|
|
143
194
|
id: setId.setId(id, "tree"),
|
|
144
195
|
className: clsx__default.default(navigationClasses.default.list, classes == null ? void 0 : classes.list),
|
|
145
196
|
selectable: true,
|
|
@@ -149,7 +200,15 @@ const HvVerticalNavigationTree = ({
|
|
|
149
200
|
onChange: handleChange,
|
|
150
201
|
expanded,
|
|
151
202
|
onToggle: handleToggle,
|
|
152
|
-
children
|
|
203
|
+
children: [collapsedMode === "icon" && !isOpen && navigationPopup && /* @__PURE__ */ jsxRuntime.jsx(NavigationPopup.HvVerticalNavigationPopup, {
|
|
204
|
+
id: setId.setId(id, "navigation-popup"),
|
|
205
|
+
anchorEl: navigationPopup.anchorEl,
|
|
206
|
+
selected,
|
|
207
|
+
fixedMode: navigationPopup.fixedMode,
|
|
208
|
+
data: navigationPopup.data,
|
|
209
|
+
onClose: handleNavigationPopupClose,
|
|
210
|
+
onChange: handleChange
|
|
211
|
+
}, navigationPopup.uniqueKey), children]
|
|
153
212
|
})
|
|
154
213
|
});
|
|
155
214
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Navigation.cjs","sources":["../../../../../src/components/VerticalNavigation/Navigation/Navigation.tsx"],"sourcesContent":["import { useCallback, useMemo, useContext, useEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { setId, wrapperTooltip } from \"~/utils\";\nimport { useControlled } from \"~/hooks\";\nimport {\n HvVerticalNavigationTreeView,\n HvVerticalNavigationTreeViewItem,\n} from \"../TreeView\";\nimport verticalNavigationTreeClasses, {\n HvVerticalNavigationTreeClasses,\n} from \"./navigationClasses\";\nimport { StyledNav } from \"./Navigation.styles\";\nimport { HvVerticalNavigationSlider } from \"../\";\nimport { HvBaseProps } from \"../../../types\";\nimport { VerticalNavigationContext } from \"../VerticalNavigationContext\";\n\nexport interface NavigationData {\n /**\n * the id to be applied to the root element.\n */\n id: string;\n /**\n * the label to be rendered on the menu item.\n */\n label: string;\n /**\n * The url for the link.\n */\n href?: string;\n /**\n * The behavior when opening a link.\n */\n target?: string;\n /**\n * Icon to be render.\n */\n icon?: React.ReactNode;\n /**\n * Data subset.\n */\n data?: NavigationData[];\n /**\n * if `true` the item is disabled and is not interactive.\n */\n disabled?: boolean;\n /**\n * if `true` the item doesn't have a selected state.\n */\n selectable?: boolean;\n /**\n * Any other properties.\n */\n [otherProperty: string]: any;\n}\n\nconst createListHierarchy = (\n items,\n id,\n classes?: HvVerticalNavigationTreeClasses\n) =>\n items.map((item) => {\n const {\n id: itemId,\n label: itemLabel,\n icon,\n data: children,\n selectable,\n disabled,\n href,\n target,\n } = item;\n\n const ItemText = wrapperTooltip(true, itemLabel, itemLabel);\n\n return (\n <HvVerticalNavigationTreeViewItem\n id={setId(id, itemId)}\n className={classes?.listItem}\n href={href}\n target={target}\n key={itemId}\n nodeId={itemId}\n label={<ItemText />}\n icon={icon}\n payload={item}\n selectable={selectable}\n disabled={disabled}\n >\n {children ? createListHierarchy(children, id, classes) : undefined}\n </HvVerticalNavigationTreeViewItem>\n );\n });\n\nconst getAllParents = (items) => {\n const parents = items.filter(\n (item) => item.data != null && item.data.length > 0\n );\n const childParents = parents.flatMap((item) => getAllParents(item.data));\n\n return [...parents, ...childParents];\n};\n\nfunction pathToElement(data, targetId) {\n const path: string[] = [];\n\n if (data != null && data.length > 0) {\n for (let i = 0; i !== data.length; ++i) {\n const item = data[i];\n if (item.id === targetId) {\n path.push(item.id);\n break;\n }\n\n const subPaths = pathToElement(item.data, targetId);\n if (subPaths.length > 0) {\n path.push(item.id);\n path.push(...subPaths);\n break;\n }\n }\n }\n\n return path;\n}\n\nexport const HvVerticalNavigationTree = ({\n id,\n\n className,\n classes,\n\n data,\n\n mode = \"navigation\",\n\n collapsible = false,\n expanded: expandedProp,\n defaultExpanded,\n onToggle,\n\n selected: selectedProp,\n defaultSelected,\n onChange,\n\n ...others\n}: HvVerticalNavigationTreeProps) => {\n const [selected, setSelected] = useControlled(selectedProp, defaultSelected);\n const [expanded, setExpanded] = useControlled(expandedProp, () => {\n if (defaultExpanded === true) {\n // all parent nodes will be expanded by default\n return getAllParents(data).map((item) => item.id);\n }\n\n if (defaultExpanded === false) {\n // all parent nodes will be collapsed by default\n return [];\n }\n\n if (defaultExpanded == null) {\n if (selected != null) {\n // the path to the selected node will be expanded (default behaviour)\n const path = pathToElement(data, selected);\n return path.slice(0, -1);\n }\n\n // nothing is expanded\n return [];\n }\n\n return defaultExpanded;\n });\n\n const handleChange = useCallback(\n (event, selectedId, selectedItem) => {\n setSelected(selectedId);\n\n if (onChange) {\n onChange(event, selectedItem);\n }\n },\n [onChange, setSelected]\n );\n\n const handleToggle = useCallback(\n (event, newExpanded) => {\n setExpanded(newExpanded);\n\n if (onToggle) {\n onToggle(event, newExpanded);\n }\n },\n [onToggle, setExpanded]\n );\n\n const {\n isOpen,\n collapsedMode,\n slider,\n\n parentItem,\n withParentData,\n navigateToChildHandler,\n\n setParentData,\n setParentSelected,\n } = useContext(VerticalNavigationContext);\n\n const children = useMemo(\n () => data && createListHierarchy(data, id, classes),\n [classes, data, id]\n );\n\n useEffect(() => {\n if (setParentSelected) setParentSelected(selected);\n }, [selected, setSelected]);\n\n useEffect(() => {\n if (setParentData) setParentData(data);\n }, [data]);\n\n //navigation slider\n const navigateToTargetHandler = (event, selectedItem) => {\n handleChange(event, selectedItem.id, selectedItem);\n };\n\n return (\n <StyledNav\n id={id}\n className={clsx(\n className,\n verticalNavigationTreeClasses.root,\n classes?.root,\n !isOpen &&\n collapsedMode == \"simple\" &&\n clsx(verticalNavigationTreeClasses.collapsed, classes?.collapsed)\n )}\n {...others}\n >\n {slider ? (\n <HvVerticalNavigationSlider\n data={parentItem.data || withParentData}\n selected={selected}\n onNavigateToTarget={navigateToTargetHandler}\n onNavigateToChild={navigateToChildHandler}\n />\n ) : (\n <HvVerticalNavigationTreeView\n id={setId(id, \"tree\")}\n className={clsx(verticalNavigationTreeClasses.list, classes?.list)}\n selectable\n mode={mode}\n collapsible={collapsible}\n selected={selected}\n onChange={handleChange}\n expanded={expanded}\n onToggle={handleToggle}\n >\n {children}\n </HvVerticalNavigationTreeView>\n )}\n </StyledNav>\n );\n};\n\nexport type HvVerticalNavigationTreeProps = HvBaseProps<\n HTMLDivElement,\n { onChange }\n> & {\n /**\n * Id to be applied to the root node.\n */\n id?: string;\n /**\n * Class names to be applied.\n */\n className?: string;\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes?: HvVerticalNavigationTreeClasses;\n /**\n * Modus operandi (role) of the widget instance.\n */\n mode?: NavigationMode;\n /**\n * Can non-leaf nodes be collapsed / expanded.\n */\n collapsible?: boolean;\n /**\n * The ID of the selected page.\n */\n selected?: string;\n /**\n * When uncontrolled, defines the initial selected page ID.\n */\n defaultSelected?: string;\n /**\n * Callback fired when a navigation item is selected.\n *\n * @param {object} event The event source of the callback.\n * @param {object} page The data of the selected page.\n */\n onChange?: (event, page) => void;\n /**\n * Expanded nodes' ids.\n */\n expanded?: string[];\n /**\n * When uncontrolled, defines the initial expanded nodes' ids.\n *\n * It also supports `true` for starting with all nodes expanded.\n * With `false` all nodes will be collapsed.\n *\n * By default it expands the needed nodes to display the current selection, if any.\n */\n defaultExpanded?: string[] | boolean;\n /**\n * Callback fired when tree items are expanded/collapsed.\n *\n * @param {object} event The event source of the callback.\n * @param {array} nodeIds The ids of the expanded nodes (old and new).\n */\n onToggle?: (event, nodeIds) => void;\n /**\n * An array containing the data for each menu item.\n *\n * id - the id to be applied to the root element.\n * label - the label to be rendered on the menu item.\n * data - sub-menu items\n * href - the url used for navigation.\n * target - the behavior when opening an url.\n */\n data?: NavigationData[];\n};\n\nexport type NavigationMode = \"treeview\" | \"navigation\" | \"slider\";\n"],"names":["createListHierarchy","items","id","classes","map","item","itemId","label","itemLabel","icon","data","children","selectable","disabled","href","target","ItemText","wrapperTooltip","HvVerticalNavigationTreeViewItem","setId","className","listItem","nodeId","_jsx","payload","undefined","getAllParents","parents","filter","length","childParents","flatMap","pathToElement","targetId","path","i","push","subPaths","HvVerticalNavigationTree","mode","collapsible","expanded","expandedProp","defaultExpanded","onToggle","selected","selectedProp","defaultSelected","onChange","others","setSelected","useControlled","setExpanded","slice","handleChange","useCallback","event","selectedId","selectedItem","handleToggle","newExpanded","isOpen","collapsedMode","slider","parentItem","withParentData","navigateToChildHandler","setParentData","setParentSelected","useContext","VerticalNavigationContext","useMemo","useEffect","navigateToTargetHandler","StyledNav","clsx","verticalNavigationTreeClasses","root","collapsed","HvVerticalNavigationSlider","onNavigateToTarget","onNavigateToChild","HvVerticalNavigationTreeView","list"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Navigation.cjs","sources":["../../../../../src/components/VerticalNavigation/Navigation/Navigation.tsx"],"sourcesContent":["import { useCallback, useMemo, useContext, useEffect, useState } from \"react\";\nimport clsx from \"clsx\";\nimport uniqueId from \"lodash/uniqueId\";\nimport { setId, wrapperTooltip } from \"~/utils\";\nimport { useControlled } from \"~/hooks\";\nimport {\n HvVerticalNavigationTreeView,\n HvVerticalNavigationTreeViewItem,\n} from \"../TreeView\";\nimport verticalNavigationTreeClasses, {\n HvVerticalNavigationTreeClasses,\n} from \"./navigationClasses\";\nimport { StyledNav } from \"./Navigation.styles\";\nimport { HvVerticalNavigationSlider } from \"../\";\nimport { HvBaseProps } from \"../../../types\";\nimport { VerticalNavigationContext } from \"../VerticalNavigationContext\";\nimport { HvVerticalNavigationPopup } from \"../NavigationPopup/NavigationPopup\";\n\nexport interface NavigationData {\n /**\n * the id to be applied to the root element.\n */\n id: string;\n /**\n * the label to be rendered on the menu item.\n */\n label: string;\n /**\n * The url for the link.\n */\n href?: string;\n /**\n * The behavior when opening a link.\n */\n target?: string;\n /**\n * Icon to be render.\n */\n icon?: React.ReactNode;\n /**\n * Data subset.\n */\n data?: NavigationData[];\n /**\n * if `true` the item is disabled and is not interactive.\n */\n disabled?: boolean;\n /**\n * if `true` the item doesn't have a selected state.\n */\n selectable?: boolean;\n /**\n * Any other properties.\n */\n [otherProperty: string]: any;\n}\n\nconst createListHierarchy = (\n items,\n id,\n classes?: HvVerticalNavigationTreeClasses,\n mouseEnterHandler?: (event, item) => void,\n disableTooltip = false\n) =>\n items.map((item) => {\n const {\n id: itemId,\n label: itemLabel,\n icon,\n data: children,\n selectable,\n disabled,\n href,\n target,\n } = item;\n\n const ItemText = wrapperTooltip(true, itemLabel, itemLabel);\n\n const itemMouseEnterHandler = (event) => {\n mouseEnterHandler?.(event, item);\n };\n\n return (\n <HvVerticalNavigationTreeViewItem\n id={setId(id, itemId)}\n className={classes?.listItem}\n href={href}\n target={target}\n key={itemId}\n nodeId={itemId}\n label={<ItemText />}\n icon={icon}\n payload={item}\n selectable={selectable}\n disabled={disabled}\n onMouseEnter={itemMouseEnterHandler}\n disableTooltip={disableTooltip}\n >\n {children\n ? createListHierarchy(\n children,\n id,\n classes,\n mouseEnterHandler,\n disableTooltip\n )\n : undefined}\n </HvVerticalNavigationTreeViewItem>\n );\n });\n\nconst getAllParents = (items) => {\n const parents = items.filter(\n (item) => item.data != null && item.data.length > 0\n );\n const childParents = parents.flatMap((item) => getAllParents(item.data));\n\n return [...parents, ...childParents];\n};\n\nfunction pathToElement(data, targetId) {\n const path: string[] = [];\n\n if (data != null && data.length > 0) {\n for (let i = 0; i !== data.length; ++i) {\n const item = data[i];\n if (item.id === targetId) {\n path.push(item.id);\n break;\n }\n\n const subPaths = pathToElement(item.data, targetId);\n if (subPaths.length > 0) {\n path.push(item.id);\n path.push(...subPaths);\n break;\n }\n }\n }\n\n return path;\n}\n\nexport const HvVerticalNavigationTree = ({\n id,\n\n className,\n classes,\n\n data,\n\n mode = \"navigation\",\n\n collapsible = false,\n expanded: expandedProp,\n defaultExpanded,\n onToggle,\n\n selected: selectedProp,\n defaultSelected,\n onChange,\n\n ...others\n}: HvVerticalNavigationTreeProps) => {\n const [selected, setSelected] = useControlled(selectedProp, defaultSelected);\n const [expanded, setExpanded] = useControlled(expandedProp, () => {\n if (defaultExpanded === true) {\n // all parent nodes will be expanded by default\n return getAllParents(data).map((item) => item.id);\n }\n\n if (defaultExpanded === false) {\n // all parent nodes will be collapsed by default\n return [];\n }\n\n if (defaultExpanded == null) {\n if (selected != null) {\n // the path to the selected node will be expanded (default behaviour)\n const path = pathToElement(data, selected);\n return path.slice(0, -1);\n }\n\n // nothing is expanded\n return [];\n }\n\n return defaultExpanded;\n });\n\n const {\n isOpen,\n collapsedMode,\n slider,\n\n parentItem,\n withParentData,\n navigateToChildHandler,\n\n setParentData,\n setParentSelected,\n } = useContext(VerticalNavigationContext);\n\n const [navigationPopup, setNavigationPopup] = useState<{\n // This value is needed to guarantee that the NavigationPopup is fully re-rendered with keeping any previous values\n uniqueKey: string;\n anchorEl: HTMLButtonElement | null;\n fixedMode: boolean;\n data: NavigationData[];\n } | null>(null);\n\n const handleChange = useCallback(\n (event, selectedId, selectedItem) => {\n if (collapsedMode === \"icon\" && !isOpen && selectedItem.data) {\n const currentEventTarget = event.currentTarget;\n setNavigationPopup((prevState) => {\n // We want to close the popup in case the clicked element is the same as the previous one\n return prevState?.anchorEl === currentEventTarget\n ? null\n : {\n uniqueKey: uniqueId(),\n anchorEl: currentEventTarget,\n fixedMode: true,\n data: selectedItem.data,\n };\n });\n\n // We need this stopPropagation or else the Popup will close due to the clickaway being triggered\n event.stopPropagation();\n } else {\n setSelected(selectedId);\n setNavigationPopup(null);\n if (onChange) {\n onChange(event, selectedItem);\n }\n }\n },\n [onChange, setSelected]\n );\n\n const treeViewItemMouseEnterHandler = (event, item) => {\n const isCollapsedMode = collapsedMode === \"icon\" && !isOpen;\n\n if (isCollapsedMode && item.data && !navigationPopup?.fixedMode) {\n const currentEventTarget = event.currentTarget;\n\n setNavigationPopup?.({\n uniqueKey: uniqueId(),\n anchorEl: currentEventTarget,\n fixedMode: false,\n data: item.data,\n });\n } else if (isCollapsedMode && !item.data && !navigationPopup?.fixedMode) {\n setNavigationPopup(null);\n }\n };\n\n const handleToggle = useCallback(\n (event, newExpanded) => {\n setExpanded(newExpanded);\n\n if (onToggle) {\n onToggle(event, newExpanded);\n }\n },\n [onToggle, setExpanded]\n );\n\n const children = useMemo(\n () =>\n data &&\n createListHierarchy(\n data,\n id,\n classes,\n treeViewItemMouseEnterHandler,\n navigationPopup?.fixedMode\n ),\n [classes, data, id, navigationPopup, isOpen]\n );\n\n useEffect(() => {\n if (!isOpen) {\n setNavigationPopup?.(null);\n }\n }, [isOpen]);\n\n useEffect(() => {\n if (setParentSelected) setParentSelected(selected);\n }, [selected, setSelected]);\n\n useEffect(() => {\n if (setParentData) setParentData(data);\n }, [data]);\n\n //navigation slider\n const navigateToTargetHandler = (event, selectedItem) => {\n handleChange(event, selectedItem.id, selectedItem);\n };\n\n const handleNavigationPopupClose = () => {\n setNavigationPopup(null);\n };\n\n const handleStyledNavMouseLeave = () => {\n if (collapsedMode === \"icon\" && !isOpen && !navigationPopup?.fixedMode) {\n setNavigationPopup(null);\n }\n };\n\n return (\n <StyledNav\n id={id}\n className={clsx(\n className,\n verticalNavigationTreeClasses.root,\n classes?.root,\n !isOpen &&\n collapsedMode == \"simple\" &&\n clsx(verticalNavigationTreeClasses.collapsed, classes?.collapsed)\n )}\n onMouseLeave={handleStyledNavMouseLeave}\n {...others}\n >\n {slider ? (\n <HvVerticalNavigationSlider\n data={parentItem.data || withParentData}\n selected={selected}\n onNavigateToTarget={navigateToTargetHandler}\n onNavigateToChild={navigateToChildHandler}\n />\n ) : (\n <HvVerticalNavigationTreeView\n id={setId(id, \"tree\")}\n className={clsx(verticalNavigationTreeClasses.list, classes?.list)}\n selectable\n mode={mode}\n collapsible={collapsible}\n selected={selected}\n onChange={handleChange}\n expanded={expanded}\n onToggle={handleToggle}\n >\n {collapsedMode === \"icon\" && !isOpen && navigationPopup && (\n <HvVerticalNavigationPopup\n id={setId(id, \"navigation-popup\")}\n key={navigationPopup.uniqueKey}\n anchorEl={navigationPopup.anchorEl}\n selected={selected}\n fixedMode={navigationPopup.fixedMode}\n data={navigationPopup.data}\n onClose={handleNavigationPopupClose}\n onChange={handleChange}\n />\n )}\n {children}\n </HvVerticalNavigationTreeView>\n )}\n </StyledNav>\n );\n};\n\nexport type HvVerticalNavigationTreeProps = HvBaseProps<\n HTMLDivElement,\n { onChange }\n> & {\n /**\n * Id to be applied to the root node.\n */\n id?: string;\n /**\n * Class names to be applied.\n */\n className?: string;\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes?: HvVerticalNavigationTreeClasses;\n /**\n * Modus operandi (role) of the widget instance.\n */\n mode?: NavigationMode;\n /**\n * Can non-leaf nodes be collapsed / expanded.\n */\n collapsible?: boolean;\n /**\n * The ID of the selected page.\n */\n selected?: string;\n /**\n * When uncontrolled, defines the initial selected page ID.\n */\n defaultSelected?: string;\n /**\n * Callback fired when a navigation item is selected.\n *\n * @param {object} event The event source of the callback.\n * @param {object} page The data of the selected page.\n */\n onChange?: (event, page) => void;\n /**\n * Expanded nodes' ids.\n */\n expanded?: string[];\n /**\n * When uncontrolled, defines the initial expanded nodes' ids.\n *\n * It also supports `true` for starting with all nodes expanded.\n * With `false` all nodes will be collapsed.\n *\n * By default it expands the needed nodes to display the current selection, if any.\n */\n defaultExpanded?: string[] | boolean;\n /**\n * Callback fired when tree items are expanded/collapsed.\n *\n * @param {object} event The event source of the callback.\n * @param {array} nodeIds The ids of the expanded nodes (old and new).\n */\n onToggle?: (event, nodeIds) => void;\n /**\n * An array containing the data for each menu item.\n *\n * id - the id to be applied to the root element.\n * label - the label to be rendered on the menu item.\n * data - sub-menu items\n * href - the url used for navigation.\n * target - the behavior when opening an url.\n */\n data?: NavigationData[];\n};\n\nexport type NavigationMode = \"treeview\" | \"navigation\" | \"slider\";\n"],"names":["createListHierarchy","items","id","classes","mouseEnterHandler","disableTooltip","map","item","itemId","label","itemLabel","icon","data","children","selectable","disabled","href","target","ItemText","wrapperTooltip","itemMouseEnterHandler","event","HvVerticalNavigationTreeViewItem","setId","className","listItem","nodeId","_jsx","payload","onMouseEnter","undefined","getAllParents","parents","filter","length","childParents","flatMap","pathToElement","targetId","path","i","push","subPaths","HvVerticalNavigationTree","mode","collapsible","expanded","expandedProp","defaultExpanded","onToggle","selected","selectedProp","defaultSelected","onChange","others","setSelected","useControlled","setExpanded","slice","isOpen","collapsedMode","slider","parentItem","withParentData","navigateToChildHandler","setParentData","setParentSelected","useContext","VerticalNavigationContext","navigationPopup","setNavigationPopup","useState","handleChange","useCallback","selectedId","selectedItem","currentEventTarget","currentTarget","prevState","anchorEl","uniqueKey","uniqueId","fixedMode","stopPropagation","treeViewItemMouseEnterHandler","isCollapsedMode","handleToggle","newExpanded","useMemo","useEffect","navigateToTargetHandler","handleNavigationPopupClose","handleStyledNavMouseLeave","StyledNav","clsx","verticalNavigationTreeClasses","root","collapsed","onMouseLeave","HvVerticalNavigationSlider","onNavigateToTarget","onNavigateToChild","_jsxs","HvVerticalNavigationTreeView","list","HvVerticalNavigationPopup","onClose"],"mappings":"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"}
|
|
@@ -16,7 +16,10 @@ const StyledNav = /* @__PURE__ */ _styled__default.default("nav", process.env.NO
|
|
|
16
16
|
overflowY: "auto",
|
|
17
17
|
[`&.${navigationClasses.default.collapsed}`]: {
|
|
18
18
|
display: "none"
|
|
19
|
+
},
|
|
20
|
+
[`&.${navigationClasses.default.popup}`]: {
|
|
21
|
+
boxShadow: "inset 5px 0 5px -3px rgb(65 65 65 / 12%)"
|
|
19
22
|
}
|
|
20
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
23
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVmVydGljYWxOYXZpZ2F0aW9uL05hdmlnYXRpb24vTmF2aWdhdGlvbi5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl5QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1ZlcnRpY2FsTmF2aWdhdGlvbi9OYXZpZ2F0aW9uL05hdmlnYXRpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IG5hdmlnYXRpb25DbGFzc2VzIGZyb20gXCIuL25hdmlnYXRpb25DbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWROYXYgPSBzdHlsZWQoXCJuYXZcIikoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMSxcblxuICBvdmVyZmxvd1k6IFwiYXV0b1wiLFxuXG4gIFtgJi4ke25hdmlnYXRpb25DbGFzc2VzLmNvbGxhcHNlZH1gXToge1xuICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICB9LFxuXG4gIFtgJi4ke25hdmlnYXRpb25DbGFzc2VzLnBvcHVwfWBdOiB7XG4gICAgYm94U2hhZG93OiBcImluc2V0IDVweCAwIDVweCAtM3B4IHJnYig2NSA2NSA2NSAvIDEyJSlcIixcbiAgfSxcbn0pO1xuIl19 */");
|
|
21
24
|
exports.StyledNav = StyledNav;
|
|
22
25
|
//# sourceMappingURL=Navigation.styles.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Navigation.styles.cjs","sources":["../../../../../src/components/VerticalNavigation/Navigation/Navigation.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport navigationClasses from \"./navigationClasses\";\n\nexport const StyledNav = styled(\"nav\")({\n display: \"block\",\n background: theme.colors.atmo1,\n\n overflowY: \"auto\",\n\n [`&.${navigationClasses.collapsed}`]: {\n display: \"none\",\n },\n});\n"],"names":["StyledNav","_styled","process","env","NODE_ENV","target","label","display","background","theme","colors","atmo1","overflowY","navigationClasses","collapsed"],"mappings":";;;;;;;AAIO,MAAMA,YAAmBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACrCC,SAAS;AAAA,EACTC,YAAYC,YAAAA,MAAMC,OAAOC;AAAAA,EAEzBC,WAAW;AAAA,EAEX,CAAE,KAAIC,0BAAkBC,WAAW,GAAG;AAAA,IACpCP,SAAS;AAAA,EACX;AACF,
|
|
1
|
+
{"version":3,"file":"Navigation.styles.cjs","sources":["../../../../../src/components/VerticalNavigation/Navigation/Navigation.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport navigationClasses from \"./navigationClasses\";\n\nexport const StyledNav = styled(\"nav\")({\n display: \"block\",\n background: theme.colors.atmo1,\n\n overflowY: \"auto\",\n\n [`&.${navigationClasses.collapsed}`]: {\n display: \"none\",\n },\n\n [`&.${navigationClasses.popup}`]: {\n boxShadow: \"inset 5px 0 5px -3px rgb(65 65 65 / 12%)\",\n },\n});\n"],"names":["StyledNav","_styled","process","env","NODE_ENV","target","label","display","background","theme","colors","atmo1","overflowY","navigationClasses","collapsed","popup","boxShadow"],"mappings":";;;;;;;AAIO,MAAMA,YAAmBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACrCC,SAAS;AAAA,EACTC,YAAYC,YAAAA,MAAMC,OAAOC;AAAAA,EAEzBC,WAAW;AAAA,EAEX,CAAE,KAAIC,0BAAkBC,WAAW,GAAG;AAAA,IACpCP,SAAS;AAAA,EACX;AAAA,EAEA,CAAE,KAAIM,0BAAkBE,OAAO,GAAG;AAAA,IAChCC,WAAW;AAAA,EACb;AACF,GAACd,QAAAC,IAAAC,aAAC,eAAA,KAAA,yoCAAA;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
3
|
const classes = require("../../../utils/classes.cjs");
|
|
4
|
-
const classKeys = ["root", "list", "listItem", "collapsed"];
|
|
4
|
+
const classKeys = ["root", "list", "listItem", "collapsed", "popup"];
|
|
5
5
|
const verticalNavigationTreeClasses = classes.getClasses(classKeys, "HvVerticalNavigationTree");
|
|
6
6
|
const verticalNavigationTreeClasses$1 = verticalNavigationTreeClasses;
|
|
7
7
|
exports.default = verticalNavigationTreeClasses$1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"navigationClasses.cjs","sources":["../../../../../src/components/VerticalNavigation/Navigation/navigationClasses.ts"],"sourcesContent":["import { getClasses } from \"~/utils\";\n\nexport type HvVerticalNavigationTreeClasses = {\n root?: string;\n list?: string;\n listItem?: string;\n collapsed?: string;\n};\n\nconst classKeys: string[] = [\"root\", \"list\", \"listItem\", \"collapsed\"];\n\nconst verticalNavigationTreeClasses =\n getClasses<HvVerticalNavigationTreeClasses>(\n classKeys,\n \"HvVerticalNavigationTree\"\n );\n\nexport default verticalNavigationTreeClasses;\n"],"names":["classKeys","verticalNavigationTreeClasses","getClasses"],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"navigationClasses.cjs","sources":["../../../../../src/components/VerticalNavigation/Navigation/navigationClasses.ts"],"sourcesContent":["import { getClasses } from \"~/utils\";\n\nexport type HvVerticalNavigationTreeClasses = {\n root?: string;\n list?: string;\n listItem?: string;\n collapsed?: string;\n popup?: string;\n};\n\nconst classKeys: string[] = [\"root\", \"list\", \"listItem\", \"collapsed\", \"popup\"];\n\nconst verticalNavigationTreeClasses =\n getClasses<HvVerticalNavigationTreeClasses>(\n classKeys,\n \"HvVerticalNavigationTree\"\n );\n\nexport default verticalNavigationTreeClasses;\n"],"names":["classKeys","verticalNavigationTreeClasses","getClasses"],"mappings":";;;AAUA,MAAMA,YAAsB,CAAC,QAAQ,QAAQ,YAAY,aAAa,OAAO;AAE7E,MAAMC,gCACJC,QACEF,WAAAA,WACA,0BAA0B;AAG9B,MAAA,kCAAeC;;"}
|