- \n {list.map((item: any, i: any) => {\n const canDisplay = typeof item.canDisplay === 'function' ? item.canDisplay(data) : true\n const actionClassnames = cn('wrappper-svg', item.className)\n const controlledClipboardCopyText = data && data[item.copyText] ? data[item.copyText] : data?.uid\n\n return canDisplay && item.displayType && item.displayType === 'clipboard' ? (\n
- \n {typeof item.label === 'function' ? (\n
\n ) : (\n {item.label}\n )}\n \n
- \n
- \n
- \n {/* {InfoComponent &&
- \n {list.map((item: any, i: any) => {\n return (\n
- \n
- \n {contextualDropdownList.map((item: any, index: any) => {\n return (\n
\n {children}\n
\n )\n }\n}\n\nexport default InstructionText\n","import React, { Component } from 'react'\nimport './Heading.css'\n\nexport type HeadingProps = {\n /**\n * Pass the class names to be appended to this prop\n */\n className?: string\n /**\n * Name of the html tag\n */\n tagName?: 'h0' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n /**\n * Data that you want to display in tag\n */\n text?: string\n /**\n * Pass an ID that you can use for testing purposes. It is applied as a data attribute (data-test-id)\n */\n testId?: string\n forwardRef?: any\n}\n\nexport class Heading extends Component.\n // Feel free to add any stub methods, e.g. focus() or any\n // other methods necessary to prevent crashes in your components.\n return {};\n }\n // You can return any object from this method for any type of DOM component.\n // React will use it as a ref instead of a DOM node when snapshot testing.\n return null;\n}\n\n\n\nexport const setCaretPos = (input_node, pos) => {\n if (input_node.setSelectionRange) {\n input_node.setSelectionRange(pos, pos)\n } else if (input_node.createTextRange) {\n input_node.createTextRange().move('character', pos)\n }\n input_node.focus()\n}\n\nexport const setAttributeCollectionOfElement = (eleNodes, key, value) => {\n if (eleNodes.length) {\n let i = 0\n while (i < eleNodes.length) {\n eleNodes[i].setAttribute(key, value)\n i++\n }\n }\n}\n\nexport const elementMatchesSelector = (eleNode, key) => {\n if (!eleNode || !key) return false\n return eleNode.matches(key)\n}\n\n\nconst reorder = {props.label} {props.label} {props.label} We display a maximum of 10,000 records for a search query. Please try using filters or adjusting your query to get more specific results. {children} {`${field} - ${props.error.errors[field]}`} tag.\n */\n alt?: string\n /**\n * Lets you pass the src of the image you want to display in the
tag.\n */\n src: string\n}\n\nexport type emptyStateProps = {\n /**\n * Lets you specify what type of EmptyState component you want to use. By default, the type is set to “primary.”\n */\n type?: 'primary' | 'secondary' | 'tertiary'\n /**\n * Provide the class names to be appended to this prop.\n */\n className?: string\n /**\n * Lets you pass the name of the icon you want to display.\n */\n moduleIcon?: string\n /**\n * Lets you set the title of a page.\n */\n heading?: string | React.ReactNode\n /**\n * Describes the style of the heading of the component.\n */\n headingType?: 'large' | 'small'\n /**\n * Lets you set and display the description of the page as a string or as a component.\n */\n description?: string | React.ReactNode\n /**\n * Lets you pass actions that can be passed to the EmptyState and are displayed below the description.\n */\n actions?: React.ReactNode\n /**\n * Lets you pass a footer that can be passed to the EmptyState and is displayed below the actions.\n */\n footer?: React.ReactNode\n /**\n * Gives you the provision to display or not your image. To hide your display image, set the prop to “false”.\n */\n displayImage?: boolean\n /**\n * Lets you use a custom image.\n */\n img?: React.ReactNode\n /**\n * Lets you send the src and alt values for an image.\n */\n imgSrc?: imgSrcProps\n /**\n * Lets you pass a custom component to render as a child component inside the empty state.\n */\n children?: React.ReactNode\n /**\n * Lets you determine for which page you need to use the emptyState.\n */\n forPage?: 'card' | 'list' | 'fullPage' | 'empty' | 'search'\n /**\n * Sets the width for the emptyState.\n */\n width?: number | string\n /**\n * An ID used for testing purposes applied as a data attribute (data-test-id).\n */\n testId?: string\n titleTestId?: string\n descriptionTestId?: string\n}\n\ntype customImageProps = {\n /**\n * Lets you use a custom image.\n */\n img: React.ReactNode | undefined\n /**\n * Lets you send the src and alt values for an image.\n */\n imgSrc: imgSrcProps | undefined\n}\n\nconst CustomImage: React.FunctionComponent
\n}\n\nconst EmptyState = (props: emptyStateProps) => {\n\n const {\n heading,\n description,\n img,\n imgSrc,\n className,\n type = \"primary\",\n moduleIcon,\n forPage,\n actions,\n headingType,\n footer,\n width,\n testId = \"cs-empty-state\",\n titleTestId = \"cs-empty-state-title\",\n descriptionTestId = \"cs-empty-state-desctiption\"\n } = props\n\n const displayImage = props.displayImage || true\n const children = props.children || null\n const classNames = cn('EmptyState', className, [`EmptyState--${type}`])\n const wrapperClassNames = cn('EmptyStateWrapper flex-center ', forPage ? `EmptyStateWrapper--${forPage}` : '')\n const customStyles: any = {}\n\n if (width) {\n customStyles.maxWidth = width\n }\n\n return (\n
\n {primaryDropdownList.map((option, index) => {\n return (\n
\n \n {list.map((item: any, i: any) => {\n const canDisplay = typeof item.canDisplay === 'function' ? item.canDisplay(data) : true\n const controlledClipboardCopyText = (data && data[item.copyText]) || data?.uid\n\n if (canDisplay && item.displayType === 'clipboard') {\n return (\n
\n \n )\n}\n\nconst TableRowActionWrapper = ({ list, data, rowActionData, closeDropdown, viewBy,actionsLayoutTestId = undefined,actionsListTestId = undefined }) => {\n let foundDiv = document.getElementById('tableRowActionNode')\n\n let div: any\n\n if (foundDiv) {\n div = foundDiv\n } else {\n div = document.createElement('div')\n div.setAttribute('id', 'tableRowActionNode')\n document.body.appendChild(div)\n }\n\n function closeTableRowAction() {\n // const unmountResult = ReactDOM.unmountComponentAtNode(div)\n\n if (div.parentNode) {\n div.parentNode.removeChild(div)\n closeDropdown()\n }\n }\n\n return ReactDOM.createPortal(\n {props.title}
}\n