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

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

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

package/lib/esm/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/esm/core-react/select/modalHelper.js

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

package/lib/esm/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;AACH,MAAM,CAAC,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","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/esm/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/esm/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/esm/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/esm/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/esm/core-react/slider/Slider.js

@@ -1,87 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Slider
- */
-import "./Slider.scss";
-import classnames from "classnames";
-import * as React from "react";
-import { Slider as ItwinSlider } from "@itwin/itwinui-react";
-import { BodyText } from "../text/BodyText";
-/**
-  * Slider React component displays a range slider.
-  * @public
-  * @deprecated in 3.0. Use Slider in itwinui-react instead
-  */
-export 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 = classnames("core-slider-container", className, disabled && "core-disabled", showTickLabels && "core-slider-tickLabels", includeTicksInWidth && "core-slider-includeTicksInWidth");
-    const sliderClassNames = classnames("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(ItwinSlider, { 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 })));
-}
-/** 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, { className: "core-slider-minmax", "data-testid": testId }, displayValue);
-    return element;
-}
-//# sourceMappingURL=Slider.js.map

package/lib/esm/core-react/slider/Slider.js.map

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

package/lib/esm/core-react/slider/Slider.scss

@@ -1,96 +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/opacity";
-@import "../style/themecolors";
-@import "../button/button";
-@import "../z-index";
-
-$uicore-slider-height:          24px;
-$uicore-slider-rail-height:     4px;
-$uicore-slider-handle-size:     14px;
-$uicore-slider-minmax-margin:   6px;
-
-.core-slider-container {
-  position: relative;
-  height: $uicore-slider-height;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  width: 100%;
-
-  span.core-slider-minmax[data-testid="core-slider-min"] {
-    margin-right: 4px;
-  }
-
-  span.core-slider-minmax[data-testid="core-slider-max"] {
-    margin-left: 4px;
-  }
-
-  &.core-slider-tickLabels {
-    margin-bottom: 9px;
-  }
-
-  &.core.slider-includeTicksInWidth {
-    margin-right: 10px;
-  }
-
-  .core-slider-minMax {
-    margin-left: $uicore-slider-minmax-margin;
-    margin-right: $uicore-slider-minmax-margin;
-  }
-
-  .core-slider {
-    flex: 1;
-    position: relative;
-    height: inherit;
-    margin-bottom: 2px;
-  }
-
-  &.core-disabled {
-    cursor: not-allowed;
-
-    .core-slider {
-      .core-slider-rail {
-        cursor: not-allowed;
-      }
-
-      .core-slider-track {
-        cursor: not-allowed;
-
-        >.core-slider-track-inner {
-          background: $buic-foreground-disabled;
-        }
-      }
-
-      .core-slider-handle {
-        background: $buic-background-control-disabled;
-        border-color: $buic-background-control-stroke-disabled;
-        cursor: not-allowed;
-      }
-
-      .core-slider-tick-mark {
-        opacity: $uicore-opacity-disabled;
-      }
-
-      .core-slider-tick-label {
-        color: $buic-foreground-disabled;
-      }
-    }
-
-    .uicore-text-body {
-      color: $buic-foreground-disabled;
-    }
-
-    .icon {
-      color: $buic-foreground-disabled;
-    }
-  }
-}
-
-.core-slider_track-tooltip-container {
-  position: absolute;
-  left: 0;
-  top: 0;
-}

package/lib/esm/core-react/splitbutton/SplitButton.d.ts

@@ -1,62 +0,0 @@
-/** @packageDocumentation
- * @module SplitButton
- */
-import "./SplitButton.scss";
-import * as React from "react";
-import { IconSpec } from "../icons/IconComponent";
-import { CommonProps } from "../utils/Props";
-import { RelativePosition } from "@itwin/appui-abstract";
-import { ButtonType } from "../button/Button";
-/** @internal */
-export declare enum SplitButtonActionType {
-    ContextMenu = 0,
-    List = 1
-}
-/** Properties for [[SplitButton]] component
- * @public
- * @deprecated in 3.0. Use SplitButtonProps in itwinui-react instead
- */
-export interface SplitButtonProps extends CommonProps {
-    /** Label to display in click area. */
-    label: string | React.ReactNode;
-    /** Listens for click events on button area */
-    onClick?: (event: any) => any;
-    /** Listens for execute on button area */
-    onExecute?: () => any;
-    /** Specifies icon for Splitbutton component */
-    icon?: IconSpec;
-    /** Indicates whether to draw a border around the button */
-    drawBorder?: boolean;
-    /** ToolTip text */
-    toolTip?: string;
-    /** Direction relative to the button to which the popup is expanded (defaults to Bottom) */
-    popupPosition?: RelativePosition;
-    /** 4 styles to tweak the content of the button */
-    buttonType?: ButtonType;
-    /** @internal */
-    initialExpanded?: boolean;
-}
-/** @internal */
-interface SplitButtonState {
-    expanded: boolean;
-}
-/**
- * SplitButton with an action button on the left and an arrow button that displays a context menu on the right.
- * @public
- * @deprecated in 3.0. Use SplitButton in itwinui-react instead
- */
-export declare class SplitButton extends React.Component<SplitButtonProps, SplitButtonState> {
-    private _arrowElement;
-    private _buttonRef;
-    private _closing;
-    /** @internal */
-    readonly state: Readonly<SplitButtonState>;
-    constructor(props: SplitButtonProps);
-    render(): JSX.Element;
-    private _handleKeyUp;
-    private _open;
-    private _handleArrowClick;
-    private _handleClose;
-}
-export {};
-//# sourceMappingURL=SplitButton.d.ts.map

package/lib/esm/core-react/splitbutton/SplitButton.d.ts.map

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