@itwin/core-react 4.0.0-dev.8 → 4.0.0-dev.9

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

@@ -1 +0,0 @@
-{"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,4BAA4B,CAAC,CAAC;SACxE;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 in 3.0. 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 in 3.0. 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 in 3.0. 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 in 3.0. 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(\"reactselect.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/select/classes.scss

@@ -1,9 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "./index";
-
-.uicore-inputs-labeled-select { @include uicore-inputs-labeled-select; }
-.uicore-inputs-select { @include uicore-inputs-select; }
-.uicore-inputs-labeled-themed-select { @include uicore-inputs-labeled-themed-select; }

package/lib/cjs/core-react/select/index.scss

@@ -1,10 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "../style/index";
-
-@import "../inputs/variables";
-@import "./labeled-select";
-@import "./labeled-themed-select";
-@import "./select";

package/lib/cjs/core-react/select/labeled-select.scss

@@ -1,72 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "../style/index";
-@import "~@itwin/itwinui-css/scss/style/typography";
-
-@mixin uicore-inputs-labeled-select {
-
-  display:                    block;
-  padding:                    0;
-  margin:                     0 0 $uicore-unbordered-padding;
-  text-align:                 left;
-  font-family:                $iui-font-family;
-  font-size:                  $iui-font-size;
-  font-weight:                $iui-font-weight-normal;
-  cursor:                     pointer;
-
-  > .uicore-label {
-
-    padding:                0;
-    margin:                 0;
-    border:                 0 none transparent;
-    display:                block;
-    font-size:              $iui-font-size;
-    font-weight:            $iui-font-weight-semibold;
-    line-height:            $uicore-line-height;
-    text-align:             left;
-    color:                  $buic-text-color;
-  }
-
-  > .uicore-message {
-
-    display:                block;
-    font-size:              $iui-font-size-small;
-    line-height:            $uicore-line-height;
-    color:                  $buic-text-color-muted;
-  }
-
-
-  /// Status colors ----------------------------------------------------------
-
-  $status-colors: (
-    success:    $buic-foreground-positive-rgb,
-    warning:    $buic-foreground-warning-rgb,
-    error:      $buic-foreground-negative-rgb
-  );
-
-  @each $status, $color in $status-colors {
-
-    &.#{$status},
-    &.#{$status} > .uicore-message {
-
-      color:                rgb($color);
-    }
-
-    &.#{$status} {
-      > select,
-      > .uicore-inputs-select {
-
-        border-color:       rgb($color);
-        box-shadow:         $buic-inputs-boxshadow 0px 1px 1px inset;
-
-        &:focus {
-
-          border-color:     rgb($color);
-          box-shadow:       rgba( $color, $uicore-opacity-boxshadow ) 0px 0px 0px 2px;
-        }
-      }
-    }
-  }
-}

package/lib/cjs/core-react/select/labeled-themed-select.scss

@@ -1,77 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "../style/index";
-@import "~@itwin/itwinui-css/scss/style/typography";
-
-@mixin uicore-inputs-labeled-themed-select {
-  $uicore-select-padding-bordered:  $uicore-inputs-padding-bordered;
-
-  display:                    block;
-  padding:                    $uicore-select-padding-bordered ($uicore-bordered-padding - 3px);
-  margin:                     $uicore-inputs-margin 0;
-  text-align:                 left;
-  font-family:                $iui-font-family;
-  font-size:                  $iui-font-size;
-  font-weight:                $iui-font-weight-normal;
-  cursor:                     pointer;
-
-  > .uicore-label {
-
-    padding:                0;
-    margin:                 0 0 3px;
-    border:                 0 none transparent;
-    display:                block;
-    font-size:              $iui-font-size;
-    font-weight:            $iui-font-weight-semibold;
-    line-height:            $uicore-line-height;
-    text-align:             left;
-    color:                  $buic-text-color;
-  }
-
-  > .uicore-message {
-
-    display:                block;
-    font-size:              $iui-font-size-small;
-    line-height:            $uicore-line-height;
-    color:                  $buic-text-color-muted;
-  }
-
-  > .uicore-reactSelectTop {
-    padding:                    $uicore-select-padding-bordered ($uicore-bordered-padding - 3px);
-    margin:                     $uicore-inputs-margin 0;
-  }
-
-  /// Status colors ----------------------------------------------------------
-
-  $status-colors: (
-    success:    $buic-foreground-positive-rgb,
-    warning:    $buic-foreground-warning-rgb,
-    error:      $buic-foreground-negative-rgb
-  );
-
-  @each $status, $color in $status-colors {
-
-    &.#{$status},
-    &.#{$status} > .uicore-message {
-
-      color:                rgb($color);
-    }
-
-    &.#{$status} {
-      > select,
-      > .uicore-inputs-select {
-
-        border-color:       rgb($color);
-        box-shadow:         $buic-inputs-boxshadow 0px 1px 1px inset;
-
-        &:focus {
-
-          border-color:     rgb($color);
-          box-shadow:       rgba( $color, $uicore-opacity-boxshadow ) 0px 0px 0px 2px;
-        }
-      }
-    }
-  }
-}

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

@@ -1,5 +0,0 @@
-/** getParentSelector
- * @internal
- */
-export declare const getParentSelector: () => HTMLElement;
-//# sourceMappingURL=modalHelper.d.ts.map

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

@@ -1 +0,0 @@
-{"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/cjs/core-react/select/modalHelper.js

@@ -1,21 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getParentSelector = void 0;
-/** getParentSelector
- * @internal
- */
-const getParentSelector = () => {
-    let portal = document.querySelector("#portal");
-    if (!portal) {
-        portal = document.createElement("div");
-        portal.id = "portal";
-        document.body.appendChild(portal);
-    }
-    return portal;
-};
-exports.getParentSelector = getParentSelector;
-//# sourceMappingURL=modalHelper.js.map

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

@@ -1 +0,0 @@
-{"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":["/*---------------------------------------------------------------------------------------------\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\r\n/** getParentSelector\r\n * @internal\r\n */\r\nexport const getParentSelector = (): HTMLElement => {\r\n  let portal = document.querySelector(\"#portal\");\r\n  if (!portal) {\r\n    portal = document.createElement(\"div\");\r\n    portal.id = \"portal\";\r\n    document.body.appendChild(portal);\r\n  }\r\n  return portal as HTMLElement;\r\n};\r\n"]}

package/lib/cjs/core-react/select/select.scss

@@ -1,74 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "../style/index";
-@import "../inputs/variables";
-@import "~@itwin/itwinui-css/scss/style/speed";
-@import "~@itwin/itwinui-css/scss/style/typography";
-@import "~@itwin/itwinui-css/scss/style/variables";
-
-@mixin uicore-inputs-select {
-
-  $uicore-select-padding-bordered:  $uicore-inputs-padding-bordered;
-
-  display:            inline-block;
-  min-height:         $uicore-component-height-normal;
-  padding:            $uicore-select-padding-bordered ($uicore-bordered-padding - 3px);
-  margin:             $uicore-inputs-margin 0;
-  font-size:          $iui-font-size;
-  line-height:        $uicore-line-height;
-  color:              $buic-text-color;
-  background-color:   $buic-background-control;
-  background-image:   none;
-  border:             1px solid $buic-inputs-border;
-  border-radius:      $iui-border-radius;
-  box-sizing:         border-box;
-  box-shadow:         $buic-inputs-boxshadow 0px 1px 1px inset;
-  transition:         border-color $iui-speed-fast ease-in-out, box-shadow $iui-speed-fast ease-in-out;
-  cursor:             pointer;
-
-  @include firefox-only {
-    padding-top:      $uicore-select-padding-bordered - 1px;
-    padding-bottom:   $uicore-select-padding-bordered - 1px;
-  }
-
-  &:invalid {
-
-    color: $buic-foreground-disabled;
-
-    >option {
-
-      color: $buic-text-color;
-    }
-  }
-
-  >option.placeholder {
-
-    display: none;
-  }
-
-  >option {
-    &[disabled],
-    &[readonly] {
-
-      color: $buic-text-color-disabled;
-    }
-  }
-
-  &[disabled],
-  &[readonly] {
-
-    background-color: $buic-background-control-disabled;
-    color: $buic-text-color-disabled;
-    cursor: not-allowed;
-    opacity: $uicore-opacity-disabled;
-  }
-
-  &:focus {
-
-    outline: 0px;
-    border-color: $buic-foreground-focus-border;
-    box-shadow: $uicore-inputs-focus-boxshadow;
-  }
-}

package/lib/cjs/core-react/select/themed-select.scss

@@ -1,159 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "../style/index";
-@import "../inputs/variables";
-@import "../scrollbar";
-@import "../z-index";
-@import "~@itwin/itwinui-css/scss/style/speed";
-@import "~@itwin/itwinui-css/scss/style/typography";
-@import "~@itwin/itwinui-css/scss/style/variables";
-
-//HACK
-// there is an issue in react-select where generated styles have higher
-// priority than the class prefix style solution, which we use. I thought
-// this was the best solution after testing several, the better of which
-// caused an obscure node-sass error
-.uicore-reactSelectTop {
-  $uicore-select-padding-bordered:  $uicore-inputs-padding-bordered;
-
-  font-size:          $iui-font-size;
-  font-weight:        normal;
-  color:              $buic-text-color;
-  background-image:   none;
-  border-radius:      $iui-border-radius;
-  box-sizing:         border-box;
-  box-shadow:         $buic-inputs-boxshadow 0px 1px 1px inset;
-  transition:         border-color $iui-speed-fast ease-in-out, box-shadow $iui-speed-fast ease-in-out;
-
-  @include firefox-only {
-    padding-top:      $uicore-select-padding-bordered - 1px;
-    padding-bottom:   $uicore-select-padding-bordered - 1px;
-  }
-
-  .react-select {
-    &__control {
-      background-color: $buic-background-control;
-      color: $buic-foreground-body;
-      border: 1px solid $buic-inputs-border;
-      cursor: pointer;
-
-      svg {
-        width: unset;
-        height: unset;
-      }
-
-      &--is-focused {
-        outline: 0px;
-        border-color: $buic-foreground-focus-border;
-        box-shadow: $uicore-inputs-focus-boxshadow;
-
-        &:hover {
-          border-color: $buic-foreground-focus-border;
-        }
-      }
-
-      &--is-disabled {
-        background-color: $buic-background-control-disabled;
-        color: $buic-text-color-disabled;
-        opacity: $uicore-opacity-disabled;
-        cursor: not-allowed;
-      }
-
-      .react-select__placeholder {
-        color: $buic-foreground-disabled;
-      }
-
-      .react-select__value-container {
-        .react-select__multi-value {
-          background: $buic-background-control;
-          color: $buic-foreground-primary;
-
-          .react-select__multi-value__label {
-            color: $buic-foreground-body;
-
-            .react-select__multi-value__remove {
-              background: $buic-background-control;
-            }
-          }
-        }
-
-        .react-select__multi-value__remove {
-          cursor: pointer;
-        }
-      }
-
-    }
-
-    &__single-value {
-      color: $buic-foreground-body;
-    }
-
-    &__indicator {
-      color: $buic-foreground-body;
-
-      &:hover {
-        color: $buic-foreground-activehover;
-        cursor: pointer;
-      }
-
-      &-separator {
-        visibility: hidden;
-      }
-    }
-
-    &__input {
-      input {
-        width: 100% !important;
-        color: $buic-foreground-body !important;
-      }
-    }
-
-    &__option {
-      &:active {
-        background-color: $buic-background-active-overlay;
-      }
-
-      &:hover:not(.react-select__option--is-selected) {
-        background-color: $buic-background-hover-overlay;
-      }
-
-      &--is-focused:not(.react-select__option--is-selected) {
-        background-color: $buic-background-hover-overlay;
-      }
-
-      &--is-selected {
-        color: $buic-foreground-body;
-        background-color: $buic-background-pressed-overlay;
-
-        &:active {
-          background-color: $buic-background-active-overlay;
-        }
-      }
-    }
-
-    &__menu {
-      //HACK: double selector for specificity
-      &#{&} {
-        margin-top: 0;
-        color: $buic-foreground-body;
-        background-color: $buic-background-control;
-        @include uicore-z-index(dialog-popup);
-      }
-
-      .react-select__menu-list {
-        @include uicore-scrollbar();
-      }
-    }
-  }
-
-  // Double .react-select__menu intended to be more specific than the inline style.
-  .react-select__menu.react-select__menu {
-    @include uicore-scrollbar($buic-background-scrollbar, $buic-foreground-body);
-    margin-top: 0;
-    color: $buic-foreground-body;
-    background-color: $buic-background-control;
-    @include uicore-z-index(dialog-popup);
-  }
-}

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

@@ -1,80 +0,0 @@
-/** @packageDocumentation
- * @module Slider
- */
-import "./Slider.scss";
-import * as React from "react";
-import { CommonProps } from "../utils/Props";
-/** Properties for [[Slider]] component
-  * @public
-  */
-export interface SliderProps extends CommonProps {
-    /** Values to set Slider to initially */
-    values: number[];
-    /** Minimum value */
-    min: number;
-    /** Maximum value */
-    max: number;
-    /** Format the min display value */
-    formatMin?: (value: number) => string;
-    /** Format the max display value */
-    formatMax?: (value: number) => string;
-    /** Step value. Default is 0.1. */
-    step?: number;
-    /** The interaction mode. Default is 1. Possible values:
-      * 1 - allows handles to cross each other.
-      * 2 - keeps the sliders from crossing and separated by a step.
-      */
-    mode?: number | (() => number);
-    /** Indicates whether the display of the Slider values is reversed. */
-    reversed?: boolean;
-    /** Indicates whether the Slider is disabled. */
-    disabled?: boolean;
-    /** Indicates whether to compensate for the tick marks when determining the width. */
-    includeTicksInWidth?: boolean;
-    /** Indicates whether to show tooltip with the value. The tooltip will be positioned above the Slider, by default. */
-    showTooltip?: boolean;
-    /** Indicates whether the tooltip should show below the Slider instead of above. */
-    tooltipBelow?: boolean;
-    /** Format a value for the tooltip */
-    formatTooltip?: (value: number) => string;
-    /** Indicates whether to show min & max values to the left & right of the Slider. */
-    showMinMax?: boolean;
-    /** Image to show for min. */
-    minImage?: React.ReactNode;
-    /** Image to show for max. */
-    maxImage?: React.ReactNode;
-    /** Indicates whether to show tick marks under the Slider. */
-    showTicks?: boolean;
-    /** Indicates whether to show tick labels under the tick marks. */
-    showTickLabels?: boolean;
-    /** Format a tick mark value */
-    formatTick?: (tick: number) => string;
-    /** Function to get the tick count. The default tick count is 10. */
-    getTickCount?: () => number;
-    /** Function to get the tick values. This overrides the tick count from getTickCount.
-      * Use this prop if you want to specify your own tick values instead of ticks generated by the slider.
-      * The numbers should be valid numbers in the domain and correspond to the step value.
-      * Invalid values will be coerced to the closet matching value in the domain.
-      */
-    getTickValues?: () => number[];
-    /** Listens for value changes.
-      * Triggered when the value of the slider has changed. This will receive changes at
-      * the end of a slide as well as changes from clicks on rails and tracks.
-      */
-    onChange?: (values: ReadonlyArray<number>) => void;
-    /** Listens for value updates.
-      *  Called with the values at each update (caution: high-volume updates when dragging).
-      */
-    onUpdate?: (values: ReadonlyArray<number>) => void;
-    /** No longer available use onUpdate. */
-    onSlideStart?: (values: ReadonlyArray<number>) => void;
-    /** No longer available use onChange. */
-    onSlideEnd?: (values: ReadonlyArray<number>) => void;
-}
-/**
-  * Slider React component displays a range slider.
-  * @public
-  * @deprecated in 3.0. Use Slider in itwinui-react instead
-  */
-export declare function Slider(props: SliderProps): JSX.Element;
-//# sourceMappingURL=Slider.d.ts.map

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

@@ -1 +0,0 @@
-{"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/cjs/core-react/slider/Slider.js

@@ -1,91 +0,0 @@
-"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 Slider
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Slider = void 0;
-require("./Slider.scss");
-const classnames_1 = require("classnames");
-const React = require("react");
-const itwinui_react_1 = require("@itwin/itwinui-react");
-const BodyText_1 = require("../text/BodyText");
-/**
-  * Slider React component displays a range slider.
-  * @public
-  * @deprecated in 3.0. Use Slider in itwinui-react instead
-  */
-function Slider(props) {
-    const { className, style, min, max, values, step, mode, formatMin, formatMax, onChange, onUpdate, showTicks, showTickLabels, formatTick, getTickCount, getTickValues, includeTicksInWidth, reversed, disabled, showMinMax, minImage, maxImage, showTooltip, tooltipBelow, formatTooltip, } = props;
-    const containerClassNames = (0, classnames_1.default)("core-slider-container", className, disabled && "core-disabled", showTickLabels && "core-slider-tickLabels", includeTicksInWidth && "core-slider-includeTicksInWidth");
-    const sliderClassNames = (0, classnames_1.default)("core-slider", showMinMax && "core-slider-minMax");
-    const internalFormatTooltip = React.useCallback((value) => {
-        if (formatTooltip)
-            return formatTooltip(value);
-        const actualStep = Math.abs(step !== null && step !== void 0 ? step : 1);
-        if (Number.isInteger(actualStep))
-            return value.toFixed(0);
-        const stepString = actualStep.toString();
-        const decimalIndex = stepString.indexOf(".");
-        const numDecimals = actualStep.toString().length - (decimalIndex + 1);
-        return value.toFixed(numDecimals);
-    }, [formatTooltip, step]);
-    const tooltipProps = React.useCallback((_index, val) => {
-        const content = internalFormatTooltip(val);
-        if (!showTooltip)
-            return { visible: false };
-        return { placement: tooltipBelow ? "bottom" : "top", content };
-    }, [internalFormatTooltip, showTooltip, tooltipBelow]);
-    const tickLabels = React.useMemo(() => {
-        let ticks;
-        if (showTicks) {
-            const count = getTickCount ? getTickCount() : 0;
-            if (count) {
-                ticks = [];
-                const increment = (max - min) / count;
-                for (let i = 0; i <= count; i++) {
-                    const value = (i * increment) + min;
-                    if (showTickLabels) {
-                        const label = formatTick ? formatTick(value) : internalFormatTooltip(value);
-                        ticks.push(label);
-                    }
-                    else {
-                        ticks.push("");
-                    }
-                }
-            }
-            else /* istanbul ignore else */ if (getTickValues) {
-                return getTickValues().map((val) => formatTick ? formatTick(val) : internalFormatTooltip(val));
-            }
-        }
-        return ticks;
-    }, [formatTick, getTickCount, getTickValues, internalFormatTooltip, max, min, showTickLabels, showTicks]);
-    const thumbMode = React.useMemo(() => {
-        let inMode = 1;
-        if (typeof mode === "function")
-            inMode = mode();
-        return 1 === inMode ? "allow-crossing" : "inhibit-crossing";
-    }, [mode]);
-    return (React.createElement("div", { className: containerClassNames, style: style },
-        showMinMax &&
-            React.createElement(MinMax, { value: min, testId: "core-slider-min", image: minImage, format: formatMin }),
-        React.createElement(itwinui_react_1.Slider, { className: sliderClassNames, values: values, min: min, max: max, step: step, thumbMode: thumbMode, trackDisplayMode: !reversed ? "auto" : "odd-segments", disabled: disabled, minLabel: "", maxLabel: "", tooltipProps: tooltipProps, tickLabels: tickLabels, onChange: onChange, onUpdate: onUpdate }),
-        showMinMax &&
-            React.createElement(MinMax, { value: max, testId: "core-slider-max", image: maxImage, format: formatMax })));
-}
-exports.Slider = Slider;
-/** MinMax component for Slider */
-function MinMax(props) {
-    const { value, testId, image, format } = props;
-    let element;
-    const displayValue = format !== undefined ? format(value) : value;
-    if (image)
-        element = React.createElement(React.Fragment, null, image);
-    else
-        element = React.createElement(BodyText_1.BodyText, { className: "core-slider-minmax", "data-testid": testId }, displayValue);
-    return element;
-}
-//# sourceMappingURL=Slider.js.map