@itwin/core-react 3.0.0-dev.98 → 3.1.0-dev.0

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

@@ -1 +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":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/* eslint-disable deprecation/deprecation */\r\n/** @packageDocumentation\r\n * @module Select\r\n */\r\n\r\nimport \"./themed-select.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport Component, { components } from \"react-select\";\r\nimport { formatGroupLabel, getOptionLabel, getOptionValue } from \"react-select/src/builtins\";\r\nimport { SelectComponentsConfig } from \"react-select/src/components/index\";\r\nimport { MenuProps } from \"react-select/src/components/Menu\";\r\nimport { ActionMeta, FocusEventHandler, InputActionMeta, KeyboardEventHandler, ValueType } from \"react-select/src/types\";\r\nimport { UiCore } from \"../UiCore\";\r\nimport { getCssVariableAsNumber } from \"../utils/getCssVariable\";\r\nimport { getParentSelector } from \"./modalHelper\";\r\n\r\n// cspell:ignore reactselect builtins\r\n\r\n/* eslint-disable @typescript-eslint/no-shadow, @typescript-eslint/consistent-type-definitions, @typescript-eslint/array-type */\r\ntype FormatOptionLabelContext = \"menu\" | \"value\";\r\ntype FormatOptionLabelMeta = {\r\n  context: FormatOptionLabelContext;\r\n  inputValue: string;\r\n  selectValue: ValueType<OptionType>;\r\n};\r\n\r\n/** OptionType for react-select 2.0 and above. which only accepts pairs of value & label strings\r\n * @beta\r\n * @deprecated use Select from @itwin/itwinui-react\r\n */\r\nexport interface OptionType {\r\n  value: any;\r\n  label: string;\r\n}\r\n/** OptionsType to match label/value pair OptionType\r\n * @beta\r\n * @deprecated use Select from @itwin/itwinui-react\r\n*/\r\nexport type OptionsType = Array<OptionType>;\r\n\r\n/** ThemedSelectProps to control specific features of ThemedSelect\r\n * @beta\r\n * @deprecated use Select from @itwin/itwinui-react\r\n */\r\nexport type ThemedSelectProps = {\r\n  /* Aria label (for assistive tech) */\r\n  \"aria-label\"?: string;\r\n  /* HTML ID of an element that should be used as the label (for assistive tech) */\r\n  \"aria-labelledby\"?: string;\r\n  /* Focus the control when it is mounted */\r\n  autoFocus?: boolean;\r\n  /* Remove the currently focused option when the user presses backspace */\r\n  backspaceRemovesValue?: boolean;\r\n  /* Remove focus from the input when the user selects an option (handy for dismissing the keyboard on touch devices) */\r\n  blurInputOnSelect?: boolean;\r\n  /* When the user reaches the top/bottom of the menu, prevent scroll on the scroll-parent  */\r\n  captureMenuScroll?: boolean;\r\n  /* Sets a className attribute on the outer component */\r\n  className?: string;\r\n  /* Close the select menu when the user selects an option */\r\n  closeMenuOnSelect?: boolean;\r\n  /*\r\n    If `true`, close the select menu when the user scrolls the document/body.\r\n\r\n    If a function, takes a standard javascript `ScrollEvent` you return a boolean:\r\n\r\n    `true` => The menu closes\r\n\r\n    `false` => The menu stays open\r\n\r\n    This is useful when you have a scrollable modal and want to portal the menu out,\r\n    but want to avoid graphical issues.\r\n   */\r\n  closeMenuOnScroll?: boolean | EventListener;\r\n  /*\r\n    This complex object includes all the compositional components that are used\r\n    in `react-select`. If you wish to overwrite a component, pass in an object\r\n    with the appropriate namespace.\r\n\r\n    If you only wish to restyle a component, we recommend using the `styles` prop\r\n    instead. For a list of the components that can be passed in, and the shape\r\n    that will be passed to them, see [the components docs](/components)\r\n  */\r\n  components?: SelectComponentsConfig<OptionType>;\r\n  /* Whether the value of the select, e.g. SingleValue, should be displayed in the control. */\r\n  controlShouldRenderValue?: boolean;\r\n  /* Ff true, the menu is open immediately */\r\n  defaultMenuIsOpen?: boolean;\r\n  /* Value set in the control by default */\r\n  defaultValue?: ValueType<OptionType>;\r\n  /** Provides ability to return reference to the outer HTMLDivElement */\r\n  divRef?: React.Ref<HTMLDivElement>;\r\n  /* Clear all values when the user presses escape AND the menu is closed */\r\n  escapeClearsValue?: boolean;\r\n  /* Custom method to filter whether an option should be displayed in the menu */\r\n  filterOption?: ((\r\n    option: OptionType,\r\n    rawInput: string,\r\n  ) => boolean) | null;\r\n  /*\r\n  Formats group labels in the menu as React components\r\n\r\n  An example can be found in the [Replacing builtins](/advanced#replacing-builtins) documentation.\r\n*/\r\n  formatGroupLabel?: typeof formatGroupLabel;\r\n  /* Formats option labels in the menu and control as React components */\r\n  formatOptionLabel?: (optionType: OptionType, formatLabelMeta: FormatOptionLabelMeta) => React.ReactNode;\r\n  /* Resolves option data to a string to be displayed as the label by components */\r\n  getOptionLabel?: typeof getOptionLabel;\r\n  /* Resolves option data to a string to compare options and specify value attributes */\r\n  getOptionValue?: typeof getOptionValue;\r\n  /* Hide the selected option from the menu */\r\n  hideSelectedOptions?: boolean;\r\n  /* The id to set on the SelectContainer component. */\r\n  id?: string;\r\n  /* The value of the search input */\r\n  inputValue?: string;\r\n  /* The id of the search input */\r\n  inputId?: string;\r\n  /* Define an id prefix for the select components e.g. {your-id}-value */\r\n  instanceId?: number | string;\r\n  /* Is the select value clearable */\r\n  isClearable?: boolean;\r\n  /* Is the select disabled */\r\n  isDisabled?: boolean;\r\n  /* Is the select in a state of loading (async) */\r\n  isLoading?: boolean;\r\n  /*\r\n    Override the built-in logic to detect whether an option is disabled\r\n\r\n    An example can be found in the [Replacing builtins](/advanced#replacing-builtins) documentation.\r\n  */\r\n  isOptionDisabled?: (option: OptionType, options: OptionsType) => boolean | false;\r\n  /* Support multiple selected options */\r\n  isMulti?: boolean;\r\n  /* If true, menu will not be opened in a portal */\r\n  isMenuFixed?: boolean;\r\n  /* Is the select direction right-to-left */\r\n  isRtl?: boolean;\r\n  /* Whether to enable search functionality */\r\n  isSearchable?: boolean;\r\n  /* Minimum height of the menu before flipping */\r\n  minMenuHeight?: number;\r\n  /* Maximum height of the menu before scrolling */\r\n  maxMenuHeight?: number;\r\n  /* Whether the menu is open */\r\n  menuIsOpen?: boolean;\r\n  /* Whether to block scroll events when the menu is open */\r\n  menuShouldBlockScroll?: boolean;\r\n  /* Whether the menu should be scrolled into view when it opens */\r\n  menuShouldScrollIntoView?: boolean;\r\n  /* Name of the HTML Input (optional - without this, no input will be rendered) */\r\n  name?: string;\r\n  /* Text to display when there are no options */\r\n  noOptionsMessage?: (obj: { inputValue: string }) => string | null;\r\n  /* Handle blur events on the control */\r\n  onBlur?: FocusEventHandler;\r\n  /* Handle change events on the select */\r\n  onChange?: (value: ValueType<OptionType>, action: ActionMeta<OptionType>) => void;\r\n  /* Handle focus events on the control */\r\n  onFocus?: FocusEventHandler;\r\n  /* Handle change events on the input */\r\n  onInputChange?: (newValue: string, actionMeta?: InputActionMeta) => void;\r\n  /* Handle key down events on the select */\r\n  onKeyDown?: KeyboardEventHandler;\r\n  /* Handle the menu opening */\r\n  onMenuOpen?: () => void;\r\n  /* Handle the menu closing */\r\n  onMenuClose?: () => void;\r\n  /* Fired when the user scrolls to the top of the menu */\r\n  onMenuScrollToTop?: (e: React.SyntheticEvent<HTMLElement>) => void;\r\n  /* Fired when the user scrolls to the bottom of the menu */\r\n  onMenuScrollToBottom?: (e: React.SyntheticEvent<HTMLElement>) => void;\r\n  /* Allows control of whether the menu is opened when the Select is focused */\r\n  openMenuOnFocus?: boolean;\r\n  /* Allows control of whether the menu is opened when the Select is clicked */\r\n  openMenuOnClick?: boolean;\r\n  /* Array of options that populate the select menu */\r\n  options: OptionsType;\r\n  /* Number of options to jump in menu when page{up|down} keys are used */\r\n  pageSize?: number;\r\n  /* Placeholder for the select value */\r\n  placeholder?: string;\r\n  /** Provides ability to return reference to the ThemedSelect */\r\n  ref?: React.Ref<Component>;\r\n  /* Sets additional styling */\r\n  styles?: React.CSSProperties;\r\n  /* Sets the tabIndex attribute on the input */\r\n  tabIndex?: string;\r\n  /* Select the currently focused option when the user presses tab */\r\n  tabSelectsValue?: boolean;\r\n  /* The value of the select; reflected by the selected option */\r\n  value?: ValueType<OptionType>;\r\n};\r\n\r\nconst ThemedMenu = (props: MenuProps<any>) => { // eslint-disable-line @typescript-eslint/naming-convention\r\n  return (\r\n    <div className=\"uicore-reactSelectTop\">\r\n      <components.Menu {...props} />\r\n    </div>\r\n  );\r\n};\r\n/** ThemedSelect is a wrapper for react-select with iModel.js UI theming applied\r\n * @beta\r\n * @deprecated use Select from @itwin/itwinui-react\r\n */\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nexport function ThemedSelect(props: ThemedSelectProps) {\r\n  const noOptionLabel = React.useRef<string | undefined>();\r\n  const defaultOptionMessage = React.useCallback(() => {\r\n    if (!noOptionLabel.current) {\r\n      noOptionLabel.current = UiCore.translate(\"reactelect.noSelectOption\");\r\n    }\r\n    return noOptionLabel.current;\r\n  }, [noOptionLabel]);\r\n  const noOptionFunction = props.noOptionsMessage ?? defaultOptionMessage;\r\n  const selectClassName = classnames(\"uicore-reactSelectTop\", props.className);\r\n  const portalTarget = !!props.isMenuFixed ? undefined : getParentSelector();\r\n  const {\r\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n    classNamePrefix, className, noOptionsMessage, menuPortalTarget, isMenuFixed, styles, components, divRef, ref,\r\n    // eslint-disable-next-line comma-dangle\r\n    ...otherProps // pass-through props\r\n  } = props as any;\r\n  const selectStyles = {\r\n    ...props.styles,\r\n    menuPortal: (base: React.CSSProperties) => ({ ...base, zIndex }),\r\n  };\r\n\r\n  const zIndex = getCssVariableAsNumber(\"--uicore-z-index-dialog-popup\");\r\n  return (\r\n    <div className={selectClassName} ref={divRef}>\r\n      <Component\r\n        ref={ref}\r\n        classNamePrefix=\"react-select\"\r\n        noOptionsMessage={noOptionFunction}\r\n        menuPortalTarget={portalTarget}\r\n        styles={selectStyles}\r\n        // eslint-disable-next-line @typescript-eslint/naming-convention\r\n        components={{ Menu: ThemedMenu, ...props.components }}\r\n        {...otherProps}\r\n      />\r\n    </div>\r\n  );\r\n}\r\n"]}
+{"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":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/* eslint-disable deprecation/deprecation */\r\n/** @packageDocumentation\r\n * @module Select\r\n */\r\n\r\nimport \"./themed-select.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport Component, { components } from \"react-select\";\r\nimport { formatGroupLabel, getOptionLabel, getOptionValue } from \"react-select/src/builtins\";\r\nimport { SelectComponentsConfig } from \"react-select/src/components/index\";\r\nimport { MenuProps } from \"react-select/src/components/Menu\";\r\nimport { ActionMeta, FocusEventHandler, InputActionMeta, KeyboardEventHandler, ValueType } from \"react-select/src/types\";\r\nimport { UiCore } from \"../UiCore\";\r\nimport { getCssVariableAsNumber } from \"../utils/getCssVariable\";\r\nimport { getParentSelector } from \"./modalHelper\";\r\n\r\n// cspell:ignore reactselect builtins\r\n\r\n/* eslint-disable @typescript-eslint/no-shadow, @typescript-eslint/consistent-type-definitions, @typescript-eslint/array-type */\r\ntype FormatOptionLabelContext = \"menu\" | \"value\";\r\ntype FormatOptionLabelMeta = {\r\n  context: FormatOptionLabelContext;\r\n  inputValue: string;\r\n  selectValue: ValueType<OptionType>;\r\n};\r\n\r\n/** OptionType for react-select 2.0 and above. which only accepts pairs of value & label strings\r\n * @beta\r\n * @deprecated use Select from @itwin/itwinui-react\r\n */\r\nexport interface OptionType {\r\n  value: any;\r\n  label: string;\r\n}\r\n/** OptionsType to match label/value pair OptionType\r\n * @beta\r\n * @deprecated use Select from @itwin/itwinui-react\r\n*/\r\nexport type OptionsType = Array<OptionType>;\r\n\r\n/** ThemedSelectProps to control specific features of ThemedSelect\r\n * @beta\r\n * @deprecated use Select from @itwin/itwinui-react\r\n */\r\nexport type ThemedSelectProps = {\r\n  /* Aria label (for assistive tech) */\r\n  \"aria-label\"?: string;\r\n  /* HTML ID of an element that should be used as the label (for assistive tech) */\r\n  \"aria-labelledby\"?: string;\r\n  /* Focus the control when it is mounted */\r\n  autoFocus?: boolean;\r\n  /* Remove the currently focused option when the user presses backspace */\r\n  backspaceRemovesValue?: boolean;\r\n  /* Remove focus from the input when the user selects an option (handy for dismissing the keyboard on touch devices) */\r\n  blurInputOnSelect?: boolean;\r\n  /* When the user reaches the top/bottom of the menu, prevent scroll on the scroll-parent  */\r\n  captureMenuScroll?: boolean;\r\n  /* Sets a className attribute on the outer component */\r\n  className?: string;\r\n  /* Close the select menu when the user selects an option */\r\n  closeMenuOnSelect?: boolean;\r\n  /*\r\n    If `true`, close the select menu when the user scrolls the document/body.\r\n\r\n    If a function, takes a standard javascript `ScrollEvent` you return a boolean:\r\n\r\n    `true` => The menu closes\r\n\r\n    `false` => The menu stays open\r\n\r\n    This is useful when you have a scrollable modal and want to portal the menu out,\r\n    but want to avoid graphical issues.\r\n   */\r\n  closeMenuOnScroll?: boolean | EventListener;\r\n  /*\r\n    This complex object includes all the compositional components that are used\r\n    in `react-select`. If you wish to overwrite a component, pass in an object\r\n    with the appropriate namespace.\r\n\r\n    If you only wish to restyle a component, we recommend using the `styles` prop\r\n    instead. For a list of the components that can be passed in, and the shape\r\n    that will be passed to them, see [the components docs](/components)\r\n  */\r\n  components?: SelectComponentsConfig<OptionType>;\r\n  /* Whether the value of the select, e.g. SingleValue, should be displayed in the control. */\r\n  controlShouldRenderValue?: boolean;\r\n  /* Ff true, the menu is open immediately */\r\n  defaultMenuIsOpen?: boolean;\r\n  /* Value set in the control by default */\r\n  defaultValue?: ValueType<OptionType>;\r\n  /** Provides ability to return reference to the outer HTMLDivElement */\r\n  divRef?: React.Ref<HTMLDivElement>;\r\n  /* Clear all values when the user presses escape AND the menu is closed */\r\n  escapeClearsValue?: boolean;\r\n  /* Custom method to filter whether an option should be displayed in the menu */\r\n  filterOption?: ((\r\n    option: OptionType,\r\n    rawInput: string,\r\n  ) => boolean) | null;\r\n  /*\r\n  Formats group labels in the menu as React components\r\n\r\n  An example can be found in the [Replacing builtins](/advanced#replacing-builtins) documentation.\r\n*/\r\n  formatGroupLabel?: typeof formatGroupLabel;\r\n  /* Formats option labels in the menu and control as React components */\r\n  formatOptionLabel?: (optionType: OptionType, formatLabelMeta: FormatOptionLabelMeta) => React.ReactNode;\r\n  /* Resolves option data to a string to be displayed as the label by components */\r\n  getOptionLabel?: typeof getOptionLabel;\r\n  /* Resolves option data to a string to compare options and specify value attributes */\r\n  getOptionValue?: typeof getOptionValue;\r\n  /* Hide the selected option from the menu */\r\n  hideSelectedOptions?: boolean;\r\n  /* The id to set on the SelectContainer component. */\r\n  id?: string;\r\n  /* The value of the search input */\r\n  inputValue?: string;\r\n  /* The id of the search input */\r\n  inputId?: string;\r\n  /* Define an id prefix for the select components e.g. {your-id}-value */\r\n  instanceId?: number | string;\r\n  /* Is the select value clearable */\r\n  isClearable?: boolean;\r\n  /* Is the select disabled */\r\n  isDisabled?: boolean;\r\n  /* Is the select in a state of loading (async) */\r\n  isLoading?: boolean;\r\n  /*\r\n    Override the built-in logic to detect whether an option is disabled\r\n\r\n    An example can be found in the [Replacing builtins](/advanced#replacing-builtins) documentation.\r\n  */\r\n  isOptionDisabled?: (option: OptionType, options: OptionsType) => boolean | false;\r\n  /* Support multiple selected options */\r\n  isMulti?: boolean;\r\n  /* If true, menu will not be opened in a portal */\r\n  isMenuFixed?: boolean;\r\n  /* Is the select direction right-to-left */\r\n  isRtl?: boolean;\r\n  /* Whether to enable search functionality */\r\n  isSearchable?: boolean;\r\n  /* Minimum height of the menu before flipping */\r\n  minMenuHeight?: number;\r\n  /* Maximum height of the menu before scrolling */\r\n  maxMenuHeight?: number;\r\n  /* Whether the menu is open */\r\n  menuIsOpen?: boolean;\r\n  /* Whether to block scroll events when the menu is open */\r\n  menuShouldBlockScroll?: boolean;\r\n  /* Whether the menu should be scrolled into view when it opens */\r\n  menuShouldScrollIntoView?: boolean;\r\n  /* Name of the HTML Input (optional - without this, no input will be rendered) */\r\n  name?: string;\r\n  /* Text to display when there are no options */\r\n  noOptionsMessage?: (obj: { inputValue: string }) => string | null;\r\n  /* Handle blur events on the control */\r\n  onBlur?: FocusEventHandler;\r\n  /* Handle change events on the select */\r\n  onChange?: (value: ValueType<OptionType>, action: ActionMeta<OptionType>) => void;\r\n  /* Handle focus events on the control */\r\n  onFocus?: FocusEventHandler;\r\n  /* Handle change events on the input */\r\n  onInputChange?: (newValue: string, actionMeta?: InputActionMeta) => void;\r\n  /* Handle key down events on the select */\r\n  onKeyDown?: KeyboardEventHandler;\r\n  /* Handle the menu opening */\r\n  onMenuOpen?: () => void;\r\n  /* Handle the menu closing */\r\n  onMenuClose?: () => void;\r\n  /* Fired when the user scrolls to the top of the menu */\r\n  onMenuScrollToTop?: (e: React.SyntheticEvent<HTMLElement>) => void;\r\n  /* Fired when the user scrolls to the bottom of the menu */\r\n  onMenuScrollToBottom?: (e: React.SyntheticEvent<HTMLElement>) => void;\r\n  /* Allows control of whether the menu is opened when the Select is focused */\r\n  openMenuOnFocus?: boolean;\r\n  /* Allows control of whether the menu is opened when the Select is clicked */\r\n  openMenuOnClick?: boolean;\r\n  /* Array of options that populate the select menu */\r\n  options: OptionsType;\r\n  /* Number of options to jump in menu when page{up|down} keys are used */\r\n  pageSize?: number;\r\n  /* Placeholder for the select value */\r\n  placeholder?: string;\r\n  /** Provides ability to return reference to the ThemedSelect */\r\n  ref?: React.Ref<Component>;\r\n  /* Sets additional styling */\r\n  styles?: React.CSSProperties;\r\n  /* Sets the tabIndex attribute on the input */\r\n  tabIndex?: string;\r\n  /* Select the currently focused option when the user presses tab */\r\n  tabSelectsValue?: boolean;\r\n  /* The value of the select; reflected by the selected option */\r\n  value?: ValueType<OptionType>;\r\n};\r\n\r\nconst ThemedMenu = (props: MenuProps<any>) => { // eslint-disable-line @typescript-eslint/naming-convention\r\n  return (\r\n    <div className=\"uicore-reactSelectTop\">\r\n      <components.Menu {...props} />\r\n    </div>\r\n  );\r\n};\r\n/** ThemedSelect is a wrapper for react-select with iTwin.js UI theming applied\r\n * @beta\r\n * @deprecated use Select from @itwin/itwinui-react\r\n */\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nexport function ThemedSelect(props: ThemedSelectProps) {\r\n  const noOptionLabel = React.useRef<string | undefined>();\r\n  const defaultOptionMessage = React.useCallback(() => {\r\n    if (!noOptionLabel.current) {\r\n      noOptionLabel.current = UiCore.translate(\"reactelect.noSelectOption\");\r\n    }\r\n    return noOptionLabel.current;\r\n  }, [noOptionLabel]);\r\n  const noOptionFunction = props.noOptionsMessage ?? defaultOptionMessage;\r\n  const selectClassName = classnames(\"uicore-reactSelectTop\", props.className);\r\n  const portalTarget = !!props.isMenuFixed ? undefined : getParentSelector();\r\n  const {\r\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n    classNamePrefix, className, noOptionsMessage, menuPortalTarget, isMenuFixed, styles, components, divRef, ref,\r\n    // eslint-disable-next-line comma-dangle\r\n    ...otherProps // pass-through props\r\n  } = props as any;\r\n  const selectStyles = {\r\n    ...props.styles,\r\n    menuPortal: (base: React.CSSProperties) => ({ ...base, zIndex }),\r\n  };\r\n\r\n  const zIndex = getCssVariableAsNumber(\"--uicore-z-index-dialog-popup\");\r\n  return (\r\n    <div className={selectClassName} ref={divRef}>\r\n      <Component\r\n        ref={ref}\r\n        classNamePrefix=\"react-select\"\r\n        noOptionsMessage={noOptionFunction}\r\n        menuPortalTarget={portalTarget}\r\n        styles={selectStyles}\r\n        // eslint-disable-next-line @typescript-eslint/naming-convention\r\n        components={{ Menu: ThemedMenu, ...props.components }}\r\n        {...otherProps}\r\n      />\r\n    </div>\r\n  );\r\n}\r\n"]}

package/lib/cjs/core-react/style/itwinui-overrides.scss

@@ -10,32 +10,6 @@
 
 // Override some iTwinUI-css padding and minimums for iTwin.js applications
 
-@mixin small-itwinui-input {
-
-  .iui-input {
-    min-height: $uicore-component-height-normal !important;
-    padding: $uicore-iui-input-padding !important;
-  }
-
-}
-
-@mixin small-itwinui-select {
-
-  .iui-select {
-    >.iui-select-button {
-      min-height: $uicore-component-height-normal !important;
-      padding-top: 2px !important;
-      padding-bottom: 2px !important;
-      padding-right: 24px !important;
-    }
-
-    >.iui-select-button::after {
-      right: 6px !important;
-    }
-  }
-
-}
-
 @mixin small-itwinui-toggle-switch {
 
   .iui-toggle-switch {
@@ -44,50 +18,8 @@
 
 }
 
-@mixin small-itwinui-expandable-block {
-
-  $small-space: 5px;
-
-  .iui-expandable-block {
-    >.iui-header {
-      padding: $small-space $small-space !important;
-
-      >.iui-icon {
-        width: $uicore-icons-x-small !important;
-        height: $uicore-icons-x-small !important;
-
-        margin-left: $iui-xs !important;
-      }
-
-      >.iui-expandable-block-label {
-        margin-left: 8px;
-      }
-    }
-
-    &.iui-expanded {
-      >.iui-content {
-        padding: 0 !important;
-      }
-    }
-  }
-
-}
-
-@mixin adjust-itwinui-toast {
-
-  .iui-toast {
-    margin: 0 !important;
-    width: 100% !important;
-  }
-
-}
-
 @mixin itwinui-style-overrides {
 
-  @include small-itwinui-input;
-  @include small-itwinui-select;
   @include small-itwinui-toggle-switch;
-  @include small-itwinui-expandable-block;
-  @include adjust-itwinui-toast;
 
 }

package/lib/cjs/core-react/tree/Node.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Node.d.ts","sourceRoot":"","sources":["../../../../src/core-react/tree/Node.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAY,aAAa,EAAkB,MAAM,sBAAsB,CAAC;AAC/E,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAG1C;;GAEG;AACH,oBAAY,uBAAuB,GAAG,IAAI,CAAC,aAAa,EAAE,UAAU,GAAG,SAAS,CAAC,GAAG;IAClF,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF;;GAEG;AACH,oBAAY,oBAAoB,GAAG,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,CAAC,SAAS,CAAC;AAEvF;;GAEG;AACH,eAAO,MAAM,YAAY,KAAK,CAAC;AAI/B;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,4BAA4B;IAC5B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,IAAI,CAAC;IAC5C,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kEAAkE;IAClE,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,WAAW;IAChD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC;IACxB;iBACa;IACb,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC9C,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC1C,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,4EAA4E;IAC5E,eAAe,CAAC,EAAE;QAChB,6EAA6E;QAC7E,cAAc,CAAC,EAAE,oBAAoB,CAAC;KACvC,CAAC;IACF,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;GAEG;AACH,qBAAa,QAAS,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;gBAC9C,KAAK,EAAE,aAAa;IAIhB,MAAM;IA4EtB,OAAO,CAAC,wBAAwB;IAMhC,OAAO,CAAC,iBAAiB,CAGvB;IAEF,OAAO,CAAC,gBAAgB,CAEtB;IAEF,OAAO,CAAC,uBAAuB,CAI7B;IAEF,OAAO,CAAC,QAAQ,CAId;CACH"}
+{"version":3,"file":"Node.d.ts","sourceRoot":"","sources":["../../../../src/core-react/tree/Node.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAY,aAAa,EAAkB,MAAM,sBAAsB,CAAC;AAC/E,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAG1C;;GAEG;AACH,oBAAY,uBAAuB,GAAG,IAAI,CAAC,aAAa,EAAE,UAAU,GAAG,SAAS,CAAC,GAAG;IAClF,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF;;GAEG;AACH,oBAAY,oBAAoB,GAAG,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,CAAC,SAAS,CAAC;AAEvF;;GAEG;AACH,eAAO,MAAM,YAAY,KAAK,CAAC;AAI/B;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,4BAA4B;IAC5B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,IAAI,CAAC;IAC5C,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kEAAkE;IAClE,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,WAAW;IAChD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC;IACxB;iBACa;IACb,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC9C,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC1C,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,4EAA4E;IAC5E,eAAe,CAAC,EAAE;QAChB,6EAA6E;QAC7E,cAAc,CAAC,EAAE,oBAAoB,CAAC;KACvC,CAAC;IACF,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;GAEG;AACH,qBAAa,QAAS,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;gBAC9C,KAAK,EAAE,aAAa;IAIhB,MAAM;IA0EtB,OAAO,CAAC,wBAAwB;IAMhC,OAAO,CAAC,iBAAiB,CAGvB;IAEF,OAAO,CAAC,gBAAgB,CAEtB;IAEF,OAAO,CAAC,uBAAuB,CAI7B;IAEF,OAAO,CAAC,QAAQ,CAId;CACH"}

package/lib/cjs/core-react/tree/Node.js

@@ -48,8 +48,6 @@ class TreeNode extends React.Component {
         let offset = this.props.level * exports.LEVEL_OFFSET;
         if (!this.props.isLoading && this.props.isLeaf)
             offset += EXPANSION_TOGGLE_WIDTH; // Add expansion toggle/loader width if they're not rendered
-        const loader = this.props.isLoading ? (React.createElement("div", { className: "loader" },
-            React.createElement(itwinui_react_1.ProgressRadial, { size: "x-small", indeterminate: true }))) : undefined;
         let checkbox;
         if (this.props.checkboxProps) {
             const props = {
@@ -74,7 +72,7 @@ class TreeNode extends React.Component {
         // eslint-disable-next-line jsx-a11y/click-events-have-key-events
         React.createElement("div", { className: className, style: this.props.style, "data-testid": this.props["data-testid"], onClick: this._onClick, onContextMenu: this.props.onContextMenu, onMouseDown: this.props.onMouseDown, onMouseUp: this.props.onMouseUp, onMouseMove: this.props.onMouseMove, role: "treeitem", tabIndex: -1 },
             React.createElement("div", { className: "contents", style: { marginLeft: offset }, "data-testid": this.createSubComponentTestId("contents") },
-                loader,
+                this.props.isLoading && React.createElement(itwinui_react_1.ProgressRadial, { size: "x-small", indeterminate: true }),
                 toggle,
                 checkbox,
                 icon,

package/lib/cjs/core-react/tree/Node.js.map

@@ -1 +1 @@
-{"version":3,"file":"Node.js","sourceRoot":"","sources":["../../../../src/core-react/tree/Node.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Tree\r\n */\r\n\r\nimport \"./Node.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { Checkbox, CheckboxProps, ProgressRadial } from \"@itwin/itwinui-react\";\r\nimport { CheckBoxState } from \"../enums/CheckBoxState\";\r\nimport { CommonProps } from \"../utils/Props\";\r\nimport { Omit } from \"../utils/typeUtils\";\r\nimport { ExpansionToggle } from \"./ExpansionToggle\";\r\n\r\n/** Props for node Checkbox renderer\r\n * @public\r\n */\r\nexport type NodeCheckboxRenderProps = Omit<CheckboxProps, \"onChange\" | \"onClick\"> & {\r\n  onChange: (checked: boolean) => void;\r\n  onClick: (e: React.MouseEvent) => void;\r\n};\r\n\r\n/** Type for node Checkbox renderer\r\n * @public\r\n */\r\nexport type NodeCheckboxRenderer = (props: NodeCheckboxRenderProps) => React.ReactNode;\r\n\r\n/** Number of pixels the node gets offset per each hierarchy level\r\n * @internal\r\n */\r\nexport const LEVEL_OFFSET = 20;\r\n\r\nconst EXPANSION_TOGGLE_WIDTH = 24;\r\n\r\n/** Properties for Tree Node CheckBox\r\n * @public\r\n */\r\nexport interface NodeCheckboxProps {\r\n  /** State of the checkbox */\r\n  state?: CheckBoxState;\r\n  /** Click event callback */\r\n  onClick?: (newState: CheckBoxState) => void;\r\n  /** Indicates whether checkbox is disabled */\r\n  isDisabled?: boolean;\r\n  /** Tooltip to be displayed when mouse is hovered over checkbox */\r\n  tooltip?: string;\r\n}\r\n\r\n/** Properties for the [[TreeNode]] React component\r\n * @public\r\n */\r\nexport interface TreeNodeProps extends CommonProps {\r\n  label: React.ReactNode;\r\n  level: number;\r\n  icon?: React.ReactChild;\r\n  /** Properties for the checkbox.\r\n   * @public */\r\n  checkboxProps?: NodeCheckboxProps;\r\n  isLeaf?: boolean;\r\n  isLoading?: boolean;\r\n  isExpanded?: boolean;\r\n  isFocused?: boolean;\r\n  isSelected?: boolean;\r\n  isHoverDisabled?: boolean;\r\n  onClick?: (e: React.MouseEvent) => void;\r\n  onContextMenu?: (e: React.MouseEvent) => void;\r\n  onMouseMove?: (e: React.MouseEvent) => void;\r\n  onMouseDown?: (e: React.MouseEvent) => void;\r\n  onMouseUp?: (e: React.MouseEvent) => void;\r\n  onClickExpansionToggle?: () => void;\r\n  children?: React.ReactNode;\r\n\r\n  /** Contains render overrides for different pieces of the node component. */\r\n  renderOverrides?: {\r\n    /** Callback to render a checkbox. Only called when checkbox is displayed. */\r\n    renderCheckbox?: NodeCheckboxRenderer;\r\n  };\r\n  [\"data-testid\"]?: string;\r\n}\r\n\r\n/** Presentation React component for a Tree node\r\n * @public\r\n */\r\nexport class TreeNode extends React.Component<TreeNodeProps> {\r\n  constructor(props: TreeNodeProps) {\r\n    super(props);\r\n  }\r\n\r\n  public override render() {\r\n    const className = classnames(\r\n      \"core-tree-node\",\r\n      this.props.isFocused && \"is-focused\",\r\n      this.props.isSelected && \"is-selected\",\r\n      this.props.isHoverDisabled && \"is-hover-disabled\",\r\n      this.props.className);\r\n    let offset = this.props.level * LEVEL_OFFSET;\r\n    if (!this.props.isLoading && this.props.isLeaf)\r\n      offset += EXPANSION_TOGGLE_WIDTH; // Add expansion toggle/loader width if they're not rendered\r\n\r\n    const loader = this.props.isLoading ? (<div className=\"loader\"><ProgressRadial size=\"x-small\" indeterminate /></div>) : undefined;\r\n\r\n    let checkbox: React.ReactNode;\r\n    if (this.props.checkboxProps) {\r\n      const props: NodeCheckboxRenderProps = {\r\n        label: \"\",\r\n        checked: this.props.checkboxProps.state === CheckBoxState.On,\r\n        indeterminate: this.props.checkboxProps.state === CheckBoxState.Partial,\r\n        disabled: this.props.checkboxProps.isDisabled,\r\n        title: this.props.checkboxProps.tooltip,\r\n        onClick: this._onCheckboxClick,\r\n        onChange: this._onCheckboxChange,\r\n      };\r\n      if (this.props.renderOverrides && this.props.renderOverrides.renderCheckbox) {\r\n        checkbox = this.props.renderOverrides.renderCheckbox(props);\r\n      } else {\r\n        checkbox = (\r\n          <Checkbox {...props}\r\n            onChange={(e: React.ChangeEvent<HTMLInputElement>) => this._onCheckboxChange(e.target.checked)} data-testid={this.createSubComponentTestId(\"checkbox\")}\r\n          />\r\n        );\r\n      }\r\n    }\r\n\r\n    const icon = this.props.icon ? (<div className=\"core-tree-node-icon\">{this.props.icon}</div>) : undefined;\r\n\r\n    const toggle = (this.props.isLoading || this.props.isLeaf) ? undefined : (\r\n      <ExpansionToggle\r\n        className=\"expansion-toggle\"\r\n        data-testid={this.createSubComponentTestId(\"expansion-toggle\")}\r\n        onClick={this._onClickExpansionToggle}\r\n        isExpanded={this.props.isExpanded}\r\n      />\r\n    );\r\n\r\n    return (\r\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events\r\n      <div\r\n        className={className}\r\n        style={this.props.style}\r\n        data-testid={this.props[\"data-testid\"]}\r\n        onClick={this._onClick}\r\n        onContextMenu={this.props.onContextMenu}\r\n        onMouseDown={this.props.onMouseDown}\r\n        onMouseUp={this.props.onMouseUp}\r\n        onMouseMove={this.props.onMouseMove}\r\n        role=\"treeitem\"\r\n        tabIndex={-1}\r\n      >\r\n        <div\r\n          className=\"contents\"\r\n          style={{ marginLeft: offset }}\r\n          data-testid={this.createSubComponentTestId(\"contents\")}\r\n        >\r\n          {loader}\r\n          {toggle}\r\n          {checkbox}\r\n          {icon}\r\n          {this.props.label}\r\n        </div>\r\n        {this.props.children}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private createSubComponentTestId(subId: string): string | undefined {\r\n    if (!this.props[\"data-testid\"])\r\n      return undefined;\r\n    return `${this.props[\"data-testid\"]}-${subId}`;\r\n  }\r\n\r\n  private _onCheckboxChange = (checked: boolean) => {\r\n    if (this.props.checkboxProps && this.props.checkboxProps.onClick && !this.props.checkboxProps.isDisabled)\r\n      this.props.checkboxProps.onClick(checked ? CheckBoxState.On : CheckBoxState.Off);\r\n  };\r\n\r\n  private _onCheckboxClick = (e: React.MouseEvent) => {\r\n    e.stopPropagation();\r\n  };\r\n\r\n  private _onClickExpansionToggle = (e: React.MouseEvent<HTMLDivElement>) => {\r\n    e.stopPropagation();\r\n    if (this.props.onClickExpansionToggle)\r\n      this.props.onClickExpansionToggle();\r\n  };\r\n\r\n  private _onClick = (e: React.MouseEvent<HTMLDivElement>) => {\r\n    e.stopPropagation();\r\n    if (this.props.onClick)\r\n      this.props.onClick(e);\r\n  };\r\n}\r\n"]}
+{"version":3,"file":"Node.js","sourceRoot":"","sources":["../../../../src/core-react/tree/Node.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Tree\r\n */\r\n\r\nimport \"./Node.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { Checkbox, CheckboxProps, ProgressRadial } from \"@itwin/itwinui-react\";\r\nimport { CheckBoxState } from \"../enums/CheckBoxState\";\r\nimport { CommonProps } from \"../utils/Props\";\r\nimport { Omit } from \"../utils/typeUtils\";\r\nimport { ExpansionToggle } from \"./ExpansionToggle\";\r\n\r\n/** Props for node Checkbox renderer\r\n * @public\r\n */\r\nexport type NodeCheckboxRenderProps = Omit<CheckboxProps, \"onChange\" | \"onClick\"> & {\r\n  onChange: (checked: boolean) => void;\r\n  onClick: (e: React.MouseEvent) => void;\r\n};\r\n\r\n/** Type for node Checkbox renderer\r\n * @public\r\n */\r\nexport type NodeCheckboxRenderer = (props: NodeCheckboxRenderProps) => React.ReactNode;\r\n\r\n/** Number of pixels the node gets offset per each hierarchy level\r\n * @internal\r\n */\r\nexport const LEVEL_OFFSET = 20;\r\n\r\nconst EXPANSION_TOGGLE_WIDTH = 24;\r\n\r\n/** Properties for Tree Node CheckBox\r\n * @public\r\n */\r\nexport interface NodeCheckboxProps {\r\n  /** State of the checkbox */\r\n  state?: CheckBoxState;\r\n  /** Click event callback */\r\n  onClick?: (newState: CheckBoxState) => void;\r\n  /** Indicates whether checkbox is disabled */\r\n  isDisabled?: boolean;\r\n  /** Tooltip to be displayed when mouse is hovered over checkbox */\r\n  tooltip?: string;\r\n}\r\n\r\n/** Properties for the [[TreeNode]] React component\r\n * @public\r\n */\r\nexport interface TreeNodeProps extends CommonProps {\r\n  label: React.ReactNode;\r\n  level: number;\r\n  icon?: React.ReactChild;\r\n  /** Properties for the checkbox.\r\n   * @public */\r\n  checkboxProps?: NodeCheckboxProps;\r\n  isLeaf?: boolean;\r\n  isLoading?: boolean;\r\n  isExpanded?: boolean;\r\n  isFocused?: boolean;\r\n  isSelected?: boolean;\r\n  isHoverDisabled?: boolean;\r\n  onClick?: (e: React.MouseEvent) => void;\r\n  onContextMenu?: (e: React.MouseEvent) => void;\r\n  onMouseMove?: (e: React.MouseEvent) => void;\r\n  onMouseDown?: (e: React.MouseEvent) => void;\r\n  onMouseUp?: (e: React.MouseEvent) => void;\r\n  onClickExpansionToggle?: () => void;\r\n  children?: React.ReactNode;\r\n\r\n  /** Contains render overrides for different pieces of the node component. */\r\n  renderOverrides?: {\r\n    /** Callback to render a checkbox. Only called when checkbox is displayed. */\r\n    renderCheckbox?: NodeCheckboxRenderer;\r\n  };\r\n  [\"data-testid\"]?: string;\r\n}\r\n\r\n/** Presentation React component for a Tree node\r\n * @public\r\n */\r\nexport class TreeNode extends React.Component<TreeNodeProps> {\r\n  constructor(props: TreeNodeProps) {\r\n    super(props);\r\n  }\r\n\r\n  public override render() {\r\n    const className = classnames(\r\n      \"core-tree-node\",\r\n      this.props.isFocused && \"is-focused\",\r\n      this.props.isSelected && \"is-selected\",\r\n      this.props.isHoverDisabled && \"is-hover-disabled\",\r\n      this.props.className);\r\n    let offset = this.props.level * LEVEL_OFFSET;\r\n    if (!this.props.isLoading && this.props.isLeaf)\r\n      offset += EXPANSION_TOGGLE_WIDTH; // Add expansion toggle/loader width if they're not rendered\r\n\r\n    let checkbox: React.ReactNode;\r\n    if (this.props.checkboxProps) {\r\n      const props: NodeCheckboxRenderProps = {\r\n        label: \"\",\r\n        checked: this.props.checkboxProps.state === CheckBoxState.On,\r\n        indeterminate: this.props.checkboxProps.state === CheckBoxState.Partial,\r\n        disabled: this.props.checkboxProps.isDisabled,\r\n        title: this.props.checkboxProps.tooltip,\r\n        onClick: this._onCheckboxClick,\r\n        onChange: this._onCheckboxChange,\r\n      };\r\n      if (this.props.renderOverrides && this.props.renderOverrides.renderCheckbox) {\r\n        checkbox = this.props.renderOverrides.renderCheckbox(props);\r\n      } else {\r\n        checkbox = (\r\n          <Checkbox {...props}\r\n            onChange={(e: React.ChangeEvent<HTMLInputElement>) => this._onCheckboxChange(e.target.checked)} data-testid={this.createSubComponentTestId(\"checkbox\")}\r\n          />\r\n        );\r\n      }\r\n    }\r\n\r\n    const icon = this.props.icon ? (<div className=\"core-tree-node-icon\">{this.props.icon}</div>) : undefined;\r\n\r\n    const toggle = (this.props.isLoading || this.props.isLeaf) ? undefined : (\r\n      <ExpansionToggle\r\n        className=\"expansion-toggle\"\r\n        data-testid={this.createSubComponentTestId(\"expansion-toggle\")}\r\n        onClick={this._onClickExpansionToggle}\r\n        isExpanded={this.props.isExpanded}\r\n      />\r\n    );\r\n\r\n    return (\r\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events\r\n      <div\r\n        className={className}\r\n        style={this.props.style}\r\n        data-testid={this.props[\"data-testid\"]}\r\n        onClick={this._onClick}\r\n        onContextMenu={this.props.onContextMenu}\r\n        onMouseDown={this.props.onMouseDown}\r\n        onMouseUp={this.props.onMouseUp}\r\n        onMouseMove={this.props.onMouseMove}\r\n        role=\"treeitem\"\r\n        tabIndex={-1}\r\n      >\r\n        <div\r\n          className=\"contents\"\r\n          style={{ marginLeft: offset }}\r\n          data-testid={this.createSubComponentTestId(\"contents\")}\r\n        >\r\n          {this.props.isLoading && <ProgressRadial size=\"x-small\" indeterminate />}\r\n          {toggle}\r\n          {checkbox}\r\n          {icon}\r\n          {this.props.label}\r\n        </div>\r\n        {this.props.children}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private createSubComponentTestId(subId: string): string | undefined {\r\n    if (!this.props[\"data-testid\"])\r\n      return undefined;\r\n    return `${this.props[\"data-testid\"]}-${subId}`;\r\n  }\r\n\r\n  private _onCheckboxChange = (checked: boolean) => {\r\n    if (this.props.checkboxProps && this.props.checkboxProps.onClick && !this.props.checkboxProps.isDisabled)\r\n      this.props.checkboxProps.onClick(checked ? CheckBoxState.On : CheckBoxState.Off);\r\n  };\r\n\r\n  private _onCheckboxClick = (e: React.MouseEvent) => {\r\n    e.stopPropagation();\r\n  };\r\n\r\n  private _onClickExpansionToggle = (e: React.MouseEvent<HTMLDivElement>) => {\r\n    e.stopPropagation();\r\n    if (this.props.onClickExpansionToggle)\r\n      this.props.onClickExpansionToggle();\r\n  };\r\n\r\n  private _onClick = (e: React.MouseEvent<HTMLDivElement>) => {\r\n    e.stopPropagation();\r\n    if (this.props.onClick)\r\n      this.props.onClick(e);\r\n  };\r\n}\r\n"]}

package/lib/cjs/core-react/tree/Node.scss

@@ -26,8 +26,8 @@ $node-font-size: $iui-font-size;
     align-items: center;
     width: 100%;
 
-    > .loader {
-      margin: auto 4px;
+    > .iui-progress-indicator-radial {
+      margin: 0 4px;
     }
 
     > .expansion-toggle {
@@ -50,15 +50,22 @@ $node-font-size: $iui-font-size;
         line-height: unset;
       }
     }
+
+    > .core-image-checkbox {
+      top: -1px;
+    }
   }
 
   &-icon {
     width: 16px;
-    height: 24px;
-    display: inline-block;
-    box-sizing: border-box;
-    padding: 5px 0;
-    margin-right: 5px;
+    margin: 0 5px;
+
+    > .bui-webfont-icon {
+      display: inline-block;
+      width: 16px;
+      text-align: center;
+      vertical-align: middle;
+    }
   }
 
   &.is-focused, &:focus {

package/lib/cjs/core-react/uistate/LocalStateStorage.d.ts

@@ -0,0 +1,17 @@
+/** @packageDocumentation
+ * @module UiStateStorage
+ */
+import { UiStateStorage, UiStateStorageResult } from "./UiStateStorage";
+/**
+ * Implementation of [[UiStateStorage]] using Window.localStorage.
+ * @public
+ */
+export declare class LocalStateStorage implements UiStateStorage {
+    w: Window;
+    constructor(w?: Window);
+    getSetting(settingNamespace: string, settingName: string): Promise<UiStateStorageResult>;
+    saveSetting(settingNamespace: string, settingName: string, setting: any): Promise<UiStateStorageResult>;
+    hasSetting(settingNamespace: string, settingName: string): Promise<boolean>;
+    deleteSetting(settingNamespace: string, settingName: string): Promise<UiStateStorageResult>;
+}
+//# sourceMappingURL=LocalStateStorage.d.ts.map

package/lib/cjs/core-react/uistate/LocalStateStorage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocalStateStorage.d.ts","sourceRoot":"","sources":["../../../../src/core-react/uistate/LocalStateStorage.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAwB,MAAM,kBAAkB,CAAC;AAK9F;;;GAGG;AACH,qBAAa,iBAAkB,YAAW,cAAc;IAEnC,CAAC,EAAE,MAAM;gBAAT,CAAC,GAAE,MAAe;IAExB,UAAU,CAAC,gBAAgB,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,OAAO,CAAC,oBAAoB,CAAC;IAQxF,WAAW,CAAC,gBAAgB,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,GAAG,OAAO,CAAC,oBAAoB,CAAC;IAKvG,UAAU,CAAC,gBAAgB,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;IAQ3E,aAAa,CAAC,gBAAgB,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,OAAO,CAAC,oBAAoB,CAAC;CAQzG"}

package/lib/cjs/core-react/{uisettings/LocalSettingsStorage.js → uistate/LocalStateStorage.js}

@@ -4,29 +4,31 @@
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
- * @module UiSettings
+ * @module UiStateStorage
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LocalUiSettings = exports.LocalSettingsStorage = void 0;
-const UiSettingsStorage_1 = require("./UiSettingsStorage");
+exports.LocalStateStorage = void 0;
+const UiStateStorage_1 = require("./UiStateStorage");
+// All of the Settings APIs that are available in core-react should be fully deprecated. However, some of the usage and implementation
+// of it from AppUI will continue to be supported there.
 /**
- * Implementation of [[UiSettingsStorage]] using Window.localStorage.
+ * Implementation of [[UiStateStorage]] using Window.localStorage.
  * @public
  */
-class LocalSettingsStorage {
+class LocalStateStorage {
     constructor(w = window) {
         this.w = w;
     }
     async getSetting(settingNamespace, settingName) {
         const setting = this.w.localStorage.getItem(`${settingNamespace}.${settingName}`);
         if (setting !== null)
-            return { status: UiSettingsStorage_1.UiSettingsStatus.Success, setting: JSON.parse(setting) };
+            return { status: UiStateStorage_1.UiStateStorageStatus.Success, setting: JSON.parse(setting) };
         else
-            return { status: UiSettingsStorage_1.UiSettingsStatus.NotFound };
+            return { status: UiStateStorage_1.UiStateStorageStatus.NotFound };
     }
     async saveSetting(settingNamespace, settingName, setting) {
         this.w.localStorage.setItem(`${settingNamespace}.${settingName}`, JSON.stringify(setting));
-        return { status: UiSettingsStorage_1.UiSettingsStatus.Success };
+        return { status: UiStateStorage_1.UiStateStorageStatus.Success };
     }
     async hasSetting(settingNamespace, settingName) {
         const name = `${settingNamespace}.${settingName}`;
@@ -39,18 +41,10 @@ class LocalSettingsStorage {
         const name = `${settingNamespace}.${settingName}`;
         const setting = this.w.localStorage.getItem(name);
         if (setting === null)
-            return { status: UiSettingsStorage_1.UiSettingsStatus.NotFound };
+            return { status: UiStateStorage_1.UiStateStorageStatus.NotFound };
         this.w.localStorage.removeItem(name);
-        return { status: UiSettingsStorage_1.UiSettingsStatus.Success };
+        return { status: UiStateStorage_1.UiStateStorageStatus.Success };
     }
 }
-exports.LocalSettingsStorage = LocalSettingsStorage;
-/** Alias for [[LocalSettingsStorage]]
- * @beta
- * @deprecated use [LocalSettingsStorage]($core-react) instead
- */
-class LocalUiSettings extends LocalSettingsStorage {
-    constructor(w = window) { super(w); }
-}
-exports.LocalUiSettings = LocalUiSettings;
-//# sourceMappingURL=LocalSettingsStorage.js.map
+exports.LocalStateStorage = LocalStateStorage;
+//# sourceMappingURL=LocalStateStorage.js.map

package/lib/cjs/core-react/uistate/LocalStateStorage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocalStateStorage.js","sourceRoot":"","sources":["../../../../src/core-react/uistate/LocalStateStorage.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,qDAA8F;AAE9F,sIAAsI;AACtI,wDAAwD;AAExD;;;GAGG;AACH,MAAa,iBAAiB;IAE5B,YAAmB,IAAY,MAAM;QAAlB,MAAC,GAAD,CAAC,CAAiB;IAAI,CAAC;IAEnC,KAAK,CAAC,UAAU,CAAC,gBAAwB,EAAE,WAAmB;QACnE,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,GAAG,gBAAgB,IAAI,WAAW,EAAE,CAAC,CAAC;QAClF,IAAI,OAAO,KAAK,IAAI;YAClB,OAAO,EAAE,MAAM,EAAE,qCAAoB,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;;YAE9E,OAAO,EAAE,MAAM,EAAE,qCAAoB,CAAC,QAAQ,EAAE,CAAC;IACrD,CAAC;IAEM,KAAK,CAAC,WAAW,CAAC,gBAAwB,EAAE,WAAmB,EAAE,OAAY;QAClF,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,GAAG,gBAAgB,IAAI,WAAW,EAAE,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;QAC3F,OAAO,EAAE,MAAM,EAAE,qCAAoB,CAAC,OAAO,EAAE,CAAC;IAClD,CAAC;IAEM,KAAK,CAAC,UAAU,CAAC,gBAAwB,EAAE,WAAmB;QACnE,MAAM,IAAI,GAAG,GAAG,gBAAgB,IAAI,WAAW,EAAE,CAAC;QAClD,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAClD,IAAI,OAAO,KAAK,IAAI;YAClB,OAAO,KAAK,CAAC;QACf,OAAO,IAAI,CAAC;IACd,CAAC;IAEM,KAAK,CAAC,aAAa,CAAC,gBAAwB,EAAE,WAAmB;QACtE,MAAM,IAAI,GAAG,GAAG,gBAAgB,IAAI,WAAW,EAAE,CAAC;QAClD,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAClD,IAAI,OAAO,KAAK,IAAI;YAClB,OAAO,EAAE,MAAM,EAAE,qCAAoB,CAAC,QAAQ,EAAE,CAAC;QACnD,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QACrC,OAAO,EAAE,MAAM,EAAE,qCAAoB,CAAC,OAAO,EAAE,CAAC;IAClD,CAAC;CACF;AAjCD,8CAiCC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module UiStateStorage\r\n */\r\n\r\nimport { UiStateStorage, UiStateStorageResult, UiStateStorageStatus } from \"./UiStateStorage\";\r\n\r\n// All of the Settings APIs that are available in core-react should be fully deprecated. However, some of the usage and implementation\r\n// of it from AppUI will continue to be supported there.\r\n\r\n/**\r\n * Implementation of [[UiStateStorage]] using Window.localStorage.\r\n * @public\r\n */\r\nexport class LocalStateStorage implements UiStateStorage {\r\n\r\n  constructor(public w: Window = window) { }\r\n\r\n  public async getSetting(settingNamespace: string, settingName: string): Promise<UiStateStorageResult> {\r\n    const setting = this.w.localStorage.getItem(`${settingNamespace}.${settingName}`);\r\n    if (setting !== null)\r\n      return { status: UiStateStorageStatus.Success, setting: JSON.parse(setting) };\r\n    else\r\n      return { status: UiStateStorageStatus.NotFound };\r\n  }\r\n\r\n  public async saveSetting(settingNamespace: string, settingName: string, setting: any): Promise<UiStateStorageResult> {\r\n    this.w.localStorage.setItem(`${settingNamespace}.${settingName}`, JSON.stringify(setting));\r\n    return { status: UiStateStorageStatus.Success };\r\n  }\r\n\r\n  public async hasSetting(settingNamespace: string, settingName: string): Promise<boolean> {\r\n    const name = `${settingNamespace}.${settingName}`;\r\n    const setting = this.w.localStorage.getItem(name);\r\n    if (setting === null)\r\n      return false;\r\n    return true;\r\n  }\r\n\r\n  public async deleteSetting(settingNamespace: string, settingName: string): Promise<UiStateStorageResult> {\r\n    const name = `${settingNamespace}.${settingName}`;\r\n    const setting = this.w.localStorage.getItem(name);\r\n    if (setting === null)\r\n      return { status: UiStateStorageStatus.NotFound };\r\n    this.w.localStorage.removeItem(name);\r\n    return { status: UiStateStorageStatus.Success };\r\n  }\r\n}\r\n"]}

package/lib/{esm/core-react/uisettings/UiSetting.d.ts → cjs/core-react/uistate/UiStateEntry.d.ts}

@@ -1,31 +1,31 @@
 /** @packageDocumentation
- * @module UiSettings
+ * @module UiStateStorage
  */
-import { UiSettingsResult, UiSettingsStorage } from "./UiSettingsStorage";
-/** A Ui Setting with namespace and setting name.
+import { UiStateStorage, UiStateStorageResult } from "./UiStateStorage";
+/** A single UI State enter that is identified by namespace and setting name.
  * @public
  */
-export declare class UiSetting<T> {
+export declare class UiStateEntry<T> {
     settingNamespace: string;
     settingName: string;
     getValue: () => T;
     applyValue?: ((v: T) => void) | undefined;
     defaultValue?: T | undefined;
     /** Constructor
-     * @param settingNamespace  Namespace for the setting, passed to UiSettings.
-     * @param settingName       Name for the setting, passed to UiSettings.
+     * @param settingNamespace  Namespace for the setting, passed to UiStateStorage.
+     * @param settingName       Name for the setting, passed to UiStateStorage.
      * @param getValue          Function for getting the value from the application.
      * @param applyValue        Function for applying the setting value to the application.
      * @param defaultValue      Optional default value if not already stored.
      */
     constructor(settingNamespace: string, settingName: string, getValue: () => T, applyValue?: ((v: T) => void) | undefined, defaultValue?: T | undefined);
-    /** Gets the setting from [[UiSettingsStorage]] */
-    getSetting(storage: UiSettingsStorage): Promise<UiSettingsResult>;
-    /** Saves the setting value from the `getValue` function to UiSettings */
-    saveSetting(storage: UiSettingsStorage): Promise<UiSettingsResult>;
-    /** Deletes the setting from UiSettings */
-    deleteSetting(storage: UiSettingsStorage): Promise<UiSettingsResult>;
-    /** Gets the setting from UiSettings and applies the value using the `applyValue` function */
-    getSettingAndApplyValue(storage: UiSettingsStorage): Promise<UiSettingsResult>;
+    /** Gets the setting from [[UiStateStorage]] */
+    getSetting(storage: UiStateStorage): Promise<UiStateStorageResult>;
+    /** Saves the setting value from the `getValue` function to UiStateStorage */
+    saveSetting(storage: UiStateStorage): Promise<UiStateStorageResult>;
+    /** Deletes the setting from UiStateStorage */
+    deleteSetting(storage: UiStateStorage): Promise<UiStateStorageResult>;
+    /** Gets the setting from UiStateStorage and applies the value using the `applyValue` function */
+    getSettingAndApplyValue(storage: UiStateStorage): Promise<UiStateStorageResult>;
 }
-//# sourceMappingURL=UiSetting.d.ts.map
+//# sourceMappingURL=UiStateEntry.d.ts.map

package/lib/cjs/core-react/uistate/UiStateEntry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiStateEntry.d.ts","sourceRoot":"","sources":["../../../../src/core-react/uistate/UiStateEntry.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAwB,MAAM,kBAAkB,CAAC;AAE9F;;GAEG;AACH,qBAAa,YAAY,CAAC,CAAC;IAQC,gBAAgB,EAAE,MAAM;IAAS,WAAW,EAAE,MAAM;IAAS,QAAQ,EAAE,MAAM,CAAC;IAAS,UAAU,CAAC,OAAM,CAAC,KAAK,IAAI;IAAS,YAAY,CAAC;IAPlK;;;;;;OAMG;gBACuB,gBAAgB,EAAE,MAAM,EAAS,WAAW,EAAE,MAAM,EAAS,QAAQ,EAAE,MAAM,CAAC,EAAS,UAAU,CAAC,OAAM,CAAC,KAAK,IAAI,aAAA,EAAS,YAAY,CAAC,eAAG;IAGrK,+CAA+C;IAClC,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,OAAO,CAAC,oBAAoB,CAAC;IAI/E,6EAA6E;IAChE,WAAW,CAAC,OAAO,EAAE,cAAc,GAAG,OAAO,CAAC,oBAAoB,CAAC;IAIhF,8CAA8C;IACjC,aAAa,CAAC,OAAO,EAAE,cAAc,GAAG,OAAO,CAAC,oBAAoB,CAAC;IAIlF,iGAAiG;IACpF,uBAAuB,CAAC,OAAO,EAAE,cAAc,GAAG,OAAO,CAAC,oBAAoB,CAAC;CAc7F"}

package/lib/cjs/core-react/{uisettings/UiSetting.js → uistate/UiStateEntry.js}

@@ -4,18 +4,18 @@
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
- * @module UiSettings
+ * @module UiStateStorage
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.UiSetting = void 0;
-const UiSettingsStorage_1 = require("./UiSettingsStorage");
-/** A Ui Setting with namespace and setting name.
+exports.UiStateEntry = void 0;
+const UiStateStorage_1 = require("./UiStateStorage");
+/** A single UI State enter that is identified by namespace and setting name.
  * @public
  */
-class UiSetting {
+class UiStateEntry {
     /** Constructor
-     * @param settingNamespace  Namespace for the setting, passed to UiSettings.
-     * @param settingName       Name for the setting, passed to UiSettings.
+     * @param settingNamespace  Namespace for the setting, passed to UiStateStorage.
+     * @param settingName       Name for the setting, passed to UiStateStorage.
      * @param getValue          Function for getting the value from the application.
      * @param applyValue        Function for applying the setting value to the application.
      * @param defaultValue      Optional default value if not already stored.
@@ -27,34 +27,34 @@ class UiSetting {
         this.applyValue = applyValue;
         this.defaultValue = defaultValue;
     }
-    /** Gets the setting from [[UiSettingsStorage]] */
+    /** Gets the setting from [[UiStateStorage]] */
     async getSetting(storage) {
         return storage.getSetting(this.settingNamespace, this.settingName);
     }
-    /** Saves the setting value from the `getValue` function to UiSettings */
+    /** Saves the setting value from the `getValue` function to UiStateStorage */
     async saveSetting(storage) {
         return storage.saveSetting(this.settingNamespace, this.settingName, this.getValue());
     }
-    /** Deletes the setting from UiSettings */
+    /** Deletes the setting from UiStateStorage */
     async deleteSetting(storage) {
         return storage.deleteSetting(this.settingNamespace, this.settingName);
     }
-    /** Gets the setting from UiSettings and applies the value using the `applyValue` function */
+    /** Gets the setting from UiStateStorage and applies the value using the `applyValue` function */
     async getSettingAndApplyValue(storage) {
         if (this.applyValue) {
             const result = await this.getSetting(storage);
-            if (result.status === UiSettingsStorage_1.UiSettingsStatus.Success) {
+            if (result.status === UiStateStorage_1.UiStateStorageStatus.Success) {
                 this.applyValue(result.setting);
             }
             else if (undefined !== this.defaultValue) {
                 this.applyValue(this.defaultValue);
                 result.setting = this.defaultValue;
-                result.status = UiSettingsStorage_1.UiSettingsStatus.Success;
+                result.status = UiStateStorage_1.UiStateStorageStatus.Success;
             }
             return result;
         }
-        return { status: UiSettingsStorage_1.UiSettingsStatus.Uninitialized };
+        return { status: UiStateStorage_1.UiStateStorageStatus.Uninitialized };
     }
 }
-exports.UiSetting = UiSetting;
-//# sourceMappingURL=UiSetting.js.map
+exports.UiStateEntry = UiStateEntry;
+//# sourceMappingURL=UiStateEntry.js.map

package/lib/cjs/core-react/uistate/UiStateEntry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiStateEntry.js","sourceRoot":"","sources":["../../../../src/core-react/uistate/UiStateEntry.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,qDAA8F;AAE9F;;GAEG;AACH,MAAa,YAAY;IACvB;;;;;;OAMG;IACH,YAA0B,gBAAwB,EAAS,WAAmB,EAAS,QAAiB,EAAS,UAA2B,EAAS,YAAgB;QAA3I,qBAAgB,GAAhB,gBAAgB,CAAQ;QAAS,gBAAW,GAAX,WAAW,CAAQ;QAAS,aAAQ,GAAR,QAAQ,CAAS;QAAS,eAAU,GAAV,UAAU,CAAiB;QAAS,iBAAY,GAAZ,YAAY,CAAI;IACrK,CAAC;IAED,+CAA+C;IACxC,KAAK,CAAC,UAAU,CAAC,OAAuB;QAC7C,OAAO,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IACrE,CAAC;IAED,6EAA6E;IACtE,KAAK,CAAC,WAAW,CAAC,OAAuB;QAC9C,OAAO,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;IACvF,CAAC;IAED,8CAA8C;IACvC,KAAK,CAAC,aAAa,CAAC,OAAuB;QAChD,OAAO,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IACxE,CAAC;IAED,iGAAiG;IAC1F,KAAK,CAAC,uBAAuB,CAAC,OAAuB;QAC1D,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;YAC9C,IAAI,MAAM,CAAC,MAAM,KAAK,qCAAoB,CAAC,OAAO,EAAE;gBAClD,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;aACjC;iBAAM,IAAI,SAAS,KAAK,IAAI,CAAC,YAAY,EAAE;gBAC1C,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;gBACnC,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC;gBACnC,MAAM,CAAC,MAAM,GAAG,qCAAoB,CAAC,OAAO,CAAC;aAC9C;YACD,OAAO,MAAM,CAAC;SACf;QACD,OAAO,EAAE,MAAM,EAAE,qCAAoB,CAAC,aAAa,EAAE,CAAC;IACxD,CAAC;CACF;AAzCD,oCAyCC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module UiStateStorage\r\n */\r\n\r\nimport { UiStateStorage, UiStateStorageResult, UiStateStorageStatus } from \"./UiStateStorage\";\r\n\r\n/** A single UI State enter that is identified by namespace and setting name.\r\n * @public\r\n */\r\nexport class UiStateEntry<T> {\r\n  /** Constructor\r\n   * @param settingNamespace  Namespace for the setting, passed to UiStateStorage.\r\n   * @param settingName       Name for the setting, passed to UiStateStorage.\r\n   * @param getValue          Function for getting the value from the application.\r\n   * @param applyValue        Function for applying the setting value to the application.\r\n   * @param defaultValue      Optional default value if not already stored.\r\n   */\r\n  public constructor(public settingNamespace: string, public settingName: string, public getValue: () => T, public applyValue?: (v: T) => void, public defaultValue?: T) {\r\n  }\r\n\r\n  /** Gets the setting from [[UiStateStorage]] */\r\n  public async getSetting(storage: UiStateStorage): Promise<UiStateStorageResult> {\r\n    return storage.getSetting(this.settingNamespace, this.settingName);\r\n  }\r\n\r\n  /** Saves the setting value from the `getValue` function to UiStateStorage */\r\n  public async saveSetting(storage: UiStateStorage): Promise<UiStateStorageResult> {\r\n    return storage.saveSetting(this.settingNamespace, this.settingName, this.getValue());\r\n  }\r\n\r\n  /** Deletes the setting from UiStateStorage */\r\n  public async deleteSetting(storage: UiStateStorage): Promise<UiStateStorageResult> {\r\n    return storage.deleteSetting(this.settingNamespace, this.settingName);\r\n  }\r\n\r\n  /** Gets the setting from UiStateStorage and applies the value using the `applyValue` function */\r\n  public async getSettingAndApplyValue(storage: UiStateStorage): Promise<UiStateStorageResult> {\r\n    if (this.applyValue) {\r\n      const result = await this.getSetting(storage);\r\n      if (result.status === UiStateStorageStatus.Success) {\r\n        this.applyValue(result.setting);\r\n      } else if (undefined !== this.defaultValue) {\r\n        this.applyValue(this.defaultValue);\r\n        result.setting = this.defaultValue;\r\n        result.status = UiStateStorageStatus.Success;\r\n      }\r\n      return result;\r\n    }\r\n    return { status: UiStateStorageStatus.Uninitialized };\r\n  }\r\n}\r\n"]}

package/lib/cjs/core-react/uistate/UiStateStorage.d.ts

@@ -0,0 +1,29 @@
+/** @packageDocumentation
+ * @module UiStateStorage
+ */
+/** Interface for getting, saving and deleting settings.
+ * @public
+ */
+export interface UiStateStorage {
+    getSetting(settingNamespace: string, settingName: string): Promise<UiStateStorageResult>;
+    saveSetting(settingNamespace: string, settingName: string, setting: any): Promise<UiStateStorageResult>;
+    deleteSetting(settingNamespace: string, settingName: string): Promise<UiStateStorageResult>;
+}
+/** Enum for [[UiStateStorage]] status.
+ * @public
+ */
+export declare enum UiStateStorageStatus {
+    Success = 0,
+    NotFound = 1,
+    UnknownError = 2,
+    Uninitialized = 3,
+    AuthorizationError = 4
+}
+/** Interface for result of accessing UI state setting in [[UiStateStorage]].
+ * @public
+ */
+export interface UiStateStorageResult {
+    status: UiStateStorageStatus;
+    setting?: any;
+}
+//# sourceMappingURL=UiStateStorage.d.ts.map

package/lib/cjs/core-react/uistate/UiStateStorage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiStateStorage.d.ts","sourceRoot":"","sources":["../../../../src/core-react/uistate/UiStateStorage.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,UAAU,CAAC,gBAAgB,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,OAAO,CAAC,oBAAoB,CAAC,CAAC;IACzF,WAAW,CAAC,gBAAgB,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,GAAG,OAAO,CAAC,oBAAoB,CAAC,CAAC;IACxG,aAAa,CAAC,gBAAgB,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,OAAO,CAAC,oBAAoB,CAAC,CAAC;CAC7F;AAED;;GAEG;AACH,oBAAY,oBAAoB;IAC9B,OAAO,IAAI;IACX,QAAQ,IAAI;IACZ,YAAY,IAAI;IAChB,aAAa,IAAI;IACjB,kBAAkB,IAAI;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,oBAAoB,CAAC;IAC7B,OAAO,CAAC,EAAE,GAAG,CAAC;CACf"}

package/lib/cjs/core-react/uistate/UiStateStorage.js

@@ -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 UiStateStorage
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UiStateStorageStatus = void 0;
+/** Enum for [[UiStateStorage]] status.
+ * @public
+ */
+var UiStateStorageStatus;
+(function (UiStateStorageStatus) {
+    UiStateStorageStatus[UiStateStorageStatus["Success"] = 0] = "Success";
+    UiStateStorageStatus[UiStateStorageStatus["NotFound"] = 1] = "NotFound";
+    UiStateStorageStatus[UiStateStorageStatus["UnknownError"] = 2] = "UnknownError";
+    UiStateStorageStatus[UiStateStorageStatus["Uninitialized"] = 3] = "Uninitialized";
+    UiStateStorageStatus[UiStateStorageStatus["AuthorizationError"] = 4] = "AuthorizationError";
+})(UiStateStorageStatus = exports.UiStateStorageStatus || (exports.UiStateStorageStatus = {}));
+//# sourceMappingURL=UiStateStorage.js.map

package/lib/cjs/core-react/uistate/UiStateStorage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiStateStorage.js","sourceRoot":"","sources":["../../../../src/core-react/uistate/UiStateStorage.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAWH;;GAEG;AACH,IAAY,oBAMX;AAND,WAAY,oBAAoB;IAC9B,qEAAW,CAAA;IACX,uEAAY,CAAA;IACZ,+EAAgB,CAAA;IAChB,iFAAiB,CAAA;IACjB,2FAAsB,CAAA;AACxB,CAAC,EANW,oBAAoB,GAApB,4BAAoB,KAApB,4BAAoB,QAM/B","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module UiStateStorage\r\n */\r\n\r\n/** Interface for getting, saving and deleting settings.\r\n * @public\r\n */\r\nexport interface UiStateStorage {\r\n  getSetting(settingNamespace: string, settingName: string): Promise<UiStateStorageResult>;\r\n  saveSetting(settingNamespace: string, settingName: string, setting: any): Promise<UiStateStorageResult>;\r\n  deleteSetting(settingNamespace: string, settingName: string): Promise<UiStateStorageResult>;\r\n}\r\n\r\n/** Enum for [[UiStateStorage]] status.\r\n * @public\r\n */\r\nexport enum UiStateStorageStatus {\r\n  Success = 0,\r\n  NotFound = 1,\r\n  UnknownError = 2,\r\n  Uninitialized = 3,\r\n  AuthorizationError = 4,\r\n}\r\n\r\n/** Interface for result of accessing UI state setting in [[UiStateStorage]].\r\n * @public\r\n */\r\nexport interface UiStateStorageResult {\r\n  status: UiStateStorageStatus;\r\n  setting?: any;\r\n}\r\n"]}

package/lib/cjs/core-react/utils/UiEvent.d.ts

@@ -2,8 +2,8 @@
  * @module Utilities
  */
 import { BeUiEvent } from "@itwin/core-bentley";
-/** iModel.js UI UiEvent class is a subclass of BeEvent with argument type safety.
- * @public
+/** iTwin.js UI UiEvent class is a subclass of BeEvent with argument type safety.
+ * @public @deprecated Use UiEvent in appui-abstract instead
  */
 export declare class UiEvent<TEventArgs> extends BeUiEvent<TEventArgs> {
 }

package/lib/cjs/core-react/utils/UiEvent.js

@@ -9,8 +9,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UiEvent = void 0;
 const core_bentley_1 = require("@itwin/core-bentley");
-/** iModel.js UI UiEvent class is a subclass of BeEvent with argument type safety.
- * @public
+/** iTwin.js UI UiEvent class is a subclass of BeEvent with argument type safety.
+ * @public @deprecated Use UiEvent in appui-abstract instead
  */
 class UiEvent extends core_bentley_1.BeUiEvent {
 }

package/lib/cjs/core-react/utils/UiEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiEvent.js","sourceRoot":"","sources":["../../../../src/core-react/utils/UiEvent.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,sDAAgD;AAEhD;;GAEG;AACH,MAAa,OAAoB,SAAQ,wBAAqB;CAAI;AAAlE,0BAAkE","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Utilities\r\n */\r\n\r\nimport { BeUiEvent } from \"@itwin/core-bentley\";\r\n\r\n/** iModel.js UI UiEvent class is a subclass of BeEvent with argument type safety.\r\n * @public\r\n */\r\nexport class UiEvent<TEventArgs> extends BeUiEvent<TEventArgs> { }\r\n"]}
+{"version":3,"file":"UiEvent.js","sourceRoot":"","sources":["../../../../src/core-react/utils/UiEvent.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,sDAAgD;AAEhD;;GAEG;AACH,MAAa,OAAoB,SAAQ,wBAAqB;CAAI;AAAlE,0BAAkE","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Utilities\r\n */\r\n\r\nimport { BeUiEvent } from \"@itwin/core-bentley\";\r\n\r\n/** iTwin.js UI UiEvent class is a subclass of BeEvent with argument type safety.\r\n * @public @deprecated Use UiEvent in appui-abstract instead\r\n */\r\nexport class UiEvent<TEventArgs> extends BeUiEvent<TEventArgs> { }\r\n"]}