\n {process.env.NODE_ENV === 'development' && (\n
Render count: {renderCount.current}
\n )}\n
\n {value.map((item, index) => {\n return (\n
\n );\n })}\n
\n );\n});\n","\"use client\";\n\nimport classNames from 'classnames';\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { useBootstrapPrefix } from './ThemeProvider';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const propTypes = {\n /**\n * @default 'img'\n */\n bsPrefix: PropTypes.string,\n /**\n * Sets image as fluid image.\n */\n fluid: PropTypes.bool,\n /**\n * Sets image shape as rounded.\n */\n rounded: PropTypes.bool,\n /**\n * Sets image shape as circle.\n */\n roundedCircle: PropTypes.bool,\n /**\n * Sets image shape as thumbnail.\n */\n thumbnail: PropTypes.bool\n};\nconst Image = /*#__PURE__*/React.forwardRef(({\n bsPrefix,\n className,\n fluid = false,\n rounded = false,\n roundedCircle = false,\n thumbnail = false,\n ...props\n}, ref) => {\n bsPrefix = useBootstrapPrefix(bsPrefix, 'img');\n return /*#__PURE__*/_jsx(\"img\", {\n // eslint-disable-line jsx-a11y/alt-text\n ref: ref,\n ...props,\n className: classNames(className, fluid && `${bsPrefix}-fluid`, rounded && `rounded`, roundedCircle && `rounded-circle`, thumbnail && `${bsPrefix}-thumbnail`)\n });\n});\nImage.displayName = 'Image';\nexport default Image;","import React, { useEffect, useRef, useState } from 'react';\nimport { Card, Collapse, Image } from 'react-bootstrap';\nimport { DocStringComponent } from './DocStringComponent';\nimport { ChevronDown, ChevronRight } from 'react-bootstrap-icons';\nimport { getIdFromFullAccessPath } from '../utils/stringUtils';\nimport { LevelName } from './NotificationsComponent';\n\ninterface ImageComponentProps {\n name: string;\n parentPath: string;\n value: string;\n readOnly: boolean;\n docString: string;\n format: string;\n addNotification: (message: string, levelname?: LevelName) => void;\n}\n\nexport const ImageComponent = React.memo((props: ImageComponentProps) => {\n const { name, parentPath, value, docString, format, addNotification } = props;\n\n const renderCount = useRef(0);\n const [open, setOpen] = useState(true);\n const id = getIdFromFullAccessPath(parentPath.concat('.' + name));\n\n useEffect(() => {\n renderCount.current++;\n });\n\n useEffect(() => {\n addNotification(`${parentPath}.${name} changed.`);\n }, [props.value]);\n\n return (\n