@itwin/core-react 4.11.0 → 4.12.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +9 -1
- package/ContributeGuidelines.md +2 -2
- package/lib/cjs/core-react/UiCore.d.ts +2 -6
- package/lib/cjs/core-react/UiCore.d.ts.map +1 -1
- package/lib/cjs/core-react/UiCore.js +2 -18
- package/lib/cjs/core-react/UiCore.js.map +1 -1
- package/lib/cjs/core-react/UiCore.json +31 -0
- package/lib/cjs/core-react/badge/Badge.d.ts +6 -9
- package/lib/cjs/core-react/badge/Badge.d.ts.map +1 -1
- package/lib/cjs/core-react/badge/Badge.js +10 -9
- package/lib/cjs/core-react/badge/Badge.js.map +1 -1
- package/lib/{esm/core-react/badge/BadgeUtilities.d.ts → cjs/core-react/badge/BadgeType.d.ts} +1 -9
- package/lib/cjs/core-react/badge/BadgeType.d.ts.map +1 -0
- package/lib/cjs/core-react/{useTranslation.js → badge/BadgeType.js} +9 -13
- package/lib/cjs/core-react/badge/BadgeType.js.map +1 -0
- package/lib/cjs/core-react/badge/NewBadge.d.ts +2 -3
- package/lib/cjs/core-react/badge/NewBadge.d.ts.map +1 -1
- package/lib/cjs/core-react/badge/NewBadge.js +6 -7
- package/lib/cjs/core-react/badge/NewBadge.js.map +1 -1
- package/lib/cjs/core-react/badge/NewBadge.scss +2 -3
- package/lib/cjs/core-react/badge/TechnicalPreviewBadge.d.ts +10 -0
- package/lib/cjs/core-react/badge/TechnicalPreviewBadge.d.ts.map +1 -0
- package/lib/cjs/core-react/badge/TechnicalPreviewBadge.js +29 -0
- package/lib/cjs/core-react/badge/TechnicalPreviewBadge.js.map +1 -0
- package/lib/cjs/core-react/badge/{Badge.scss → TechnicalPreviewBadge.scss} +1 -7
- package/lib/cjs/core-react/contextmenu/ContextMenuItem.d.ts +1 -1
- package/lib/cjs/core-react/contextmenu/ContextMenuItem.d.ts.map +1 -1
- package/lib/cjs/core-react/contextmenu/ContextMenuItem.js +3 -3
- package/lib/cjs/core-react/contextmenu/ContextMenuItem.js.map +1 -1
- package/lib/cjs/core-react/contextmenu/ContextSubMenu.d.ts.map +1 -1
- package/lib/cjs/core-react/contextmenu/ContextSubMenu.js +3 -3
- package/lib/cjs/core-react/contextmenu/ContextSubMenu.js.map +1 -1
- package/lib/cjs/core-react/dialog/Dialog.d.ts +1 -0
- package/lib/cjs/core-react/dialog/Dialog.d.ts.map +1 -1
- package/lib/cjs/core-react/dialog/Dialog.js +52 -50
- package/lib/cjs/core-react/dialog/Dialog.js.map +1 -1
- package/lib/cjs/core-react/elementseparator/ElementSeparator.js +1 -1
- package/lib/cjs/core-react/elementseparator/ElementSeparator.js.map +1 -1
- package/lib/cjs/core-react/l10n/LocalizationProvider.d.ts +20 -0
- package/lib/cjs/core-react/l10n/LocalizationProvider.d.ts.map +1 -0
- package/lib/cjs/core-react/l10n/LocalizationProvider.js +29 -0
- package/lib/cjs/core-react/l10n/LocalizationProvider.js.map +1 -0
- package/lib/cjs/core-react/l10n/usePackageTranslation.d.ts +15 -0
- package/lib/cjs/core-react/l10n/usePackageTranslation.d.ts.map +1 -0
- package/lib/cjs/core-react/l10n/usePackageTranslation.js +64 -0
- package/lib/cjs/core-react/l10n/usePackageTranslation.js.map +1 -0
- package/lib/cjs/core-react/l10n/useTranslation.d.ts +7 -0
- package/lib/cjs/core-react/l10n/useTranslation.d.ts.map +1 -0
- package/lib/cjs/core-react/l10n/useTranslation.js +30 -0
- package/lib/cjs/core-react/l10n/useTranslation.js.map +1 -0
- package/lib/cjs/core-react/searchbox/SearchBox.d.ts.map +1 -1
- package/lib/cjs/core-react/searchbox/SearchBox.js +13 -7
- package/lib/cjs/core-react/searchbox/SearchBox.js.map +1 -1
- package/lib/cjs/core-react/tree/ExpansionToggle.d.ts +1 -3
- package/lib/cjs/core-react/tree/ExpansionToggle.d.ts.map +1 -1
- package/lib/cjs/core-react/tree/ExpansionToggle.js +9 -10
- package/lib/cjs/core-react/tree/ExpansionToggle.js.map +1 -1
- package/lib/cjs/core-react/utils/IconWebComponent.d.ts +4 -2
- package/lib/cjs/core-react/utils/IconWebComponent.d.ts.map +1 -1
- package/lib/cjs/core-react/utils/IconWebComponent.js +9 -5
- package/lib/cjs/core-react/utils/IconWebComponent.js.map +1 -1
- package/lib/cjs/core-react.d.ts +3 -3
- package/lib/cjs/core-react.d.ts.map +1 -1
- package/lib/cjs/core-react.js +12 -9
- package/lib/cjs/core-react.js.map +1 -1
- package/lib/esm/core-react/UiCore.d.ts +2 -6
- package/lib/esm/core-react/UiCore.d.ts.map +1 -1
- package/lib/esm/core-react/UiCore.js +2 -18
- package/lib/esm/core-react/UiCore.js.map +1 -1
- package/lib/esm/core-react/UiCore.json +31 -0
- package/lib/esm/core-react/badge/Badge.d.ts +6 -9
- package/lib/esm/core-react/badge/Badge.d.ts.map +1 -1
- package/lib/esm/core-react/badge/Badge.js +10 -9
- package/lib/esm/core-react/badge/Badge.js.map +1 -1
- package/lib/{cjs/core-react/badge/BadgeUtilities.d.ts → esm/core-react/badge/BadgeType.d.ts} +1 -9
- package/lib/esm/core-react/badge/BadgeType.d.ts.map +1 -0
- package/lib/esm/core-react/badge/BadgeType.js +13 -0
- package/lib/esm/core-react/badge/BadgeType.js.map +1 -0
- package/lib/esm/core-react/badge/NewBadge.d.ts +2 -3
- package/lib/esm/core-react/badge/NewBadge.d.ts.map +1 -1
- package/lib/esm/core-react/badge/NewBadge.js +6 -7
- package/lib/esm/core-react/badge/NewBadge.js.map +1 -1
- package/lib/esm/core-react/badge/NewBadge.scss +2 -3
- package/lib/esm/core-react/badge/TechnicalPreviewBadge.d.ts +10 -0
- package/lib/esm/core-react/badge/TechnicalPreviewBadge.d.ts.map +1 -0
- package/lib/esm/core-react/badge/TechnicalPreviewBadge.js +25 -0
- package/lib/esm/core-react/badge/TechnicalPreviewBadge.js.map +1 -0
- package/lib/esm/core-react/badge/{Badge.scss → TechnicalPreviewBadge.scss} +1 -7
- package/lib/esm/core-react/contextmenu/ContextMenuItem.d.ts +1 -1
- package/lib/esm/core-react/contextmenu/ContextMenuItem.d.ts.map +1 -1
- package/lib/esm/core-react/contextmenu/ContextMenuItem.js +3 -3
- package/lib/esm/core-react/contextmenu/ContextMenuItem.js.map +1 -1
- package/lib/esm/core-react/contextmenu/ContextSubMenu.d.ts.map +1 -1
- package/lib/esm/core-react/contextmenu/ContextSubMenu.js +3 -3
- package/lib/esm/core-react/contextmenu/ContextSubMenu.js.map +1 -1
- package/lib/esm/core-react/dialog/Dialog.d.ts +1 -0
- package/lib/esm/core-react/dialog/Dialog.d.ts.map +1 -1
- package/lib/esm/core-react/dialog/Dialog.js +52 -50
- package/lib/esm/core-react/dialog/Dialog.js.map +1 -1
- package/lib/esm/core-react/elementseparator/ElementSeparator.js +1 -1
- package/lib/esm/core-react/elementseparator/ElementSeparator.js.map +1 -1
- package/lib/esm/core-react/l10n/LocalizationProvider.d.ts +20 -0
- package/lib/esm/core-react/l10n/LocalizationProvider.d.ts.map +1 -0
- package/lib/esm/core-react/l10n/LocalizationProvider.js +24 -0
- package/lib/esm/core-react/l10n/LocalizationProvider.js.map +1 -0
- package/lib/esm/core-react/l10n/usePackageTranslation.d.ts +15 -0
- package/lib/esm/core-react/l10n/usePackageTranslation.d.ts.map +1 -0
- package/lib/esm/core-react/l10n/usePackageTranslation.js +60 -0
- package/lib/esm/core-react/l10n/usePackageTranslation.js.map +1 -0
- package/lib/esm/core-react/l10n/useTranslation.d.ts +7 -0
- package/lib/esm/core-react/l10n/useTranslation.d.ts.map +1 -0
- package/lib/esm/core-react/l10n/useTranslation.js +26 -0
- package/lib/esm/core-react/l10n/useTranslation.js.map +1 -0
- package/lib/esm/core-react/searchbox/SearchBox.d.ts.map +1 -1
- package/lib/esm/core-react/searchbox/SearchBox.js +13 -7
- package/lib/esm/core-react/searchbox/SearchBox.js.map +1 -1
- package/lib/esm/core-react/tree/ExpansionToggle.d.ts +1 -3
- package/lib/esm/core-react/tree/ExpansionToggle.d.ts.map +1 -1
- package/lib/esm/core-react/tree/ExpansionToggle.js +9 -10
- package/lib/esm/core-react/tree/ExpansionToggle.js.map +1 -1
- package/lib/esm/core-react/utils/IconWebComponent.d.ts +4 -2
- package/lib/esm/core-react/utils/IconWebComponent.d.ts.map +1 -1
- package/lib/esm/core-react/utils/IconWebComponent.js +7 -4
- package/lib/esm/core-react/utils/IconWebComponent.js.map +1 -1
- package/lib/esm/core-react.d.ts +3 -3
- package/lib/esm/core-react.d.ts.map +1 -1
- package/lib/esm/core-react.js +5 -4
- package/lib/esm/core-react.js.map +1 -1
- package/package.json +4 -5
- package/lib/cjs/core-react/badge/BadgeUtilities.d.ts.map +0 -1
- package/lib/cjs/core-react/badge/BadgeUtilities.js +0 -43
- package/lib/cjs/core-react/badge/BadgeUtilities.js.map +0 -1
- package/lib/cjs/core-react/badge/BetaBadge.d.ts +0 -10
- package/lib/cjs/core-react/badge/BetaBadge.d.ts.map +0 -1
- package/lib/cjs/core-react/badge/BetaBadge.js +0 -23
- package/lib/cjs/core-react/badge/BetaBadge.js.map +0 -1
- package/lib/cjs/core-react/badge/new-feature-badge.svg +0 -1
- package/lib/cjs/core-react/badge/technical-preview-badge.svg +0 -1
- package/lib/cjs/core-react/useTranslation.d.ts +0 -10
- package/lib/cjs/core-react/useTranslation.d.ts.map +0 -1
- package/lib/cjs/core-react/useTranslation.js.map +0 -1
- package/lib/esm/core-react/badge/BadgeUtilities.d.ts.map +0 -1
- package/lib/esm/core-react/badge/BadgeUtilities.js +0 -39
- package/lib/esm/core-react/badge/BadgeUtilities.js.map +0 -1
- package/lib/esm/core-react/badge/BetaBadge.d.ts +0 -10
- package/lib/esm/core-react/badge/BetaBadge.d.ts.map +0 -1
- package/lib/esm/core-react/badge/BetaBadge.js +0 -19
- package/lib/esm/core-react/badge/BetaBadge.js.map +0 -1
- package/lib/esm/core-react/badge/new-feature-badge.svg +0 -1
- package/lib/esm/core-react/badge/technical-preview-badge.svg +0 -1
- package/lib/esm/core-react/useTranslation.d.ts +0 -10
- package/lib/esm/core-react/useTranslation.d.ts.map +0 -1
- package/lib/esm/core-react/useTranslation.js +0 -16
- package/lib/esm/core-react/useTranslation.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchBox.js","sourceRoot":"","sources":["../../../../src/core-react/searchbox/SearchBox.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module SearchBox\n */\n\nimport \"./SearchBox.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Key } from \"ts-key-enum\";\nimport { UiCore } from \"../UiCore\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { Input } from \"@itwin/itwinui-react\";\nimport type { IconSpec } from \"../icons/IconComponent\";\nimport { Icon } from \"../icons/IconComponent\";\nimport { SvgClose, SvgSearch } from \"@itwin/itwinui-icons-react\";\n\n/** Properties for [[SearchBox]] component\n * @public\n */\nexport interface SearchBoxProps extends CommonProps {\n /** Value to set SearchBox to initially */\n initialValue?: string;\n /** Placeholder value to show in gray before anything is entered in */\n placeholder?: string;\n /** Triggered when the content of SearchBox is changed */\n onValueChanged: (value: string) => void;\n /** Frequency to poll for changes in value, in milliseconds */\n valueChangedDelay?: number;\n /** Listens for <Enter> keypress */\n onEnterPressed?: () => void;\n /** Listens for <Esc> keypress */\n onEscPressed?: () => void;\n /** Listens for onClick event for Clear (x) icon */\n onClear?: () => void;\n}\n\n/** @internal */\ninterface SearchBoxState {\n value: string;\n}\n\n/**\n * Input box for entering text to search for.\n * The SearchBox has an icon right-justified and bounded by the box and shows a Search or Clear icon.\n * @public\n */\nexport class SearchBox extends React.Component<SearchBoxProps, SearchBoxState> {\n private _inputElement: HTMLInputElement | null = null;\n private _timeoutId: number = 0;\n\n /** @internal */\n public override readonly state: Readonly<SearchBoxState> = {\n value: this.props.initialValue || \"\",\n };\n\n constructor(props: SearchBoxProps) {\n super(props);\n }\n\n /** @internal */\n public override render(): React.ReactNode {\n const searchClassName = classnames(\"core-searchbox\", this.props.className);\n const emptyString = this.state.value === \"\";\n const iconClassName = classnames(\"core-searchbox-icon\", \"icon\");\n const iconSpec: IconSpec = emptyString ? <SvgSearch /> : <SvgClose />;\n const buttonTitle = UiCore.translate(\n emptyString ? \"general.search\" : \"general.clear\"\n );\n return (\n <div\n className={searchClassName}\n style={this.props.style}\n data-testid=\"core-searchbox-instance\"\n >\n <Input\n defaultValue={this.props.initialValue}\n ref={(el) => {\n this._inputElement = el;\n }}\n onChange={this._trackChange}\n onKeyDown={this._handleKeyDown}\n onPaste={this._trackChange}\n onCut={this._trackChange}\n placeholder={\n this.props.placeholder\n ? this.props.placeholder\n : UiCore.translate(\"general.search\")\n }\n role=\"searchbox\"\n data-testid=\"core-searchbox-input\"\n />\n {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\n <div\n className=\"core-searchbox-button\"\n onClick={this._handleIconClick}\n role=\"button\"\n tabIndex={-1}\n title={buttonTitle}\n >\n <span className={iconClassName}>\n <Icon iconSpec={iconSpec} />\n </span>\n </div>\n </div>\n );\n }\n\n /** Wrapper for onValueChanged to make sure we don't call search unless the new value is different from the previous value */\n private _onValueChanged = (value: string, previousValue: string) => {\n // istanbul ignore else\n if (value === previousValue) return;\n\n this.setState(\n (_prevState) => {\n return {\n value,\n };\n },\n () => {\n this.props.onValueChanged(this.state.value);\n }\n );\n };\n private _trackChange = (_event?: any): void => {\n let value = \"\";\n const previousValue = this.state.value;\n\n // istanbul ignore else\n if (this._inputElement) value = this._inputElement.value;\n\n if (this.props.valueChangedDelay) {\n this._unsetTimeout();\n this._timeoutId = window.setTimeout(() => {\n this._onValueChanged(value, previousValue);\n }, this.props.valueChangedDelay);\n } else {\n this._onValueChanged(value, previousValue);\n }\n };\n\n private _handleKeyDown = (e: React.KeyboardEvent) => {\n switch (e.key) {\n case Key.Escape.valueOf():\n // istanbul ignore else\n if (this.props.onEscPressed) this.props.onEscPressed();\n break;\n case Key.Enter.valueOf():\n // istanbul ignore else\n if (this.props.onEnterPressed) this.props.onEnterPressed();\n break;\n }\n };\n\n private _handleIconClick = (_event: React.MouseEvent<HTMLElement>): void => {\n // istanbul ignore else\n if (this._inputElement) {\n const clear = this.state.value !== \"\";\n this._inputElement.value = \"\";\n // istanbul ignore else\n if (clear && this.props.onClear) this.props.onClear();\n this._inputElement.focus();\n }\n this._trackChange();\n };\n\n private _unsetTimeout = (): void => {\n if (this._timeoutId) {\n window.clearTimeout(this._timeoutId);\n this._timeoutId = 0;\n }\n };\n\n public override componentWillUnmount() {\n this._unsetTimeout();\n }\n\n public focus() {\n // istanbul ignore else\n if (this._inputElement) this._inputElement.focus();\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"SearchBox.js","sourceRoot":"","sources":["../../../../src/core-react/searchbox/SearchBox.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module SearchBox\n */\n\nimport \"./SearchBox.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Key } from \"ts-key-enum\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { Input } from \"@itwin/itwinui-react\";\nimport type { IconSpec } from \"../icons/IconComponent\";\nimport { Icon } from \"../icons/IconComponent\";\nimport { SvgClose, SvgSearch } from \"@itwin/itwinui-icons-react\";\nimport { useTranslation } from \"../l10n/useTranslation\";\n\n// TODO: deprecate in favor of iTwinUI SearchBox.\n\n/** Properties for [[SearchBox]] component\n * @public\n */\nexport interface SearchBoxProps extends CommonProps {\n /** Value to set SearchBox to initially */\n initialValue?: string;\n /** Placeholder value to show in gray before anything is entered in */\n placeholder?: string;\n /** Triggered when the content of SearchBox is changed */\n onValueChanged: (value: string) => void;\n /** Frequency to poll for changes in value, in milliseconds */\n valueChangedDelay?: number;\n /** Listens for <Enter> keypress */\n onEnterPressed?: () => void;\n /** Listens for <Esc> keypress */\n onEscPressed?: () => void;\n /** Listens for onClick event for Clear (x) icon */\n onClear?: () => void;\n}\n\n/** @internal */\ninterface SearchBoxState {\n value: string;\n}\n\n/**\n * Input box for entering text to search for.\n * The SearchBox has an icon right-justified and bounded by the box and shows a Search or Clear icon.\n * @public\n */\nexport class SearchBox extends React.Component<SearchBoxProps, SearchBoxState> {\n private _inputElement: HTMLInputElement | null = null;\n private _timeoutId: number = 0;\n\n /** @internal */\n public override readonly state: Readonly<SearchBoxState> = {\n value: this.props.initialValue || \"\",\n };\n\n constructor(props: SearchBoxProps) {\n super(props);\n }\n\n /** @internal */\n public override render(): React.ReactNode {\n const searchClassName = classnames(\"core-searchbox\", this.props.className);\n const emptyString = this.state.value === \"\";\n const iconClassName = classnames(\"core-searchbox-icon\", \"icon\");\n const iconSpec: IconSpec = emptyString ? <SvgSearch /> : <SvgClose />;\n return (\n <div\n className={searchClassName}\n style={this.props.style}\n data-testid=\"core-searchbox-instance\"\n >\n <SearchBoxInput\n defaultValue={this.props.initialValue}\n ref={(el) => {\n this._inputElement = el;\n }}\n onChange={this._trackChange}\n onKeyDown={this._handleKeyDown}\n onPaste={this._trackChange}\n onCut={this._trackChange}\n placeholder={this.props.placeholder}\n role=\"searchbox\"\n data-testid=\"core-searchbox-input\"\n />\n <SearchBoxButton\n className=\"core-searchbox-button\"\n onClick={this._handleIconClick}\n role=\"button\"\n tabIndex={-1}\n emptyString={emptyString}\n >\n <span className={iconClassName}>\n <Icon iconSpec={iconSpec} />\n </span>\n </SearchBoxButton>\n </div>\n );\n }\n\n /** Wrapper for onValueChanged to make sure we don't call search unless the new value is different from the previous value */\n private _onValueChanged = (value: string, previousValue: string) => {\n // istanbul ignore else\n if (value === previousValue) return;\n\n this.setState(\n (_prevState) => {\n return {\n value,\n };\n },\n () => {\n this.props.onValueChanged(this.state.value);\n }\n );\n };\n private _trackChange = (_event?: any): void => {\n let value = \"\";\n const previousValue = this.state.value;\n\n // istanbul ignore else\n if (this._inputElement) value = this._inputElement.value;\n\n if (this.props.valueChangedDelay) {\n this._unsetTimeout();\n this._timeoutId = window.setTimeout(() => {\n this._onValueChanged(value, previousValue);\n }, this.props.valueChangedDelay);\n } else {\n this._onValueChanged(value, previousValue);\n }\n };\n\n private _handleKeyDown = (e: React.KeyboardEvent) => {\n switch (e.key) {\n case Key.Escape.valueOf():\n // istanbul ignore else\n if (this.props.onEscPressed) this.props.onEscPressed();\n break;\n case Key.Enter.valueOf():\n // istanbul ignore else\n if (this.props.onEnterPressed) this.props.onEnterPressed();\n break;\n }\n };\n\n private _handleIconClick = (_event: React.MouseEvent<HTMLElement>): void => {\n // istanbul ignore else\n if (this._inputElement) {\n const clear = this.state.value !== \"\";\n this._inputElement.value = \"\";\n // istanbul ignore else\n if (clear && this.props.onClear) this.props.onClear();\n this._inputElement.focus();\n }\n this._trackChange();\n };\n\n private _unsetTimeout = (): void => {\n if (this._timeoutId) {\n window.clearTimeout(this._timeoutId);\n this._timeoutId = 0;\n }\n };\n\n public override componentWillUnmount() {\n this._unsetTimeout();\n }\n\n public focus() {\n // istanbul ignore else\n if (this._inputElement) this._inputElement.focus();\n }\n}\n\nconst SearchBoxInput = React.forwardRef<\n HTMLInputElement,\n React.ComponentProps<typeof Input>\n>(function SearchBoxInput({ placeholder, ...props }, ref) {\n const { translate } = useTranslation();\n return (\n <Input\n ref={ref}\n placeholder={placeholder || translate(\"general.search\")}\n {...props}\n />\n );\n});\n\nfunction SearchBoxButton({\n emptyString,\n ...props\n}: React.ComponentProps<\"div\"> & { emptyString: boolean }) {\n const { translate } = useTranslation();\n const buttonTitle = translate(\n emptyString ? \"general.search\" : \"general.clear\"\n );\n return <div title={buttonTitle} {...props} />;\n}\n"]}
|
|
@@ -15,7 +15,5 @@ export interface ExpansionToggleProps extends CommonProps {
|
|
|
15
15
|
/** ExpansionToggle React component used by the [[TreeNode]] component to show collapsed or expanded state
|
|
16
16
|
* @public
|
|
17
17
|
*/
|
|
18
|
-
export declare
|
|
19
|
-
render(): React.JSX.Element;
|
|
20
|
-
}
|
|
18
|
+
export declare function ExpansionToggle(props: ExpansionToggleProps): React.JSX.Element;
|
|
21
19
|
//# sourceMappingURL=ExpansionToggle.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpansionToggle.d.ts","sourceRoot":"","sources":["../../../../src/core-react/tree/ExpansionToggle.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,wBAAwB,CAAC;AAEhC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAKlD;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACxD,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;GAEG;AACH,
|
|
1
|
+
{"version":3,"file":"ExpansionToggle.d.ts","sourceRoot":"","sources":["../../../../src/core-react/tree/ExpansionToggle.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,wBAAwB,CAAC;AAEhC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAKlD;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACxD,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBAuB1D"}
|
|
@@ -8,20 +8,19 @@
|
|
|
8
8
|
import "./ExpansionToggle.scss";
|
|
9
9
|
import classnames from "classnames";
|
|
10
10
|
import * as React from "react";
|
|
11
|
-
import { UiCore } from "../UiCore";
|
|
12
11
|
import { Icon } from "../icons/IconComponent";
|
|
13
12
|
import { SvgChevronRight } from "@itwin/itwinui-icons-react";
|
|
13
|
+
import { useTranslation } from "../l10n/useTranslation";
|
|
14
14
|
/** ExpansionToggle React component used by the [[TreeNode]] component to show collapsed or expanded state
|
|
15
15
|
* @public
|
|
16
16
|
*/
|
|
17
|
-
export
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
}
|
|
17
|
+
export function ExpansionToggle(props) {
|
|
18
|
+
const { translate } = useTranslation();
|
|
19
|
+
const className = classnames("core-tree-expansionToggle", props.isExpanded && "is-expanded", props.className);
|
|
20
|
+
const label = translate(props.isExpanded ? "tree.collapse" : "tree.expand");
|
|
21
|
+
return (
|
|
22
|
+
// eslint-disable-next-line jsx-a11y/click-events-have-key-events
|
|
23
|
+
React.createElement("div", { onClick: props.onClick, className: className, style: props.style, "data-testid": props["data-testid"], role: "button", tabIndex: -1, "aria-label": label },
|
|
24
|
+
React.createElement(Icon, { className: "toggle icon", iconSpec: React.createElement(SvgChevronRight, null) })));
|
|
26
25
|
}
|
|
27
26
|
//# sourceMappingURL=ExpansionToggle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpansionToggle.js","sourceRoot":"","sources":["../../../../src/core-react/tree/ExpansionToggle.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,wBAAwB,CAAC;AAChC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"ExpansionToggle.js","sourceRoot":"","sources":["../../../../src/core-react/tree/ExpansionToggle.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,wBAAwB,CAAC;AAChC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAWxD;;GAEG;AACH,MAAM,UAAU,eAAe,CAAC,KAA2B;IACzD,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IACvC,MAAM,SAAS,GAAG,UAAU,CAC1B,2BAA2B,EAC3B,KAAK,CAAC,UAAU,IAAI,aAAa,EACjC,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,MAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;IAE5E,OAAO;IACL,iEAAiE;IACjE,6BACE,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,iBACL,KAAK,CAAC,aAAa,CAAC,EACjC,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,CAAC,gBACA,KAAK;QAEjB,oBAAC,IAAI,IAAC,SAAS,EAAC,aAAa,EAAC,QAAQ,EAAE,oBAAC,eAAe,OAAG,GAAI,CAC3D,CACP,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Tree\n */\n\nimport \"./ExpansionToggle.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { Icon } from \"../icons/IconComponent\";\nimport { SvgChevronRight } from \"@itwin/itwinui-icons-react\";\nimport { useTranslation } from \"../l10n/useTranslation\";\n\n/** Properties for the [[ExpansionToggle]] component\n * @public\n */\nexport interface ExpansionToggleProps extends CommonProps {\n isExpanded?: boolean;\n onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;\n [\"data-testid\"]?: string;\n}\n\n/** ExpansionToggle React component used by the [[TreeNode]] component to show collapsed or expanded state\n * @public\n */\nexport function ExpansionToggle(props: ExpansionToggleProps) {\n const { translate } = useTranslation();\n const className = classnames(\n \"core-tree-expansionToggle\",\n props.isExpanded && \"is-expanded\",\n props.className\n );\n const label = translate(props.isExpanded ? \"tree.collapse\" : \"tree.expand\");\n\n return (\n // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n <div\n onClick={props.onClick}\n className={className}\n style={props.style}\n data-testid={props[\"data-testid\"]}\n role=\"button\"\n tabIndex={-1}\n aria-label={label}\n >\n <Icon className=\"toggle icon\" iconSpec={<SvgChevronRight />} />\n </div>\n );\n}\n"]}
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
/** @packageDocumentation
|
|
2
2
|
* @module Utilities
|
|
3
3
|
*/
|
|
4
|
-
/**
|
|
5
|
-
*
|
|
4
|
+
/** IconWebComponent loads icon from an svg path
|
|
5
|
+
* @internal
|
|
6
6
|
*/
|
|
7
7
|
export declare class IconWebComponent extends HTMLElement {
|
|
8
8
|
private connectedCallback;
|
|
9
9
|
private loadSvg;
|
|
10
10
|
}
|
|
11
|
+
/** @internal */
|
|
12
|
+
export declare function registerIconWebComponent(): void;
|
|
11
13
|
//# sourceMappingURL=IconWebComponent.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconWebComponent.d.ts","sourceRoot":"","sources":["../../../../src/core-react/utils/IconWebComponent.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"IconWebComponent.d.ts","sourceRoot":"","sources":["../../../../src/core-react/utils/IconWebComponent.ts"],"names":[],"mappings":"AAIA;;GAEG;AAiGH;;GAEG;AACH,qBAAa,gBAAiB,SAAQ,WAAW;YACjC,iBAAiB;YAKjB,OAAO;CAetB;AAED,gBAAgB;AAChB,wBAAgB,wBAAwB,SAGvC"}
|
|
@@ -2,8 +2,6 @@
|
|
|
2
2
|
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
|
|
3
3
|
* See LICENSE.md in the project root for license terms and full copyright notice.
|
|
4
4
|
*--------------------------------------------------------------------------------------------*/
|
|
5
|
-
// istanbul ignore file
|
|
6
|
-
// IconWebComponent requires in-browser testing
|
|
7
5
|
/** @packageDocumentation
|
|
8
6
|
* @module Utilities
|
|
9
7
|
*/
|
|
@@ -88,8 +86,8 @@ async function getSvg(src, element) {
|
|
|
88
86
|
}
|
|
89
87
|
return fetchSvg(src, element);
|
|
90
88
|
}
|
|
91
|
-
/**
|
|
92
|
-
*
|
|
89
|
+
/** IconWebComponent loads icon from an svg path
|
|
90
|
+
* @internal
|
|
93
91
|
*/
|
|
94
92
|
export class IconWebComponent extends HTMLElement {
|
|
95
93
|
async connectedCallback() {
|
|
@@ -109,4 +107,9 @@ export class IconWebComponent extends HTMLElement {
|
|
|
109
107
|
}
|
|
110
108
|
}
|
|
111
109
|
}
|
|
110
|
+
/** @internal */
|
|
111
|
+
export function registerIconWebComponent() {
|
|
112
|
+
if (window.customElements.get("svg-loader") === undefined)
|
|
113
|
+
window.customElements.define("svg-loader", IconWebComponent);
|
|
114
|
+
}
|
|
112
115
|
//# sourceMappingURL=IconWebComponent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconWebComponent.js","sourceRoot":"","sources":["../../../../src/core-react/utils/IconWebComponent.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG
|
|
1
|
+
{"version":3,"file":"IconWebComponent.js","sourceRoot":"","sources":["../../../../src/core-react/utils/IconWebComponent.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Utilities\n */\n\nimport { UiError } from \"@itwin/appui-abstract\";\nimport { Logger } from \"@itwin/core-bentley\";\nimport { UiCore } from \"../UiCore\";\nimport DOMPurify, * as DOMPurifyNS from \"dompurify\";\nimport { reuseOrCreatePromise } from \"./reuseOrCreatePromise\";\n\n/**\n * \"getSvg\" list\n * (if multiple icon require the same thing,\n * only do the fetch once, and have all icon use the same result)\n */\nconst cache = new Map<string, Promise<any>>();\n\n/**\n * Parse 'data:' uri to retrieve the Svg component within it.\n * @param src data:image/svg+xml;base64 or data:image/svg+xml\n * @param element Element for logging purpose.\n * @returns HTMLElement (svg)\n */\nfunction parseSvgFromDataUri(src: string, element: any) {\n const dataUriParts = src.split(\",\");\n\n if (\n (dataUriParts.length !== 2 &&\n \"data:image/svg+xml;base64\" === dataUriParts[0]) ||\n (\"data:image/svg+xml;base64\" !== dataUriParts[0] &&\n \"data:image/svg+xml\" !== dataUriParts[0])\n ) {\n Logger.logError(UiCore.loggerCategory(element), \"Unable to load icon.\");\n return;\n }\n\n let rawSvg = \"\";\n if (\"data:image/svg+xml;base64\" === dataUriParts[0]) {\n rawSvg = window.atob(dataUriParts[1]);\n } else {\n // `,` is valid character in data when not in base64, rebuild the data correctly\n rawSvg = decodeURIComponent(dataUriParts.slice(1).join(\",\"));\n }\n\n // the esm build of dompurify has a default import but the cjs build does not\n // if there is a default export, use it (likely esm), otherwise use the namespace\n // istanbul ignore next\n const sanitizer = DOMPurify ?? DOMPurifyNS;\n const sanitizedSvg = sanitizer.sanitize(rawSvg);\n\n const parsedSvg = new window.DOMParser().parseFromString(\n sanitizedSvg,\n \"text/xml\"\n );\n const errorNode = parsedSvg.querySelector(\"parsererror\");\n if (errorNode || \"svg\" !== parsedSvg.documentElement.nodeName.toLowerCase()) {\n // eslint-disable-next-line deprecation/deprecation\n throw new UiError(UiCore.loggerCategory(element), \"Unable to load icon.\");\n }\n\n return parsedSvg.documentElement;\n}\n\n/**\n * Fetch the src from the network and return the SVG element.\n * @param src URL representing a .svg file\n * @param element Element for logging purpose\n * @returns HTMLElement (svg)\n */\nasync function fetchSvg(src: string, element: any) {\n const response = await fetch(src).catch((_error) => {\n Logger.logError(UiCore.loggerCategory(element), \"Unable to load icon.\");\n });\n if (!response || !response.ok) {\n // eslint-disable-next-line deprecation/deprecation\n throw new UiError(UiCore.loggerCategory(element), \"Unable to load icon.\");\n }\n const str = await response.text();\n if (str === undefined) {\n // eslint-disable-next-line deprecation/deprecation\n throw new UiError(UiCore.loggerCategory(element), \"Unable to load icon.\");\n }\n const data = new window.DOMParser().parseFromString(str, \"text/xml\");\n return data.documentElement;\n}\n\n/**\n * Get the svg (fetch and parse for url, or decode and parse for data: url)\n * @param src URL of the content to download/parse\n * @param element Element for logging purpose.\n * @returns HTMLElement (svg)\n */\nasync function getSvg(src: string, element: any) {\n if (src.startsWith(\"data:\")) {\n return parseSvgFromDataUri(src, element);\n }\n return fetchSvg(src, element);\n}\n\n/** IconWebComponent loads icon from an svg path\n * @internal\n */\nexport class IconWebComponent extends HTMLElement {\n private async connectedCallback() {\n await this.loadSvg();\n this.dispatchEvent(new CustomEvent(\"load\"));\n }\n\n private async loadSvg() {\n // if svg was already appended don't request it again\n if (this.childNodes.length) return;\n const src = this.getAttribute(\"src\") || \"\";\n if (!src) return;\n\n const svg = await reuseOrCreatePromise(\n src,\n async () => getSvg(src, this),\n cache\n );\n if (svg && !this.childNodes.length) {\n this.append(svg.cloneNode(true));\n }\n }\n}\n\n/** @internal */\nexport function registerIconWebComponent() {\n if (window.customElements.get(\"svg-loader\") === undefined)\n window.customElements.define(\"svg-loader\", IconWebComponent);\n}\n"]}
|
package/lib/esm/core-react.d.ts
CHANGED
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
export * from "./core-react/UiCore";
|
|
2
2
|
export * from "./core-react/badge/Badge";
|
|
3
|
-
export * from "./core-react/badge/
|
|
4
|
-
export * from "./core-react/badge/BetaBadge";
|
|
5
|
-
export * from "./core-react/badge/NewBadge";
|
|
3
|
+
export * from "./core-react/badge/BadgeType";
|
|
6
4
|
export * from "./core-react/base/Div";
|
|
7
5
|
export * from "./core-react/base/DivWithOutsideClick";
|
|
8
6
|
export * from "./core-react/base/Centered";
|
|
@@ -34,6 +32,8 @@ export * from "./core-react/focustrap/FocusTrap";
|
|
|
34
32
|
export * from "./core-react/hocs/withIsPressed";
|
|
35
33
|
export * from "./core-react/hocs/withOnOutsideClick";
|
|
36
34
|
export * from "./core-react/hocs/withTimeout";
|
|
35
|
+
export { LocalizationProvider } from "./core-react/l10n/LocalizationProvider";
|
|
36
|
+
export { usePackageTranslation } from "./core-react/l10n/usePackageTranslation";
|
|
37
37
|
export * from "./core-react/icons/ConditionalIconItem";
|
|
38
38
|
export * from "./core-react/icons/IconComponent";
|
|
39
39
|
export * from "./core-react/icons/SvgPath";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"core-react.d.ts","sourceRoot":"","sources":["../../src/core-react.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"core-react.d.ts","sourceRoot":"","sources":["../../src/core-react.ts"],"names":[],"mappings":"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"}
|
package/lib/esm/core-react.js
CHANGED
|
@@ -2,12 +2,9 @@
|
|
|
2
2
|
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
|
|
3
3
|
* See LICENSE.md in the project root for license terms and full copyright notice.
|
|
4
4
|
*--------------------------------------------------------------------------------------------*/
|
|
5
|
-
// cSpell:ignore focustrap imagecheckbox iconinput hocs numberinput numericinput
|
|
6
5
|
export * from "./core-react/UiCore";
|
|
7
6
|
export * from "./core-react/badge/Badge";
|
|
8
|
-
export * from "./core-react/badge/
|
|
9
|
-
export * from "./core-react/badge/BetaBadge";
|
|
10
|
-
export * from "./core-react/badge/NewBadge";
|
|
7
|
+
export * from "./core-react/badge/BadgeType";
|
|
11
8
|
export * from "./core-react/base/Div";
|
|
12
9
|
export * from "./core-react/base/DivWithOutsideClick";
|
|
13
10
|
export * from "./core-react/base/Centered";
|
|
@@ -39,6 +36,8 @@ export * from "./core-react/focustrap/FocusTrap";
|
|
|
39
36
|
export * from "./core-react/hocs/withIsPressed";
|
|
40
37
|
export * from "./core-react/hocs/withOnOutsideClick";
|
|
41
38
|
export * from "./core-react/hocs/withTimeout";
|
|
39
|
+
export { LocalizationProvider } from "./core-react/l10n/LocalizationProvider";
|
|
40
|
+
export { usePackageTranslation } from "./core-react/l10n/usePackageTranslation";
|
|
42
41
|
export * from "./core-react/icons/ConditionalIconItem";
|
|
43
42
|
export * from "./core-react/icons/IconComponent";
|
|
44
43
|
export * from "./core-react/icons/SvgPath";
|
|
@@ -82,6 +81,7 @@ export * from "./core-react/uistate/UiStateEntry";
|
|
|
82
81
|
export * from "./core-react/uistate/UiStateStorage";
|
|
83
82
|
export * from "./core-react/uistate/LocalStateStorage";
|
|
84
83
|
export * from "./core-react/utils/IconHelper";
|
|
84
|
+
import { registerIconWebComponent } from "./core-react/utils/IconWebComponent";
|
|
85
85
|
export * from "./core-react/utils/Point";
|
|
86
86
|
export * from "./core-react/utils/Props";
|
|
87
87
|
export * from "./core-react/utils/Rectangle";
|
|
@@ -112,6 +112,7 @@ export * from "./core-react/utils/hooks/useTargeted";
|
|
|
112
112
|
export * from "./core-react/utils/hooks/useWidgetOpacityContext";
|
|
113
113
|
export * from "./core-react/utils/hooks/useInterval";
|
|
114
114
|
export * from "./core-react/utils/hooks/useCrossOriginPopup";
|
|
115
|
+
registerIconWebComponent();
|
|
115
116
|
/** @docs-package-description
|
|
116
117
|
* The core-react package contains general purpose React components, such as Dialog, MessageBox, SearchBox, RadialMenu and SplitButton.
|
|
117
118
|
* For more information, see [learning about core-react]($docs/learning/ui/core/index.md).
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"core-react.js","sourceRoot":"","sources":["../../src/core-react.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAEhG,gFAAgF;AAEhF,cAAc,qBAAqB,CAAC;AAEpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mCAAmC,CAAC;AAClD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAE5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,uCAAuC,CAAC;AACtD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,qCAAqC,CAAC;AACpD,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,8BAA8B,CAAC;AAE7C,cAAc,sCAAsC,CAAC;AAErD,cAAc,wCAAwC,CAAC;AAEvD,cAAc,sCAAsC,CAAC;AACrD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,0CAA0C,CAAC;AACzD,cAAc,yCAAyC,CAAC;AACxD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,2CAA2C,CAAC;AAE1D,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kCAAkC,CAAC;AAEjD,cAAc,gDAAgD,CAAC;AAE/D,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,kCAAkC,CAAC;AACjD,cAAc,+BAA+B,CAAC;AAE9C,cAAc,wCAAwC,CAAC;AAEvD,cAAc,0CAA0C,CAAC;AACzD,cAAc,kCAAkC,CAAC;AAEjD,cAAc,iCAAiC,CAAC;AAChD,cAAc,sCAAsC,CAAC;AACrD,cAAc,+BAA+B,CAAC;AAE9C,cAAc,wCAAwC,CAAC;AACvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAE/C,cAAc,sCAAsC,CAAC;AAErD,cAAc,0CAA0C,CAAC;AAEzD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC;AAChD,cAAc,yCAAyC,CAAC;AACxD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,6CAA6C,CAAC;AAE5D,cAAc,8BAA8B,CAAC;AAE7C,cAAc,iCAAiC,CAAC;AAChD,cAAc,oCAAoC,CAAC;AACnD,cAAc,qCAAqC,CAAC;AACpD,cAAc,oCAAoC,CAAC;AAEnD,cAAc,oCAAoC,CAAC;AAEnD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,uCAAuC,CAAC;AAEtD,cAAc,0BAA0B,CAAC;AAEzC,cAAc,oCAAoC,CAAC;AACnD,cAAc,iCAAiC,CAAC;AAEhD,cAAc,kCAAkC,CAAC;AAEjD,cAAc,uCAAuC,CAAC;AACtD,cAAc,yCAAyC,CAAC;AAExD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AAEvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAE5C,OAAO,EACL,eAAe,GAEhB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAmB,MAAM,0BAA0B,CAAC;AACvE,OAAO,EACL,QAAQ,GAKT,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,IAAI,EAAa,MAAM,wBAAwB,CAAC;AACzD,OAAO,EACL,mBAAmB,GAEpB,MAAM,+BAA+B,CAAC;AAEvC,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,wCAAwC,CAAC;AAEvD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oCAAoC,CAAC;AACnD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,mCAAmC,CAAC;AAClD,cAAc,mCAAmC,CAAC;AAClD,cAAc,iCAAiC,CAAC;AAChD,cAAc,mCAAmC,CAAC;AAClD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,uCAAuC,CAAC;AAEtD,cAAc,wCAAwC,CAAC;AACvD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,iDAAiD,CAAC;AAChE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,uCAAuC,CAAC;AACtD,cAAc,kCAAkC,CAAC;AACjD,cAAc,sCAAsC,CAAC;AACrD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,sCAAsC,CAAC;AACrD,cAAc,kDAAkD,CAAC;AACjE,cAAc,sCAAsC,CAAC;AACrD,cAAc,8CAA8C,CAAC;AAE7D;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n\n// cSpell:ignore focustrap imagecheckbox iconinput hocs numberinput numericinput\n\nexport * from \"./core-react/UiCore\";\n\nexport * from \"./core-react/badge/Badge\";\nexport * from \"./core-react/badge/BadgeUtilities\";\nexport * from \"./core-react/badge/BetaBadge\";\nexport * from \"./core-react/badge/NewBadge\";\n\nexport * from \"./core-react/base/Div\";\nexport * from \"./core-react/base/DivWithOutsideClick\";\nexport * from \"./core-react/base/Centered\";\nexport * from \"./core-react/base/FillCentered\";\nexport * from \"./core-react/base/FlexWrapContainer\";\nexport * from \"./core-react/base/Gap\";\nexport * from \"./core-react/base/PointerEvents\";\nexport * from \"./core-react/base/ScrollView\";\n\nexport * from \"./core-react/button/UnderlinedButton\";\n\nexport * from \"./core-react/checklistbox/CheckListBox\";\n\nexport * from \"./core-react/contextmenu/ContextMenu\";\nexport * from \"./core-react/contextmenu/ContextMenuDirection\";\nexport * from \"./core-react/contextmenu/ContextMenuDivider\";\nexport * from \"./core-react/contextmenu/ContextMenuItem\";\nexport * from \"./core-react/contextmenu/ContextSubMenu\";\nexport * from \"./core-react/contextmenu/GlobalContextMenu\";\nexport * from \"./core-react/contextmenu/PopupContextMenu\";\n\nexport * from \"./core-react/dialog/Dialog\";\nexport * from \"./core-react/dialog/GlobalDialog\";\n\nexport * from \"./core-react/elementseparator/ElementSeparator\";\n\nexport * from \"./core-react/enums/Alignment\";\nexport * from \"./core-react/enums/CheckBoxState\";\nexport * from \"./core-react/enums/Orientation\";\nexport * from \"./core-react/enums/SortDirection\";\nexport * from \"./core-react/enums/TimeFormat\";\n\nexport * from \"./core-react/expandable/ExpandableList\";\n\nexport * from \"./core-react/focus/ItemKeyboardNavigator\";\nexport * from \"./core-react/focustrap/FocusTrap\";\n\nexport * from \"./core-react/hocs/withIsPressed\";\nexport * from \"./core-react/hocs/withOnOutsideClick\";\nexport * from \"./core-react/hocs/withTimeout\";\n\nexport * from \"./core-react/icons/ConditionalIconItem\";\nexport * from \"./core-react/icons/IconComponent\";\nexport * from \"./core-react/icons/SvgPath\";\nexport * from \"./core-react/icons/WebFontIcon\";\n\nexport * from \"./core-react/autosuggest/AutoSuggest\";\n\nexport * from \"./core-react/imagecheckbox/ImageCheckBox\";\n\nexport * from \"./core-react/inputs/InputLabel\";\nexport * from \"./core-react/inputs/InputStatus\";\nexport * from \"./core-react/inputs/iconinput/IconInput\";\nexport * from \"./core-react/inputs/LabeledComponentProps\";\nexport * from \"./core-react/inputs/numberinput/NumberInput\";\n\nexport * from \"./core-react/listbox/Listbox\";\n\nexport * from \"./core-react/loading/LoadingBar\";\nexport * from \"./core-react/loading/LoadingPrompt\";\nexport * from \"./core-react/loading/LoadingSpinner\";\nexport * from \"./core-react/loading/LoadingStatus\";\n\nexport * from \"./core-react/messagebox/MessageBox\";\n\nexport * from \"./core-react/notification/MessageRenderer\";\nexport * from \"./core-react/notification/MessageType\";\n\nexport * from \"./core-react/popup/Popup\";\n\nexport * from \"./core-react/radialmenu/RadialMenu\";\nexport * from \"./core-react/radialmenu/Annulus\";\n\nexport * from \"./core-react/searchbox/SearchBox\";\n\nexport * from \"./core-react/settings/SettingsManager\";\nexport * from \"./core-react/settings/SettingsContainer\";\n\nexport * from \"./core-react/tabs/VerticalTabs\";\nexport * from \"./core-react/tabs/Tabs\";\n\nexport * from \"./core-react/text/BodyText\";\nexport * from \"./core-react/text/BlockText\";\nexport * from \"./core-react/text/DisabledText\";\nexport * from \"./core-react/text/FilteredText\";\nexport * from \"./core-react/text/MutedText\";\nexport * from \"./core-react/text/StyledText\";\nexport * from \"./core-react/text/TextProps\";\n\nexport {\n ExpansionToggle,\n ExpansionToggleProps,\n} from \"./core-react/tree/ExpansionToggle\";\nexport { TreeBranch, TreeBranchProps } from \"./core-react/tree/Branch\";\nexport {\n TreeNode,\n TreeNodeProps,\n NodeCheckboxProps,\n NodeCheckboxRenderer,\n NodeCheckboxRenderProps,\n} from \"./core-react/tree/Node\";\nexport { Tree, TreeProps } from \"./core-react/tree/Tree\";\nexport {\n TreeNodePlaceholder,\n TreeNodePlaceholderProps,\n} from \"./core-react/tree/Placeholder\";\n\nexport * from \"./core-react/uistate/UiStateEntry\";\nexport * from \"./core-react/uistate/UiStateStorage\";\nexport * from \"./core-react/uistate/LocalStateStorage\";\n\nexport * from \"./core-react/utils/IconHelper\";\nexport * from \"./core-react/utils/Point\";\nexport * from \"./core-react/utils/Props\";\nexport * from \"./core-react/utils/Rectangle\";\nexport * from \"./core-react/utils/Size\";\nexport * from \"./core-react/utils/Timer\";\nexport * from \"./core-react/utils/UiGeometry\";\nexport * from \"./core-react/utils/flattenChildren\";\nexport * from \"./core-react/utils/getBestBWContrastColor\";\nexport * from \"./core-react/utils/getCssVariable\";\nexport * from \"./core-react/utils/getDisplayName\";\nexport * from \"./core-react/utils/getUserColor\";\nexport * from \"./core-react/utils/shallowDiffers\";\nexport * from \"./core-react/utils/typeUtils\";\nexport * from \"./core-react/utils/isPromiseLike\";\nexport * from \"./core-react/utils/ScrollPositionMaintainer\";\nexport * from \"./core-react/utils/getObjectClassName\";\n\nexport * from \"./core-react/utils/hooks/useDisposable\";\nexport * from \"./core-react/utils/hooks/useEffectSkipFirst\";\nexport * from \"./core-react/utils/hooks/useEventListener\";\nexport * from \"./core-react/utils/hooks/ResizeObserverPolyfill\";\nexport * from \"./core-react/utils/hooks/useOnOutsideClick\";\nexport * from \"./core-react/utils/hooks/useProximityToMouse\";\nexport * from \"./core-react/utils/hooks/useRefEffect\";\nexport * from \"./core-react/utils/hooks/useRefs\";\nexport * from \"./core-react/utils/hooks/useRefState\";\nexport * from \"./core-react/utils/hooks/useResizeObserver\";\nexport * from \"./core-react/utils/hooks/useTargeted\";\nexport * from \"./core-react/utils/hooks/useWidgetOpacityContext\";\nexport * from \"./core-react/utils/hooks/useInterval\";\nexport * from \"./core-react/utils/hooks/useCrossOriginPopup\";\n\n/** @docs-package-description\n * The core-react package contains general purpose React components, such as Dialog, MessageBox, SearchBox, RadialMenu and SplitButton.\n * For more information, see [learning about core-react]($docs/learning/ui/core/index.md).\n */\n/**\n * @docs-group-description AutoSuggest\n * Component for input with an auto-suggestion dropdown.\n */\n/**\n * @docs-group-description Base\n * Low-level classes and components for building application UI.\n */\n/**\n * @docs-group-description Button\n * Components for working with various Buttons.\n */\n/**\n * @docs-group-description Checkbox\n * Component is a wrapper for the `<input type=\"checkbox\">` HTML element.\n */\n/**\n * @docs-group-description CheckListBox\n * Components for working with a Check listbox.\n */\n/**\n * @docs-group-description Common\n * Common classes and enums used across various UI components.\n */\n/**\n * @docs-group-description ContextMenu\n * Components for working with a Context Menu.\n */\n/**\n * @docs-group-description Dialog\n * Components for working with a Dialog or MessageBox.\n */\n/**\n * @docs-group-description ElementSeparator\n * Components for working with a ElementSeparator.\n */\n/**\n * @docs-group-description Expandable\n * Components for working with a ExpandableBlock or ExpandableList.\n */\n/**\n * @docs-group-description Form\n * Components used to create a Form using supplied properties to specify fields.\n */\n/**\n * @docs-group-description Icon\n * Component that renders core-react icon when given an icon name or SVG source.\n */\n/**\n * @docs-group-description Inputs\n * Components for working with input controls, such as Input, IconInput and NumberInput.\n */\n/**\n * @docs-group-description Loading\n * Components for working with Loading spinners and progress indicators and bars.\n */\n/**\n * @docs-group-description Notification\n * Components for working with messages and tooltips.\n */\n/**\n * @docs-group-description Popup\n * Components for working with a Popup.\n */\n/**\n * @docs-group-description RadialMenu\n * Components for working with a RadialMenu.\n */\n/**\n * @docs-group-description Radio\n * Component is a wrapper for the `<input type=\"radio\">` HTML element.\n */\n/**\n * @docs-group-description SearchBox\n * Components for working with a SearchBox.\n */\n/**\n * @docs-group-description Select\n * Component is a wrapper for the `<select>` HTML element.\n */\n/**\n * @docs-group-description Settings\n * Manager and UI Components that allow users to modify settings for different packages and extensions.\n */\n/**\n * @docs-group-description Slider\n * Component displays a range slider with thumbs for changing the value.\n */\n/**\n * @docs-group-description SplitButton\n * Components for working with a SplitButton.\n */\n/**\n * @docs-group-description Tabs\n * Components for working with horizontal or vertical tabs.\n */\n/**\n * @docs-group-description Text\n * Components for working with styled text.\n */\n/**\n * @docs-group-description Tiles\n * Components for a container rendering elements that can be grouped together.\n */\n/**\n * @docs-group-description Toggle\n * Components for working with a Toggle switch.\n */\n/**\n * @docs-group-description Tooltip\n * Components for working with a Tooltip.\n */\n/**\n * @docs-group-description Tree\n * Presentation React components for working with a Tree.\n */\n/**\n * @docs-group-description UiStateStorage\n * Interfaces and classes for working with persistent UI settings.\n */\n/**\n * @docs-group-description Utilities\n * Various utility classes, functions and React hooks for working with a UI.\n */\n"]}
|
|
1
|
+
{"version":3,"file":"core-react.js","sourceRoot":"","sources":["../../src/core-react.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nexport * from \"./core-react/UiCore\";\n\nexport * from \"./core-react/badge/Badge\";\nexport * from \"./core-react/badge/BadgeType\";\n\nexport * from \"./core-react/base/Div\";\nexport * from \"./core-react/base/DivWithOutsideClick\";\nexport * from \"./core-react/base/Centered\";\nexport * from \"./core-react/base/FillCentered\";\nexport * from \"./core-react/base/FlexWrapContainer\";\nexport * from \"./core-react/base/Gap\";\nexport * from \"./core-react/base/PointerEvents\";\nexport * from \"./core-react/base/ScrollView\";\n\nexport * from \"./core-react/button/UnderlinedButton\";\n\nexport * from \"./core-react/checklistbox/CheckListBox\";\n\nexport * from \"./core-react/contextmenu/ContextMenu\";\nexport * from \"./core-react/contextmenu/ContextMenuDirection\";\nexport * from \"./core-react/contextmenu/ContextMenuDivider\";\nexport * from \"./core-react/contextmenu/ContextMenuItem\";\nexport * from \"./core-react/contextmenu/ContextSubMenu\";\nexport * from \"./core-react/contextmenu/GlobalContextMenu\";\nexport * from \"./core-react/contextmenu/PopupContextMenu\";\n\nexport * from \"./core-react/dialog/Dialog\";\nexport * from \"./core-react/dialog/GlobalDialog\";\n\nexport * from \"./core-react/elementseparator/ElementSeparator\";\n\nexport * from \"./core-react/enums/Alignment\";\nexport * from \"./core-react/enums/CheckBoxState\";\nexport * from \"./core-react/enums/Orientation\";\nexport * from \"./core-react/enums/SortDirection\";\nexport * from \"./core-react/enums/TimeFormat\";\n\nexport * from \"./core-react/expandable/ExpandableList\";\n\nexport * from \"./core-react/focus/ItemKeyboardNavigator\";\nexport * from \"./core-react/focustrap/FocusTrap\";\n\nexport * from \"./core-react/hocs/withIsPressed\";\nexport * from \"./core-react/hocs/withOnOutsideClick\";\nexport * from \"./core-react/hocs/withTimeout\";\n\nexport { LocalizationProvider } from \"./core-react/l10n/LocalizationProvider\";\nexport { usePackageTranslation } from \"./core-react/l10n/usePackageTranslation\";\n\nexport * from \"./core-react/icons/ConditionalIconItem\";\nexport * from \"./core-react/icons/IconComponent\";\nexport * from \"./core-react/icons/SvgPath\";\nexport * from \"./core-react/icons/WebFontIcon\";\n\nexport * from \"./core-react/autosuggest/AutoSuggest\";\n\nexport * from \"./core-react/imagecheckbox/ImageCheckBox\";\n\nexport * from \"./core-react/inputs/InputLabel\";\nexport * from \"./core-react/inputs/InputStatus\";\nexport * from \"./core-react/inputs/iconinput/IconInput\";\nexport * from \"./core-react/inputs/LabeledComponentProps\";\nexport * from \"./core-react/inputs/numberinput/NumberInput\";\n\nexport * from \"./core-react/listbox/Listbox\";\n\nexport * from \"./core-react/loading/LoadingBar\";\nexport * from \"./core-react/loading/LoadingPrompt\";\nexport * from \"./core-react/loading/LoadingSpinner\";\nexport * from \"./core-react/loading/LoadingStatus\";\n\nexport * from \"./core-react/messagebox/MessageBox\";\n\nexport * from \"./core-react/notification/MessageRenderer\";\nexport * from \"./core-react/notification/MessageType\";\n\nexport * from \"./core-react/popup/Popup\";\n\nexport * from \"./core-react/radialmenu/RadialMenu\";\nexport * from \"./core-react/radialmenu/Annulus\";\n\nexport * from \"./core-react/searchbox/SearchBox\";\n\nexport * from \"./core-react/settings/SettingsManager\";\nexport * from \"./core-react/settings/SettingsContainer\";\n\nexport * from \"./core-react/tabs/VerticalTabs\";\nexport * from \"./core-react/tabs/Tabs\";\n\nexport * from \"./core-react/text/BodyText\";\nexport * from \"./core-react/text/BlockText\";\nexport * from \"./core-react/text/DisabledText\";\nexport * from \"./core-react/text/FilteredText\";\nexport * from \"./core-react/text/MutedText\";\nexport * from \"./core-react/text/StyledText\";\nexport * from \"./core-react/text/TextProps\";\n\nexport {\n ExpansionToggle,\n ExpansionToggleProps,\n} from \"./core-react/tree/ExpansionToggle\";\nexport { TreeBranch, TreeBranchProps } from \"./core-react/tree/Branch\";\nexport {\n TreeNode,\n TreeNodeProps,\n NodeCheckboxProps,\n NodeCheckboxRenderer,\n NodeCheckboxRenderProps,\n} from \"./core-react/tree/Node\";\nexport { Tree, TreeProps } from \"./core-react/tree/Tree\";\nexport {\n TreeNodePlaceholder,\n TreeNodePlaceholderProps,\n} from \"./core-react/tree/Placeholder\";\n\nexport * from \"./core-react/uistate/UiStateEntry\";\nexport * from \"./core-react/uistate/UiStateStorage\";\nexport * from \"./core-react/uistate/LocalStateStorage\";\n\nexport * from \"./core-react/utils/IconHelper\";\nimport { registerIconWebComponent } from \"./core-react/utils/IconWebComponent\";\nexport * from \"./core-react/utils/Point\";\nexport * from \"./core-react/utils/Props\";\nexport * from \"./core-react/utils/Rectangle\";\nexport * from \"./core-react/utils/Size\";\nexport * from \"./core-react/utils/Timer\";\nexport * from \"./core-react/utils/UiGeometry\";\nexport * from \"./core-react/utils/flattenChildren\";\nexport * from \"./core-react/utils/getBestBWContrastColor\";\nexport * from \"./core-react/utils/getCssVariable\";\nexport * from \"./core-react/utils/getDisplayName\";\nexport * from \"./core-react/utils/getUserColor\";\nexport * from \"./core-react/utils/shallowDiffers\";\nexport * from \"./core-react/utils/typeUtils\";\nexport * from \"./core-react/utils/isPromiseLike\";\nexport * from \"./core-react/utils/ScrollPositionMaintainer\";\nexport * from \"./core-react/utils/getObjectClassName\";\n\nexport * from \"./core-react/utils/hooks/useDisposable\";\nexport * from \"./core-react/utils/hooks/useEffectSkipFirst\";\nexport * from \"./core-react/utils/hooks/useEventListener\";\nexport * from \"./core-react/utils/hooks/ResizeObserverPolyfill\";\nexport * from \"./core-react/utils/hooks/useOnOutsideClick\";\nexport * from \"./core-react/utils/hooks/useProximityToMouse\";\nexport * from \"./core-react/utils/hooks/useRefEffect\";\nexport * from \"./core-react/utils/hooks/useRefs\";\nexport * from \"./core-react/utils/hooks/useRefState\";\nexport * from \"./core-react/utils/hooks/useResizeObserver\";\nexport * from \"./core-react/utils/hooks/useTargeted\";\nexport * from \"./core-react/utils/hooks/useWidgetOpacityContext\";\nexport * from \"./core-react/utils/hooks/useInterval\";\nexport * from \"./core-react/utils/hooks/useCrossOriginPopup\";\n\nregisterIconWebComponent();\n\n/** @docs-package-description\n * The core-react package contains general purpose React components, such as Dialog, MessageBox, SearchBox, RadialMenu and SplitButton.\n * For more information, see [learning about core-react]($docs/learning/ui/core/index.md).\n */\n/**\n * @docs-group-description AutoSuggest\n * Component for input with an auto-suggestion dropdown.\n */\n/**\n * @docs-group-description Base\n * Low-level classes and components for building application UI.\n */\n/**\n * @docs-group-description Button\n * Components for working with various Buttons.\n */\n/**\n * @docs-group-description Checkbox\n * Component is a wrapper for the `<input type=\"checkbox\">` HTML element.\n */\n/**\n * @docs-group-description CheckListBox\n * Components for working with a Check listbox.\n */\n/**\n * @docs-group-description Common\n * Common classes and enums used across various UI components.\n */\n/**\n * @docs-group-description ContextMenu\n * Components for working with a Context Menu.\n */\n/**\n * @docs-group-description Dialog\n * Components for working with a Dialog or MessageBox.\n */\n/**\n * @docs-group-description ElementSeparator\n * Components for working with a ElementSeparator.\n */\n/**\n * @docs-group-description Expandable\n * Components for working with a ExpandableBlock or ExpandableList.\n */\n/**\n * @docs-group-description Form\n * Components used to create a Form using supplied properties to specify fields.\n */\n/**\n * @docs-group-description Icon\n * Component that renders core-react icon when given an icon name or SVG source.\n */\n/**\n * @docs-group-description Inputs\n * Components for working with input controls, such as Input, IconInput and NumberInput.\n */\n/**\n * @docs-group-description Loading\n * Components for working with Loading spinners and progress indicators and bars.\n */\n/**\n * @docs-group-description Notification\n * Components for working with messages and tooltips.\n */\n/**\n * @docs-group-description Popup\n * Components for working with a Popup.\n */\n/**\n * @docs-group-description RadialMenu\n * Components for working with a RadialMenu.\n */\n/**\n * @docs-group-description Radio\n * Component is a wrapper for the `<input type=\"radio\">` HTML element.\n */\n/**\n * @docs-group-description SearchBox\n * Components for working with a SearchBox.\n */\n/**\n * @docs-group-description Select\n * Component is a wrapper for the `<select>` HTML element.\n */\n/**\n * @docs-group-description Settings\n * Manager and UI Components that allow users to modify settings for different packages and extensions.\n */\n/**\n * @docs-group-description Slider\n * Component displays a range slider with thumbs for changing the value.\n */\n/**\n * @docs-group-description SplitButton\n * Components for working with a SplitButton.\n */\n/**\n * @docs-group-description Tabs\n * Components for working with horizontal or vertical tabs.\n */\n/**\n * @docs-group-description Text\n * Components for working with styled text.\n */\n/**\n * @docs-group-description Tiles\n * Components for a container rendering elements that can be grouped together.\n */\n/**\n * @docs-group-description Toggle\n * Components for working with a Toggle switch.\n */\n/**\n * @docs-group-description Tooltip\n * Components for working with a Tooltip.\n */\n/**\n * @docs-group-description Tree\n * Presentation React components for working with a Tree.\n */\n/**\n * @docs-group-description UiStateStorage\n * Interfaces and classes for working with persistent UI settings.\n */\n/**\n * @docs-group-description Utilities\n * Various utility classes, functions and React hooks for working with a UI.\n */\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@itwin/core-react",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.12.0",
|
|
4
4
|
"description": "iTwin.js UI core components",
|
|
5
5
|
"main": "lib/cjs/core-react.js",
|
|
6
6
|
"module": "lib/esm/core-react.js",
|
|
@@ -102,10 +102,10 @@
|
|
|
102
102
|
"ts-node/register"
|
|
103
103
|
],
|
|
104
104
|
"check-coverage": true,
|
|
105
|
-
"statements":
|
|
105
|
+
"statements": 99,
|
|
106
106
|
"branches": 99,
|
|
107
107
|
"functions": 100,
|
|
108
|
-
"lines":
|
|
108
|
+
"lines": 99
|
|
109
109
|
},
|
|
110
110
|
"scripts": {
|
|
111
111
|
"start": "run-p -l \"build:** -- -w\" \"copy:** -- -w\"",
|
|
@@ -114,8 +114,7 @@
|
|
|
114
114
|
"build:esm": "npm run -s copy:esm && tsc 1>&2 --module ES2020 --outDir lib/esm",
|
|
115
115
|
"copy:cjs": "cpx \"./src/**/*.{*css,svg}\" ./lib/cjs",
|
|
116
116
|
"copy:esm": "cpx \"./src/**/*.{*css,svg}\" ./lib/esm",
|
|
117
|
-
"copy:locale": "cpx
|
|
118
|
-
"pseudolocalize": "betools pseudolocalize --englishDir ./public/locales/en --out ./public/locales/en-PSEUDO",
|
|
117
|
+
"copy:locale": "cpx ./src/core-react/UiCore.json ./lib/public/locales/en",
|
|
119
118
|
"clean": "rimraf lib .rush/temp/package-deps*.json",
|
|
120
119
|
"cover": "nyc npm -s test",
|
|
121
120
|
"lint": "eslint -f visualstudio \"./src/**/*.{ts,tsx}\" 1>&2",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BadgeUtilities.d.ts","sourceRoot":"","sources":["../../../../src/core-react/badge/BadgeUtilities.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAIhE;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,SAAS,mBAAa,CAAC;AAEpC;;GAEG;AACH,qBAAa,cAAc;IACzB,iDAAiD;WACnC,wBAAwB,CACpC,SAAS,CAAC,EAAE,SAAS,GACpB,KAAK,CAAC,SAAS;CAmBnB"}
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
/*---------------------------------------------------------------------------------------------
|
|
3
|
-
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
|
|
4
|
-
* See LICENSE.md in the project root for license terms and full copyright notice.
|
|
5
|
-
*--------------------------------------------------------------------------------------------*/
|
|
6
|
-
/** @packageDocumentation
|
|
7
|
-
* @module Utilities
|
|
8
|
-
*/
|
|
9
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
-
exports.BadgeUtilities = exports.BadgeType = void 0;
|
|
11
|
-
const React = require("react");
|
|
12
|
-
const appui_abstract_1 = require("@itwin/appui-abstract");
|
|
13
|
-
const BetaBadge_1 = require("./BetaBadge");
|
|
14
|
-
const NewBadge_1 = require("./NewBadge");
|
|
15
|
-
/** Specifies type of badge, if any, that should be overlaid on UI component.
|
|
16
|
-
* @public
|
|
17
|
-
*/
|
|
18
|
-
exports.BadgeType = appui_abstract_1.BadgeType; // eslint-disable-line @typescript-eslint/no-redeclare, deprecation/deprecation
|
|
19
|
-
/** Converts BadgeType to Badge React component
|
|
20
|
-
* @internal
|
|
21
|
-
*/
|
|
22
|
-
class BadgeUtilities {
|
|
23
|
-
/** Converts BetaType to Badge React component */
|
|
24
|
-
static getComponentForBadgeType(badgeType) {
|
|
25
|
-
if (badgeType === undefined)
|
|
26
|
-
return undefined;
|
|
27
|
-
let component;
|
|
28
|
-
switch (badgeType) {
|
|
29
|
-
case exports.BadgeType.TechnicalPreview:
|
|
30
|
-
component = React.createElement(BetaBadge_1.BetaBadge, null);
|
|
31
|
-
break;
|
|
32
|
-
case exports.BadgeType.New:
|
|
33
|
-
component = React.createElement(NewBadge_1.NewBadge, null);
|
|
34
|
-
break;
|
|
35
|
-
case exports.BadgeType.None:
|
|
36
|
-
component = undefined;
|
|
37
|
-
break;
|
|
38
|
-
}
|
|
39
|
-
return component;
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
exports.BadgeUtilities = BadgeUtilities;
|
|
43
|
-
//# sourceMappingURL=BadgeUtilities.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BadgeUtilities.js","sourceRoot":"","sources":["../../../../src/core-react/badge/BadgeUtilities.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,0DAAgE;AAChE,2CAAwC;AACxC,yCAAsC;AAOtC;;GAEG;AACU,QAAA,SAAS,GAAG,0BAAU,CAAC,CAAC,+EAA+E;AAEpH;;GAEG;AACH,MAAa,cAAc;IACzB,iDAAiD;IAC1C,MAAM,CAAC,wBAAwB,CACpC,SAAqB;QAErB,IAAI,SAAS,KAAK,SAAS;YAAE,OAAO,SAAS,CAAC;QAE9C,IAAI,SAA0B,CAAC;QAE/B,QAAQ,SAAS,EAAE;YACjB,KAAK,iBAAS,CAAC,gBAAgB;gBAC7B,SAAS,GAAG,oBAAC,qBAAS,OAAG,CAAC;gBAC1B,MAAM;YACR,KAAK,iBAAS,CAAC,GAAG;gBAChB,SAAS,GAAG,oBAAC,mBAAQ,OAAG,CAAC;gBACzB,MAAM;YACR,KAAK,iBAAS,CAAC,IAAI;gBACjB,SAAS,GAAG,SAAS,CAAC;gBACtB,MAAM;SACT;QAED,OAAO,SAAS,CAAC;IACnB,CAAC;CACF;AAvBD,wCAuBC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Utilities\n */\n\nimport * as React from \"react\";\nimport { BadgeType as _BadgeType } from \"@itwin/appui-abstract\";\nimport { BetaBadge } from \"./BetaBadge\";\nimport { NewBadge } from \"./NewBadge\";\n\n/** Specifies type of badge, if any, that should be overlaid on UI component.\n * @public\n */\nexport type BadgeType = _BadgeType; // eslint-disable-line deprecation/deprecation\n\n/** Specifies type of badge, if any, that should be overlaid on UI component.\n * @public\n */\nexport const BadgeType = _BadgeType; // eslint-disable-line @typescript-eslint/no-redeclare, deprecation/deprecation\n\n/** Converts BadgeType to Badge React component\n * @internal\n */\nexport class BadgeUtilities {\n /** Converts BetaType to Badge React component */\n public static getComponentForBadgeType(\n badgeType?: BadgeType\n ): React.ReactNode {\n if (badgeType === undefined) return undefined;\n\n let component: React.ReactNode;\n\n switch (badgeType) {\n case BadgeType.TechnicalPreview:\n component = <BetaBadge />;\n break;\n case BadgeType.New:\n component = <NewBadge />;\n break;\n case BadgeType.None:\n component = undefined;\n break;\n }\n\n return component;\n }\n}\n"]}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/** @packageDocumentation
|
|
2
|
-
* @module Utilities
|
|
3
|
-
*/
|
|
4
|
-
import * as React from "react";
|
|
5
|
-
import type { CommonProps } from "../utils/Props";
|
|
6
|
-
/** Beta Badge React component
|
|
7
|
-
* @internal
|
|
8
|
-
*/
|
|
9
|
-
export declare function BetaBadge(props: CommonProps): React.JSX.Element;
|
|
10
|
-
//# sourceMappingURL=BetaBadge.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BetaBadge.d.ts","sourceRoot":"","sources":["../../../../src/core-react/badge/BetaBadge.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,WAAW,qBAG3C"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
/*---------------------------------------------------------------------------------------------
|
|
3
|
-
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
|
|
4
|
-
* See LICENSE.md in the project root for license terms and full copyright notice.
|
|
5
|
-
*--------------------------------------------------------------------------------------------*/
|
|
6
|
-
/** @packageDocumentation
|
|
7
|
-
* @module Utilities
|
|
8
|
-
*/
|
|
9
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
-
exports.BetaBadge = void 0;
|
|
11
|
-
const classnames_1 = require("classnames");
|
|
12
|
-
const React = require("react");
|
|
13
|
-
const Badge_1 = require("./Badge");
|
|
14
|
-
const technical_preview_badge_svg_1 = require("./technical-preview-badge.svg");
|
|
15
|
-
/** Beta Badge React component
|
|
16
|
-
* @internal
|
|
17
|
-
*/
|
|
18
|
-
function BetaBadge(props) {
|
|
19
|
-
const className = (0, classnames_1.default)("core-badge-betaBadge", props.className);
|
|
20
|
-
return React.createElement(Badge_1.Badge, { ...props, svg: technical_preview_badge_svg_1.default, className: className });
|
|
21
|
-
}
|
|
22
|
-
exports.BetaBadge = BetaBadge;
|
|
23
|
-
//# sourceMappingURL=BetaBadge.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BetaBadge.js","sourceRoot":"","sources":["../../../../src/core-react/badge/BetaBadge.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,2CAAoC;AACpC,+BAA+B;AAE/B,mCAAgC;AAChC,+EAA0D;AAE1D;;GAEG;AACH,SAAgB,SAAS,CAAC,KAAkB;IAC1C,MAAM,SAAS,GAAG,IAAA,oBAAU,EAAC,sBAAsB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IACtE,OAAO,oBAAC,aAAK,OAAK,KAAK,EAAE,GAAG,EAAE,qCAAa,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;AACxE,CAAC;AAHD,8BAGC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Utilities\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { Badge } from \"./Badge\";\nimport betaBadgeIcon from \"./technical-preview-badge.svg\";\n\n/** Beta Badge React component\n * @internal\n */\nexport function BetaBadge(props: CommonProps) {\n const className = classnames(\"core-badge-betaBadge\", props.className);\n return <Badge {...props} svg={betaBadgeIcon} className={className} />;\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" enable-background="new 0 0 16 16"><path d="m15 0h-14c-.4 0-.8.2-.9.6s-.1.8.2 1.1l14 14c.2.2.4.3.7.3.1 0 .3 0 .4-.1.4-.2.6-.5.6-.9v-14c0-.6-.4-1-1-1m-4 7c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2"/></svg>
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 16 16"><defs><linearGradient id="a" x1="8" y1="15" x2="8" y2="1" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffc335"/><stop offset="1" stop-color="#ffdf52"/></linearGradient></defs><path d="M15,1V15L1,1H15" fill="url(#a)"/><path d="M15,1V15L1,1H15m0-1H1A.87458.87458,0,0,0,.1.6.91284.91284,0,0,0,.3,1.7l14,14a.90783.90783,0,0,0,.7.3.60123.60123,0,0,0,.4-.1A.961.961,0,0,0,16,15V1A.94477.94477,0,0,0,15,0Z" fill="#ffc000"/><circle cx="11" cy="5" r="2" opacity="0.9" style="isolation:isolate"/></svg>
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
interface UseTranslationResult {
|
|
2
|
-
translate: (key: string) => string;
|
|
3
|
-
}
|
|
4
|
-
/**
|
|
5
|
-
* Returns a translation function.
|
|
6
|
-
* @internal
|
|
7
|
-
*/
|
|
8
|
-
export declare function useTranslation(): UseTranslationResult;
|
|
9
|
-
export {};
|
|
10
|
-
//# sourceMappingURL=useTranslation.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useTranslation.d.ts","sourceRoot":"","sources":["../../../src/core-react/useTranslation.ts"],"names":[],"mappings":"AAOA,UAAU,oBAAoB;IAC5B,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CACpC;AAED;;;GAGG;AACH,wBAAgB,cAAc,IAAI,oBAAoB,CAMrD"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useTranslation.js","sourceRoot":"","sources":["../../../src/core-react/useTranslation.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;;;AAEhG,qCAAkC;AAMlC;;;GAGG;AACH,SAAgB,cAAc;IAC5B,MAAM,SAAS,GAAG,CAAC,GAAW,EAAE,EAAE;QAChC,OAAO,eAAM,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,EAAE,SAAS,EAAE,CAAC;AACvB,CAAC;AAND,wCAMC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n\nimport { UiCore } from \"./UiCore\";\n\ninterface UseTranslationResult {\n translate: (key: string) => string;\n}\n\n/**\n * Returns a translation function.\n * @internal\n */\nexport function useTranslation(): UseTranslationResult {\n const translate = (key: string) => {\n return UiCore.translate(key);\n };\n\n return { translate };\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BadgeUtilities.d.ts","sourceRoot":"","sources":["../../../../src/core-react/badge/BadgeUtilities.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAIhE;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,SAAS,mBAAa,CAAC;AAEpC;;GAEG;AACH,qBAAa,cAAc;IACzB,iDAAiD;WACnC,wBAAwB,CACpC,SAAS,CAAC,EAAE,SAAS,GACpB,KAAK,CAAC,SAAS;CAmBnB"}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
/*---------------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
|
|
3
|
-
* See LICENSE.md in the project root for license terms and full copyright notice.
|
|
4
|
-
*--------------------------------------------------------------------------------------------*/
|
|
5
|
-
/** @packageDocumentation
|
|
6
|
-
* @module Utilities
|
|
7
|
-
*/
|
|
8
|
-
import * as React from "react";
|
|
9
|
-
import { BadgeType as _BadgeType } from "@itwin/appui-abstract";
|
|
10
|
-
import { BetaBadge } from "./BetaBadge";
|
|
11
|
-
import { NewBadge } from "./NewBadge";
|
|
12
|
-
/** Specifies type of badge, if any, that should be overlaid on UI component.
|
|
13
|
-
* @public
|
|
14
|
-
*/
|
|
15
|
-
export const BadgeType = _BadgeType; // eslint-disable-line @typescript-eslint/no-redeclare, deprecation/deprecation
|
|
16
|
-
/** Converts BadgeType to Badge React component
|
|
17
|
-
* @internal
|
|
18
|
-
*/
|
|
19
|
-
export class BadgeUtilities {
|
|
20
|
-
/** Converts BetaType to Badge React component */
|
|
21
|
-
static getComponentForBadgeType(badgeType) {
|
|
22
|
-
if (badgeType === undefined)
|
|
23
|
-
return undefined;
|
|
24
|
-
let component;
|
|
25
|
-
switch (badgeType) {
|
|
26
|
-
case BadgeType.TechnicalPreview:
|
|
27
|
-
component = React.createElement(BetaBadge, null);
|
|
28
|
-
break;
|
|
29
|
-
case BadgeType.New:
|
|
30
|
-
component = React.createElement(NewBadge, null);
|
|
31
|
-
break;
|
|
32
|
-
case BadgeType.None:
|
|
33
|
-
component = undefined;
|
|
34
|
-
break;
|
|
35
|
-
}
|
|
36
|
-
return component;
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
//# sourceMappingURL=BadgeUtilities.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BadgeUtilities.js","sourceRoot":"","sources":["../../../../src/core-react/badge/BadgeUtilities.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAOtC;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,+EAA+E;AAEpH;;GAEG;AACH,MAAM,OAAO,cAAc;IACzB,iDAAiD;IAC1C,MAAM,CAAC,wBAAwB,CACpC,SAAqB;QAErB,IAAI,SAAS,KAAK,SAAS;YAAE,OAAO,SAAS,CAAC;QAE9C,IAAI,SAA0B,CAAC;QAE/B,QAAQ,SAAS,EAAE;YACjB,KAAK,SAAS,CAAC,gBAAgB;gBAC7B,SAAS,GAAG,oBAAC,SAAS,OAAG,CAAC;gBAC1B,MAAM;YACR,KAAK,SAAS,CAAC,GAAG;gBAChB,SAAS,GAAG,oBAAC,QAAQ,OAAG,CAAC;gBACzB,MAAM;YACR,KAAK,SAAS,CAAC,IAAI;gBACjB,SAAS,GAAG,SAAS,CAAC;gBACtB,MAAM;SACT;QAED,OAAO,SAAS,CAAC;IACnB,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Utilities\n */\n\nimport * as React from \"react\";\nimport { BadgeType as _BadgeType } from \"@itwin/appui-abstract\";\nimport { BetaBadge } from \"./BetaBadge\";\nimport { NewBadge } from \"./NewBadge\";\n\n/** Specifies type of badge, if any, that should be overlaid on UI component.\n * @public\n */\nexport type BadgeType = _BadgeType; // eslint-disable-line deprecation/deprecation\n\n/** Specifies type of badge, if any, that should be overlaid on UI component.\n * @public\n */\nexport const BadgeType = _BadgeType; // eslint-disable-line @typescript-eslint/no-redeclare, deprecation/deprecation\n\n/** Converts BadgeType to Badge React component\n * @internal\n */\nexport class BadgeUtilities {\n /** Converts BetaType to Badge React component */\n public static getComponentForBadgeType(\n badgeType?: BadgeType\n ): React.ReactNode {\n if (badgeType === undefined) return undefined;\n\n let component: React.ReactNode;\n\n switch (badgeType) {\n case BadgeType.TechnicalPreview:\n component = <BetaBadge />;\n break;\n case BadgeType.New:\n component = <NewBadge />;\n break;\n case BadgeType.None:\n component = undefined;\n break;\n }\n\n return component;\n }\n}\n"]}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/** @packageDocumentation
|
|
2
|
-
* @module Utilities
|
|
3
|
-
*/
|
|
4
|
-
import * as React from "react";
|
|
5
|
-
import type { CommonProps } from "../utils/Props";
|
|
6
|
-
/** Beta Badge React component
|
|
7
|
-
* @internal
|
|
8
|
-
*/
|
|
9
|
-
export declare function BetaBadge(props: CommonProps): React.JSX.Element;
|
|
10
|
-
//# sourceMappingURL=BetaBadge.d.ts.map
|