npm - @itwin/core-react - Versions diffs - 3.0.0-dev.77 → 3.0.0-dev.81 - Mend

@itwin/core-react 3.0.0-dev.77 → 3.0.0-dev.81

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 (1851) hide show

package/lib/cjs/core-react/select/ThemedSelect.js ADDED Viewed

@@ -0,0 +1,57 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/* eslint-disable deprecation/deprecation */
+/** @packageDocumentation
+ * @module Select
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemedSelect = void 0;
+require("./themed-select.scss");
+const classnames_1 = require("classnames");
+const React = require("react");
+const react_select_1 = require("react-select");
+const UiCore_1 = require("../UiCore");
+const getCssVariable_1 = require("../utils/getCssVariable");
+const modalHelper_1 = require("./modalHelper");
+const ThemedMenu = (props) => {
+    return (React.createElement("div", { className: "uicore-reactSelectTop" },
+        React.createElement(react_select_1.components.Menu, { ...props })));
+};
+/** ThemedSelect is a wrapper for react-select with iModel.js UI theming applied
+ * @beta
+ * @deprecated use Select from @itwin/itwinui-react
+ */
+// eslint-disable-next-line @typescript-eslint/naming-convention
+function ThemedSelect(props) {
+    var _a;
+    const noOptionLabel = React.useRef();
+    const defaultOptionMessage = React.useCallback(() => {
+        if (!noOptionLabel.current) {
+            noOptionLabel.current = UiCore_1.UiCore.translate("reactelect.noSelectOption");
+        }
+        return noOptionLabel.current;
+    }, [noOptionLabel]);
+    const noOptionFunction = (_a = props.noOptionsMessage) !== null && _a !== void 0 ? _a : defaultOptionMessage;
+    const selectClassName = (0, classnames_1.default)("uicore-reactSelectTop", props.className);
+    const portalTarget = !!props.isMenuFixed ? undefined : (0, modalHelper_1.getParentSelector)();
+    const {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    classNamePrefix, className, noOptionsMessage, menuPortalTarget, isMenuFixed, styles, components, divRef, ref,
+    // eslint-disable-next-line comma-dangle
+    ...otherProps // pass-through props
+     } = props;
+    const selectStyles = {
+        ...props.styles,
+        menuPortal: (base) => ({ ...base, zIndex }),
+    };
+    const zIndex = (0, getCssVariable_1.getCssVariableAsNumber)("--uicore-z-index-dialog-popup");
+    return (React.createElement("div", { className: selectClassName, ref: divRef },
+        React.createElement(react_select_1.default, { ref: ref, classNamePrefix: "react-select", noOptionsMessage: noOptionFunction, menuPortalTarget: portalTarget, styles: selectStyles,
+            // eslint-disable-next-line @typescript-eslint/naming-convention
+            components: { Menu: ThemedMenu, ...props.components }, ...otherProps })));
+}
+exports.ThemedSelect = ThemedSelect;
+//# sourceMappingURL=ThemedSelect.js.map

package/lib/cjs/core-react/select/ThemedSelect.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ThemedSelect.js","sourceRoot":"","sources":["../../../../src/core-react/select/ThemedSelect.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F,4CAA4C;AAC5C;;GAEG;;;AAEH,gCAA8B;AAC9B,2CAAoC;AACpC,+BAA+B;AAC/B,+CAAqD;AAKrD,sCAAmC;AACnC,4DAAiE;AACjE,+CAAkD;AAqLlD,MAAM,UAAU,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC3C,OAAO,CACL,6BAAK,SAAS,EAAC,uBAAuB;QACpC,oBAAC,yBAAU,CAAC,IAAI,OAAK,KAAK,GAAI,CAC1B,CACP,CAAC;AACJ,CAAC,CAAC;AACF;;;GAGG;AACH,gEAAgE;AAChE,SAAgB,YAAY,CAAC,KAAwB;;IACnD,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,EAAsB,CAAC;IACzD,MAAM,oBAAoB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAClD,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE;YAC1B,aAAa,CAAC,OAAO,GAAG,eAAM,CAAC,SAAS,CAAC,2BAA2B,CAAC,CAAC;SACvE;QACD,OAAO,aAAa,CAAC,OAAO,CAAC;IAC/B,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IACpB,MAAM,gBAAgB,GAAG,MAAA,KAAK,CAAC,gBAAgB,mCAAI,oBAAoB,CAAC;IACxE,MAAM,eAAe,GAAG,IAAA,oBAAU,EAAC,uBAAuB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAC7E,MAAM,YAAY,GAAG,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAA,+BAAiB,GAAE,CAAC;IAC3E,MAAM;IACJ,6DAA6D;IAC7D,eAAe,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG;IAC5G,wCAAwC;IACxC,GAAG,UAAU,CAAC,qBAAqB;MACpC,GAAG,KAAY,CAAC;IACjB,MAAM,YAAY,GAAG;QACnB,GAAG,KAAK,CAAC,MAAM;QACf,UAAU,EAAE,CAAC,IAAyB,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,MAAM,EAAE,CAAC;KACjE,CAAC;IAEF,MAAM,MAAM,GAAG,IAAA,uCAAsB,EAAC,+BAA+B,CAAC,CAAC;IACvE,OAAO,CACL,6BAAK,SAAS,EAAE,eAAe,EAAE,GAAG,EAAE,MAAM;QAC1C,oBAAC,sBAAS,IACR,GAAG,EAAE,GAAG,EACR,eAAe,EAAC,cAAc,EAC9B,gBAAgB,EAAE,gBAAgB,EAClC,gBAAgB,EAAE,YAAY,EAC9B,MAAM,EAAE,YAAY;YACpB,gEAAgE;YAChE,UAAU,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,EAAE,KACjD,UAAU,GACd,CACE,CACP,CAAC;AACJ,CAAC;AArCD,oCAqCC","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/* eslint-disable deprecation/deprecation */\n/** @packageDocumentation\n * @module Select\n */\n\nimport \"./themed-select.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport Component, { components } from \"react-select\";\nimport { formatGroupLabel, getOptionLabel, getOptionValue } from \"react-select/src/builtins\";\nimport { SelectComponentsConfig } from \"react-select/src/components/index\";\nimport { MenuProps } from \"react-select/src/components/Menu\";\nimport { ActionMeta, FocusEventHandler, InputActionMeta, KeyboardEventHandler, ValueType } from \"react-select/src/types\";\nimport { UiCore } from \"../UiCore\";\nimport { getCssVariableAsNumber } from \"../utils/getCssVariable\";\nimport { getParentSelector } from \"./modalHelper\";\n\n// cspell:ignore reactselect builtins\n\n/* eslint-disable @typescript-eslint/no-shadow, @typescript-eslint/consistent-type-definitions, @typescript-eslint/array-type */\ntype FormatOptionLabelContext = \"menu\" | \"value\";\ntype FormatOptionLabelMeta = {\n context: FormatOptionLabelContext;\n inputValue: string;\n selectValue: ValueType<OptionType>;\n};\n\n/** OptionType for react-select 2.0 and above. which only accepts pairs of value & label strings\n * @beta\n * @deprecated use Select from @itwin/itwinui-react\n */\nexport interface OptionType {\n value: any;\n label: string;\n}\n/** OptionsType to match label/value pair OptionType\n * @beta\n * @deprecated use Select from @itwin/itwinui-react\n*/\nexport type OptionsType = Array<OptionType>;\n\n/** ThemedSelectProps to control specific features of ThemedSelect\n * @beta\n * @deprecated use Select from @itwin/itwinui-react\n */\nexport type ThemedSelectProps = {\n /* Aria label (for assistive tech) */\n \"aria-label\"?: string;\n /* HTML ID of an element that should be used as the label (for assistive tech) */\n \"aria-labelledby\"?: string;\n /* Focus the control when it is mounted */\n autoFocus?: boolean;\n /* Remove the currently focused option when the user presses backspace */\n backspaceRemovesValue?: boolean;\n /* Remove focus from the input when the user selects an option (handy for dismissing the keyboard on touch devices) */\n blurInputOnSelect?: boolean;\n /* When the user reaches the top/bottom of the menu, prevent scroll on the scroll-parent */\n captureMenuScroll?: boolean;\n /* Sets a className attribute on the outer component */\n className?: string;\n /* Close the select menu when the user selects an option */\n closeMenuOnSelect?: boolean;\n /*\n If `true`, close the select menu when the user scrolls the document/body.\n\n If a function, takes a standard javascript `ScrollEvent` you return a boolean:\n\n `true` => The menu closes\n\n `false` => The menu stays open\n\n This is useful when you have a scrollable modal and want to portal the menu out,\n but want to avoid graphical issues.\n */\n closeMenuOnScroll?: boolean | EventListener;\n /*\n This complex object includes all the compositional components that are used\n in `react-select`. If you wish to overwrite a component, pass in an object\n with the appropriate namespace.\n\n If you only wish to restyle a component, we recommend using the `styles` prop\n instead. For a list of the components that can be passed in, and the shape\n that will be passed to them, see [the components docs](/components)\n */\n components?: SelectComponentsConfig<OptionType>;\n /* Whether the value of the select, e.g. SingleValue, should be displayed in the control. */\n controlShouldRenderValue?: boolean;\n /* Ff true, the menu is open immediately */\n defaultMenuIsOpen?: boolean;\n /* Value set in the control by default */\n defaultValue?: ValueType<OptionType>;\n /** Provides ability to return reference to the outer HTMLDivElement */\n divRef?: React.Ref<HTMLDivElement>;\n /* Clear all values when the user presses escape AND the menu is closed */\n escapeClearsValue?: boolean;\n /* Custom method to filter whether an option should be displayed in the menu */\n filterOption?: ((\n option: OptionType,\n rawInput: string,\n ) => boolean) | null;\n /*\n Formats group labels in the menu as React components\n\n An example can be found in the [Replacing builtins](/advanced#replacing-builtins) documentation.\n*/\n formatGroupLabel?: typeof formatGroupLabel;\n /* Formats option labels in the menu and control as React components */\n formatOptionLabel?: (optionType: OptionType, formatLabelMeta: FormatOptionLabelMeta) => React.ReactNode;\n /* Resolves option data to a string to be displayed as the label by components */\n getOptionLabel?: typeof getOptionLabel;\n /* Resolves option data to a string to compare options and specify value attributes */\n getOptionValue?: typeof getOptionValue;\n /* Hide the selected option from the menu */\n hideSelectedOptions?: boolean;\n /* The id to set on the SelectContainer component. */\n id?: string;\n /* The value of the search input */\n inputValue?: string;\n /* The id of the search input */\n inputId?: string;\n /* Define an id prefix for the select components e.g. {your-id}-value */\n instanceId?: number | string;\n /* Is the select value clearable */\n isClearable?: boolean;\n /* Is the select disabled */\n isDisabled?: boolean;\n /* Is the select in a state of loading (async) */\n isLoading?: boolean;\n /*\n Override the built-in logic to detect whether an option is disabled\n\n An example can be found in the [Replacing builtins](/advanced#replacing-builtins) documentation.\n */\n isOptionDisabled?: (option: OptionType, options: OptionsType) => boolean | false;\n /* Support multiple selected options */\n isMulti?: boolean;\n /* If true, menu will not be opened in a portal */\n isMenuFixed?: boolean;\n /* Is the select direction right-to-left */\n isRtl?: boolean;\n /* Whether to enable search functionality */\n isSearchable?: boolean;\n /* Minimum height of the menu before flipping */\n minMenuHeight?: number;\n /* Maximum height of the menu before scrolling */\n maxMenuHeight?: number;\n /* Whether the menu is open */\n menuIsOpen?: boolean;\n /* Whether to block scroll events when the menu is open */\n menuShouldBlockScroll?: boolean;\n /* Whether the menu should be scrolled into view when it opens */\n menuShouldScrollIntoView?: boolean;\n /* Name of the HTML Input (optional - without this, no input will be rendered) */\n name?: string;\n /* Text to display when there are no options */\n noOptionsMessage?: (obj: { inputValue: string }) => string | null;\n /* Handle blur events on the control */\n onBlur?: FocusEventHandler;\n /* Handle change events on the select */\n onChange?: (value: ValueType<OptionType>, action: ActionMeta<OptionType>) => void;\n /* Handle focus events on the control */\n onFocus?: FocusEventHandler;\n /* Handle change events on the input */\n onInputChange?: (newValue: string, actionMeta?: InputActionMeta) => void;\n /* Handle key down events on the select */\n onKeyDown?: KeyboardEventHandler;\n /* Handle the menu opening */\n onMenuOpen?: () => void;\n /* Handle the menu closing */\n onMenuClose?: () => void;\n /* Fired when the user scrolls to the top of the menu */\n onMenuScrollToTop?: (e: React.SyntheticEvent<HTMLElement>) => void;\n /* Fired when the user scrolls to the bottom of the menu */\n onMenuScrollToBottom?: (e: React.SyntheticEvent<HTMLElement>) => void;\n /* Allows control of whether the menu is opened when the Select is focused */\n openMenuOnFocus?: boolean;\n /* Allows control of whether the menu is opened when the Select is clicked */\n openMenuOnClick?: boolean;\n /* Array of options that populate the select menu */\n options: OptionsType;\n /* Number of options to jump in menu when page{up|down} keys are used */\n pageSize?: number;\n /* Placeholder for the select value */\n placeholder?: string;\n /** Provides ability to return reference to the ThemedSelect */\n ref?: React.Ref<Component>;\n /* Sets additional styling */\n styles?: React.CSSProperties;\n /* Sets the tabIndex attribute on the input */\n tabIndex?: string;\n /* Select the currently focused option when the user presses tab */\n tabSelectsValue?: boolean;\n /* The value of the select; reflected by the selected option */\n value?: ValueType<OptionType>;\n};\n\nconst ThemedMenu = (props: MenuProps<any>) => { // eslint-disable-line @typescript-eslint/naming-convention\n return (\n <div className=\"uicore-reactSelectTop\">\n <components.Menu {...props} />\n </div>\n );\n};\n/** ThemedSelect is a wrapper for react-select with iModel.js UI theming applied\n * @beta\n * @deprecated use Select from @itwin/itwinui-react\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function ThemedSelect(props: ThemedSelectProps) {\n const noOptionLabel = React.useRef<string | undefined>();\n const defaultOptionMessage = React.useCallback(() => {\n if (!noOptionLabel.current) {\n noOptionLabel.current = UiCore.translate(\"reactelect.noSelectOption\");\n }\n return noOptionLabel.current;\n }, [noOptionLabel]);\n const noOptionFunction = props.noOptionsMessage ?? defaultOptionMessage;\n const selectClassName = classnames(\"uicore-reactSelectTop\", props.className);\n const portalTarget = !!props.isMenuFixed ? undefined : getParentSelector();\n const {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n classNamePrefix, className, noOptionsMessage, menuPortalTarget, isMenuFixed, styles, components, divRef, ref,\n // eslint-disable-next-line comma-dangle\n ...otherProps // pass-through props\n } = props as any;\n const selectStyles = {\n ...props.styles,\n menuPortal: (base: React.CSSProperties) => ({ ...base, zIndex }),\n };\n\n const zIndex = getCssVariableAsNumber(\"--uicore-z-index-dialog-popup\");\n return (\n <div className={selectClassName} ref={divRef}>\n <Component\n ref={ref}\n classNamePrefix=\"react-select\"\n noOptionsMessage={noOptionFunction}\n menuPortalTarget={portalTarget}\n styles={selectStyles}\n // eslint-disable-next-line @typescript-eslint/naming-convention\n components={{ Menu: ThemedMenu, ...props.components }}\n {...otherProps}\n />\n </div>\n );\n}\n"]}

package/lib/{core-react → cjs/core-react}/select/classes.scss RENAMED Viewed

File without changes

package/lib/{core-react → cjs/core-react}/select/index.scss RENAMED Viewed

File without changes

package/lib/{core-react → cjs/core-react}/select/labeled-select.scss RENAMED Viewed

File without changes

package/lib/{core-react → cjs/core-react}/select/labeled-themed-select.scss RENAMED Viewed

File without changes

package/lib/{core-react → cjs/core-react}/select/modalHelper.d.ts RENAMED Viewed

File without changes

package/lib/cjs/core-react/select/modalHelper.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"modalHelper.d.ts","sourceRoot":"","sources":["../../../../src/core-react/select/modalHelper.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,eAAO,MAAM,iBAAiB,QAAO,WAQpC,CAAC"}

package/lib/{core-react → cjs/core-react}/select/modalHelper.js RENAMED Viewed

File without changes

package/lib/cjs/core-react/select/modalHelper.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"modalHelper.js","sourceRoot":"","sources":["../../../../src/core-react/select/modalHelper.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;;;AAE/F;;GAEG;AACI,MAAM,iBAAiB,GAAG,GAAgB,EAAE;IACjD,IAAI,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IAC/C,IAAI,CAAC,MAAM,EAAE;QACX,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACvC,MAAM,CAAC,EAAE,GAAG,QAAQ,CAAC;QACrB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;KACnC;IACD,OAAO,MAAqB,CAAC;AAC/B,CAAC,CAAC;AARW,QAAA,iBAAiB,qBAQ5B","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/** getParentSelector\n * @internal\n */\nexport const getParentSelector = (): HTMLElement => {\n let portal = document.querySelector(\"#portal\");\n if (!portal) {\n portal = document.createElement(\"div\");\n portal.id = \"portal\";\n document.body.appendChild(portal);\n }\n return portal as HTMLElement;\n};\n"]}

package/lib/{core-react → cjs/core-react}/select/select.scss RENAMED Viewed

File without changes

package/lib/{core-react → cjs/core-react}/select/themed-select.scss RENAMED Viewed

File without changes

package/lib/{core-react → cjs/core-react}/settings/SettingsContainer.d.ts RENAMED Viewed

File without changes

package/lib/cjs/core-react/settings/SettingsContainer.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SettingsContainer.d.ts","sourceRoot":"","sources":["../../../../src/core-react/settings/SettingsContainer.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,0BAA0B,CAAC;AAElC,OAAO,EAA+G,eAAe,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAiBnL;;GAEG;AACH,wBAAgB,qCAAqC,CAAC,eAAe,EAAE,eAAe,EAAE,YAAY,EAAE,CAAC,SAAS,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,EAAE,aAAa,CAAC,EAAE,GAAG,KAAK,IAAI,QAOlK;AAED;;GAEG;AACH,wBAAgB,qCAAqC,CAAC,eAAe,EAAE,eAAe,EAAE,YAAY,EAAE,CAAC,gBAAgB,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,EAAE,sBAAsB,CAAC,EAAE,MAAM,KAAK,IAAI,QAOrL;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,gBAAgB,EAAE,CAAC;IAEzB,kBAAkB,CAAC,EAAE,gBAAgB,CAAC;IAEtC,qBAAqB,CAAC,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAExD,eAAe,EAAE,eAAe,CAAC;IAEjC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,qFAAoF,sBAAsB,gBAgFvI,CAAC"}

package/lib/{core-react → cjs/core-react}/settings/SettingsContainer.js RENAMED Viewed

File without changes

package/lib/cjs/core-react/settings/SettingsContainer.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SettingsContainer.js","sourceRoot":"","sources":["../../../../src/core-react/settings/SettingsContainer.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 Settings\n */\n\nimport \"./SettingsContainer.scss\";\nimport * as React from \"react\";\nimport { ActivateSettingsTabEventArgs, ProcessSettingsContainerCloseEventArgs, ProcessSettingsTabActivationEventArgs, SettingsManager, SettingsTabEntry } from \"./SettingsManager\";\nimport { VerticalTabs } from \"../tabs/VerticalTabs\";\nimport { ConditionalBooleanValue } from \"@itwin/appui-abstract\";\n\n/* ---------------------------------------------------------------------------------------------------\n// A typical implementation of a saveFunction callback\nconst saveChanges = React.useCallback((afterSaveFunction: (args: any) => void, args?: any) => {\n if (dataIsDirty) {\n // prompt user to save changes passing in function and arguments to call after saving changes.\n ModalDialogManager.openDialog(<CustomSavePromptModalDialog customProps={customProps}\n onDialogCloseArgs={args} onDialogClose={afterSaveFunction} />);\n return;\n }\n afterSaveFunction(args);\n}, []);\n---------------------------------------------------------------------------------------------------------- */\n\n/** Hook to use within Settings Page component to allow saving the current page's data before the Setting Container is closed.\n * @public\n */\nexport function useSaveBeforeClosingSettingsContainer(settingsManager: SettingsManager, saveFunction: (closeFunc: (args: any) => void, closeFuncArgs?: any) => void) {\n React.useEffect (()=>{\n const handleProcessSettingsContainerClose = ({closeFunc, closeFuncArgs}: ProcessSettingsContainerCloseEventArgs) => {\n saveFunction (closeFunc, closeFuncArgs);\n };\n return settingsManager.onProcessSettingsContainerClose.addListener(handleProcessSettingsContainerClose);\n }, [saveFunction, settingsManager]);\n}\n\n/** Hook to use within Settings Page component to allow saving the current page's data before loading to the requested Setting Tab's page.\n * @public\n */\nexport function useSaveBeforeActivatingNewSettingsTab(settingsManager: SettingsManager, saveFunction: (tabSelectionFunc: (args: any) => void, requestedSettingsTabId?: string) => void) {\n React.useEffect (()=>{\n const handleProcessSettingsTabActivation = ({tabSelectionFunc, requestedSettingsTabId}: ProcessSettingsTabActivationEventArgs) => {\n saveFunction (tabSelectionFunc, requestedSettingsTabId);\n };\n return settingsManager.onProcessSettingsTabActivation.addListener(handleProcessSettingsTabActivation);\n }, [saveFunction, settingsManager]);\n}\n\n/**\n * @public\n */\nexport interface SettingsContainerProps {\n tabs: SettingsTabEntry[];\n // sets tab to set as active tab\n currentSettingsTab?: SettingsTabEntry;\n // If plugging into a SPA and you need to modify the route, you can pass in additional logic here\n onSettingsTabSelected?: (tab: SettingsTabEntry) => void;\n // The SettingsManager that can have event handlers registered against it so pages can save its settings before the page is closed.\n settingsManager: SettingsManager;\n // if true show tab label as header above page contents.\n showHeader?: boolean;\n}\n\n/**\n * SettingsContainer component that displays Setting Tabs on Left and the P\n * Note: that SettingsContainer is not rendered if tabs array is empty\n * @public\n */\nexport const SettingsContainer = ({tabs, onSettingsTabSelected, currentSettingsTab, settingsManager, showHeader}: SettingsContainerProps) => {\n // sort the tabs based on itemPriority\n tabs = tabs.sort((a, b)=> a.itemPriority - b.itemPriority);\n\n const [openTab, setOpenTab] = React.useState(()=>{\n if (currentSettingsTab && !ConditionalBooleanValue.getValue(currentSettingsTab.isDisabled))\n return currentSettingsTab;\n else\n return tabs[0];\n });\n\n const processTabSelection = React.useCallback((tab: SettingsTabEntry) => {\n if (ConditionalBooleanValue.getValue(tab.isDisabled))\n return;\n onSettingsTabSelected && onSettingsTabSelected(tab);\n setOpenTab(tab);\n }, [onSettingsTabSelected]);\n\n const processTabSelectionById = React.useCallback((tabId: string) => {\n const tabToActivate = tabs.find((tab)=>tab.tabId === tabId);\n tabToActivate && processTabSelection (tabToActivate);\n }, [processTabSelection, tabs]);\n\n const onActivateTab = React.useCallback((tabIndex: number) => {\n const selectedTab = tabs[tabIndex];\n if (openTab && openTab.pageWillHandleCloseRequest)\n settingsManager.onProcessSettingsTabActivation.emit({ requestedSettingsTabId:selectedTab.tabId, tabSelectionFunc: processTabSelectionById});\n else\n processTabSelection(selectedTab);\n }, [openTab, processTabSelection, processTabSelectionById, settingsManager, tabs]);\n\n React.useEffect (()=>{\n const handleActivateSettingsTab = ({settingsTabId}: ActivateSettingsTabEventArgs) => {\n const idToFind = settingsTabId.toLowerCase();\n let tabToActivate = tabs.find((tab)=>tab.tabId.toLowerCase() === idToFind);\n if (!tabToActivate)\n tabToActivate = tabs.find((tab)=>tab.label.toLowerCase() === idToFind);\n // istanbul ignore else\n if (tabToActivate) {\n if (openTab && openTab.pageWillHandleCloseRequest)\n settingsManager.onProcessSettingsTabActivation.emit({ requestedSettingsTabId:tabToActivate.tabId, tabSelectionFunc: processTabSelectionById});\n else\n processTabSelection(tabToActivate);\n }\n };\n\n return settingsManager.onActivateSettingsTab.addListener(handleActivateSettingsTab);\n }, [openTab, processTabSelection, processTabSelectionById, settingsManager, settingsManager.onActivateSettingsTab, tabs]);\n\n React.useEffect (()=>{\n const handleSettingsContainerClose = ({closeFunc, closeFuncArgs}: ProcessSettingsContainerCloseEventArgs) => {\n if (openTab && openTab.pageWillHandleCloseRequest)\n settingsManager.onProcessSettingsContainerClose.emit({ closeFunc, closeFuncArgs });\n else\n closeFunc(closeFuncArgs);\n };\n return settingsManager.onCloseSettingsContainer.addListener(handleSettingsContainerClose);\n }, [openTab, processTabSelection, settingsManager, settingsManager.onActivateSettingsTab, tabs]);\n\n const labels=tabs.map((tab)=> {\n return {label:tab.label, subLabel: tab.subLabel, icon: tab.icon,\n tooltip: tab.tooltip, tabId: tab.tabId, disabled: ConditionalBooleanValue.getValue(tab.isDisabled)};\n });\n const activeIndex = tabs.findIndex((tab)=>tab.tabId === openTab.tabId);\n return (\n <div className=\"core-settings-container\">\n <div className=\"core-settings-container-left\">\n <VerticalTabs labels={labels} activeIndex={activeIndex} onActivateTab={onActivateTab} />\n </div>\n <div className=\"core-settings-container-right\">\n {showHeader && <div className=\"core-settings-container-right-header\">\n <span className=\"core-settings-container-main-header\">{openTab.label}</span>\n {openTab.subLabel && <span className=\"core-settings-container-main-sub-header\">{openTab.subLabel}</span>}\n </div>}\n <div className=\"core-settings-container-right-contents\">\n {openTab.page}\n </div>\n </div>\n </div>\n );\n};\n"]}

package/lib/{core-react → cjs/core-react}/settings/SettingsContainer.scss RENAMED Viewed

File without changes

package/lib/{core-react → cjs/core-react}/settings/SettingsManager.d.ts RENAMED Viewed

File without changes

package/lib/cjs/core-react/settings/SettingsManager.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SettingsManager.d.ts","sourceRoot":"","sources":["../../../../src/core-react/settings/SettingsManager.tsx"],"names":[],"mappings":"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"}

package/lib/{core-react → cjs/core-react}/settings/SettingsManager.js RENAMED Viewed

File without changes

package/lib/cjs/core-react/settings/SettingsManager.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SettingsManager.js","sourceRoot":"","sources":["../../../../src/core-react/settings/SettingsManager.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 Settings\n */\n\nimport { BeUiEvent, Logger } from \"@itwin/core-bentley\";\nimport { ConditionalBooleanValue } from \"@itwin/appui-abstract\";\nimport { UiCore } from \"../UiCore\";\n\n/** Interface used to populate a tab entry in the SettingContainer control\n * @public\n */\nexport interface SettingsTabEntry {\n /** unique id for entry */\n readonly tabId: string;\n /** localized display label */\n readonly label: string;\n /** Setting page content to display when tab item is selected. */\n readonly page: JSX.Element;\n /** Setting to true if page will register to watch for stage closing event so it can save any dirty settings. Page component should register and handle the events:\n * `settingsManager.onProcessSettingsTabActivation` and `settingsManager.onProcessSettingsContainerClose` */\n readonly pageWillHandleCloseRequest?: boolean;\n /** used to determine position in tablist */\n readonly itemPriority: number;\n /** Optional Subtitle to show below label. */\n readonly subLabel?: string;\n /** Icon specification */\n readonly icon?: string | JSX.Element;\n /** Tooltip. Allows JSX|Element to support react-tooltip component */\n readonly tooltip?: string | JSX.Element;\n /** Allows Settings entry to be disabled */\n readonly isDisabled?: boolean | ConditionalBooleanValue;\n}\n\n/** Event class for [[this.onSettingsProvidersChanged]] which is emitted when a new SettingsTabsProvider is added or removed.\n * @public\n */\nexport class SettingsProvidersChangedEvent extends BeUiEvent<SettingsProvidersChangedEventArgs> { }\n\n/** Arguments of [[this.onSettingsProvidersChanged]] event.\n * @public\n */\nexport interface SettingsProvidersChangedEventArgs {\n readonly providers: ReadonlyArray<SettingsTabsProvider>;\n}\n\n/** Event class for [[this.onProcessSettingsTabActivation]] which is emitted when a new Tab needs to be activated. This allows the current\n * settings page to save its settings before activating the new SettingTab.\n * @public\n */\nexport class ProcessSettingsTabActivationEvent extends BeUiEvent<ProcessSettingsTabActivationEventArgs> { }\n\n/** Arguments of [[this.onProcessSettingsTabActivation]] event.\n * @public\n */\nexport interface ProcessSettingsTabActivationEventArgs {\n readonly tabSelectionFunc: (tabId: string) => void;\n readonly requestedSettingsTabId: string;\n}\n\n/** Event class for [[this.onProcessSettingsContainerClose]] which is emitted when the settings container will be closed. This allows the current\n * settings page to save its settings before calling the function to close the container.\n * @public\n */\nexport class ProcessSettingsContainerCloseEvent extends BeUiEvent<ProcessSettingsContainerCloseEventArgs> { }\n\n/** Event class for [[this.onCloseSettingsContainer]] which is monitored by the settings container and indicates that some out process want to close the settings container.\n * @internal\n */\nexport class CloseSettingsContainerEvent extends BeUiEvent<ProcessSettingsContainerCloseEventArgs> { }\n\n/** Arguments of [[this.onProcessSettingsContainerClose]] event.\n * @public\n */\nexport interface ProcessSettingsContainerCloseEventArgs {\n readonly closeFunc: (args: any) => void;\n readonly closeFuncArgs?: any;\n}\n\n/** Event class for [[this.onActivateSettingsTab]] which is emitted when API call needs to set the active settings tab (ie via Tool key-in).\n * @public\n */\nexport class ActivateSettingsTabEvent extends BeUiEvent<ActivateSettingsTabEventArgs> { }\n\n/** Arguments of [[this.onActivateSettingsTab]] event.\n * @public\n */\nexport interface ActivateSettingsTabEventArgs {\n readonly settingsTabId: string;\n}\n\n/** Setting Provider interface. Implemented by classes that want to supply settings pages for display in the SettingContainer. The\n * classes that implement this interface need to be registered with the [[SettingsManager]].\n * @public\n */\nexport interface SettingsTabsProvider {\n /** Id of provider, used to remove registration. */\n readonly id: string;\n getSettingEntries(stageId: string, stageUsage: string): ReadonlyArray<SettingsTabEntry> | undefined;\n}\n\n/** Settings Manager class. Hold registration of settings providers and supplies events for the provided settings pages to listen.\n * @public\n */\nexport class SettingsManager {\n private _providers: ReadonlyArray<SettingsTabsProvider> = [];\n\n /** Event raised when SettingsProviders are changed.\n */\n public readonly onSettingsProvidersChanged = new SettingsProvidersChangedEvent();\n\n /** Event raised solely for a settings page to monitor so it can save its settings before continuing tab activation.\n * See React hook function `useSaveBeforeActivatingNewSettingsTab`.\n */\n public readonly onProcessSettingsTabActivation = new ProcessSettingsTabActivationEvent();\n\n /** Event raised when the settings container will be closed. Any setting page component that is 'modal' should register to\n * listen to this event so that it can save its state before closing. See React hook function `useSaveBeforeClosingSettingsContainer`.\n */\n public readonly onProcessSettingsContainerClose = new ProcessSettingsContainerCloseEvent();\n\n /** Event raised to change the active settings tab shown in UI. Monitored by the SettingsContainer.\n * @internal\n */\n public readonly onActivateSettingsTab = new ActivateSettingsTabEvent();\n\n /** Event monitored by SettingsContainer to process request to close the settings container.\n * @internal\n */\n public readonly onCloseSettingsContainer = new CloseSettingsContainerEvent();\n\n /** @public */\n public get providers(): ReadonlyArray<SettingsTabsProvider> { return this._providers; }\n public set providers(p: ReadonlyArray<SettingsTabsProvider>) {\n this._providers = p;\n this.onSettingsProvidersChanged.emit({ providers: p });\n }\n\n /** Called by application when an tool, keyin, or other process want to change the active settings tab/page giving the current tab/page and opportunity\n * to save its state.\n */\n public activateSettingsTab(settingsTabId: string) {\n this.onActivateSettingsTab.emit({ settingsTabId });\n }\n\n /** Called by application when the Settings Container is to be closed. The function to invoke to actually close the Settings Container is\n * passed in and executed once the active settings tab/page has a chance to save its settings.\n */\n public closeSettingsContainer(closeFunc: (args: any) => void, closeFuncArgs?: any) {\n this.onCloseSettingsContainer.emit({ closeFunc, closeFuncArgs });\n }\n\n public addSettingsProvider(settingsProvider: SettingsTabsProvider): void {\n const foundProvider = this._providers.find((p) => p.id === settingsProvider.id);\n if (!foundProvider) {\n const updatedProviders = [\n ...this.providers,\n settingsProvider,\n ];\n this.providers = updatedProviders;\n } else {\n Logger.logInfo(UiCore.loggerCategory(this), `Settings Provider with id of ${settingsProvider.id} has already been registered`);\n }\n }\n\n public removeSettingsProvider(providerId: string): boolean {\n let result = false;\n const updatedProviders = this._providers.filter((p) => p.id !== providerId);\n if (updatedProviders.length !== this._providers.length) {\n this.providers = updatedProviders;\n result = true;\n }\n\n return result;\n }\n\n /** Get an array of SettingsTabEntry objects to populate the settings container. */\n public getSettingEntries(stageId: string, stageUsage: string): Array<SettingsTabEntry> {\n const allSettingEntries: SettingsTabEntry[] = [];\n // Consult the registered SettingsProviders\n this._providers.forEach((p) => {\n const entries = p.getSettingEntries(stageId, stageUsage);\n entries && allSettingEntries.push(...entries);\n });\n\n return allSettingEntries;\n }\n}\n"]}

package/lib/{core-react → cjs/core-react}/slider/Slider.d.ts RENAMED Viewed

File without changes

package/lib/cjs/core-react/slider/Slider.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../../src/core-react/slider/Slider.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,eAAe,CAAC;AAEvB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAK7C;;IAEI;AACJ,MAAM,WAAW,WAAY,SAAQ,WAAW;IAC9C,wCAAwC;IACxC,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,oBAAoB;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,oBAAoB;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,mCAAmC;IACnC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACtC,mCAAmC;IACnC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAEtC,kCAAkC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;QAGI;IACJ,IAAI,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;IAC/B,sEAAsE;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qFAAqF;IACrF,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B,qHAAqH;IACrH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mFAAmF;IACnF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qCAAqC;IACrC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAE1C,oFAAoF;IACpF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,6DAA6D;IAC7D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kEAAkE;IAClE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,+BAA+B;IAC/B,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IACtC,oEAAoE;IACpE,YAAY,CAAC,EAAE,MAAM,MAAM,CAAC;IAC5B;;;;QAII;IACJ,aAAa,CAAC,EAAE,MAAM,MAAM,EAAE,CAAC;IAE/B;;;QAGI;IACJ,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IACnD;;QAEI;IACJ,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IACnD,wCAAwC;IACxC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IACvD,wCAAwC;IACxC,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;CACtD;AAED;;;;IAII;AACJ,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,eAuGxC"}

package/lib/{core-react → cjs/core-react}/slider/Slider.js RENAMED Viewed

File without changes

package/lib/cjs/core-react/slider/Slider.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../../src/core-react/slider/Slider.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 Slider\n */\n\nimport \"./Slider.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Slider as ItwinSlider } from \"@itwin/itwinui-react\";\nimport { CommonProps } from \"../utils/Props\";\nimport { BodyText } from \"../text/BodyText\";\n\n// cspell:ignore pushable\n\n/** Properties for [[Slider]] component\n * @public\n */\nexport interface SliderProps extends CommonProps {\n /** Values to set Slider to initially */\n values: number[];\n /** Minimum value */\n min: number;\n /** Maximum value */\n max: number;\n /** Format the min display value */\n formatMin?: (value: number) => string;\n /** Format the max display value */\n formatMax?: (value: number) => string;\n\n /** Step value. Default is 0.1. */\n step?: number;\n /** The interaction mode. Default is 1. Possible values:\n * 1 - allows handles to cross each other.\n * 2 - keeps the sliders from crossing and separated by a step.\n */\n mode?: number | (() => number);\n /** Indicates whether the display of the Slider values is reversed. */\n reversed?: boolean;\n /** Indicates whether the Slider is disabled. */\n disabled?: boolean;\n /** Indicates whether to compensate for the tick marks when determining the width. */\n includeTicksInWidth?: boolean;\n\n /** Indicates whether to show tooltip with the value. The tooltip will be positioned above the Slider, by default. */\n showTooltip?: boolean;\n /** Indicates whether the tooltip should show below the Slider instead of above. */\n tooltipBelow?: boolean;\n /** Format a value for the tooltip */\n formatTooltip?: (value: number) => string;\n\n /** Indicates whether to show min & max values to the left & right of the Slider. */\n showMinMax?: boolean;\n /** Image to show for min. */\n minImage?: React.ReactNode;\n /** Image to show for max. */\n maxImage?: React.ReactNode;\n\n /** Indicates whether to show tick marks under the Slider. */\n showTicks?: boolean;\n /** Indicates whether to show tick labels under the tick marks. */\n showTickLabels?: boolean;\n /** Format a tick mark value */\n formatTick?: (tick: number) => string;\n /** Function to get the tick count. The default tick count is 10. */\n getTickCount?: () => number;\n /** Function to get the tick values. This overrides the tick count from getTickCount.\n * Use this prop if you want to specify your own tick values instead of ticks generated by the slider.\n * The numbers should be valid numbers in the domain and correspond to the step value.\n * Invalid values will be coerced to the closet matching value in the domain.\n */\n getTickValues?: () => number[];\n\n /** Listens for value changes.\n * Triggered when the value of the slider has changed. This will receive changes at\n * the end of a slide as well as changes from clicks on rails and tracks.\n */\n onChange?: (values: ReadonlyArray<number>) => void;\n /** Listens for value updates.\n * Called with the values at each update (caution: high-volume updates when dragging).\n */\n onUpdate?: (values: ReadonlyArray<number>) => void;\n /** No longer available use onUpdate. */\n onSlideStart?: (values: ReadonlyArray<number>) => void;\n /** No longer available use onChange. */\n onSlideEnd?: (values: ReadonlyArray<number>) => void;\n}\n\n/**\n * Slider React component displays a range slider.\n * @public\n * @deprecated Use Slider in itwinui-react instead\n */\nexport function Slider(props: SliderProps) {\n const { className, style, min, max, values, step, mode,\n formatMin, formatMax,\n onChange, onUpdate,\n showTicks, showTickLabels, formatTick, getTickCount, getTickValues, includeTicksInWidth,\n reversed, disabled,\n showMinMax, minImage, maxImage,\n showTooltip, tooltipBelow, formatTooltip,\n } = props;\n\n const containerClassNames = classnames(\n \"core-slider-container\",\n className,\n disabled && \"core-disabled\",\n showTickLabels && \"core-slider-tickLabels\",\n includeTicksInWidth && \"core-slider-includeTicksInWidth\",\n );\n const sliderClassNames = classnames(\n \"core-slider\",\n showMinMax && \"core-slider-minMax\",\n );\n\n const internalFormatTooltip = React.useCallback((value: number) => {\n if (formatTooltip)\n return formatTooltip(value);\n\n const actualStep = Math.abs(step ?? 1);\n\n if (Number.isInteger(actualStep))\n return value.toFixed(0);\n\n const stepString = actualStep.toString();\n const decimalIndex = stepString.indexOf(\".\");\n const numDecimals = actualStep.toString().length - (decimalIndex + 1);\n return value.toFixed(numDecimals);\n }, [formatTooltip, step]);\n\n const tooltipProps = React.useCallback((_index: number, val: number) => {\n const content = internalFormatTooltip(val);\n if (!showTooltip)\n return { visible: false };\n return { placement: tooltipBelow ? \"bottom\" : \"top\", content };\n }, [internalFormatTooltip, showTooltip, tooltipBelow]);\n\n const tickLabels = React.useMemo(() => {\n let ticks: string[] | undefined;\n\n if (showTicks) {\n const count = getTickCount ? getTickCount() : 0;\n if (count) {\n ticks = [];\n const increment = (max - min) / count;\n for (let i = 0; i <= count; i++) {\n const value = (i * increment) + min;\n if (showTickLabels) {\n const label = formatTick ? formatTick(value) : internalFormatTooltip(value);\n ticks.push(label);\n } else {\n ticks.push(\"\");\n }\n }\n } else /* istanbul ignore else */ if (getTickValues) {\n return getTickValues().map((val: number) => formatTick ? formatTick(val) : internalFormatTooltip(val));\n }\n }\n return ticks;\n }, [formatTick, getTickCount, getTickValues, internalFormatTooltip, max, min, showTickLabels, showTicks]);\n\n const thumbMode = React.useMemo(() => {\n let inMode = 1;\n if (typeof mode === \"function\")\n inMode = mode();\n\n return 1 === inMode ? \"allow-crossing\" : \"inhibit-crossing\";\n }, [mode]);\n\n return (\n <div className={containerClassNames} style={style}>\n {showMinMax &&\n <MinMax value={min} testId=\"core-slider-min\" image={minImage} format={formatMin} />\n }\n <ItwinSlider\n className={sliderClassNames}\n values={values}\n min={min}\n max={max}\n step={step}\n thumbMode={thumbMode}\n trackDisplayMode={!reversed ? \"auto\" : \"odd-segments\"\n }\n disabled={disabled}\n minLabel=\"\"\n maxLabel=\"\"\n tooltipProps={tooltipProps}\n tickLabels={tickLabels}\n onChange={onChange}\n onUpdate={onUpdate}\n />\n {showMinMax &&\n <MinMax value={max} testId=\"core-slider-max\" image={maxImage} format={formatMax} />\n }\n </div>\n );\n}\n\n/** Properties for [[MinMax]] component */\ninterface MinMaxProps {\n value: number;\n testId: string;\n image?: React.ReactNode;\n format?: (value: number) => string;\n}\n\n/** MinMax component for Slider */\nfunction MinMax(props: MinMaxProps) {\n const { value, testId, image, format } = props;\n let element: React.ReactElement<any>;\n const displayValue = format !== undefined ? format(value) : value;\n\n if (image)\n element = <>{image}</>;\n else\n element = <BodyText className=\"core-slider-minmax\" data-testid={testId}>{displayValue}</BodyText>;\n\n return element;\n}\n"]}

package/lib/{core-react → cjs/core-react}/slider/Slider.scss RENAMED Viewed

File without changes

package/lib/{core-react → cjs/core-react}/splitbutton/SplitButton.d.ts RENAMED Viewed

File without changes

package/lib/cjs/core-react/splitbutton/SplitButton.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SplitButton.d.ts","sourceRoot":"","sources":["../../../../src/core-react/splitbutton/SplitButton.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,oBAAoB,CAAC;AAE5B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAQ,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAc,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,UAAU,EAA0B,MAAM,kBAAkB,CAAC;AAGtE,gBAAgB;AAChB,oBAAY,qBAAqB;IAC/B,WAAW,IAAA;IACX,IAAI,IAAA;CACL;AAED;;;GAGG;AACH,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD,sCAAsC;IACtC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,8CAA8C;IAC9C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG,CAAC;IAC9B,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,GAAG,CAAC;IACtB,+CAA+C;IAC/C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mBAAmB;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2FAA2F;IAC3F,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,kDAAkD;IAClD,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB,gBAAgB;IAChB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,gBAAgB;AAChB,UAAU,gBAAgB;IACxB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;;;GAIG;AACH,qBAAa,WAAY,SAAQ,KAAK,CAAC,SAAS,CAAC,gBAAgB,EAAE,gBAAgB,CAAC;IAClF,OAAO,CAAC,aAAa,CAAqC;IAC1D,OAAO,CAAC,UAAU,CAAqC;IACvD,OAAO,CAAC,QAAQ,CAAkB;IAElC,gBAAgB;IAChB,SAAyB,KAAK,EAAE,QAAQ,CAAC,gBAAgB,CAAC,CAAuB;gBAErE,KAAK,EAAE,gBAAgB;IAQnB,MAAM,IAAI,GAAG,CAAC,OAAO;IAyDrC,OAAO,CAAC,YAAY,CASlB;IAEF,OAAO,CAAC,KAAK,CAOX;IAEF,OAAO,CAAC,iBAAiB,CAQvB;IAEF,OAAO,CAAC,YAAY,CASlB;CACH"}

package/lib/{core-react → cjs/core-react}/splitbutton/SplitButton.js RENAMED Viewed

File without changes

package/lib/cjs/core-react/splitbutton/SplitButton.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SplitButton.js","sourceRoot":"","sources":["../../../../src/core-react/splitbutton/SplitButton.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 SplitButton\n */\n\nimport \"./SplitButton.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { PopupContextMenu } from \"../contextmenu/PopupContextMenu\";\nimport { Icon, IconSpec } from \"../icons/IconComponent\";\nimport { CommonProps } from \"../utils/Props\";\nimport { RelativePosition, SpecialKey } from \"@itwin/appui-abstract\";\nimport { ButtonType, getButtonTypeClassName } from \"../button/Button\";\n\n// TODO: implement\n/** @internal */\nexport enum SplitButtonActionType {\n ContextMenu, // eslint-disable-line @typescript-eslint/no-shadow\n List,\n}\n\n/** Properties for [[SplitButton]] component\n * @public\n * @deprecated Use SplitButtonProps in itwinui-react instead\n */\nexport interface SplitButtonProps extends CommonProps {\n /** Label to display in click area. */\n label: string | React.ReactNode;\n /** Listens for click events on button area */\n onClick?: (event: any) => any;\n /** Listens for execute on button area */\n onExecute?: () => any;\n /** Specifies icon for Splitbutton component */\n icon?: IconSpec;\n /** Indicates whether to draw a border around the button */\n drawBorder?: boolean;\n /** ToolTip text */\n toolTip?: string;\n /** Direction relative to the button to which the popup is expanded (defaults to Bottom) */\n popupPosition?: RelativePosition;\n /** 4 styles to tweak the content of the button */\n buttonType?: ButtonType; // eslint-disable-line deprecation/deprecation\n\n /** @internal */\n initialExpanded?: boolean;\n}\n\n/** @internal */\ninterface SplitButtonState {\n expanded: boolean;\n}\n\n/**\n * SplitButton with an action button on the left and an arrow button that displays a context menu on the right.\n * @public\n * @deprecated Use SplitButton in itwinui-react instead\n */\nexport class SplitButton extends React.Component<SplitButtonProps, SplitButtonState> { // eslint-disable-line deprecation/deprecation\n private _arrowElement = React.createRef<HTMLDivElement>();\n private _buttonRef = React.createRef<HTMLDivElement>();\n private _closing: boolean = false;\n\n /** @internal */\n public override readonly state: Readonly<SplitButtonState> = { expanded: false };\n\n constructor(props: SplitButtonProps) { // eslint-disable-line deprecation/deprecation\n super(props);\n\n this.state = {\n expanded: props.initialExpanded !== undefined ? props.initialExpanded : false,\n };\n }\n\n public override render(): JSX.Element {\n let icon = (<></>);\n if (this.props.icon !== undefined) {\n icon = (\n <Icon iconSpec={this.props.icon} />\n );\n }\n\n const borderClassName = (this.props.drawBorder && this.props.buttonType === undefined) ? \"core-split-button-border\" : undefined;\n const typeClassName = this.props.buttonType !== undefined ? getButtonTypeClassName(this.props.buttonType) : \"core-split-button-default-colors\";\n const classNames = classnames(\n \"core-split-button\",\n typeClassName,\n borderClassName,\n this.state.expanded && \"core-expanded\",\n this.props.className);\n const position = this.props.popupPosition !== undefined ? this.props.popupPosition : RelativePosition.BottomLeft;\n\n return (\n <div data-testid=\"core-split-button-root\" title={this.props.toolTip}\n className={classNames}\n style={this.props.style}\n tabIndex={0}\n onKeyUp={this._handleKeyUp}\n ref={this._buttonRef}\n role=\"button\"\n >\n {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\n <div data-testid=\"core-split-button-label\" onClick={this.props.onClick}\n className={classnames(\"core-split-button-label\", this.props.drawBorder && \"core-split-button-border\")}\n role=\"button\" tabIndex={-1}\n >\n {icon} {this.props.label}\n </div>\n <div className={classnames(\"core-split-button-divider\", this.props.drawBorder && \"core-split-button-border\")} />\n {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\n <div className={\"core-split-button-arrow\"} ref={this._arrowElement} onClick={this._handleArrowClick}\n role=\"button\" tabIndex={-1}\n >\n <div className={classnames(\"core-split-button-arrow-icon\", \"icon\", \"icon-chevron-down\")} />\n <PopupContextMenu\n position={position}\n target={this._buttonRef.current}\n animate={false}\n selectedIndex={0}\n onSelect={this._handleClose}\n onOutsideClick={this._handleClose}\n onEsc={this._handleClose}\n isOpen={this.state.expanded}\n autoflip={false}>\n {this.props.children}\n </PopupContextMenu>\n </div>\n </div>\n );\n }\n\n private _handleKeyUp = (event: React.KeyboardEvent) => {\n if (event.key === SpecialKey.Enter) {\n this.props.onExecute && this.props.onExecute();\n } else if (event.key === SpecialKey.ArrowDown && !this.state.expanded) {\n this._closing = false;\n this._open();\n } else {\n this._closing = false;\n }\n };\n\n private _open = () => {\n // istanbul ignore else\n if (!this.state.expanded && !this._closing) {\n this.setState({ expanded: true });\n } else {\n this._closing = false;\n }\n };\n\n private _handleArrowClick = (event: React.MouseEvent) => {\n if (this.state.expanded) {\n event.stopPropagation();\n this.setState({ expanded: false });\n this._closing = false;\n } else {\n this._open();\n }\n };\n\n private _handleClose = (event: any) => {\n // istanbul ignore else\n if (this._arrowElement.current && this._buttonRef.current) {\n // istanbul ignore next\n if (this.state.expanded && \"target\" in event && this._arrowElement.current.contains(event.target))\n this._closing = true;\n this.setState((_prevState) => ({ expanded: false }));\n this._buttonRef.current.focus();\n }\n };\n}\n"]}

package/lib/{core-react → cjs/core-react}/splitbutton/SplitButton.scss RENAMED Viewed

File without changes

package/lib/{core-react → cjs/core-react}/style/baseline.scss RENAMED Viewed

File without changes

package/lib/{core-react → cjs/core-react}/style/breakpoints.scss RENAMED Viewed

File without changes

package/lib/{core-react → cjs/core-react}/style/colors.scss RENAMED Viewed

File without changes

package/lib/{core-react → cjs/core-react}/style/data-viz.scss RENAMED Viewed

File without changes

package/lib/{core-react → cjs/core-react}/style/index.scss RENAMED Viewed

File without changes

package/lib/{core-react → cjs/core-react}/style/itwinui-overrides.scss RENAMED Viewed

File without changes

package/lib/{core-react → cjs/core-react}/style/mixins.scss RENAMED Viewed

File without changes

package/lib/{core-react → cjs/core-react}/style/opacity.scss RENAMED Viewed

File without changes

package/lib/{core-react → cjs/core-react}/style/space.scss RENAMED Viewed

File without changes

package/lib/{core-react → cjs/core-react}/style/speed.scss RENAMED Viewed

File without changes

package/lib/{core-react → cjs/core-react}/style/themecolors.scss RENAMED Viewed

File without changes

package/lib/{core-react → cjs/core-react}/style/typography.scss RENAMED Viewed

File without changes

package/lib/{core-react → cjs/core-react}/style/variables.scss RENAMED Viewed

File without changes

package/lib/{core-react → cjs/core-react}/tabs/HorizontalTabs.d.ts RENAMED Viewed

File without changes

package/lib/cjs/core-react/tabs/HorizontalTabs.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"HorizontalTabs.d.ts","sourceRoot":"","sources":["../../../../src/core-react/tabs/HorizontalTabs.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAGH,OAAO,EAAQ,SAAS,EAAE,MAAM,QAAQ,CAAC;AAGzC;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,SAAS,eAI9C"}

package/lib/cjs/core-react/tabs/HorizontalTabs.js ADDED Viewed

@@ -0,0 +1,22 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Tabs
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HorizontalTabs = void 0;
+const React = require("react");
+const Tabs_1 = require("./Tabs");
+const Orientation_1 = require("../enums/Orientation");
+/** Horizontal tabs meant to represent the current position in a page/section
+ * @public
+ * @deprecated Use HorizontalTabs in itwinui-react instead
+ */
+function HorizontalTabs(props) {
+    return (React.createElement(Tabs_1.Tabs, { mainClassName: "uicore-tabs-horizontal", orientation: Orientation_1.Orientation.Horizontal, ...props }));
+}
+exports.HorizontalTabs = HorizontalTabs;
+//# sourceMappingURL=HorizontalTabs.js.map

package/lib/cjs/core-react/tabs/HorizontalTabs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"HorizontalTabs.js","sourceRoot":"","sources":["../../../../src/core-react/tabs/HorizontalTabs.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,iCAAyC;AACzC,sDAAmD;AAEnD;;;GAGG;AACH,SAAgB,cAAc,CAAC,KAAgB;IAC7C,OAAO,CACL,oBAAC,WAAI,IAAC,aAAa,EAAC,wBAAwB,EAAC,WAAW,EAAE,yBAAW,CAAC,UAAU,KAAM,KAAK,GAAI,CAChG,CAAC;AACJ,CAAC;AAJD,wCAIC","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 Tabs\n */\n\nimport * as React from \"react\";\nimport { Tabs, TabsProps } from \"./Tabs\";\nimport { Orientation } from \"../enums/Orientation\";\n\n/** Horizontal tabs meant to represent the current position in a page/section\n * @public\n * @deprecated Use HorizontalTabs in itwinui-react instead\n */\nexport function HorizontalTabs(props: TabsProps) {\n return (\n <Tabs mainClassName=\"uicore-tabs-horizontal\" orientation={Orientation.Horizontal} {...props} />\n );\n}\n"]}

package/lib/{core-react → cjs/core-react}/tabs/Tabs.d.ts RENAMED Viewed

File without changes

package/lib/cjs/core-react/tabs/Tabs.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/core-react/tabs/Tabs.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAInD;;;GAGG;AACH,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,gFAAgF;IAChF,OAAO,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAUD;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,WAAW;IACvF;iBACa;IACb,MAAM,EAAE,KAAK,CAAC,MAAM,GAAG,QAAQ,CAAC,CAAC;IACjC,mCAAmC;IACnC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,GAAG,CAAC;IACvC,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uFAAuF;IACvF,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED;;GAEG;AACH,UAAU,SAAS;IACjB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,0BAA0B;IAC1B,aAAa,EAAE,MAAM,CAAC;IACtB,mCAAmC;IACnC,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED;;GAEG;AACH,qBAAa,IAAK,SAAQ,KAAK,CAAC,aAAa,CAAC,aAAa,EAAE,SAAS,CAAC;IACrE,OAAO,CAAC,WAAW,CAAiD;IACpE,OAAO,CAAC,sBAAsB,CAAwB;gBAE1C,KAAK,EAAE,aAAa;IAYhC,OAAO,CAAC,mBAAmB;IAO3B,gBAAgB;IACA,iBAAiB;IAKjC,gBAAgB;IACA,kBAAkB,CAAC,SAAS,EAAE,aAAa;IA6B3D,OAAO,CAAC,gBAAgB,CAKtB;IAEF,OAAO,CAAC,eAAe,CAErB;IAEF,6BAA6B;IAC7B,OAAO,CAAC,mBAAmB;IAI3B,2BAA2B;IAC3B,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,YAAY,CAGlB;IAEF,gBAAgB;IACA,MAAM,IAAI,GAAG,CAAC,OAAO;CA4DtC"}

package/lib/{core-react → cjs/core-react}/tabs/Tabs.js RENAMED Viewed

File without changes

package/lib/cjs/core-react/tabs/Tabs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../../src/core-react/tabs/Tabs.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 Tabs\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { CommonProps } from \"../utils/Props\";\nimport { Orientation } from \"../enums/Orientation\";\nimport { ItemKeyboardNavigator } from \"../focus/ItemKeyboardNavigator\";\nimport { IconHelper } from \"../utils/IconHelper\";\n\n/** TabLabel provides ability to define label, icon, and tooltip for a tab entry. The tooltip can be defined as JSX|Element\n * to support react-tooltip component or a string that will be use to set the title property.\n * @public\n */\nexport interface TabLabel {\n label: string;\n subLabel?: string;\n icon?: string | JSX.Element;\n tabId: string; /* optional id added to tab so it can be used by react-tooltip */\n /** tooltip allows JSX.Element to support styled tooltips like react-tooltip. */\n tooltip?: string | JSX.Element;\n disabled?: boolean;\n}\n\nfunction isTabLabelWithIcon(item: string | TabLabel): item is TabLabel {\n return (typeof item !== \"string\") && !!(item).icon;\n}\n\nfunction isTabLabel(item: string | TabLabel): item is TabLabel {\n return (typeof item !== \"string\");\n}\n\n/** Properties for the [[HorizontalTabs]] and [[VerticalTabs]] components\n * @public\n */\nexport interface TabsProps extends React.AllHTMLAttributes<HTMLUListElement>, CommonProps {\n /** Text shown for each tab\n * @public */\n labels: Array<string | TabLabel>;\n /** Handler for activating a tab */\n onActivateTab?: (index: number) => any;\n /** Index of the initial active tab */\n activeIndex?: number;\n /** Indicates whether the bar on the active tab is green instead of the default blue */\n green?: boolean;\n}\n\n/** State for [[Tabs]] component\n * @internal\n */\ninterface TabsState {\n activeIndex: number;\n}\n\n/** Properties for the base [[Tabs]] component\n * @public\n */\nexport interface MainTabsProps extends TabsProps {\n /** Main CSS class name */\n mainClassName: string;\n /** Orientation of the Tabs list */\n orientation: Orientation;\n}\n\n/** Tabs meant to represent the current position in a page/section\n * @public\n */\nexport class Tabs extends React.PureComponent<MainTabsProps, TabsState> {\n private _anchorRefs: Array<React.RefObject<HTMLAnchorElement>> = [];\n private _itemKeyboardNavigator: ItemKeyboardNavigator;\n\n constructor(props: MainTabsProps) {\n super(props);\n\n const activeIndex = this.validateActiveIndex(props.activeIndex);\n this.state = {\n activeIndex,\n };\n\n props.labels.forEach(() => this._anchorRefs.push(React.createRef<HTMLAnchorElement>()));\n this._itemKeyboardNavigator = new ItemKeyboardNavigator(this._handleFocusItem, this._activateTab);\n }\n\n private validateActiveIndex(idx?: number): number {\n let activeIndex = 0;\n if (idx && idx >= 0 && idx < this.props.labels.length)\n activeIndex = idx;\n return activeIndex;\n }\n\n /** @internal */\n public override componentDidMount() {\n this._itemKeyboardNavigator.itemCount = this.props.labels.length;\n this._itemKeyboardNavigator.orientation = this.props.orientation;\n }\n\n /** @internal */\n public override componentDidUpdate(prevProps: MainTabsProps) {\n if (prevProps.labels !== this.props.labels)\n this._itemKeyboardNavigator.itemCount = this.props.labels.length;\n\n if (prevProps.orientation !== this.props.orientation)\n this._itemKeyboardNavigator.orientation = this.props.orientation;\n\n if (prevProps.activeIndex !== this.props.activeIndex) {\n let hadFocus = false;\n const element = this._anchorRefs[this.state.activeIndex].current;\n // istanbul ignore else\n if (element && document.activeElement === element)\n hadFocus = true;\n const activeIndex = this.validateActiveIndex(this.props.activeIndex);\n\n this.setState(\n () => ({ activeIndex }),\n () => {\n // istanbul ignore else\n if (hadFocus) {\n const newElement = this._anchorRefs[activeIndex].current;\n // istanbul ignore else\n if (newElement)\n newElement.focus();\n }\n });\n }\n }\n\n private _handleFocusItem = (index: number) => {\n const itemRef = this._anchorRefs[index];\n // istanbul ignore else\n if (itemRef && itemRef.current)\n itemRef.current.focus();\n };\n\n private _handleTabClick = (index: number) => {\n this._activateTab(index);\n };\n\n /** Handle keydown on tabs */\n private _handleKeyDownEvent(event: React.KeyboardEvent, index: number) {\n this._itemKeyboardNavigator.handleKeyDownEvent(event, index);\n }\n\n /** Handle keyup on tabs */\n private _handleKeyUpEvent(event: React.KeyboardEvent, index: number) {\n this._itemKeyboardNavigator.handleKeyUpEvent(event, index);\n }\n\n private _activateTab = (index: number) => {\n this.props.onActivateTab && this.props.onActivateTab(index);\n this.setState({ activeIndex: index });\n };\n\n /** @internal */\n public override render(): JSX.Element {\n const ulClassNames = classnames(\n this.props.mainClassName,\n this.props.green && \"uicore-tabs-green\",\n this.props.className,\n );\n\n const anyIconsPresent = (this.props.labels.reduce((a, b) => a + (isTabLabelWithIcon(b) ? 1 : 0), 0)) > 0;\n\n return (\n <ul className={ulClassNames} style={this.props.style}\n role=\"tablist\"\n aria-orientation={this.props.orientation === Orientation.Vertical ? \"vertical\" : \"horizontal\"}\n >\n {this.props.labels.map((label, index) => {\n let disabled;\n let tooltipElement: JSX.Element | undefined;\n let title: string | undefined;\n let subLabel: string | undefined;\n let tabId = \"\";\n let icon;\n if (isTabLabel(label)) {\n icon = IconHelper.getIconReactNode(label.icon);\n subLabel = label.subLabel;\n disabled = label.disabled;\n tabId = label.tabId;\n if (React.isValidElement(label.tooltip))\n tooltipElement = label.tooltip;\n else if (typeof label.tooltip === \"string\")\n title = label.tooltip;\n }\n return <li key={index} title={title}\n className={classnames(index === this.state.activeIndex && \"core-active\", disabled && \"core-tab-item-disabled\")}\n role=\"tab\"\n aria-selected={index === this.state.activeIndex}\n data-for={`${tabId}`} /* to support react-tooltip */\n >\n {tooltipElement}\n {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}\n <a ref={this._anchorRefs[index]}\n tabIndex={index === this.state.activeIndex ? 0 : -1}\n onClick={() => this._handleTabClick(index)}\n onKeyDown={(event) => this._handleKeyDownEvent(event, index)}\n onKeyUp={(event) => this._handleKeyUpEvent(event, index)}\n data-testid={`${tabId}`}\n role=\"button\"\n > <div className={classnames(\"uicore-tabs-inline-label\", disabled && \"core-tab-item-disabled\")}>\n {anyIconsPresent && <span className=\"uicore-tabs-icon\">{icon}</span>}\n <div className=\"uicore-tabs-label-subLabel-container\">\n <span>{(typeof label === \"string\") ? label : label.label}</span>\n {subLabel && <span className=\"uicore-tabs-subLabel\">{subLabel}</span>}\n </div>\n </div>\n </a>\n </li>;\n }\n )}\n </ul>\n );\n }\n}\n"]}

package/lib/{core-react → cjs/core-react}/tabs/VerticalTabs.d.ts RENAMED Viewed

File without changes

package/lib/cjs/core-react/tabs/VerticalTabs.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"VerticalTabs.d.ts","sourceRoot":"","sources":["../../../../src/core-react/tabs/VerticalTabs.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAGH,OAAO,EAAQ,SAAS,EAAE,MAAM,QAAQ,CAAC;AAGzC;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,eAI5C"}

package/lib/cjs/core-react/tabs/VerticalTabs.js ADDED Viewed

@@ -0,0 +1,21 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Tabs
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VerticalTabs = void 0;
+const React = require("react");
+const Tabs_1 = require("./Tabs");
+const Orientation_1 = require("../enums/Orientation");
+/** Vertical tabs meant to represent the current position in a page/section
+ * @public
+ */
+function VerticalTabs(props) {
+    return (React.createElement(Tabs_1.Tabs, { mainClassName: "uicore-tabs-vertical", orientation: Orientation_1.Orientation.Vertical, ...props }));
+}
+exports.VerticalTabs = VerticalTabs;
+//# sourceMappingURL=VerticalTabs.js.map

package/lib/cjs/core-react/tabs/VerticalTabs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"VerticalTabs.js","sourceRoot":"","sources":["../../../../src/core-react/tabs/VerticalTabs.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,iCAAyC;AACzC,sDAAmD;AAEnD;;GAEG;AACH,SAAgB,YAAY,CAAC,KAAgB;IAC3C,OAAO,CACL,oBAAC,WAAI,IAAC,aAAa,EAAC,sBAAsB,EAAC,WAAW,EAAE,yBAAW,CAAC,QAAQ,KAAM,KAAK,GAAI,CAC5F,CAAC;AACJ,CAAC;AAJD,oCAIC","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 Tabs\n */\n\nimport * as React from \"react\";\nimport { Tabs, TabsProps } from \"./Tabs\";\nimport { Orientation } from \"../enums/Orientation\";\n\n/** Vertical tabs meant to represent the current position in a page/section\n * @public\n */\nexport function VerticalTabs(props: TabsProps) {\n return (\n <Tabs mainClassName=\"uicore-tabs-vertical\" orientation={Orientation.Vertical} {...props} />\n );\n}\n"]}

package/lib/{core-react → cjs/core-react}/tabs/classes.scss RENAMED Viewed

File without changes

package/lib/{core-react → cjs/core-react}/tabs/horizontal.scss RENAMED Viewed

File without changes

package/lib/{core-react → cjs/core-react}/tabs/index.scss RENAMED Viewed

File without changes

package/lib/{core-react → cjs/core-react}/tabs/tabs.scss RENAMED Viewed

File without changes

package/lib/{core-react → cjs/core-react}/tabs/vertical.scss RENAMED Viewed

File without changes

package/lib/{core-react → cjs/core-react}/text/BlockText.d.ts RENAMED Viewed

File without changes

package/lib/cjs/core-react/text/BlockText.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"BlockText.d.ts","sourceRoot":"","sources":["../../../../src/core-react/text/BlockText.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAIH,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,eAEzC"}

package/lib/cjs/core-react/text/BlockText.js ADDED Viewed

@@ -0,0 +1,20 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Text
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BlockText = void 0;
+const React = require("react");
+const StyledText_1 = require("./StyledText");
+/** Styled block text React functional component
+ * @public
+ */
+function BlockText(props) {
+    return React.createElement(StyledText_1.StyledText, { ...props, mainClassName: "uicore-text-block" });
+}
+exports.BlockText = BlockText;
+//# sourceMappingURL=BlockText.js.map

package/lib/cjs/core-react/text/BlockText.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"BlockText.js","sourceRoot":"","sources":["../../../../src/core-react/text/BlockText.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,6CAA0C;AAG1C;;GAEG;AACH,SAAgB,SAAS,CAAC,KAAgB;IACxC,OAAO,oBAAC,uBAAU,OAAK,KAAK,EAAE,aAAa,EAAC,mBAAmB,GAAG,CAAC;AACrE,CAAC;AAFD,8BAEC","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 Text\n */\n\nimport * as React from \"react\";\nimport { StyledText } from \"./StyledText\";\nimport { TextProps } from \"./TextProps\";\n\n/** Styled block text React functional component\n * @public\n */\nexport function BlockText(props: TextProps) {\n return <StyledText {...props} mainClassName=\"uicore-text-block\" />;\n}\n"]}

package/lib/{core-react → cjs/core-react}/text/BodyText.d.ts RENAMED Viewed

File without changes

package/lib/cjs/core-react/text/BodyText.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"BodyText.d.ts","sourceRoot":"","sources":["../../../../src/core-react/text/BodyText.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAIH,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC;;GAEG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,SAAS,eAExC"}

package/lib/cjs/core-react/text/BodyText.js ADDED Viewed

@@ -0,0 +1,20 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Text
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BodyText = void 0;
+const React = require("react");
+const StyledText_1 = require("./StyledText");
+/** Styled body text React functional component
+ * @public
+ */
+function BodyText(props) {
+    return React.createElement(StyledText_1.StyledText, { ...props, mainClassName: "uicore-text-body" });
+}
+exports.BodyText = BodyText;
+//# sourceMappingURL=BodyText.js.map

package/lib/cjs/core-react/text/BodyText.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"BodyText.js","sourceRoot":"","sources":["../../../../src/core-react/text/BodyText.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,6CAA0C;AAG1C;;GAEG;AACH,SAAgB,QAAQ,CAAC,KAAgB;IACvC,OAAO,oBAAC,uBAAU,OAAK,KAAK,EAAE,aAAa,EAAC,kBAAkB,GAAG,CAAC;AACpE,CAAC;AAFD,4BAEC","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 Text\n */\n\nimport * as React from \"react\";\nimport { StyledText } from \"./StyledText\";\nimport { TextProps } from \"./TextProps\";\n\n/** Styled body text React functional component\n * @public\n */\nexport function BodyText(props: TextProps) {\n return <StyledText {...props} mainClassName=\"uicore-text-body\" />;\n}\n"]}

package/lib/{core-react → cjs/core-react}/text/DisabledText.d.ts RENAMED Viewed

File without changes

package/lib/cjs/core-react/text/DisabledText.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"DisabledText.d.ts","sourceRoot":"","sources":["../../../../src/core-react/text/DisabledText.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,eAE5C"}

package/lib/cjs/core-react/text/DisabledText.js ADDED Viewed

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DisabledText = void 0;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Text
+ */
+const React = require("react");
+const StyledText_1 = require("./StyledText");
+/** Styled disabled text React functional component
+ * @public
+ */
+function DisabledText(props) {
+    return React.createElement(StyledText_1.StyledText, { ...props, mainClassName: "uicore-text-disabled" });
+}
+exports.DisabledText = DisabledText;
+//# sourceMappingURL=DisabledText.js.map

package/lib/cjs/core-react/text/DisabledText.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"DisabledText.js","sourceRoot":"","sources":["../../../../src/core-react/text/DisabledText.tsx"],"names":[],"mappings":";;;AAAA;;;+FAG+F;AAC/F;;GAEG;AACH,+BAA+B;AAC/B,6CAA0C;AAG1C;;GAEG;AACH,SAAgB,YAAY,CAAC,KAAgB;IAC3C,OAAO,oBAAC,uBAAU,OAAK,KAAK,EAAE,aAAa,EAAC,sBAAsB,GAAG,CAAC;AACxE,CAAC;AAFD,oCAEC","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 Text\n */\nimport * as React from \"react\";\nimport { StyledText } from \"./StyledText\";\nimport { TextProps } from \"./TextProps\";\n\n/** Styled disabled text React functional component\n * @public\n */\nexport function DisabledText(props: TextProps) {\n return <StyledText {...props} mainClassName=\"uicore-text-disabled\" />;\n}\n"]}

package/lib/{core-react → cjs/core-react}/text/FilteredText.d.ts RENAMED Viewed

File without changes

package/lib/cjs/core-react/text/FilteredText.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"FilteredText.d.ts","sourceRoot":"","sources":["../../../../src/core-react/text/FilteredText.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAIH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,qBAAqB,CAAC;AAE7B;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACpD,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,+CAA+C;IAC/C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,0CAA0C;IAC1C,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAClC;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,eAuBpD"}