@hitachivantara/uikit-react-core 3.55.1 → 3.56.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/CHANGELOG.md +57 -0
  2. package/dist/AssetInventory/AssetInventory.d.ts +1 -1
  3. package/dist/AssetInventory/AssetInventory.js +17 -10
  4. package/dist/AssetInventory/AssetInventory.js.map +1 -1
  5. package/dist/AssetInventory/CardView/CardView.js +2 -1
  6. package/dist/AssetInventory/CardView/CardView.js.map +1 -1
  7. package/dist/Barchart/barchartPlotlyOverrides.js +1 -0
  8. package/dist/Barchart/barchartPlotlyOverrides.js.map +1 -1
  9. package/dist/TagsInput/TagsInput.d.ts +17 -1
  10. package/dist/TagsInput/TagsInput.js +34 -5
  11. package/dist/TagsInput/TagsInput.js.map +1 -1
  12. package/dist/TextArea/TextArea.js +4 -4
  13. package/dist/TextArea/TextArea.js.map +1 -1
  14. package/dist/legacy/AssetInventory/AssetInventory.d.ts +1 -1
  15. package/dist/legacy/AssetInventory/AssetInventory.js +17 -10
  16. package/dist/legacy/AssetInventory/AssetInventory.js.map +1 -1
  17. package/dist/legacy/AssetInventory/CardView/CardView.js +2 -1
  18. package/dist/legacy/AssetInventory/CardView/CardView.js.map +1 -1
  19. package/dist/legacy/Barchart/barchartPlotlyOverrides.js +1 -0
  20. package/dist/legacy/Barchart/barchartPlotlyOverrides.js.map +1 -1
  21. package/dist/legacy/TagsInput/TagsInput.d.ts +17 -1
  22. package/dist/legacy/TagsInput/TagsInput.js +34 -5
  23. package/dist/legacy/TagsInput/TagsInput.js.map +1 -1
  24. package/dist/legacy/TextArea/TextArea.js +4 -4
  25. package/dist/legacy/TextArea/TextArea.js.map +1 -1
  26. package/dist/modern/AssetInventory/AssetInventory.d.ts +1 -1
  27. package/dist/modern/AssetInventory/AssetInventory.js +15 -9
  28. package/dist/modern/AssetInventory/AssetInventory.js.map +1 -1
  29. package/dist/modern/AssetInventory/CardView/CardView.js +1 -1
  30. package/dist/modern/AssetInventory/CardView/CardView.js.map +1 -1
  31. package/dist/modern/Barchart/barchartPlotlyOverrides.js +1 -0
  32. package/dist/modern/Barchart/barchartPlotlyOverrides.js.map +1 -1
  33. package/dist/modern/TagsInput/TagsInput.d.ts +17 -1
  34. package/dist/modern/TagsInput/TagsInput.js +34 -5
  35. package/dist/modern/TagsInput/TagsInput.js.map +1 -1
  36. package/dist/modern/TextArea/TextArea.js +4 -4
  37. package/dist/modern/TextArea/TextArea.js.map +1 -1
  38. package/package.json +2 -2
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/AssetInventory/AssetInventory.js"],"names":["React","useState","useEffect","useCallback","PropTypes","find","withStyles","clsx","MultiButton","Search","Sort","HvGrid","HvPagination","HvBulkActions","styles","setId","useLabels","useWidth","DEFAULT_LABELS","sortBy","inputLabel","placeholder","getPaginationData","hasPagination","paginationServerSide","values","pageSize","page","slice","HvAssetInventory","props","id","classes","className","valuesProp","selectedValues","selectedValuesProp","selectedView","selectedViewProp","children","searchString","searchStringProp","sortOptionId","labels","labelsProp","configuration","onSearch","searchProps","onSortChange","disablePortal","sortProps","pageProp","pages","pageSizeProp","pageSizeOptions","hasBulkActions","paginationProps","onPageChange","onPageSizeChange","onSelection","isSelectable","actions","maxVisibleActions","actionsCallback","FilterPlaceholder","onViewChange","multibuttonProps","emptyComponent","innerPageSize","innerPageValues","setSelectedView","setPageSize","setPage","setValues","pageValues","setPageValues","setSelectedValues","setSearchString","selectedSort","setSelectedSort","sortId","sortFunc","undefined","currentBreakpoint","length","changeView","_event","viewIndex","changePageValues","returnedPageValues","sortedValues","sort","setSearchResults","results","value","renderSearch","searchBoxContainer","metadata","onSort","renderSort","sortContainer","paginationOnPageChange","newPage","pageData","paginationOnPageSizeChange","newPageSize","renderPagination","numPages","Math","ceil","onPageChangeInternal","onPageSizeChangeInternal","root","pagination","handleSelectPage","e","checked","map","v","handleSelectAll","allSelected","innerOnSelection","onSelectionFn","event","valueId","target","list","includes","filter","item","propsFillerManager","source","propObj","Object","keys","forEach","key","fillChildProp","child","childProps","viewConfiguration","renderView","view","Array","isArray","cloneElement","showButtons","showSort","element","sortable","showSearch","searchable","showRightControls","sortJustify","justifyControls","align","rightControls","multiButtons","bulkActions","viewContainer","propTypes","string","shape","controlsContainer","search","isRequired","oneOfType","arrayOf","node","title","accessor","cellType","oneOf","bool","sortFunction","func","searchFunction","instanceOf","label","icon","disabled","number","name"],"mappings":"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","sourcesContent":["import React, { useState, useEffect, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport find from \"lodash/find\";\nimport { withStyles } from \"@material-ui/core\";\nimport clsx from \"clsx\";\nimport MultiButton from \"./Multibutton/Multibutton\";\nimport Search from \"./Search/Search\";\nimport Sort from \"./Sort/Sort\";\nimport HvGrid from \"../Grid\";\nimport HvPagination from \"../Pagination\";\nimport HvBulkActions from \"../BulkActions\";\nimport styles from \"./styles\";\nimport { setId, useLabels, useWidth } from \"../utils\";\n\nconst DEFAULT_LABELS = {\n sortBy: \"Sort by\",\n inputLabel: \"\",\n placeholder: \"Search\",\n};\n\nconst getPaginationData = (hasPagination, paginationServerSide, values, pageSize, page) =>\n hasPagination && !paginationServerSide\n ? values.slice(pageSize * page, pageSize * (page + 1))\n : values;\n\n/**\n * An Asset Inventory allows to switch between views.\n * The Sort and Filter are defined using the metadata configuration, while the remaining configuration can be ser in the AssetInventory or in the individual views.\n */\nconst HvAssetInventory = (props) => {\n const {\n id,\n classes,\n className,\n values: valuesProp,\n selectedValues: selectedValuesProp = [],\n selectedView: selectedViewProp = 0,\n children,\n searchString: searchStringProp = \"\",\n sortOptionId,\n labels: labelsProp,\n configuration,\n onSearch,\n searchProps,\n onSortChange,\n disablePortal = false,\n sortProps,\n page: pageProp = 0,\n pages = 0,\n pageSize: pageSizeProp,\n pageSizeOptions = [5, 10, 20, 25, 50, 100],\n hasBulkActions = false,\n hasPagination = false,\n paginationServerSide = false,\n paginationProps,\n onPageChange,\n onPageSizeChange,\n onSelection,\n isSelectable = false,\n actions,\n maxVisibleActions = 1,\n actionsCallback,\n FilterPlaceholder,\n onViewChange,\n multibuttonProps = [],\n emptyComponent = null,\n } = props;\n\n const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n const innerPageSize = pageSizeProp || pageSizeOptions[0];\n const innerPageValues = getPaginationData(\n hasPagination,\n paginationServerSide,\n valuesProp,\n innerPageSize,\n pageProp\n );\n\n const [selectedView, setSelectedView] = useState(selectedViewProp || 0);\n const [pageSize, setPageSize] = useState(innerPageSize);\n const [page, setPage] = useState(pageProp);\n const [values, setValues] = useState([...valuesProp]);\n const [pageValues, setPageValues] = useState(innerPageValues);\n\n const [selectedValues, setSelectedValues] = useState([...selectedValuesProp]);\n const [searchString, setSearchString] = useState(searchStringProp);\n const [selectedSort, setSelectedSort] = useState({ sortId: sortOptionId, sortFunc: undefined });\n const currentBreakpoint = useWidth();\n\n useEffect(() => {\n setValues(valuesProp);\n setPageValues(\n getPaginationData(hasPagination, paginationServerSide, valuesProp, innerPageSize, pageProp)\n );\n setPage(pageProp);\n }, [valuesProp, pageProp, innerPageSize, hasPagination, paginationServerSide]);\n\n useEffect(() => {\n if (pageSizeProp === undefined) return;\n setPageSize(pageSizeProp);\n }, [pageSizeProp]);\n\n useEffect(() => {\n if (selectedValuesProp.length > 0) setSelectedValues(selectedValuesProp);\n }, [selectedValuesProp]);\n\n useEffect(() => {\n setSelectedView(selectedViewProp);\n }, [selectedViewProp]);\n\n useEffect(() => {\n setSelectedSort({ sortId: sortOptionId, sortFunc: undefined });\n }, [sortOptionId]);\n\n useEffect(() => {\n setSearchString(searchStringProp);\n }, [searchStringProp]);\n\n const changeView = (_event, viewIndex) => {\n setSelectedView(viewIndex);\n };\n\n const changePageValues = useCallback(\n (returnedPageValues) => {\n setPageValues(\n getPaginationData(hasPagination, paginationServerSide, returnedPageValues, pageSize, page)\n );\n },\n [hasPagination, paginationServerSide, pageSize, page]\n );\n\n useEffect(() => {\n if (!(selectedSort?.sortId && selectedSort?.sortFunc)) return;\n const sortedValues = [...valuesProp].sort(selectedSort.sortFunc);\n setValues(sortedValues);\n changePageValues(sortedValues);\n }, [selectedSort, valuesProp, changePageValues]);\n\n const setSearchResults = (results, value) => {\n setValues(results);\n setPage(0);\n setSearchString(value);\n changePageValues(results);\n };\n\n /**\n * Show the search component.\n *\n * @returns {*}\n */\n const renderSearch = () => {\n const { inputLabel, placeholder } = labels;\n return (\n <div className={classes.searchBoxContainer}>\n <Search\n id={id}\n searchString={searchString}\n values={valuesProp}\n metadata={configuration.metadata}\n onFilter={setSearchResults}\n onSearch={onSearch}\n labels={{ inputLabel, placeholder }}\n {...searchProps}\n />\n </div>\n );\n };\n\n const onSort = (sortFunc, sortId) => {\n setSelectedSort({ sortId, sortFunc });\n };\n\n const renderSort = () => {\n return (\n <div className={classes.sortContainer}>\n <Sort\n id={id}\n aria-label={labels?.sortBy}\n metadata={configuration?.metadata}\n selected={selectedSort?.sortId}\n onSelection={onSort}\n onSortChange={onSortChange}\n disablePortal={disablePortal}\n {...sortProps}\n />\n </div>\n );\n };\n\n const paginationOnPageChange = (newPage) => {\n const pageData = values.slice(pageSize * newPage, pageSize * (newPage + 1));\n\n setPage(newPage);\n setPageValues(pageData);\n };\n\n const paginationOnPageSizeChange = (newPageSize) => {\n const pageData = values.slice(newPageSize * page, newPageSize * (page + 1));\n\n setPageSize(newPageSize);\n setPageValues(pageData);\n };\n\n const renderPagination = () => {\n if (values.length === 0) return null;\n\n const numPages = paginationServerSide ? pages : Math.ceil(values.length / pageSize);\n const onPageChangeInternal = paginationServerSide ? onPageChange : paginationOnPageChange;\n\n const onPageSizeChangeInternal = paginationServerSide\n ? onPageSizeChange\n : paginationOnPageSizeChange;\n\n return (\n <HvPagination\n id={setId(id, \"pagination\")}\n classes={{\n root: classes.pagination,\n }}\n pages={numPages}\n page={page}\n canPrevious={page > 0}\n canNext={page < numPages - 1}\n pageSize={pageSize}\n pageSizeOptions={pageSizeOptions}\n onPageChange={onPageChangeInternal}\n onPageSizeChange={onPageSizeChangeInternal}\n {...paginationProps}\n />\n );\n };\n\n const handleSelectPage = (e, checked = false) => {\n setSelectedValues(checked ? [] : pageValues.map((v) => v.id));\n };\n\n const handleSelectAll = () => {\n const allSelected = selectedValues.length === values.length;\n setSelectedValues(allSelected ? [] : values.map((v) => v.id));\n };\n\n const innerOnSelection = (onSelectionFn) => (event) => {\n const valueId = event.target.value;\n\n const list =\n (event.target.checked && [...selectedValues, valueId]) ||\n (selectedValues.includes(valueId) && selectedValues.filter((item) => item !== valueId)) ||\n [];\n\n setSelectedValues(list);\n onSelectionFn?.(event);\n };\n\n const propsFillerManager = (source, target, propObj) => {\n Object.keys(propObj).forEach((key) => {\n // eslint-disable-next-line no-param-reassign\n if (source.props[key] == null) target[key] = propObj[key];\n });\n };\n\n const fillChildProp = (child) => {\n const childProps = {\n ...(configuration?.viewConfiguration || child?.props?.viewConfiguration),\n };\n\n propsFillerManager(child, childProps, {\n onSelection: innerOnSelection(onSelection),\n isSelectable,\n actions,\n maxVisibleActions,\n actionsCallback,\n });\n\n return childProps;\n };\n\n /**\n * Render the view.\n *\n * @returns {*}\n */\n const renderView = () => {\n const view = Array.isArray(children) ? children[selectedView] : children;\n\n if (values.length === 0) return emptyComponent;\n\n return React.cloneElement(view, {\n values: pageValues,\n selectedValues,\n viewConfiguration: fillChildProp(view),\n });\n };\n\n const showButtons = children.length > 1;\n const showSort = find(configuration.metadata, (element) => element.sortable);\n const showSearch = find(configuration.metadata, (element) => element.searchable);\n const showRightControls = showButtons || showSort;\n\n const sortJustify = currentBreakpoint === \"xs\" ? \"space-between\" : \"flex-start\";\n const justifyControls = showSort ? sortJustify : \"flex-end\";\n const align = !showSearch ? \"flex-end\" : \"space-between\";\n\n return (\n <div id={id} className={clsx(className, classes.root)}>\n {FilterPlaceholder && <FilterPlaceholder onSelection={changePageValues} />}\n <HvGrid container>\n <HvGrid item xs={12}>\n <HvGrid container justifyContent={align}>\n {showSearch && (\n <HvGrid xs={12} sm={6} md={4} lg={3} xl={3} item>\n {renderSearch()}\n </HvGrid>\n )}\n {showRightControls && (\n <HvGrid xs={12} sm={6} md={4} lg={3} xl={3} item>\n <HvGrid\n className={classes.rightControls}\n justifyContent={justifyControls}\n container\n alignItems=\"flex-end\"\n spacing={0}\n >\n {showSort && (\n <HvGrid className={classes.sortContainer} item xs>\n {renderSort()}\n </HvGrid>\n )}\n {showButtons && (\n <HvGrid item>\n <div className={classes.multiButtons}>\n <MultiButton\n id={id}\n views={multibuttonProps}\n selectedView={selectedView}\n changeView={changeView}\n onViewChange={onViewChange}\n />\n </div>\n </HvGrid>\n )}\n </HvGrid>\n </HvGrid>\n )}\n </HvGrid>\n <HvGrid container>\n <HvGrid item xs={12}>\n {hasBulkActions && (\n <HvBulkActions\n classes={{ root: classes.bulkActions }}\n numTotal={values.length}\n numSelected={selectedValues.length}\n onSelectAll={handleSelectPage}\n onSelectAllPages={handleSelectAll}\n showSelectAllPages\n maxVisibleActions={maxVisibleActions}\n />\n )}\n </HvGrid>\n </HvGrid>\n <HvGrid container className={classes.viewContainer}>\n <HvGrid item xs={12}>\n {renderView()}\n </HvGrid>\n </HvGrid>\n {hasPagination && (\n <HvGrid container>\n <HvGrid item xs={12}>\n {renderPagination()}\n </HvGrid>\n </HvGrid>\n )}\n </HvGrid>\n </HvGrid>\n </div>\n );\n};\n\nHvAssetInventory.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * Id to be applied to the root node.\n */\n id: PropTypes.string,\n /**\n * A Jss Object used to override or extend the component styles applied.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the root component.\n */\n root: PropTypes.string,\n /**\n * Styles applied to the controls container.\n */\n controlsContainer: PropTypes.string,\n /**\n * Styles applied to the search container.\n */\n search: PropTypes.string,\n /**\n * Styles applied to the right controls container.\n */\n rightControls: PropTypes.string,\n /**\n * Styles applied to the multiButtons.\n */\n multiButtons: PropTypes.string,\n /**\n * Styles applied to the bulkActions.\n */\n bulkActions: PropTypes.string,\n /**\n * Styles applied to the view container.\n */\n viewContainer: PropTypes.string,\n /**\n * Styles applied to the search box container.\n */\n searchBoxContainer: PropTypes.string,\n /**\n * Styles applied to the sort container.\n */\n sortContainer: PropTypes.string,\n /**\n * Styles applied to the pagination component.\n */\n pagination: PropTypes.string,\n }).isRequired,\n /**\n * Views components.\n */\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n /**\n * Data passed to the component.\n */\n values: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string,\n })\n ).isRequired,\n /**\n * Labels.\n */\n labels: PropTypes.shape({\n /**\n * Sort label.\n */\n sortBy: PropTypes.string,\n /**\n * the label on top of the search box.\n */\n inputLabel: PropTypes.string,\n /**\n * the placeholder value of the search box.\n */\n placeholder: PropTypes.string,\n }),\n /**\n * Contains the metadata for the values and the necessary configuration for the views,\n * check the views for the specific view configuration.\n */\n configuration: PropTypes.shape({\n metadata: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string,\n title: PropTypes.string,\n accessor: PropTypes.string,\n cellType: PropTypes.oneOf([\"alpha-numeric\", \"numeric\", \"date\", \"node\"]),\n sortable: PropTypes.bool,\n sortFunction: PropTypes.func,\n searchable: PropTypes.bool,\n searchFunction: PropTypes.func,\n })\n ).isRequired,\n viewConfiguration: PropTypes.instanceOf(Object),\n }).isRequired,\n /**\n * Callback evoked in the selection of the card.\n */\n onSelection: PropTypes.func,\n /**\n * List of actions to be passed to the views.\n */\n actions: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n icon: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n disabled: PropTypes.bool,\n })\n ),\n /**\n * The callback function ran when an action is triggered, receiving `action` as param\n */\n actionsCallback: PropTypes.func,\n /**\n * The number of maximum visible actions before they're collapsed into a `DropDownMenu`.\n */\n maxVisibleActions: PropTypes.number,\n /**\n * Extra filters\n */\n FilterPlaceholder: PropTypes.element,\n /**\n * Indicates if the views are selectable.\n */\n isSelectable: PropTypes.bool,\n /**\n * Values selected. The list can be maintain internally or it can be passed (overwriting the internal).\n */\n selectedValues: PropTypes.arrayOf(PropTypes.string),\n /**\n * The selected view index.\n */\n selectedView: PropTypes.number,\n /**\n * Defines whether the Asset Inventory includes the bulk actions component.\n */\n hasBulkActions: PropTypes.bool,\n /**\n * Defines whether the Asset Inventory includes the pagination component.\n */\n hasPagination: PropTypes.bool,\n /**\n * Enable or disable the server side pagination mechanism\n */\n paginationServerSide: PropTypes.bool,\n /**\n * The array of possible page sizes for the dropdown.\n */\n pageSizeOptions: PropTypes.arrayOf(PropTypes.number),\n /**\n * Page size.\n */\n pageSize: PropTypes.number,\n /**\n * The currently selected page (0-indexed).\n */\n page: PropTypes.number,\n /**\n * The number of pages the component has.\n */\n pages: PropTypes.number,\n /**\n * Page change callback.\n */\n onPageChange: PropTypes.func,\n /**\n * Page size change callback.\n */\n onPageSizeChange: PropTypes.func,\n /**\n * Search callback.\n */\n onSearch: PropTypes.func,\n /**\n * Sort callback.\n */\n onSortChange: PropTypes.func,\n /**\n * View change callback.\n */\n onViewChange: PropTypes.func,\n /**\n * Visual indication of the sort applied. The id is given by the metadata.id+Asc or metadata.id+Desc.\n */\n sortOptionId: PropTypes.string,\n /**\n * Visual indicator of the search string used.\n */\n searchString: PropTypes.string,\n /**\n * Disable portal on the Sort dropdown\n */\n disablePortal: PropTypes.bool,\n /**\n * Other props passed to the searchbox.\n */\n searchProps: PropTypes.instanceOf(Object),\n /**\n * Others props passed to the Sort. If you want to control the aria-label\n * use the labels.sortBy, as it is mapped directly to the aria-label.\n */\n sortProps: PropTypes.instanceOf(Object),\n /**\n * Array of others prop passed to the created button. Each element must include the id of the view\n * and other props to pe passed to each button.\n */\n multibuttonProps: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string,\n icon: PropTypes.node,\n })\n ),\n /**\n * Extra properties passed to the pagination.\n */\n paginationProps: PropTypes.instanceOf(Object),\n /**\n * Component to the present when no data is available.\n */\n emptyComponent: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvAssetInventory\" })(HvAssetInventory);\n"],"file":"AssetInventory.js"}
1
+ {"version":3,"sources":["../../../src/AssetInventory/AssetInventory.js"],"names":["React","useState","useEffect","useCallback","PropTypes","find","withStyles","clsx","MultiButton","Search","Sort","HvGrid","HvPagination","HvBulkActions","styles","setId","useLabels","useWidth","DEFAULT_LABELS","sortBy","inputLabel","placeholder","getPaginationData","hasPagination","paginationServerSide","values","pageSize","page","slice","HvAssetInventory","props","id","classes","className","valuesProp","selectedValues","selectedValuesProp","selectedView","selectedViewProp","children","searchString","searchStringProp","sortOptionId","labels","labelsProp","configuration","onSearch","searchProps","onSortChange","disablePortal","sortProps","pageProp","pages","pageSizeProp","pageSizeOptions","hasBulkActions","paginationProps","onPageChange","onPageSizeChange","onSelection","isSelectable","actions","maxVisibleActions","actionsCallback","FilterPlaceholder","onViewChange","multibuttonProps","emptyComponent","innerPageSize","innerPageValues","setSelectedView","setPageSize","setPage","setValues","pageValues","setPageValues","setSelectedValues","setSearchString","selectedSort","setSelectedSort","sortId","sortFunc","undefined","currentBreakpoint","length","changeView","_event","viewIndex","changePageValues","returnedPageValues","p","sortedValues","sort","setSearchResults","results","value","renderSearch","searchBoxContainer","metadata","onSort","renderSort","sortContainer","paginationOnPageChange","newPage","pageData","paginationOnPageSizeChange","newPageSize","renderPagination","numPages","Math","ceil","onPageChangeInternal","onPageSizeChangeInternal","root","pagination","handleSelectPage","e","checked","selection","map","v","handleSelectAll","allSelected","innerOnSelection","onSelectionFn","event","valueId","target","list","includes","filter","item","propsFillerManager","source","propObj","Object","keys","forEach","key","fillChildProp","child","childProps","viewConfiguration","renderView","view","Array","isArray","cloneElement","showButtons","showSort","element","sortable","showSearch","searchable","showRightControls","sortJustify","justifyControls","align","rightControls","multiButtons","bulkActions","viewContainer","propTypes","string","shape","controlsContainer","search","isRequired","oneOfType","arrayOf","node","title","accessor","cellType","oneOf","bool","sortFunction","func","searchFunction","instanceOf","label","icon","disabled","number","name"],"mappings":"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","sourcesContent":["import React, { useState, useEffect, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport find from \"lodash/find\";\nimport { withStyles } from \"@material-ui/core\";\nimport clsx from \"clsx\";\nimport MultiButton from \"./Multibutton/Multibutton\";\nimport Search from \"./Search/Search\";\nimport Sort from \"./Sort/Sort\";\nimport HvGrid from \"../Grid\";\nimport HvPagination from \"../Pagination\";\nimport HvBulkActions from \"../BulkActions\";\nimport styles from \"./styles\";\nimport { setId, useLabels, useWidth } from \"../utils\";\n\nconst DEFAULT_LABELS = {\n sortBy: \"Sort by\",\n inputLabel: \"\",\n placeholder: \"Search\",\n};\n\nconst getPaginationData = (hasPagination, paginationServerSide, values, pageSize, page) =>\n hasPagination && !paginationServerSide\n ? values.slice(pageSize * page, pageSize * (page + 1))\n : values;\n\n/**\n * An Asset Inventory allows to switch between views.\n * The Sort and Filter are defined using the metadata configuration, while the remaining configuration can be ser in the AssetInventory or in the individual views.\n */\nconst HvAssetInventory = (props) => {\n const {\n id,\n classes,\n className,\n values: valuesProp,\n selectedValues: selectedValuesProp = [],\n selectedView: selectedViewProp = 0,\n children,\n searchString: searchStringProp = \"\",\n sortOptionId,\n labels: labelsProp,\n configuration,\n onSearch,\n searchProps,\n onSortChange,\n disablePortal = false,\n sortProps,\n page: pageProp = 0,\n pages = 0,\n pageSize: pageSizeProp,\n pageSizeOptions = [5, 10, 20, 25, 50, 100],\n hasBulkActions = false,\n hasPagination = false,\n paginationServerSide = false,\n paginationProps,\n onPageChange,\n onPageSizeChange,\n onSelection,\n isSelectable = false,\n actions,\n maxVisibleActions = 1,\n actionsCallback,\n FilterPlaceholder,\n onViewChange,\n multibuttonProps = [],\n emptyComponent = null,\n } = props;\n\n const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n const innerPageSize = pageSizeProp || pageSizeOptions[0];\n const innerPageValues = getPaginationData(\n hasPagination,\n paginationServerSide,\n valuesProp,\n innerPageSize,\n pageProp\n );\n\n const [selectedView, setSelectedView] = useState(selectedViewProp || 0);\n const [pageSize, setPageSize] = useState(innerPageSize);\n const [page, setPage] = useState(pageProp);\n const [values, setValues] = useState([...valuesProp]);\n const [pageValues, setPageValues] = useState(innerPageValues);\n\n const [selectedValues, setSelectedValues] = useState([...selectedValuesProp]);\n const [searchString, setSearchString] = useState(searchStringProp);\n const [selectedSort, setSelectedSort] = useState({ sortId: sortOptionId, sortFunc: undefined });\n const currentBreakpoint = useWidth();\n\n useEffect(() => {\n setValues(valuesProp);\n setPageValues(\n getPaginationData(hasPagination, paginationServerSide, valuesProp, innerPageSize, pageProp)\n );\n setPage(pageProp);\n }, [valuesProp, pageProp, innerPageSize, hasPagination, paginationServerSide]);\n\n useEffect(() => {\n if (pageSizeProp === undefined) return;\n setPageSize(pageSizeProp);\n }, [pageSizeProp]);\n\n useEffect(() => {\n if (selectedValuesProp.length > 0) setSelectedValues(selectedValuesProp);\n }, [selectedValuesProp]);\n\n useEffect(() => {\n setSelectedView(selectedViewProp);\n }, [selectedViewProp]);\n\n useEffect(() => {\n setSelectedSort({ sortId: sortOptionId, sortFunc: undefined });\n }, [sortOptionId]);\n\n useEffect(() => {\n setSearchString(searchStringProp);\n }, [searchStringProp]);\n\n const changeView = (_event, viewIndex) => {\n setSelectedView(viewIndex);\n };\n\n const changePageValues = useCallback(\n (returnedPageValues, p = page) => {\n setPageValues(\n getPaginationData(hasPagination, paginationServerSide, returnedPageValues, pageSize, p)\n );\n },\n [hasPagination, paginationServerSide, pageSize, page]\n );\n\n // TODO: we must revisit this section in the future. Right now, sorting the results will\n // reset the array of values which means that we can't sort a filtered result set.\n useEffect(() => {\n if (!(selectedSort?.sortId && selectedSort?.sortFunc)) return;\n const sortedValues = [...valuesProp].sort(selectedSort.sortFunc);\n setValues(sortedValues);\n changePageValues(sortedValues);\n }, [selectedSort, valuesProp, changePageValues]);\n\n const setSearchResults = (results, value) => {\n setValues(results);\n setPage(0);\n setSearchString(value);\n changePageValues(results, 0);\n };\n\n /**\n * Show the search component.\n *\n * @returns {*}\n */\n const renderSearch = () => {\n const { inputLabel, placeholder } = labels;\n return (\n <div className={classes.searchBoxContainer}>\n <Search\n id={id}\n searchString={searchString}\n values={valuesProp}\n metadata={configuration.metadata}\n onFilter={setSearchResults}\n onSearch={onSearch}\n labels={{ inputLabel, placeholder }}\n {...searchProps}\n />\n </div>\n );\n };\n\n const onSort = (sortFunc, sortId) => {\n setSelectedSort({ sortId, sortFunc });\n };\n\n const renderSort = () => {\n return (\n <div className={classes.sortContainer}>\n <Sort\n id={id}\n aria-label={labels?.sortBy}\n metadata={configuration?.metadata}\n selected={selectedSort?.sortId}\n onSelection={onSort}\n onSortChange={onSortChange}\n disablePortal={disablePortal}\n {...sortProps}\n />\n </div>\n );\n };\n\n const paginationOnPageChange = (newPage) => {\n const pageData = values.slice(pageSize * newPage, pageSize * (newPage + 1));\n\n setPage(newPage);\n setPageValues(pageData);\n };\n\n const paginationOnPageSizeChange = (newPageSize) => {\n const pageData = values.slice(newPageSize * page, newPageSize * (page + 1));\n\n setPageSize(newPageSize);\n setPageValues(pageData);\n };\n\n const renderPagination = () => {\n if (values.length === 0) return null;\n\n const numPages = paginationServerSide ? pages : Math.ceil(values.length / pageSize);\n const onPageChangeInternal = paginationServerSide ? onPageChange : paginationOnPageChange;\n\n const onPageSizeChangeInternal = paginationServerSide\n ? onPageSizeChange\n : paginationOnPageSizeChange;\n\n return (\n <HvPagination\n id={setId(id, \"pagination\")}\n classes={{\n root: classes.pagination,\n }}\n pages={numPages}\n page={page}\n canPrevious={page > 0}\n canNext={page < numPages - 1}\n pageSize={pageSize}\n pageSizeOptions={pageSizeOptions}\n onPageChange={onPageChangeInternal}\n onPageSizeChange={onPageSizeChangeInternal}\n {...paginationProps}\n />\n );\n };\n\n const handleSelectPage = (e, checked = false) => {\n const selection = pageValues.map((v) => v.id);\n\n setSelectedValues(checked ? selection : []);\n onSelection?.(e, checked ? selection : []);\n };\n\n const handleSelectAll = (e) => {\n const allSelected = selectedValues.length === values.length;\n const selection = values.map((v) => v.id);\n\n setSelectedValues(allSelected ? [] : selection);\n onSelection?.(e, allSelected ? [] : selection);\n };\n\n const innerOnSelection = (onSelectionFn) => (event) => {\n const valueId = event.target.value;\n\n const list =\n (event.target.checked && [...selectedValues, valueId]) ||\n (selectedValues.includes(valueId) && selectedValues.filter((item) => item !== valueId)) ||\n [];\n\n setSelectedValues(list);\n onSelectionFn?.(event, list);\n };\n\n const propsFillerManager = (source, target, propObj) => {\n Object.keys(propObj).forEach((key) => {\n // eslint-disable-next-line no-param-reassign\n if (source.props[key] == null) target[key] = propObj[key];\n });\n };\n\n const fillChildProp = (child) => {\n const childProps = {\n ...(configuration?.viewConfiguration || child?.props?.viewConfiguration),\n };\n\n propsFillerManager(child, childProps, {\n onSelection: innerOnSelection(onSelection),\n isSelectable,\n actions,\n maxVisibleActions,\n actionsCallback,\n });\n\n return childProps;\n };\n\n /**\n * Render the view.\n *\n * @returns {*}\n */\n const renderView = () => {\n const view = Array.isArray(children) ? children[selectedView] : children;\n\n if (values.length === 0) return emptyComponent;\n\n return React.cloneElement(view, {\n values: pageValues,\n selectedValues,\n viewConfiguration: fillChildProp(view),\n });\n };\n\n const showButtons = children.length > 1;\n const showSort = find(configuration.metadata, (element) => element.sortable);\n const showSearch = find(configuration.metadata, (element) => element.searchable);\n const showRightControls = showButtons || showSort;\n\n const sortJustify = currentBreakpoint === \"xs\" ? \"space-between\" : \"flex-start\";\n const justifyControls = showSort ? sortJustify : \"flex-end\";\n const align = !showSearch ? \"flex-end\" : \"space-between\";\n\n return (\n <div id={id} className={clsx(className, classes.root)}>\n {FilterPlaceholder && <FilterPlaceholder onSelection={changePageValues} />}\n <HvGrid container>\n <HvGrid item xs={12}>\n <HvGrid container justifyContent={align}>\n {showSearch && (\n <HvGrid xs={12} sm={6} md={4} lg={3} xl={3} item>\n {renderSearch()}\n </HvGrid>\n )}\n {showRightControls && (\n <HvGrid xs={12} sm={6} md={4} lg={3} xl={3} item>\n <HvGrid\n className={classes.rightControls}\n justifyContent={justifyControls}\n container\n alignItems=\"flex-end\"\n spacing={0}\n >\n {showSort && (\n <HvGrid className={classes.sortContainer} item xs>\n {renderSort()}\n </HvGrid>\n )}\n {showButtons && (\n <HvGrid item>\n <div className={classes.multiButtons}>\n <MultiButton\n id={id}\n views={multibuttonProps}\n selectedView={selectedView}\n changeView={changeView}\n onViewChange={onViewChange}\n />\n </div>\n </HvGrid>\n )}\n </HvGrid>\n </HvGrid>\n )}\n </HvGrid>\n <HvGrid container>\n <HvGrid item xs={12}>\n {hasBulkActions && (\n <HvBulkActions\n classes={{ root: classes.bulkActions }}\n numTotal={values.length}\n numSelected={selectedValues.length}\n onSelectAll={handleSelectPage}\n onSelectAllPages={handleSelectAll}\n showSelectAllPages\n maxVisibleActions={maxVisibleActions}\n />\n )}\n </HvGrid>\n </HvGrid>\n <HvGrid container className={classes.viewContainer}>\n <HvGrid item xs={12}>\n {renderView()}\n </HvGrid>\n </HvGrid>\n {hasPagination && (\n <HvGrid container>\n <HvGrid item xs={12}>\n {renderPagination()}\n </HvGrid>\n </HvGrid>\n )}\n </HvGrid>\n </HvGrid>\n </div>\n );\n};\n\nHvAssetInventory.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * Id to be applied to the root node.\n */\n id: PropTypes.string,\n /**\n * A Jss Object used to override or extend the component styles applied.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the root component.\n */\n root: PropTypes.string,\n /**\n * Styles applied to the controls container.\n */\n controlsContainer: PropTypes.string,\n /**\n * Styles applied to the search container.\n */\n search: PropTypes.string,\n /**\n * Styles applied to the right controls container.\n */\n rightControls: PropTypes.string,\n /**\n * Styles applied to the multiButtons.\n */\n multiButtons: PropTypes.string,\n /**\n * Styles applied to the bulkActions.\n */\n bulkActions: PropTypes.string,\n /**\n * Styles applied to the view container.\n */\n viewContainer: PropTypes.string,\n /**\n * Styles applied to the search box container.\n */\n searchBoxContainer: PropTypes.string,\n /**\n * Styles applied to the sort container.\n */\n sortContainer: PropTypes.string,\n /**\n * Styles applied to the pagination component.\n */\n pagination: PropTypes.string,\n }).isRequired,\n /**\n * Views components.\n */\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n /**\n * Data passed to the component.\n */\n values: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string,\n })\n ).isRequired,\n /**\n * Labels.\n */\n labels: PropTypes.shape({\n /**\n * Sort label.\n */\n sortBy: PropTypes.string,\n /**\n * the label on top of the search box.\n */\n inputLabel: PropTypes.string,\n /**\n * the placeholder value of the search box.\n */\n placeholder: PropTypes.string,\n }),\n /**\n * Contains the metadata for the values and the necessary configuration for the views,\n * check the views for the specific view configuration.\n */\n configuration: PropTypes.shape({\n metadata: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string,\n title: PropTypes.string,\n accessor: PropTypes.string,\n cellType: PropTypes.oneOf([\"alpha-numeric\", \"numeric\", \"date\", \"node\"]),\n sortable: PropTypes.bool,\n sortFunction: PropTypes.func,\n searchable: PropTypes.bool,\n searchFunction: PropTypes.func,\n })\n ).isRequired,\n viewConfiguration: PropTypes.instanceOf(Object),\n }).isRequired,\n /**\n * Callback evoked in the selection of the card. Receives the event and the current selection of the asset inventory\n */\n onSelection: PropTypes.func,\n /**\n * List of actions to be passed to the views.\n */\n actions: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n icon: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n disabled: PropTypes.bool,\n })\n ),\n /**\n * The callback function ran when an action is triggered, receiving `action` as param\n */\n actionsCallback: PropTypes.func,\n /**\n * The number of maximum visible actions before they're collapsed into a `DropDownMenu`.\n */\n maxVisibleActions: PropTypes.number,\n /**\n * Extra filters\n */\n FilterPlaceholder: PropTypes.element,\n /**\n * Indicates if the views are selectable.\n */\n isSelectable: PropTypes.bool,\n /**\n * Values selected. The list can be maintain internally or it can be passed (overwriting the internal).\n */\n selectedValues: PropTypes.arrayOf(PropTypes.string),\n /**\n * The selected view index.\n */\n selectedView: PropTypes.number,\n /**\n * Defines whether the Asset Inventory includes the bulk actions component.\n */\n hasBulkActions: PropTypes.bool,\n /**\n * Defines whether the Asset Inventory includes the pagination component.\n */\n hasPagination: PropTypes.bool,\n /**\n * Enable or disable the server side pagination mechanism\n */\n paginationServerSide: PropTypes.bool,\n /**\n * The array of possible page sizes for the dropdown.\n */\n pageSizeOptions: PropTypes.arrayOf(PropTypes.number),\n /**\n * Page size.\n */\n pageSize: PropTypes.number,\n /**\n * The currently selected page (0-indexed).\n */\n page: PropTypes.number,\n /**\n * The number of pages the component has.\n */\n pages: PropTypes.number,\n /**\n * Page change callback.\n */\n onPageChange: PropTypes.func,\n /**\n * Page size change callback.\n */\n onPageSizeChange: PropTypes.func,\n /**\n * Search callback.\n */\n onSearch: PropTypes.func,\n /**\n * Sort callback.\n */\n onSortChange: PropTypes.func,\n /**\n * View change callback.\n */\n onViewChange: PropTypes.func,\n /**\n * Visual indication of the sort applied. The id is given by the metadata.id+Asc or metadata.id+Desc.\n */\n sortOptionId: PropTypes.string,\n /**\n * Visual indicator of the search string used.\n */\n searchString: PropTypes.string,\n /**\n * Disable portal on the Sort dropdown\n */\n disablePortal: PropTypes.bool,\n /**\n * Other props passed to the searchbox.\n */\n searchProps: PropTypes.instanceOf(Object),\n /**\n * Others props passed to the Sort. If you want to control the aria-label\n * use the labels.sortBy, as it is mapped directly to the aria-label.\n */\n sortProps: PropTypes.instanceOf(Object),\n /**\n * Array of others prop passed to the created button. Each element must include the id of the view\n * and other props to pe passed to each button.\n */\n multibuttonProps: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string,\n icon: PropTypes.node,\n })\n ),\n /**\n * Extra properties passed to the pagination.\n */\n paginationProps: PropTypes.instanceOf(Object),\n /**\n * Component to the present when no data is available.\n */\n emptyComponent: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvAssetInventory\" })(HvAssetInventory);\n"],"file":"AssetInventory.js"}
@@ -58,7 +58,7 @@ const CardView = _ref => {
58
58
  viewConfiguration = DEFAULT_VIEW_CONFIGURATION,
59
59
  innerCardContent,
60
60
  metadata,
61
- emptyComponent
61
+ emptyComponent = null
62
62
  } = _ref,
63
63
  others = _objectWithoutProperties(_ref, _excluded);
64
64
 
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/AssetInventory/CardView/CardView.js"],"names":["React","useRef","PropTypes","withStyles","HvActionBar","HvActionsGeneric","HvCard","HvCardContent","HvGrid","useWidth","setId","Focus","styles","setActionsId","DEFAULT_VIEW_CONFIGURATION","onSelection","breakpoints","xs","sm","md","lg","xl","actions","CardRenderChooser","viewConfiguration","render","cardContent","metadata","cardProps","data","isSelectable","maxVisibleActions","actionsCallback","id","CardView","className","classes","values","selectedValues","renderer","innerCardContent","emptyComponent","others","containerRef","currentBreakpoint","renderCard","cardJump","renderCards","map","value","index","checked","indexOf","hasValues","length","root","elements","sizeProps","propTypes","string","shape","isRequired","arrayOf","title","accessor","cellType","oneOf","sortable","bool","sortFunction","func","searchable","searchFunction","instanceOf","Array","node","label","icon","oneOfType","disabled","number","name"],"mappings":"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","sourcesContent":["import React, { useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport {\n HvActionBar,\n HvActionsGeneric,\n HvCard,\n HvCardContent,\n HvGrid,\n useWidth,\n setId,\n} from \"../..\";\nimport Focus from \"../../Focus\";\nimport styles from \"./styles\";\nimport setActionsId from \"../setActionsId\";\n\nconst DEFAULT_VIEW_CONFIGURATION = {\n onSelection: null,\n breakpoints: {\n xs: false,\n sm: false,\n md: false,\n lg: false,\n xl: false,\n },\n actions: null,\n};\n\nconst CardRenderChooser =\n (viewConfiguration, render, cardContent, metadata, cardProps) => (data) => {\n const { onSelection, isSelectable, maxVisibleActions, actionsCallback } = viewConfiguration;\n const actions = setActionsId(viewConfiguration.actions, data.id);\n\n return render ? (\n render(data, { ...viewConfiguration, actions }, metadata, cardProps)\n ) : (\n <HvCard onChange={onSelection} selectable={isSelectable} {...data} {...cardProps}>\n <HvCardContent>{cardContent?.(data)}</HvCardContent>\n {actions && (\n <HvActionBar>\n <HvActionsGeneric\n actions={actions}\n actionsCallback={actionsCallback}\n maxVisibleActions={maxVisibleActions}\n />\n </HvActionBar>\n )}\n </HvCard>\n );\n };\n\nconst CardView = ({\n id = \"\",\n className,\n classes,\n values,\n selectedValues,\n renderer,\n viewConfiguration = DEFAULT_VIEW_CONFIGURATION,\n innerCardContent,\n metadata,\n emptyComponent,\n ...others\n}) => {\n const containerRef = useRef(null);\n const currentBreakpoint = useWidth();\n\n // If no custom render is passed, the render uses the standard card implementation\n const renderCard = CardRenderChooser(\n viewConfiguration,\n renderer,\n innerCardContent,\n metadata,\n others\n );\n\n const { breakpoints } = viewConfiguration;\n\n const cardJump = () =>\n breakpoints[currentBreakpoint] === false ? 1 : 12 / breakpoints[currentBreakpoint];\n\n /**\n * Render of the cards for each value.\n */\n const renderCards = () => {\n return values.map((value, index) => {\n // eslint-disable-next-line no-param-reassign\n value.checked = !!(selectedValues && selectedValues.indexOf(value.id) > -1);\n\n return (\n <HvGrid id={setId(value.id, \"grid\")} key={value.id} item {...breakpoints}>\n <Focus\n rootRef={containerRef}\n key={value.id}\n strategy=\"grid\"\n filterClass=\"grid\"\n navigationJump={cardJump()}\n focusDisabled={false}\n >\n <div key={value.id} tabIndex={index === 0 ? 0 : -1}>\n {renderCard(value)}\n </div>\n </Focus>\n </HvGrid>\n );\n });\n };\n\n const hasValues = values.length > 0;\n\n return hasValues ? (\n <div className={classes.root} ref={containerRef}>\n <div className={classes.elements}>\n <HvGrid\n className={className}\n id={id}\n container\n justifyContent=\"flex-start\"\n alignItems=\"flex-start\"\n >\n {renderCards()}\n </HvGrid>\n </div>\n </div>\n ) : (\n emptyComponent\n );\n};\n\nconst sizeProps = [true, false, \"auto\", 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];\n\nCardView.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * Id to be applied to the root node.\n */\n id: PropTypes.string,\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the root.\n */\n root: PropTypes.string,\n /**\n * Styles applied to the component that contains the elements class.\n */\n elements: PropTypes.string,\n }).isRequired,\n /**\n * Metadata associated with the values.\n */\n metadata: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string,\n title: PropTypes.string,\n accessor: PropTypes.string,\n cellType: PropTypes.oneOf([\"alpha-numeric\", \"numeric\", \"date\", \"node\"]),\n sortable: PropTypes.bool,\n sortFunction: PropTypes.func,\n searchable: PropTypes.bool,\n searchFunction: PropTypes.func,\n })\n ),\n /**\n * Values to be passed to the card render.\n */\n values: PropTypes.instanceOf(Array).isRequired,\n /**\n * Selected values.\n */\n selectedValues: PropTypes.arrayOf(PropTypes.string),\n /**\n * Custom render for the cards.\n */\n renderer: PropTypes.func,\n /**\n * innerCardContent to be passed to the standard render.\n */\n innerCardContent: PropTypes.func,\n /**\n * Component to the present when no data is available.\n */\n emptyComponent: PropTypes.node,\n /**\n * Configuration settings for the view.\n */\n viewConfiguration: PropTypes.shape({\n /**\n * Callback evoked in the selection of the card.\n */\n onSelection: PropTypes.func,\n /**\n * Defines if the view allows selections.\n */\n isSelectable: PropTypes.bool,\n /**\n * List of actions to be passed to the cards.\n */\n actions: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n icon: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n disabled: PropTypes.bool,\n })\n ),\n /**\n * The callback function ran when an action is triggered, receiving `action` as param\n */\n actionsCallback: PropTypes.func,\n /**\n * The number of maximum visible actions before they're collapsed into a `DropDownMenu`.\n */\n maxVisibleActions: PropTypes.number,\n /**\n * Defines the number of columns the component is going to use. Check the\n * Grid component for possible values\n */\n breakpoints: PropTypes.shape({\n xs: PropTypes.oneOf(sizeProps),\n sm: PropTypes.oneOf(sizeProps),\n md: PropTypes.oneOf(sizeProps),\n lg: PropTypes.oneOf(sizeProps),\n xl: PropTypes.oneOf(sizeProps),\n }),\n }),\n};\n\nexport default withStyles(styles, { name: \"HvCardView\" })(CardView);\n"],"file":"CardView.js"}
1
+ {"version":3,"sources":["../../../../src/AssetInventory/CardView/CardView.js"],"names":["React","useRef","PropTypes","withStyles","HvActionBar","HvActionsGeneric","HvCard","HvCardContent","HvGrid","useWidth","setId","Focus","styles","setActionsId","DEFAULT_VIEW_CONFIGURATION","onSelection","breakpoints","xs","sm","md","lg","xl","actions","CardRenderChooser","viewConfiguration","render","cardContent","metadata","cardProps","data","isSelectable","maxVisibleActions","actionsCallback","id","CardView","className","classes","values","selectedValues","renderer","innerCardContent","emptyComponent","others","containerRef","currentBreakpoint","renderCard","cardJump","renderCards","map","value","index","checked","indexOf","hasValues","length","root","elements","sizeProps","propTypes","string","shape","isRequired","arrayOf","title","accessor","cellType","oneOf","sortable","bool","sortFunction","func","searchable","searchFunction","instanceOf","Array","node","label","icon","oneOfType","disabled","number","name"],"mappings":"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","sourcesContent":["import React, { useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport {\n HvActionBar,\n HvActionsGeneric,\n HvCard,\n HvCardContent,\n HvGrid,\n useWidth,\n setId,\n} from \"../..\";\nimport Focus from \"../../Focus\";\nimport styles from \"./styles\";\nimport setActionsId from \"../setActionsId\";\n\nconst DEFAULT_VIEW_CONFIGURATION = {\n onSelection: null,\n breakpoints: {\n xs: false,\n sm: false,\n md: false,\n lg: false,\n xl: false,\n },\n actions: null,\n};\n\nconst CardRenderChooser =\n (viewConfiguration, render, cardContent, metadata, cardProps) => (data) => {\n const { onSelection, isSelectable, maxVisibleActions, actionsCallback } = viewConfiguration;\n const actions = setActionsId(viewConfiguration.actions, data.id);\n\n return render ? (\n render(data, { ...viewConfiguration, actions }, metadata, cardProps)\n ) : (\n <HvCard onChange={onSelection} selectable={isSelectable} {...data} {...cardProps}>\n <HvCardContent>{cardContent?.(data)}</HvCardContent>\n {actions && (\n <HvActionBar>\n <HvActionsGeneric\n actions={actions}\n actionsCallback={actionsCallback}\n maxVisibleActions={maxVisibleActions}\n />\n </HvActionBar>\n )}\n </HvCard>\n );\n };\n\nconst CardView = ({\n id = \"\",\n className,\n classes,\n values,\n selectedValues,\n renderer,\n viewConfiguration = DEFAULT_VIEW_CONFIGURATION,\n innerCardContent,\n metadata,\n emptyComponent = null,\n ...others\n}) => {\n const containerRef = useRef(null);\n const currentBreakpoint = useWidth();\n\n // If no custom render is passed, the render uses the standard card implementation\n const renderCard = CardRenderChooser(\n viewConfiguration,\n renderer,\n innerCardContent,\n metadata,\n others\n );\n\n const { breakpoints } = viewConfiguration;\n\n const cardJump = () =>\n breakpoints[currentBreakpoint] === false ? 1 : 12 / breakpoints[currentBreakpoint];\n\n /**\n * Render of the cards for each value.\n */\n const renderCards = () => {\n return values.map((value, index) => {\n // eslint-disable-next-line no-param-reassign\n value.checked = !!(selectedValues && selectedValues.indexOf(value.id) > -1);\n\n return (\n <HvGrid id={setId(value.id, \"grid\")} key={value.id} item {...breakpoints}>\n <Focus\n rootRef={containerRef}\n key={value.id}\n strategy=\"grid\"\n filterClass=\"grid\"\n navigationJump={cardJump()}\n focusDisabled={false}\n >\n <div key={value.id} tabIndex={index === 0 ? 0 : -1}>\n {renderCard(value)}\n </div>\n </Focus>\n </HvGrid>\n );\n });\n };\n\n const hasValues = values.length > 0;\n\n return hasValues ? (\n <div className={classes.root} ref={containerRef}>\n <div className={classes.elements}>\n <HvGrid\n className={className}\n id={id}\n container\n justifyContent=\"flex-start\"\n alignItems=\"flex-start\"\n >\n {renderCards()}\n </HvGrid>\n </div>\n </div>\n ) : (\n emptyComponent\n );\n};\n\nconst sizeProps = [true, false, \"auto\", 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];\n\nCardView.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * Id to be applied to the root node.\n */\n id: PropTypes.string,\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the root.\n */\n root: PropTypes.string,\n /**\n * Styles applied to the component that contains the elements class.\n */\n elements: PropTypes.string,\n }).isRequired,\n /**\n * Metadata associated with the values.\n */\n metadata: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string,\n title: PropTypes.string,\n accessor: PropTypes.string,\n cellType: PropTypes.oneOf([\"alpha-numeric\", \"numeric\", \"date\", \"node\"]),\n sortable: PropTypes.bool,\n sortFunction: PropTypes.func,\n searchable: PropTypes.bool,\n searchFunction: PropTypes.func,\n })\n ),\n /**\n * Values to be passed to the card render.\n */\n values: PropTypes.instanceOf(Array).isRequired,\n /**\n * Selected values.\n */\n selectedValues: PropTypes.arrayOf(PropTypes.string),\n /**\n * Custom render for the cards.\n */\n renderer: PropTypes.func,\n /**\n * innerCardContent to be passed to the standard render.\n */\n innerCardContent: PropTypes.func,\n /**\n * Component to the present when no data is available.\n */\n emptyComponent: PropTypes.node,\n /**\n * Configuration settings for the view.\n */\n viewConfiguration: PropTypes.shape({\n /**\n * Callback evoked in the selection of the card.\n */\n onSelection: PropTypes.func,\n /**\n * Defines if the view allows selections.\n */\n isSelectable: PropTypes.bool,\n /**\n * List of actions to be passed to the cards.\n */\n actions: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n icon: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n disabled: PropTypes.bool,\n })\n ),\n /**\n * The callback function ran when an action is triggered, receiving `action` as param\n */\n actionsCallback: PropTypes.func,\n /**\n * The number of maximum visible actions before they're collapsed into a `DropDownMenu`.\n */\n maxVisibleActions: PropTypes.number,\n /**\n * Defines the number of columns the component is going to use. Check the\n * Grid component for possible values\n */\n breakpoints: PropTypes.shape({\n xs: PropTypes.oneOf(sizeProps),\n sm: PropTypes.oneOf(sizeProps),\n md: PropTypes.oneOf(sizeProps),\n lg: PropTypes.oneOf(sizeProps),\n xl: PropTypes.oneOf(sizeProps),\n }),\n }),\n};\n\nexport default withStyles(styles, { name: \"HvCardView\" })(CardView);\n"],"file":"CardView.js"}
@@ -13,6 +13,7 @@ export const applyLayoutDefaults = (inputLayout, stack, isHorizontal) => {
13
13
  const layout = inputLayout === undefined ? {} : clone(inputLayout);
14
14
  setterIfNil(layout, "bargap", 0.25);
15
15
  setterIfNil(layout, "bargroupgap", 0.25);
16
+ setterIfNil(layout, "hovermode", "closest");
16
17
  if (stack) setterIfNil(layout, "barmode", "stack");
17
18
  setterIfNil(layout, "yaxis", {});
18
19
  setterIfNil(layout, "xaxis", {});
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/Barchart/barchartPlotlyOverrides.js"],"names":["clone","setterIfNil","object","property","value","applyLayoutDefaults","inputLayout","stack","isHorizontal","layout","undefined","yaxis","xaxis","applyDataDefaults","inputData","data","forEach","trace"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,kBAAlB;;AAEA,MAAMC,WAAW,GAAG,CAACC,MAAD,EAASC,QAAT,EAAmBC,KAAnB,KAA6B;AAC/C;AACAF,EAAAA,MAAM,CAACC,QAAD,CAAN,GAAmBD,MAAM,CAACC,QAAD,CAAN,IAAoBC,KAAvC;AACD,CAHD;AAKA;AACA;AACA;;;AACA,OAAO,MAAMC,mBAAmB,GAAG,CAACC,WAAD,EAAcC,KAAd,EAAqBC,YAArB,KAAsC;AACvE,QAAMC,MAAM,GAAGH,WAAW,KAAKI,SAAhB,GAA4B,EAA5B,GAAiCV,KAAK,CAACM,WAAD,CAArD;AACAL,EAAAA,WAAW,CAACQ,MAAD,EAAS,QAAT,EAAmB,IAAnB,CAAX;AACAR,EAAAA,WAAW,CAACQ,MAAD,EAAS,aAAT,EAAwB,IAAxB,CAAX;AACA,MAAIF,KAAJ,EAAWN,WAAW,CAACQ,MAAD,EAAS,SAAT,EAAoB,OAApB,CAAX;AAEXR,EAAAA,WAAW,CAACQ,MAAD,EAAS,OAAT,EAAkB,EAAlB,CAAX;AACAR,EAAAA,WAAW,CAACQ,MAAD,EAAS,OAAT,EAAkB,EAAlB,CAAX;;AAEA,MAAID,YAAJ,EAAkB;AAChBP,IAAAA,WAAW,CAACQ,MAAM,CAACE,KAAR,EAAe,UAAf,EAA2B,IAA3B,CAAX;AACAV,IAAAA,WAAW,CAACQ,MAAM,CAACG,KAAR,EAAe,UAAf,EAA2B,KAA3B,CAAX;AACD,GAHD,MAGO;AACLX,IAAAA,WAAW,CAACQ,MAAM,CAACE,KAAR,EAAe,UAAf,EAA2B,KAA3B,CAAX;AACD;;AAED,SAAOF,MAAP;AACD,CAjBM;AAmBP,OAAO,MAAMI,iBAAiB,GAAG,CAACC,SAAD,EAAYN,YAAZ,KAA6B;AAC5D,QAAMO,IAAI,GAAGD,SAAb;AAEAC,EAAAA,IAAI,CAACC,OAAL,CAAcC,KAAD,IAAW;AACtBhB,IAAAA,WAAW,CAACgB,KAAD,EAAQ,MAAR,EAAgB,KAAhB,CAAX;AACAhB,IAAAA,WAAW,CAACgB,KAAD,EAAQ,WAAR,EAAqB,MAArB,CAAX;AACA,QAAIT,YAAJ,EAAkBP,WAAW,CAACgB,KAAD,EAAQ,aAAR,EAAuB,GAAvB,CAAX;AACnB,GAJD;AAMA,SAAOF,IAAP;AACD,CAVM","sourcesContent":["import clone from \"lodash/cloneDeep\";\n\nconst setterIfNil = (object, property, value) => {\n // eslint-disable-next-line no-param-reassign\n object[property] = object[property] || value;\n};\n\n/**\n * Auxiliary functions to set the layout in order to follow the DS guideline.\n */\nexport const applyLayoutDefaults = (inputLayout, stack, isHorizontal) => {\n const layout = inputLayout === undefined ? {} : clone(inputLayout);\n setterIfNil(layout, \"bargap\", 0.25);\n setterIfNil(layout, \"bargroupgap\", 0.25);\n if (stack) setterIfNil(layout, \"barmode\", \"stack\");\n\n setterIfNil(layout, \"yaxis\", {});\n setterIfNil(layout, \"xaxis\", {});\n\n if (isHorizontal) {\n setterIfNil(layout.yaxis, \"showline\", true);\n setterIfNil(layout.xaxis, \"showline\", false);\n } else {\n setterIfNil(layout.yaxis, \"showline\", false);\n }\n\n return layout;\n};\n\nexport const applyDataDefaults = (inputData, isHorizontal) => {\n const data = inputData;\n\n data.forEach((trace) => {\n setterIfNil(trace, \"type\", \"bar\");\n setterIfNil(trace, \"hoverinfo\", \"none\");\n if (isHorizontal) setterIfNil(trace, \"orientation\", \"h\");\n });\n\n return data;\n};\n"],"file":"barchartPlotlyOverrides.js"}
1
+ {"version":3,"sources":["../../../src/Barchart/barchartPlotlyOverrides.js"],"names":["clone","setterIfNil","object","property","value","applyLayoutDefaults","inputLayout","stack","isHorizontal","layout","undefined","yaxis","xaxis","applyDataDefaults","inputData","data","forEach","trace"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,kBAAlB;;AAEA,MAAMC,WAAW,GAAG,CAACC,MAAD,EAASC,QAAT,EAAmBC,KAAnB,KAA6B;AAC/C;AACAF,EAAAA,MAAM,CAACC,QAAD,CAAN,GAAmBD,MAAM,CAACC,QAAD,CAAN,IAAoBC,KAAvC;AACD,CAHD;AAKA;AACA;AACA;;;AACA,OAAO,MAAMC,mBAAmB,GAAG,CAACC,WAAD,EAAcC,KAAd,EAAqBC,YAArB,KAAsC;AACvE,QAAMC,MAAM,GAAGH,WAAW,KAAKI,SAAhB,GAA4B,EAA5B,GAAiCV,KAAK,CAACM,WAAD,CAArD;AACAL,EAAAA,WAAW,CAACQ,MAAD,EAAS,QAAT,EAAmB,IAAnB,CAAX;AACAR,EAAAA,WAAW,CAACQ,MAAD,EAAS,aAAT,EAAwB,IAAxB,CAAX;AACAR,EAAAA,WAAW,CAACQ,MAAD,EAAS,WAAT,EAAsB,SAAtB,CAAX;AACA,MAAIF,KAAJ,EAAWN,WAAW,CAACQ,MAAD,EAAS,SAAT,EAAoB,OAApB,CAAX;AAEXR,EAAAA,WAAW,CAACQ,MAAD,EAAS,OAAT,EAAkB,EAAlB,CAAX;AACAR,EAAAA,WAAW,CAACQ,MAAD,EAAS,OAAT,EAAkB,EAAlB,CAAX;;AAEA,MAAID,YAAJ,EAAkB;AAChBP,IAAAA,WAAW,CAACQ,MAAM,CAACE,KAAR,EAAe,UAAf,EAA2B,IAA3B,CAAX;AACAV,IAAAA,WAAW,CAACQ,MAAM,CAACG,KAAR,EAAe,UAAf,EAA2B,KAA3B,CAAX;AACD,GAHD,MAGO;AACLX,IAAAA,WAAW,CAACQ,MAAM,CAACE,KAAR,EAAe,UAAf,EAA2B,KAA3B,CAAX;AACD;;AAED,SAAOF,MAAP;AACD,CAlBM;AAoBP,OAAO,MAAMI,iBAAiB,GAAG,CAACC,SAAD,EAAYN,YAAZ,KAA6B;AAC5D,QAAMO,IAAI,GAAGD,SAAb;AAEAC,EAAAA,IAAI,CAACC,OAAL,CAAcC,KAAD,IAAW;AACtBhB,IAAAA,WAAW,CAACgB,KAAD,EAAQ,MAAR,EAAgB,KAAhB,CAAX;AACAhB,IAAAA,WAAW,CAACgB,KAAD,EAAQ,WAAR,EAAqB,MAArB,CAAX;AACA,QAAIT,YAAJ,EAAkBP,WAAW,CAACgB,KAAD,EAAQ,aAAR,EAAuB,GAAvB,CAAX;AACnB,GAJD;AAMA,SAAOF,IAAP;AACD,CAVM","sourcesContent":["import clone from \"lodash/cloneDeep\";\n\nconst setterIfNil = (object, property, value) => {\n // eslint-disable-next-line no-param-reassign\n object[property] = object[property] || value;\n};\n\n/**\n * Auxiliary functions to set the layout in order to follow the DS guideline.\n */\nexport const applyLayoutDefaults = (inputLayout, stack, isHorizontal) => {\n const layout = inputLayout === undefined ? {} : clone(inputLayout);\n setterIfNil(layout, \"bargap\", 0.25);\n setterIfNil(layout, \"bargroupgap\", 0.25);\n setterIfNil(layout, \"hovermode\", \"closest\");\n if (stack) setterIfNil(layout, \"barmode\", \"stack\");\n\n setterIfNil(layout, \"yaxis\", {});\n setterIfNil(layout, \"xaxis\", {});\n\n if (isHorizontal) {\n setterIfNil(layout.yaxis, \"showline\", true);\n setterIfNil(layout.xaxis, \"showline\", false);\n } else {\n setterIfNil(layout.yaxis, \"showline\", false);\n }\n\n return layout;\n};\n\nexport const applyDataDefaults = (inputData, isHorizontal) => {\n const data = inputData;\n\n data.forEach((trace) => {\n setterIfNil(trace, \"type\", \"bar\");\n setterIfNil(trace, \"hoverinfo\", \"none\");\n if (isHorizontal) setterIfNil(trace, \"orientation\", \"h\");\n });\n\n return data;\n};\n"],"file":"barchartPlotlyOverrides.js"}
@@ -18,7 +18,7 @@ export type HvTagsInputClassKey =
18
18
  | "error";
19
19
 
20
20
  export interface HvTagsInputProps
21
- extends StandardProps<HvInputProps, HvTagsInputClassKey, "onChange"> {
21
+ extends StandardProps<HvInputProps, HvTagsInputClassKey, "onChange" | "onBlur" | "onFocus"> {
22
22
  /**
23
23
  * The label of the form element.
24
24
  *
@@ -140,6 +140,22 @@ export interface HvTagsInputProps
140
140
  value: HvTagProps[]
141
141
  ) => void;
142
142
 
143
+ /**
144
+ * The function that will be executed when the input is blurred.
145
+ */
146
+ onBlur?: (
147
+ event: React.FocusEvent<HTMLInputElement>,
148
+ value: string
149
+ ) => void;
150
+
151
+ /**
152
+ * The function that will be executed when the input is focused.
153
+ */
154
+ onFocus?: (
155
+ event: React.FocusEvent<HTMLInputElement>,
156
+ value: string
157
+ ) => void;
158
+
143
159
  /**
144
160
  * The status of the form element.
145
161
  */
@@ -1,7 +1,7 @@
1
1
  import _extends from "@babel/runtime/helpers/esm/extends";
2
2
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
3
3
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
4
- const _excluded = ["classes", "className", "id", "name", "value", "defaultValue", "readOnly", "disabled", "required", "label", "aria-label", "aria-labelledby", "description", "aria-describedby", "onChange", "onAdd", "onDelete", "placeholder", "hideCounter", "middleCountLabel", "maxTagsQuantity", "autoFocus", "resizable", "inputProps", "countCharProps", "multiline", "status", "statusMessage", "validationMessages"],
4
+ const _excluded = ["classes", "className", "id", "name", "value", "defaultValue", "readOnly", "disabled", "required", "label", "aria-label", "aria-labelledby", "description", "aria-describedby", "onChange", "onAdd", "onDelete", "onBlur", "onFocus", "placeholder", "hideCounter", "middleCountLabel", "maxTagsQuantity", "autoFocus", "resizable", "inputProps", "countCharProps", "multiline", "status", "statusMessage", "validationMessages"],
5
5
  _excluded2 = ["label", "type"];
6
6
 
7
7
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
@@ -42,6 +42,8 @@ const HvTagsInput = props => {
42
42
  onChange,
43
43
  onAdd,
44
44
  onDelete,
45
+ onBlur,
46
+ onFocus,
45
47
  placeholder,
46
48
  hideCounter = false,
47
49
  middleCountLabel = "/",
@@ -68,7 +70,8 @@ const HvTagsInput = props => {
68
70
  const [stateValid, setStateValid] = useState(true);
69
71
  const inputRef = useRef();
70
72
  const containerRef = useRef();
71
- const resetInput = useRef(false);
73
+ const skipReset = useRef(false);
74
+ const blurTimeout = useRef();
72
75
  const isTagSelected = tagCursorPos >= 0 && tagCursorPos < value.length;
73
76
  const hasCounter = maxTagsQuantity != null && !hideCounter;
74
77
  const isStateInvalid = useMemo(() => {
@@ -107,6 +110,7 @@ const HvTagsInput = props => {
107
110
  performValidation(newTagsArr);
108
111
  onDelete === null || onDelete === void 0 ? void 0 : onDelete(event, value[tagPos], tagPos);
109
112
  onChange === null || onChange === void 0 ? void 0 : onChange(event, newTagsArr);
113
+ skipReset.current = true;
110
114
  }, [onChange, onDelete, performValidation, setValue, tagCursorPos, value]);
111
115
  const canShowError = status !== undefined && status === "invalid" && statusMessage !== undefined || !stateValid;
112
116
  /**
@@ -132,11 +136,12 @@ const HvTagsInput = props => {
132
136
  }
133
137
  }, [multiline, tagCursorPos]);
134
138
  useEffect(() => {
135
- if (resetInput.current) {
139
+ if (!skipReset.current) {
136
140
  setTagInput("");
137
141
  setTagCursorPos(value.length);
138
- resetInput.current = false;
139
142
  }
143
+
144
+ skipReset.current = false;
140
145
  }, [value]);
141
146
  /**
142
147
  * Handler for the `onEnter` event on the tag input
@@ -152,7 +157,6 @@ const HvTagsInput = props => {
152
157
  };
153
158
  const newTagsArr = [...value, newTag];
154
159
  setValue(newTagsArr);
155
- resetInput.current = true;
156
160
  performValidation(newTagsArr);
157
161
  onAdd === null || onAdd === void 0 ? void 0 : onAdd(event, newTag, newTagsArr.length - 1);
158
162
  onChange === null || onChange === void 0 ? void 0 : onChange(event, newTagsArr);
@@ -210,8 +214,21 @@ const HvTagsInput = props => {
210
214
  var _inputRef$current2;
211
215
 
212
216
  (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.focus();
217
+ clearTimeout(blurTimeout.current);
213
218
  setTagCursorPos(value.length);
214
219
  }, [value.length]);
220
+
221
+ const onBlurHandler = evt => {
222
+ blurTimeout.current = setTimeout(() => {
223
+ onBlur === null || onBlur === void 0 ? void 0 : onBlur(evt, tagInput);
224
+ }, 250);
225
+ };
226
+
227
+ const onFocusHandler = evt => {
228
+ clearTimeout(blurTimeout.current);
229
+ onFocus === null || onFocus === void 0 ? void 0 : onFocus(evt, tagInput);
230
+ };
231
+
215
232
  return /*#__PURE__*/React.createElement(HvFormElement, {
216
233
  id: id,
217
234
  name: name,
@@ -219,6 +236,8 @@ const HvTagsInput = props => {
219
236
  readOnly: readOnly,
220
237
  status: validationState,
221
238
  required: required,
239
+ onBlur: onBlurHandler,
240
+ onFocus: onFocusHandler,
222
241
  className: clsx(classes.root, className, disabled && classes.disabled)
223
242
  }, (hasLabel || hasDescription) && /*#__PURE__*/React.createElement("div", {
224
243
  className: classes.labelContainer
@@ -492,6 +511,16 @@ process.env.NODE_ENV !== "production" ? HvTagsInput.propTypes = {
492
511
  */
493
512
  onChange: PropTypes.func,
494
513
 
514
+ /**
515
+ * The function that will be executed when the element is focused.
516
+ */
517
+ onFocus: PropTypes.func,
518
+
519
+ /**
520
+ * The function that will be executed when the element is blurred.
521
+ */
522
+ onBlur: PropTypes.func,
523
+
495
524
  /**
496
525
  * The function that will be executed when a tag is deleted.
497
526
  */
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/TagsInput/TagsInput.js"],"names":["React","useRef","useState","useCallback","useMemo","useEffect","PropTypes","clsx","isNil","withStyles","setId","useControlled","HvFormElement","HvListContainer","HvListItem","HvTag","HvInput","HvLabel","HvInfoMessage","HvCharCounter","HvWarningText","useUniqueId","validationStates","DEFAULT_ERROR_MESSAGES","styles","HvTagsInput","props","classes","className","id","name","value","valueProp","defaultValue","readOnly","disabled","required","label","textAreaLabel","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onAdd","onDelete","placeholder","hideCounter","middleCountLabel","maxTagsQuantity","autoFocus","resizable","inputProps","countCharProps","multiline","status","statusMessage","validationMessages","others","elementId","hasLabel","hasDescription","setValue","validationState","setValidationState","standBy","validationMessage","setValidationMessage","tagInput","setTagInput","tagCursorPos","setTagCursorPos","length","stateValid","setStateValid","inputRef","containerRef","resetInput","isTagSelected","hasCounter","isStateInvalid","errorMessages","error","requiredError","minCharError","maxCharError","performValidation","currValue","invalid","valid","deleteTag","tagPos","event","end","newTagsArr","slice","current","focus","canShowError","undefined","onChangeHandler","input","element","children","setTimeout","container","scrollLeft","offsetLeft","getBoundingClientRect","width","onEnterHandler","tag","preventDefault","newTag","type","onKeyDownHandler","code","onDeleteTagHandler","i","onContainerClickHandler","root","labelContainer","characterCounter","tagsList","singleLine","map","t","otherProps","gutters","listItemGutters","listItemRoot","tagSelected","chipRoot","tabIndex","tagInputContainerRoot","tagInputRoot","inputBorderContainer","tagInputBorderContainer","inputRootFocused","tagInputRootFocused","propTypes","string","shape","isRequired","array","node","bool","func","number","instanceOf","Object"],"mappings":"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","sourcesContent":["import React, { useRef, useState, useCallback, useMemo, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { withStyles } from \"@material-ui/core\";\nimport { setId, useControlled } from \"../utils\";\nimport {\n HvFormElement,\n HvListContainer,\n HvListItem,\n HvTag,\n HvInput,\n HvLabel,\n HvInfoMessage,\n HvCharCounter,\n HvWarningText,\n useUniqueId,\n} from \"..\";\nimport validationStates from \"../Forms/FormElement/validationStates\";\nimport { DEFAULT_ERROR_MESSAGES } from \"../BaseInput/validations\";\nimport styles from \"./styles\";\n\n/**\n * A tags input is a single or multiline control that allows the input of tags.\n */\nconst HvTagsInput = (props) => {\n const {\n classes,\n className,\n\n id,\n name,\n\n value: valueProp,\n defaultValue = [],\n\n readOnly = false,\n disabled = false,\n required = false,\n\n label: textAreaLabel,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n description,\n \"aria-describedby\": ariaDescribedBy,\n\n onChange,\n onAdd,\n onDelete,\n\n placeholder,\n\n hideCounter = false,\n middleCountLabel = \"/\",\n maxTagsQuantity,\n\n autoFocus = false,\n resizable = true,\n\n inputProps = {},\n countCharProps = {},\n\n multiline = false,\n\n status,\n statusMessage,\n\n validationMessages,\n\n ...others\n } = props;\n const elementId = useUniqueId(id, \"hvTagsInput\");\n\n const hasLabel = textAreaLabel != null;\n const hasDescription = description != null;\n\n const [value, setValue] = useControlled(valueProp, defaultValue);\n const [validationState, setValidationState] = useControlled(status, validationStates.standBy);\n const [validationMessage, setValidationMessage] = useControlled(statusMessage, \"\");\n\n const [tagInput, setTagInput] = useState(\"\");\n const [tagCursorPos, setTagCursorPos] = useState(value.length);\n const [stateValid, setStateValid] = useState(true);\n\n const inputRef = useRef();\n const containerRef = useRef();\n const resetInput = useRef(false);\n\n const isTagSelected = tagCursorPos >= 0 && tagCursorPos < value.length;\n const hasCounter = maxTagsQuantity != null && !hideCounter;\n\n const isStateInvalid = useMemo(() => {\n return hasCounter && value.length > maxTagsQuantity;\n }, [hasCounter, maxTagsQuantity, value.length]);\n\n const errorMessages = useMemo(\n () => ({ ...DEFAULT_ERROR_MESSAGES, ...validationMessages }),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [\n validationMessages?.error,\n validationMessages?.requiredError,\n validationMessages?.minCharError,\n validationMessages?.maxCharError,\n ]\n );\n\n const performValidation = useCallback(\n (currValue) => {\n if (maxTagsQuantity !== null && currValue.length > maxTagsQuantity) {\n setValidationState(validationStates.invalid);\n setValidationMessage(errorMessages.maxCharError);\n setStateValid(false);\n } else {\n setValidationState(validationStates.valid);\n setValidationMessage(\"\");\n setStateValid(true);\n }\n },\n [errorMessages.maxCharError, maxTagsQuantity, setValidationMessage, setValidationState]\n );\n\n /**\n * Deletes a Tag from the array of tags and sets the new position for the tag cursor.\n * Also executes the user provided onDelete and onChange events.\n *\n * @param {number} tagPos - the position at which to remove the tag\n * @param {Event} event - the event associated with the delete\n * @param {boolean} end - whether or not to set the cursor at the end of the array\n */\n const deleteTag = useCallback(\n (tagPos, event, end) => {\n const newTagsArr = [...value.slice(0, tagPos), ...value.slice(tagPos + 1)];\n setValue(newTagsArr);\n // eslint-disable-next-line no-nested-ternary\n setTagCursorPos(end ? newTagsArr.length : tagCursorPos > 0 ? tagCursorPos - 1 : 0);\n inputRef.current?.focus();\n performValidation(newTagsArr);\n onDelete?.(event, value[tagPos], tagPos);\n onChange?.(event, newTagsArr);\n },\n [onChange, onDelete, performValidation, setValue, tagCursorPos, value]\n );\n\n const canShowError =\n (status !== undefined && status === \"invalid\" && statusMessage !== undefined) || !stateValid;\n\n /**\n * Handler for the `onChange` event on the tag input\n */\n const onChangeHandler = useCallback((event, input) => {\n setTagInput(input);\n }, []);\n\n useEffect(() => {\n if (!multiline) {\n const element = containerRef?.current?.children[tagCursorPos];\n // this setTimeout is a workaround for Firefox not properly dealing\n // with setting the scrollLeft value.\n setTimeout(() => {\n const container = containerRef.current;\n if (isNil(container)) return;\n container.scrollLeft = element\n ? element.offsetLeft -\n container.getBoundingClientRect().width / 2 +\n element.getBoundingClientRect().width / 2\n : 0;\n }, 50);\n\n element?.focus();\n }\n }, [multiline, tagCursorPos]);\n\n useEffect(() => {\n if (resetInput.current) {\n setTagInput(\"\");\n setTagCursorPos(value.length);\n resetInput.current = false;\n }\n }, [value]);\n\n /**\n * Handler for the `onEnter` event on the tag input\n */\n const onEnterHandler = useCallback(\n (event, tag) => {\n event.preventDefault();\n if (tag !== \"\") {\n const newTag = { label: tag, type: \"semantic\" };\n const newTagsArr = [...value, newTag];\n setValue(newTagsArr);\n resetInput.current = true;\n performValidation(newTagsArr);\n onAdd?.(event, newTag, newTagsArr.length - 1);\n onChange?.(event, newTagsArr);\n }\n },\n [onAdd, onChange, performValidation, setValue, value]\n );\n\n /**\n * Handler for the `onKeyDown` event on the list container.\n */\n const onKeyDownHandler = useCallback(\n (event) => {\n if (tagInput === \"\") {\n switch (event.code) {\n case \"ArrowLeft\":\n setTagCursorPos(tagCursorPos > 0 ? tagCursorPos - 1 : 0);\n break;\n case \"ArrowRight\":\n setTagCursorPos(tagCursorPos < value.length ? tagCursorPos + 1 : value.length);\n break;\n case \"Backspace\":\n if (isTagSelected) {\n deleteTag(tagCursorPos, event, false);\n } else {\n setTagCursorPos(value.length - 1);\n }\n break;\n case \"Delete\":\n if (isTagSelected) {\n deleteTag(tagCursorPos, event, false);\n }\n break;\n default:\n break;\n }\n }\n },\n [deleteTag, isTagSelected, tagCursorPos, tagInput, value.length]\n );\n\n /**\n * Handler for the `onDelete` event on the tag component\n */\n const onDeleteTagHandler = useCallback(\n (event, i) => {\n deleteTag(i, event, true);\n setValidationState(validationStates.standBy);\n },\n [deleteTag, setValidationState]\n );\n\n /**\n * Handler for the `onClick` event on the list container\n */\n const onContainerClickHandler = useCallback(() => {\n inputRef.current?.focus();\n setTagCursorPos(value.length);\n }, [value.length]);\n\n return (\n <HvFormElement\n id={id}\n name={name}\n disabled={disabled}\n readOnly={readOnly}\n status={validationState}\n required={required}\n className={clsx(classes.root, className, {\n [classes.disabled]: disabled,\n })}\n >\n {(hasLabel || hasDescription) && (\n <div className={classes.labelContainer}>\n {hasLabel && (\n <HvLabel\n className={classes.label}\n id={setId(id, \"label\")}\n htmlFor={setId(elementId, \"input\")}\n label={textAreaLabel}\n />\n )}\n\n {hasDescription && (\n <HvInfoMessage className={classes.description} id={setId(elementId, \"description\")}>\n {description}\n </HvInfoMessage>\n )}\n </div>\n )}\n\n {hasCounter && (\n <HvCharCounter\n id={setId(elementId, \"charCounter\")}\n className={classes.characterCounter}\n separator={middleCountLabel}\n currentCharQuantity={value.length}\n maxCharQuantity={maxTagsQuantity}\n {...countCharProps}\n />\n )}\n\n <HvListContainer\n className={clsx(\n classes.tagsList,\n canShowError && classes.error,\n resizable && multiline && classes.resizable,\n isStateInvalid && classes.invalid,\n !multiline && classes.singleLine\n )}\n onKeyDown={onKeyDownHandler}\n onClick={onContainerClickHandler}\n ref={containerRef}\n >\n {value &&\n value.map((t, i) => {\n const tag =\n typeof t === \"string\"\n ? {\n label: t,\n type: \"semantic\",\n }\n : t;\n const { label, type, ...otherProps } = tag;\n return (\n <HvListItem\n // eslint-disable-next-line react/no-array-index-key\n key={`${tag.label}-${i}`}\n tabIndex={-1}\n className={clsx(!multiline && classes.singleLine)}\n classes={{\n gutters: classes.listItemGutters,\n root: classes.listItemRoot,\n }}\n id={`tag-${i}`}\n >\n <HvTag\n label={label}\n className={clsx(i === tagCursorPos && classes.tagSelected)}\n classes={{\n chipRoot: classes.chipRoot,\n }}\n type={type}\n {...(!(readOnly || disabled || type === \"categorical\") && {\n onDelete: (event) => onDeleteTagHandler(event, i),\n })}\n deleteButtonProps={{\n tabIndex: -1,\n }}\n {...otherProps}\n />\n </HvListItem>\n );\n })}\n {!(disabled || readOnly) && (\n <HvListItem\n className={clsx(!multiline && classes.singleLine)}\n classes={{\n root: classes.tagInputContainerRoot,\n gutters: classes.listItemGutters,\n }}\n id={`tag-${value.length}`}\n >\n <HvInput\n value={tagInput}\n disableClear\n onChange={onChangeHandler}\n onEnter={onEnterHandler}\n placeholder={value.length === 0 ? placeholder : \"\"}\n autoFocus={autoFocus}\n className={clsx(!multiline && classes.singleLine)}\n classes={{\n root: classes.tagInputRoot,\n input: classes.input,\n inputBorderContainer: classes.tagInputBorderContainer,\n inputRootFocused: classes.tagInputRootFocused,\n }}\n disabled={disabled}\n readOnly={readOnly || isTagSelected}\n inputProps={{\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-describedby\":\n ariaDescribedBy != null\n ? ariaDescribedBy\n : description && setId(elementId, \"description\"),\n\n ...inputProps,\n }}\n inputRef={inputRef}\n {...others}\n />\n </HvListItem>\n )}\n </HvListContainer>\n {canShowError && (\n <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n {validationMessage}\n </HvWarningText>\n )}\n </HvFormElement>\n );\n};\n\nHvTagsInput.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * A Jss Object used to override or extend the component styles applied.\n */\n classes: PropTypes.PropTypes.shape({\n /**\n * Styles applied to the input element.\n */\n input: PropTypes.string,\n /**\n * Styles applied to the list item gutters.\n */\n listItemGutters: PropTypes.string,\n /**\n * Styles applied to the list item element.\n */\n listItemRoot: PropTypes.string,\n /**\n * Styles applied to the root container of the textarea.\n */\n root: PropTypes.string,\n /**\n *\n */\n chipRoot: PropTypes.string,\n /**\n * Style applied to the root when resizable is `true`.\n */\n disabled: PropTypes.string,\n /**\n * Style applied to the root when resizable is `true`.\n */\n resizable: PropTypes.string,\n /**\n * Style applied to the root when invalid.\n */\n invalid: PropTypes.string,\n /**\n * Styles applied to text area container that holds the label, description and counter.\n */\n labelContainer: PropTypes.string,\n /**\n * Styles applied to the label element.\n */\n label: PropTypes.string,\n /**\n * Styles applied to the label element.\n */\n description: PropTypes.string,\n /**\n * Style applied on the character counter.\n */\n characterCounter: PropTypes.string,\n /**\n * Styles applied to the tags list container element.\n */\n tagsList: PropTypes.string,\n /**\n * Styles applied to the tag input container element.\n */\n tagInputContainerRoot: PropTypes.string,\n /**\n * Styles applied to the tag input element.\n */\n tagInputRoot: PropTypes.string,\n /**\n * Styles applied to a tag element when selected\n */\n tagSelected: PropTypes.string,\n /**\n * Styles applied to the input element border.\n */\n tagInputBorderContainer: PropTypes.string,\n /**\n * Styles applied to the input element when focused.\n */\n tagInputRootFocused: PropTypes.string,\n /**\n * Styles applied to the container when in single line mode.\n */\n singleLine: PropTypes.string,\n /**\n * Styles applied to the tags list when an error occurred.\n */\n error: PropTypes.string,\n }).isRequired,\n /**\n * Id to be applied to the form element root node.\n */\n id: PropTypes.string,\n /**\n * The form element name.\n */\n name: PropTypes.string,\n /**\n * The value of the form element.\n */\n value: PropTypes.array,\n /**\n * When uncontrolled, defines the initial input value.\n */\n defaultValue: PropTypes.array,\n /**\n * The label of the form element.\n *\n * The form element must be labeled for accessibility reasons.\n * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.\n */\n label: PropTypes.node,\n /**\n * @ignore\n */\n \"aria-label\": PropTypes.string,\n /**\n * @ignore\n */\n \"aria-labelledby\": PropTypes.string,\n /**\n * Provide additional descriptive text for the form element.\n */\n description: PropTypes.node,\n /**\n * @ignore\n */\n \"aria-describedby\": PropTypes.string,\n /**\n * Indicates that the form element is disabled.\n */\n disabled: PropTypes.bool,\n /**\n * Indicates that the form element is not editable.\n */\n readOnly: PropTypes.bool,\n /**\n * Indicates that the form element is required.\n */\n required: PropTypes.bool,\n /**\n * The function that will be executed onChange.\n */\n onChange: PropTypes.func,\n /**\n * The function that will be executed when a tag is deleted.\n */\n onDelete: PropTypes.func,\n /**\n * The function that will be executed when a tag is added.\n */\n onAdd: PropTypes.func,\n /**\n * The placeholder value of the input.\n */\n placeholder: PropTypes.string,\n /**\n * If `true` the character counter isn't shown even if maxTagsQuantity is set.\n */\n hideCounter: PropTypes.bool,\n /**\n * Text between the current char counter and max value.\n */\n middleCountLabel: PropTypes.string,\n /**\n * The maximum allowed length of the characters, if this value is null no check\n * will be performed.\n */\n maxTagsQuantity: PropTypes.number,\n /**\n * Attributes applied to the input element.\n */\n inputProps: PropTypes.instanceOf(Object),\n /**\n * If `true` it should autofocus.\n */\n autoFocus: PropTypes.bool,\n /**\n * If `true` the component is resizable.\n */\n resizable: PropTypes.bool,\n /**\n * Props passed to the HvCharCount component.\n */\n countCharProps: PropTypes.instanceOf(Object),\n /**\n * If `true` the component is in multiline mode.\n */\n multiline: PropTypes.bool,\n /**\n * The status of the form element.\n */\n status: PropTypes.string,\n /**\n * The error message to show when `status` is \"invalid\".\n */\n statusMessage: PropTypes.string,\n\n /**\n * An Object containing the various texts associated with the input.\n */\n validationMessages: PropTypes.shape({\n /**\n * The value when a validation fails.\n */\n error: PropTypes.string,\n /**\n * The message that appears when there are too many characters.\n */\n maxCharError: PropTypes.string,\n /**\n * The message that appears when there are too few characters.\n */\n minCharError: PropTypes.string,\n /**\n * The message that appears when the input is empty and required.\n */\n requiredError: PropTypes.string,\n }),\n};\n\nexport default withStyles(styles, { name: \"HvTagsInput\" })(HvTagsInput);\n"],"file":"TagsInput.js"}
1
+ {"version":3,"sources":["../../../src/TagsInput/TagsInput.js"],"names":["React","useRef","useState","useCallback","useMemo","useEffect","PropTypes","clsx","isNil","withStyles","setId","useControlled","HvFormElement","HvListContainer","HvListItem","HvTag","HvInput","HvLabel","HvInfoMessage","HvCharCounter","HvWarningText","useUniqueId","validationStates","DEFAULT_ERROR_MESSAGES","styles","HvTagsInput","props","classes","className","id","name","value","valueProp","defaultValue","readOnly","disabled","required","label","textAreaLabel","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onAdd","onDelete","onBlur","onFocus","placeholder","hideCounter","middleCountLabel","maxTagsQuantity","autoFocus","resizable","inputProps","countCharProps","multiline","status","statusMessage","validationMessages","others","elementId","hasLabel","hasDescription","setValue","validationState","setValidationState","standBy","validationMessage","setValidationMessage","tagInput","setTagInput","tagCursorPos","setTagCursorPos","length","stateValid","setStateValid","inputRef","containerRef","skipReset","blurTimeout","isTagSelected","hasCounter","isStateInvalid","errorMessages","error","requiredError","minCharError","maxCharError","performValidation","currValue","invalid","valid","deleteTag","tagPos","event","end","newTagsArr","slice","current","focus","canShowError","undefined","onChangeHandler","input","element","children","setTimeout","container","scrollLeft","offsetLeft","getBoundingClientRect","width","onEnterHandler","tag","preventDefault","newTag","type","onKeyDownHandler","code","onDeleteTagHandler","i","onContainerClickHandler","clearTimeout","onBlurHandler","evt","onFocusHandler","root","labelContainer","characterCounter","tagsList","singleLine","map","t","otherProps","gutters","listItemGutters","listItemRoot","tagSelected","chipRoot","tabIndex","tagInputContainerRoot","tagInputRoot","inputBorderContainer","tagInputBorderContainer","inputRootFocused","tagInputRootFocused","propTypes","string","shape","isRequired","array","node","bool","func","number","instanceOf","Object"],"mappings":"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","sourcesContent":["import React, { useRef, useState, useCallback, useMemo, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { withStyles } from \"@material-ui/core\";\nimport { setId, useControlled } from \"../utils\";\nimport {\n HvFormElement,\n HvListContainer,\n HvListItem,\n HvTag,\n HvInput,\n HvLabel,\n HvInfoMessage,\n HvCharCounter,\n HvWarningText,\n useUniqueId,\n} from \"..\";\nimport validationStates from \"../Forms/FormElement/validationStates\";\nimport { DEFAULT_ERROR_MESSAGES } from \"../BaseInput/validations\";\nimport styles from \"./styles\";\n\n/**\n * A tags input is a single or multiline control that allows the input of tags.\n */\nconst HvTagsInput = (props) => {\n const {\n classes,\n className,\n\n id,\n name,\n\n value: valueProp,\n defaultValue = [],\n\n readOnly = false,\n disabled = false,\n required = false,\n\n label: textAreaLabel,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n description,\n \"aria-describedby\": ariaDescribedBy,\n\n onChange,\n onAdd,\n onDelete,\n onBlur,\n onFocus,\n\n placeholder,\n\n hideCounter = false,\n middleCountLabel = \"/\",\n maxTagsQuantity,\n\n autoFocus = false,\n resizable = true,\n\n inputProps = {},\n countCharProps = {},\n\n multiline = false,\n\n status,\n statusMessage,\n\n validationMessages,\n\n ...others\n } = props;\n const elementId = useUniqueId(id, \"hvTagsInput\");\n\n const hasLabel = textAreaLabel != null;\n const hasDescription = description != null;\n\n const [value, setValue] = useControlled(valueProp, defaultValue);\n const [validationState, setValidationState] = useControlled(status, validationStates.standBy);\n const [validationMessage, setValidationMessage] = useControlled(statusMessage, \"\");\n\n const [tagInput, setTagInput] = useState(\"\");\n const [tagCursorPos, setTagCursorPos] = useState(value.length);\n const [stateValid, setStateValid] = useState(true);\n\n const inputRef = useRef();\n const containerRef = useRef();\n const skipReset = useRef(false);\n const blurTimeout = useRef();\n\n const isTagSelected = tagCursorPos >= 0 && tagCursorPos < value.length;\n const hasCounter = maxTagsQuantity != null && !hideCounter;\n\n const isStateInvalid = useMemo(() => {\n return hasCounter && value.length > maxTagsQuantity;\n }, [hasCounter, maxTagsQuantity, value.length]);\n\n const errorMessages = useMemo(\n () => ({ ...DEFAULT_ERROR_MESSAGES, ...validationMessages }),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [\n validationMessages?.error,\n validationMessages?.requiredError,\n validationMessages?.minCharError,\n validationMessages?.maxCharError,\n ]\n );\n\n const performValidation = useCallback(\n (currValue) => {\n if (maxTagsQuantity !== null && currValue.length > maxTagsQuantity) {\n setValidationState(validationStates.invalid);\n setValidationMessage(errorMessages.maxCharError);\n setStateValid(false);\n } else {\n setValidationState(validationStates.valid);\n setValidationMessage(\"\");\n setStateValid(true);\n }\n },\n [errorMessages.maxCharError, maxTagsQuantity, setValidationMessage, setValidationState]\n );\n\n /**\n * Deletes a Tag from the array of tags and sets the new position for the tag cursor.\n * Also executes the user provided onDelete and onChange events.\n *\n * @param {number} tagPos - the position at which to remove the tag\n * @param {Event} event - the event associated with the delete\n * @param {boolean} end - whether or not to set the cursor at the end of the array\n */\n const deleteTag = useCallback(\n (tagPos, event, end) => {\n const newTagsArr = [...value.slice(0, tagPos), ...value.slice(tagPos + 1)];\n setValue(newTagsArr);\n // eslint-disable-next-line no-nested-ternary\n setTagCursorPos(end ? newTagsArr.length : tagCursorPos > 0 ? tagCursorPos - 1 : 0);\n inputRef.current?.focus();\n performValidation(newTagsArr);\n onDelete?.(event, value[tagPos], tagPos);\n onChange?.(event, newTagsArr);\n skipReset.current = true;\n },\n [onChange, onDelete, performValidation, setValue, tagCursorPos, value]\n );\n\n const canShowError =\n (status !== undefined && status === \"invalid\" && statusMessage !== undefined) || !stateValid;\n\n /**\n * Handler for the `onChange` event on the tag input\n */\n const onChangeHandler = useCallback((event, input) => {\n setTagInput(input);\n }, []);\n\n useEffect(() => {\n if (!multiline) {\n const element = containerRef?.current?.children[tagCursorPos];\n // this setTimeout is a workaround for Firefox not properly dealing\n // with setting the scrollLeft value.\n setTimeout(() => {\n const container = containerRef.current;\n if (isNil(container)) return;\n container.scrollLeft = element\n ? element.offsetLeft -\n container.getBoundingClientRect().width / 2 +\n element.getBoundingClientRect().width / 2\n : 0;\n }, 50);\n\n element?.focus();\n }\n }, [multiline, tagCursorPos]);\n\n useEffect(() => {\n if (!skipReset.current) {\n setTagInput(\"\");\n setTagCursorPos(value.length);\n }\n skipReset.current = false;\n }, [value]);\n\n /**\n * Handler for the `onEnter` event on the tag input\n */\n const onEnterHandler = useCallback(\n (event, tag) => {\n event.preventDefault();\n if (tag !== \"\") {\n const newTag = { label: tag, type: \"semantic\" };\n const newTagsArr = [...value, newTag];\n setValue(newTagsArr);\n performValidation(newTagsArr);\n onAdd?.(event, newTag, newTagsArr.length - 1);\n onChange?.(event, newTagsArr);\n }\n },\n [onAdd, onChange, performValidation, setValue, value]\n );\n\n /**\n * Handler for the `onKeyDown` event on the list container.\n */\n const onKeyDownHandler = useCallback(\n (event) => {\n if (tagInput === \"\") {\n switch (event.code) {\n case \"ArrowLeft\":\n setTagCursorPos(tagCursorPos > 0 ? tagCursorPos - 1 : 0);\n break;\n case \"ArrowRight\":\n setTagCursorPos(tagCursorPos < value.length ? tagCursorPos + 1 : value.length);\n break;\n case \"Backspace\":\n if (isTagSelected) {\n deleteTag(tagCursorPos, event, false);\n } else {\n setTagCursorPos(value.length - 1);\n }\n break;\n case \"Delete\":\n if (isTagSelected) {\n deleteTag(tagCursorPos, event, false);\n }\n break;\n default:\n break;\n }\n }\n },\n [deleteTag, isTagSelected, tagCursorPos, tagInput, value.length]\n );\n\n /**\n * Handler for the `onDelete` event on the tag component\n */\n const onDeleteTagHandler = useCallback(\n (event, i) => {\n deleteTag(i, event, true);\n setValidationState(validationStates.standBy);\n },\n [deleteTag, setValidationState]\n );\n\n /**\n * Handler for the `onClick` event on the list container\n */\n const onContainerClickHandler = useCallback(() => {\n inputRef.current?.focus();\n clearTimeout(blurTimeout.current);\n setTagCursorPos(value.length);\n }, [value.length]);\n\n const onBlurHandler = (evt) => {\n blurTimeout.current = setTimeout(() => {\n onBlur?.(evt, tagInput);\n }, 250);\n };\n\n const onFocusHandler = (evt) => {\n clearTimeout(blurTimeout.current);\n onFocus?.(evt, tagInput);\n };\n\n return (\n <HvFormElement\n id={id}\n name={name}\n disabled={disabled}\n readOnly={readOnly}\n status={validationState}\n required={required}\n onBlur={onBlurHandler}\n onFocus={onFocusHandler}\n className={clsx(classes.root, className, {\n [classes.disabled]: disabled,\n })}\n >\n {(hasLabel || hasDescription) && (\n <div className={classes.labelContainer}>\n {hasLabel && (\n <HvLabel\n className={classes.label}\n id={setId(id, \"label\")}\n htmlFor={setId(elementId, \"input\")}\n label={textAreaLabel}\n />\n )}\n\n {hasDescription && (\n <HvInfoMessage className={classes.description} id={setId(elementId, \"description\")}>\n {description}\n </HvInfoMessage>\n )}\n </div>\n )}\n\n {hasCounter && (\n <HvCharCounter\n id={setId(elementId, \"charCounter\")}\n className={classes.characterCounter}\n separator={middleCountLabel}\n currentCharQuantity={value.length}\n maxCharQuantity={maxTagsQuantity}\n {...countCharProps}\n />\n )}\n\n <HvListContainer\n className={clsx(\n classes.tagsList,\n canShowError && classes.error,\n resizable && multiline && classes.resizable,\n isStateInvalid && classes.invalid,\n !multiline && classes.singleLine\n )}\n onKeyDown={onKeyDownHandler}\n onClick={onContainerClickHandler}\n ref={containerRef}\n >\n {value &&\n value.map((t, i) => {\n const tag =\n typeof t === \"string\"\n ? {\n label: t,\n type: \"semantic\",\n }\n : t;\n const { label, type, ...otherProps } = tag;\n return (\n <HvListItem\n // eslint-disable-next-line react/no-array-index-key\n key={`${tag.label}-${i}`}\n tabIndex={-1}\n className={clsx(!multiline && classes.singleLine)}\n classes={{\n gutters: classes.listItemGutters,\n root: classes.listItemRoot,\n }}\n id={`tag-${i}`}\n >\n <HvTag\n label={label}\n className={clsx(i === tagCursorPos && classes.tagSelected)}\n classes={{\n chipRoot: classes.chipRoot,\n }}\n type={type}\n {...(!(readOnly || disabled || type === \"categorical\") && {\n onDelete: (event) => onDeleteTagHandler(event, i),\n })}\n deleteButtonProps={{\n tabIndex: -1,\n }}\n {...otherProps}\n />\n </HvListItem>\n );\n })}\n {!(disabled || readOnly) && (\n <HvListItem\n className={clsx(!multiline && classes.singleLine)}\n classes={{\n root: classes.tagInputContainerRoot,\n gutters: classes.listItemGutters,\n }}\n id={`tag-${value.length}`}\n >\n <HvInput\n value={tagInput}\n disableClear\n onChange={onChangeHandler}\n onEnter={onEnterHandler}\n placeholder={value.length === 0 ? placeholder : \"\"}\n autoFocus={autoFocus}\n className={clsx(!multiline && classes.singleLine)}\n classes={{\n root: classes.tagInputRoot,\n input: classes.input,\n inputBorderContainer: classes.tagInputBorderContainer,\n inputRootFocused: classes.tagInputRootFocused,\n }}\n disabled={disabled}\n readOnly={readOnly || isTagSelected}\n inputProps={{\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-describedby\":\n ariaDescribedBy != null\n ? ariaDescribedBy\n : description && setId(elementId, \"description\"),\n\n ...inputProps,\n }}\n inputRef={inputRef}\n {...others}\n />\n </HvListItem>\n )}\n </HvListContainer>\n {canShowError && (\n <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n {validationMessage}\n </HvWarningText>\n )}\n </HvFormElement>\n );\n};\n\nHvTagsInput.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * A Jss Object used to override or extend the component styles applied.\n */\n classes: PropTypes.PropTypes.shape({\n /**\n * Styles applied to the input element.\n */\n input: PropTypes.string,\n /**\n * Styles applied to the list item gutters.\n */\n listItemGutters: PropTypes.string,\n /**\n * Styles applied to the list item element.\n */\n listItemRoot: PropTypes.string,\n /**\n * Styles applied to the root container of the textarea.\n */\n root: PropTypes.string,\n /**\n *\n */\n chipRoot: PropTypes.string,\n /**\n * Style applied to the root when resizable is `true`.\n */\n disabled: PropTypes.string,\n /**\n * Style applied to the root when resizable is `true`.\n */\n resizable: PropTypes.string,\n /**\n * Style applied to the root when invalid.\n */\n invalid: PropTypes.string,\n /**\n * Styles applied to text area container that holds the label, description and counter.\n */\n labelContainer: PropTypes.string,\n /**\n * Styles applied to the label element.\n */\n label: PropTypes.string,\n /**\n * Styles applied to the label element.\n */\n description: PropTypes.string,\n /**\n * Style applied on the character counter.\n */\n characterCounter: PropTypes.string,\n /**\n * Styles applied to the tags list container element.\n */\n tagsList: PropTypes.string,\n /**\n * Styles applied to the tag input container element.\n */\n tagInputContainerRoot: PropTypes.string,\n /**\n * Styles applied to the tag input element.\n */\n tagInputRoot: PropTypes.string,\n /**\n * Styles applied to a tag element when selected\n */\n tagSelected: PropTypes.string,\n /**\n * Styles applied to the input element border.\n */\n tagInputBorderContainer: PropTypes.string,\n /**\n * Styles applied to the input element when focused.\n */\n tagInputRootFocused: PropTypes.string,\n /**\n * Styles applied to the container when in single line mode.\n */\n singleLine: PropTypes.string,\n /**\n * Styles applied to the tags list when an error occurred.\n */\n error: PropTypes.string,\n }).isRequired,\n /**\n * Id to be applied to the form element root node.\n */\n id: PropTypes.string,\n /**\n * The form element name.\n */\n name: PropTypes.string,\n /**\n * The value of the form element.\n */\n value: PropTypes.array,\n /**\n * When uncontrolled, defines the initial input value.\n */\n defaultValue: PropTypes.array,\n /**\n * The label of the form element.\n *\n * The form element must be labeled for accessibility reasons.\n * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.\n */\n label: PropTypes.node,\n /**\n * @ignore\n */\n \"aria-label\": PropTypes.string,\n /**\n * @ignore\n */\n \"aria-labelledby\": PropTypes.string,\n /**\n * Provide additional descriptive text for the form element.\n */\n description: PropTypes.node,\n /**\n * @ignore\n */\n \"aria-describedby\": PropTypes.string,\n /**\n * Indicates that the form element is disabled.\n */\n disabled: PropTypes.bool,\n /**\n * Indicates that the form element is not editable.\n */\n readOnly: PropTypes.bool,\n /**\n * Indicates that the form element is required.\n */\n required: PropTypes.bool,\n /**\n * The function that will be executed onChange.\n */\n onChange: PropTypes.func,\n /**\n * The function that will be executed when the element is focused.\n */\n onFocus: PropTypes.func,\n /**\n * The function that will be executed when the element is blurred.\n */\n onBlur: PropTypes.func,\n /**\n * The function that will be executed when a tag is deleted.\n */\n onDelete: PropTypes.func,\n /**\n * The function that will be executed when a tag is added.\n */\n onAdd: PropTypes.func,\n /**\n * The placeholder value of the input.\n */\n placeholder: PropTypes.string,\n /**\n * If `true` the character counter isn't shown even if maxTagsQuantity is set.\n */\n hideCounter: PropTypes.bool,\n /**\n * Text between the current char counter and max value.\n */\n middleCountLabel: PropTypes.string,\n /**\n * The maximum allowed length of the characters, if this value is null no check\n * will be performed.\n */\n maxTagsQuantity: PropTypes.number,\n /**\n * Attributes applied to the input element.\n */\n inputProps: PropTypes.instanceOf(Object),\n /**\n * If `true` it should autofocus.\n */\n autoFocus: PropTypes.bool,\n /**\n * If `true` the component is resizable.\n */\n resizable: PropTypes.bool,\n /**\n * Props passed to the HvCharCount component.\n */\n countCharProps: PropTypes.instanceOf(Object),\n /**\n * If `true` the component is in multiline mode.\n */\n multiline: PropTypes.bool,\n /**\n * The status of the form element.\n */\n status: PropTypes.string,\n /**\n * The error message to show when `status` is \"invalid\".\n */\n statusMessage: PropTypes.string,\n\n /**\n * An Object containing the various texts associated with the input.\n */\n validationMessages: PropTypes.shape({\n /**\n * The value when a validation fails.\n */\n error: PropTypes.string,\n /**\n * The message that appears when there are too many characters.\n */\n maxCharError: PropTypes.string,\n /**\n * The message that appears when there are too few characters.\n */\n minCharError: PropTypes.string,\n /**\n * The message that appears when the input is empty and required.\n */\n requiredError: PropTypes.string,\n }),\n};\n\nexport default withStyles(styles, { name: \"HvTagsInput\" })(HvTagsInput);\n"],"file":"TagsInput.js"}