@itwin/core-react 4.17.1 → 5.0.0-dev.2

package/lib/cjs/core-react/inputs/numberinput/NumberInput.js

@@ -1,163 +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 Inputs
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NumberInput = void 0;
-require("./NumberInput.scss");
-const classnames_1 = require("classnames");
-const React = require("react");
-const ts_key_enum_1 = require("ts-key-enum");
-const itwinui_react_1 = require("@itwin/itwinui-react");
-const IconComponent_1 = require("../../icons/IconComponent");
-const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
-const ForwardRefNumberInput = React.forwardRef(function ForwardRefNumberInput(props, ref) {
-    const { containerClassName, className, value, min, max, precision, format, parse, onChange, onBlur, onKeyDown, step, snap, showTouchButtons, containerStyle, isControlled, ...otherProps } = props;
-    const currentValueRef = React.useRef(value);
-    /**
-     * Used internally to parse the argument x to it's numeric representation.
-     * If the argument cannot be converted to finite number returns 0; If a
-     * "precision" prop is specified uses it round the number with that
-     * precision (no fixed precision here because the return value is float, not
-     * string).
-     */
-    const parseInternal = React.useCallback((x) => {
-        let n;
-        if (parse)
-            n = parse(x);
-        if (undefined === n || null === n) {
-            n = parseFloat(x);
-            if (isNaN(n) || !isFinite(n)) {
-                n = 0;
-            }
-        }
-        const localPrecision = undefined === precision ? 10 : precision;
-        const q = Math.pow(10, localPrecision);
-        const localMin = undefined === min ? Number.MIN_SAFE_INTEGER : min;
-        const localMax = undefined === max ? Number.MAX_SAFE_INTEGER : max;
-        n = Math.min(Math.max(n, localMin), localMax);
-        n = Math.round(n * q) / q;
-        return n;
-    }, [parse, precision, min, max]);
-    /**
-     * This is used internally to format a number to its display representation.
-     * It will invoke the format function if one is provided.
-     */
-    const formatInternal = React.useCallback((num) => {
-        const localPrecision = undefined === precision || null === precision ? 0 : precision;
-        const str = undefined === num || null === num ? "" : num.toFixed(localPrecision);
-        if (format)
-            return format(num, str);
-        return str;
-    }, [format, precision]);
-    const [formattedValue, setFormattedValue] = React.useState(() => formatInternal(value));
-    // See if new initialValue props have changed since component mounted
-    React.useEffect(() => {
-        currentValueRef.current = value;
-        const currentFormattedValue = formatInternal(currentValueRef.current);
-        setFormattedValue(currentFormattedValue);
-    }, [formatInternal, value]);
-    const handleChange = React.useCallback((event) => {
-        const newVal = event.currentTarget.value;
-        setFormattedValue(newVal);
-        isControlled && onChange && onChange(parseInternal(newVal), newVal);
-    }, [isControlled, onChange, parseInternal]);
-    const updateValue = React.useCallback((newVal) => {
-        const newFormattedVal = formatInternal(newVal);
-        onChange && onChange(newVal, newFormattedVal);
-        setFormattedValue(newFormattedVal);
-    }, [onChange, formatInternal]);
-    const updateValueFromString = React.useCallback((strValue) => {
-        const newVal = parseInternal(strValue);
-        updateValue(newVal);
-    }, [parseInternal, updateValue]);
-    const handleBlur = React.useCallback((event) => {
-        const newVal = parseInternal(event.target.value);
-        onBlur && onBlur(event);
-        updateValue(newVal);
-    }, [parseInternal, updateValue, onBlur]);
-    const getIncrementValue = React.useCallback((increment) => {
-        if (typeof step === "function") {
-            const stepVal = step(increment ? "up" : "down");
-            return stepVal ? stepVal : 1;
-        }
-        return !step ? 1 : step;
-    }, [step]);
-    /**
-     * The internal method that actually sets the new value on the input
-     */
-    const applyStep = React.useCallback((increment) => {
-        const incrementValue = getIncrementValue(increment);
-        let num = parseInternal(formattedValue) +
-            (increment ? incrementValue : -incrementValue);
-        if (snap) {
-            num = Math.round(num / incrementValue) * incrementValue;
-        }
-        const localMin = undefined === min ? Number.MIN_SAFE_INTEGER : min;
-        const localMax = undefined === max ? Number.MAX_SAFE_INTEGER : max;
-        num = Math.min(Math.max(num, localMin), localMax);
-        updateValue(num);
-    }, [
-        formattedValue,
-        getIncrementValue,
-        max,
-        min,
-        parseInternal,
-        snap,
-        updateValue,
-    ]);
-    const handleKeyDown = React.useCallback((event) => {
-        if (event.key === ts_key_enum_1.Key.Enter.valueOf()) {
-            updateValueFromString(event.currentTarget.value);
-            event.preventDefault();
-            event.stopPropagation();
-        }
-        else if (event.key === ts_key_enum_1.Key.Escape.valueOf()) {
-            setFormattedValue(formatInternal(currentValueRef.current));
-            event.preventDefault();
-        }
-        else if (event.key === ts_key_enum_1.Key.ArrowDown.valueOf()) {
-            applyStep(false);
-            event.preventDefault();
-            event.stopPropagation();
-        }
-        else if (event.key === ts_key_enum_1.Key.ArrowUp.valueOf()) {
-            applyStep(true);
-            event.preventDefault();
-            event.stopPropagation();
-        }
-        onKeyDown && onKeyDown(event);
-    }, [applyStep, formatInternal, updateValueFromString, onKeyDown]);
-    const handleDownClick = React.useCallback((event) => {
-        applyStep(false);
-        event.preventDefault();
-    }, [applyStep]);
-    const handleUpClick = React.useCallback((event) => {
-        applyStep(true);
-        event.preventDefault();
-    }, [applyStep]);
-    const handleFocus = React.useCallback((event) => {
-        event.currentTarget.select();
-    }, []);
-    const isDisabled = !!otherProps.disabled;
-    const containerClasses = (0, classnames_1.default)("core-number-input-container", containerClassName, showTouchButtons && "core-number-buttons-for-touch", isDisabled && "core-number-input-disabled");
-    const caretUp = showTouchButtons ? React.createElement(itwinui_icons_react_1.SvgCaretUp, null) : React.createElement(itwinui_icons_react_1.SvgCaretUpSmall, null);
-    const caretDown = showTouchButtons ? React.createElement(itwinui_icons_react_1.SvgCaretDown, null) : React.createElement(itwinui_icons_react_1.SvgCaretDownSmall, null);
-    return (React.createElement("div", { className: containerClasses, style: containerStyle },
-        React.createElement(itwinui_react_1.Input, { ref: ref, value: formattedValue, onChange: handleChange, onKeyDown: handleKeyDown, onFocus: handleFocus, onBlur: handleBlur, size: "small", className: (0, classnames_1.default)("core-input", className), ...otherProps }),
-        React.createElement("div", { className: (0, classnames_1.default)("core-number-input-buttons-container", showTouchButtons && "core-number-buttons-for-touch") },
-            React.createElement("div", { className: "core-number-input-button core-number-input-button-up", tabIndex: -1, onClick: handleUpClick, role: "presentation" },
-                React.createElement(IconComponent_1.Icon, { iconSpec: caretUp })),
-            React.createElement("div", { className: "core-number-input-button core-number-input-button-down", tabIndex: -1, onClick: handleDownClick, role: "presentation" },
-                React.createElement(IconComponent_1.Icon, { iconSpec: caretDown })))));
-});
-/** Input component for numbers with up and down buttons to increment and decrement the value.
- * @public
- * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/input iTwinUI input} instead.
- */
-exports.NumberInput = ForwardRefNumberInput;
-//# sourceMappingURL=NumberInput.js.map

package/lib/cjs/core-react/inputs/numberinput/NumberInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../../../../src/core-react/inputs/numberinput/NumberInput.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Inputs\n */\n\nimport \"./NumberInput.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Key } from \"ts-key-enum\";\nimport { Input } from \"@itwin/itwinui-react\";\nimport { Icon } from \"../../icons/IconComponent\";\nimport {\n  SvgCaretDown,\n  SvgCaretDownSmall,\n  SvgCaretUp,\n  SvgCaretUpSmall,\n} from \"@itwin/itwinui-icons-react\";\n\n/* eslint-disable deprecation/deprecation */\n\ntype InputProps = React.ComponentPropsWithoutRef<typeof Input>;\n\n/** Step function prototype for [[NumberInput]] component\n * @public\n * @deprecated in 4.12.0. Interface used in a deprecated component {@link NumberInput}.\n */\nexport type StepFunctionProp =\n  | number\n  | ((direction: string) => number | undefined);\n\n/** Properties for the [[NumberInput]] component\n * @public\n * @deprecated in 4.12.0. Props of deprecated component {@link NumberInput}.\n */\nexport interface NumberInputProps\n  extends Omit<InputProps, \"min\" | \"max\" | \"step\" | \"onChange\"> {\n  /** Numeric value, set to `undefined` to show placeholder text */\n  value?: number;\n  /** CSS class name for the NumberInput component container div */\n  containerClassName?: string;\n  /** Style for component container div. */\n  containerStyle?: React.CSSProperties;\n  /** number or function\tNumber.MIN_SAFE_INTEGER */\n  min?: number;\n  /** number or function\tdefaults to Number.MAX_SAFE_INTEGER */\n  max?: number;\n  /** increment step value used while incrementing or decrementing (up/down buttons or arrow keys) defaults to 1. */\n  step?: StepFunctionProp;\n  /** number of decimal places, defaults to 0 */\n  precision?: number;\n  /** function parseFloat */\n  parse?: (value: string) => number | null | undefined;\n  /** function optional formatting function that takes the number value and the internal formatted value in case function just adds prefix or suffix. */\n  format?: (num: number | null | undefined, formattedValue: string) => string;\n  /** Set to true to \"snap\" to the closest step value while incrementing or decrementing (up/down buttons or arrow keys). */\n  snap?: boolean;\n  /** Function to call when value is changed. */\n  onChange?: (value: number | undefined, stringValue: string) => void;\n  /** if true up/down buttons are shown larger and side by side */\n  showTouchButtons?: boolean;\n  /** Provides ability to return reference to HTMLInputElement */\n  ref?: React.Ref<HTMLInputElement>;\n  /**\n   * Makes this component behave as controlled component.\n   * @internal\n   */\n  isControlled?: boolean;\n}\n\nconst ForwardRefNumberInput = React.forwardRef<\n  HTMLInputElement,\n  NumberInputProps\n>(function ForwardRefNumberInput(props, ref) {\n  const {\n    containerClassName,\n    className,\n    value,\n    min,\n    max,\n    precision,\n    format,\n    parse,\n    onChange,\n    onBlur,\n    onKeyDown,\n    step,\n    snap,\n    showTouchButtons,\n    containerStyle,\n    isControlled,\n    ...otherProps\n  } = props;\n  const currentValueRef = React.useRef(value);\n\n  /**\n   * Used internally to parse the argument x to it's numeric representation.\n   * If the argument cannot be converted to finite number returns 0; If a\n   * \"precision\" prop is specified uses it round the number with that\n   * precision (no fixed precision here because the return value is float, not\n   * string).\n   */\n  const parseInternal = React.useCallback(\n    (x: string) => {\n      let n: number | undefined | null;\n\n      if (parse) n = parse(x);\n      if (undefined === n || null === n) {\n        n = parseFloat(x);\n        if (isNaN(n) || !isFinite(n)) {\n          n = 0;\n        }\n      }\n\n      const localPrecision = undefined === precision ? 10 : precision;\n      const q = Math.pow(10, localPrecision);\n      const localMin = undefined === min ? Number.MIN_SAFE_INTEGER : min;\n      const localMax = undefined === max ? Number.MAX_SAFE_INTEGER : max;\n      n = Math.min(Math.max(n, localMin), localMax);\n      n = Math.round(n * q) / q;\n\n      return n;\n    },\n    [parse, precision, min, max]\n  );\n\n  /**\n   * This is used internally to format a number to its display representation.\n   * It will invoke the format function if one is provided.\n   */\n  const formatInternal = React.useCallback(\n    (num: number | undefined | null) => {\n      const localPrecision =\n        undefined === precision || null === precision ? 0 : precision;\n      const str =\n        undefined === num || null === num ? \"\" : num.toFixed(localPrecision);\n\n      if (format) return format(num, str);\n\n      return str;\n    },\n    [format, precision]\n  );\n\n  const [formattedValue, setFormattedValue] = React.useState(() =>\n    formatInternal(value)\n  );\n\n  // See if new initialValue props have changed since component mounted\n  React.useEffect(() => {\n    currentValueRef.current = value;\n    const currentFormattedValue = formatInternal(currentValueRef.current);\n    setFormattedValue(currentFormattedValue);\n  }, [formatInternal, value]);\n\n  const handleChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const newVal = event.currentTarget.value;\n      setFormattedValue(newVal);\n      isControlled && onChange && onChange(parseInternal(newVal), newVal);\n    },\n    [isControlled, onChange, parseInternal]\n  );\n\n  const updateValue = React.useCallback(\n    (newVal: number) => {\n      const newFormattedVal = formatInternal(newVal);\n      onChange && onChange(newVal, newFormattedVal);\n      setFormattedValue(newFormattedVal);\n    },\n    [onChange, formatInternal]\n  );\n\n  const updateValueFromString = React.useCallback(\n    (strValue: string) => {\n      const newVal = parseInternal(strValue);\n      updateValue(newVal);\n    },\n    [parseInternal, updateValue]\n  );\n\n  const handleBlur = React.useCallback(\n    (event: React.FocusEvent<HTMLInputElement>) => {\n      const newVal = parseInternal(event.target.value);\n      onBlur && onBlur(event);\n      updateValue(newVal);\n    },\n    [parseInternal, updateValue, onBlur]\n  );\n\n  const getIncrementValue = React.useCallback(\n    (increment: boolean) => {\n      if (typeof step === \"function\") {\n        const stepVal = step(increment ? \"up\" : \"down\");\n        return stepVal ? stepVal : 1;\n      }\n\n      return !step ? 1 : step;\n    },\n    [step]\n  );\n\n  /**\n   * The internal method that actually sets the new value on the input\n   */\n  const applyStep = React.useCallback(\n    (increment: boolean) => {\n      const incrementValue = getIncrementValue(increment);\n\n      let num =\n        parseInternal(formattedValue) +\n        (increment ? incrementValue : -incrementValue);\n      if (snap) {\n        num = Math.round(num / incrementValue) * incrementValue;\n      }\n\n      const localMin = undefined === min ? Number.MIN_SAFE_INTEGER : min;\n      const localMax = undefined === max ? Number.MAX_SAFE_INTEGER : max;\n      num = Math.min(Math.max(num, localMin), localMax);\n\n      updateValue(num);\n    },\n    [\n      formattedValue,\n      getIncrementValue,\n      max,\n      min,\n      parseInternal,\n      snap,\n      updateValue,\n    ]\n  );\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === Key.Enter.valueOf()) {\n        updateValueFromString(event.currentTarget.value);\n        event.preventDefault();\n        event.stopPropagation();\n      } else if (event.key === Key.Escape.valueOf()) {\n        setFormattedValue(formatInternal(currentValueRef.current));\n        event.preventDefault();\n      } else if (event.key === Key.ArrowDown.valueOf()) {\n        applyStep(false);\n        event.preventDefault();\n        event.stopPropagation();\n      } else if (event.key === Key.ArrowUp.valueOf()) {\n        applyStep(true);\n        event.preventDefault();\n        event.stopPropagation();\n      }\n      onKeyDown && onKeyDown(event);\n    },\n    [applyStep, formatInternal, updateValueFromString, onKeyDown]\n  );\n\n  const handleDownClick = React.useCallback(\n    (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n      applyStep(false);\n      event.preventDefault();\n    },\n    [applyStep]\n  );\n\n  const handleUpClick = React.useCallback(\n    (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n      applyStep(true);\n      event.preventDefault();\n    },\n    [applyStep]\n  );\n\n  const handleFocus = React.useCallback(\n    (event: React.FocusEvent<HTMLInputElement>) => {\n      event.currentTarget.select();\n    },\n    []\n  );\n\n  const isDisabled = !!otherProps.disabled;\n  const containerClasses = classnames(\n    \"core-number-input-container\",\n    containerClassName,\n    showTouchButtons && \"core-number-buttons-for-touch\",\n    isDisabled && \"core-number-input-disabled\"\n  );\n\n  const caretUp = showTouchButtons ? <SvgCaretUp /> : <SvgCaretUpSmall />;\n  const caretDown = showTouchButtons ? <SvgCaretDown /> : <SvgCaretDownSmall />;\n\n  return (\n    <div className={containerClasses} style={containerStyle}>\n      <Input\n        ref={ref}\n        value={formattedValue}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        size=\"small\"\n        className={classnames(\"core-input\", className)}\n        {...otherProps}\n      />\n      <div\n        className={classnames(\n          \"core-number-input-buttons-container\",\n          showTouchButtons && \"core-number-buttons-for-touch\"\n        )}\n      >\n        {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */}\n        <div\n          className=\"core-number-input-button core-number-input-button-up\"\n          tabIndex={-1}\n          onClick={handleUpClick}\n          role=\"presentation\"\n        >\n          <Icon iconSpec={caretUp} />\n        </div>\n        {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */}\n        <div\n          className=\"core-number-input-button core-number-input-button-down\"\n          tabIndex={-1}\n          onClick={handleDownClick}\n          role=\"presentation\"\n        >\n          <Icon iconSpec={caretDown} />\n        </div>\n      </div>\n    </div>\n  );\n});\n\n/** Input component for numbers with up and down buttons to increment and decrement the value.\n * @public\n * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/input iTwinUI input} instead.\n */\nexport const NumberInput: (props: NumberInputProps) => React.ReactNode =\n  ForwardRefNumberInput;\n"]}

package/lib/cjs/core-react/inputs/numberinput/NumberInput.scss

@@ -1,88 +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 "../../base/base";
-@import "../variables";
-
-.core-number-input-container {
-  position: relative;
-  padding: 0;
-  margin: 0;
-  box-sizing: border-box;
-
-  input {
-    margin: 0;
-    padding-right: 1.5em;
-
-    &.core-input {
-      padding: $uicore-iui-input-padding;
-    }
-  }
-
-  &.core-number-buttons-for-touch {
-    input {
-      padding-right: 3.5em;
-    }
-  }
-
-  .core-number-input-buttons-container {
-    position: absolute;
-    top: 0;
-    right: 0;
-    width: 20px;
-    height: 100%;
-    @include uicore-centered;
-    flex-direction: column;
-
-    .core-number-input-button {
-      font-size: 8px;
-      outline: none;
-      height: 100%;
-      width: 100%;
-      @include uicore-centered;
-      &:hover {
-        color: var(--iui-color-text-accent-hover);
-        transition-duration: 150ms;
-      }
-      &.core-number-input-button-up {
-        padding-top: 1px;
-      }
-      &.core-number-input-button-down {
-        padding-top: 1px;
-      }
-    }
-
-    &.core-number-buttons-for-touch {
-      width: 3.5em;
-      flex-direction: row-reverse;
-
-      .core-number-input-button {
-        font-size: 1em;
-
-        &:hover {
-          color: unset;
-          transition-duration: unset;
-        }
-
-        &.core-number-input-button-up {
-          padding-top: 2px;
-        }
-        &.core-number-input-button-down {
-          padding-top: 2px;
-        }
-      }
-    }
-  }
-  &.core-number-input-disabled {
-    .core-number-input-button-up {
-      pointer-events: none;
-      color: var(--iui-color-text-disabled);
-    }
-
-    .core-number-input-button-down {
-      pointer-events: none;
-      color: var(--iui-color-text-disabled);
-    }
-  }
-}

package/lib/cjs/core-react/inputs/variables.scss

@@ -1,36 +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/baseline";
-@import "../style/themecolors";
-
-// cspell:ignore unbordered
-
-$uicore-inputs-height: 22px;
-$uicore-inputs-height-large: 40px;
-$uicore-line-height: calc(var(--iui-size-s) * 1.4);
-
-$uicore-inputs-padding: calc(
-  (#{$uicore-inputs-height} - #{$uicore-line-height}) * 0.5
-);
-$uicore-inputs-padding-large: calc(
-  (#{$uicore-inputs-height-large} - #{$uicore-line-height}) * 0.5
-);
-$uicore-inputs-padding-bordered: calc(#{$uicore-inputs-padding} - 2px);
-$uicore-inputs-padding-bordered-large: calc(
-  #{$uicore-inputs-padding-large} - 2px
-);
-
-$uicore-inputs-margin: calc(
-  (#{$uicore-line-height} * 2 - #{$uicore-inputs-height}) * 0.5
-);
-$uicore-inputs-margin-large: calc(
-  (#{$uicore-line-height} * 3 - #{$uicore-inputs-height-large}) * 0.5
-);
-
-$uicore-inputs-border-color: $buic-inputs-border;
-
-$uicore-inputs-focus-boxshadow: $buic-focus-boxshadow 0px 0px 0px 2px;
-
-$uicore-iui-input-padding: var(--iui-size-3xs) var(--iui-size-xs);

package/lib/cjs/core-react/l10n/LocalizationProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LocalizationProvider.d.ts","sourceRoot":"","sources":["../../../../src/core-react/l10n/LocalizationProvider.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE3E,KAAK,YAAY,GAAG,IAAI,CACtB,gBAAgB,EAChB,oBAAoB,GAAG,mBAAmB,CAC3C,CAAC;AAMF,UAAU,yBAAyB;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,EAAE,YAAY,CAAC;CAC5B;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,qBAOpE;AAED;;GAEG;AACH,wBAAgB,eAAe,6BAG9B"}

package/lib/cjs/core-react/l10n/LocalizationProvider.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLocalization = exports.LocalizationProvider = void 0;
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Utilities
- */
-const React = require("react");
-const LocalizationContext = React.createContext(undefined);
-/** Provides localization capability to the components.
- * @alpha
- * @deprecated in 4.16.0. Use {@link @itwin/components-react#LocalizationProvider} instead.
- */
-function LocalizationProvider(props) {
-    const { children, localization } = props;
-    return (React.createElement(LocalizationContext.Provider, { value: localization }, children));
-}
-exports.LocalizationProvider = LocalizationProvider;
-/** Returns localization context.
- * @internal
- */
-function useLocalization() {
-    const localization = React.useContext(LocalizationContext);
-    return localization;
-}
-exports.useLocalization = useLocalization;
-//# sourceMappingURL=LocalizationProvider.js.map

package/lib/cjs/core-react/l10n/LocalizationProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LocalizationProvider.js","sourceRoot":"","sources":["../../../../src/core-react/l10n/LocalizationProvider.tsx"],"names":[],"mappings":";;;AAAA;;;gGAGgG;AAChG;;GAEG;AACH,+BAA+B;AAQ/B,MAAM,mBAAmB,GAAG,KAAK,CAAC,aAAa,CAC7C,SAAS,CACV,CAAC;AAOF;;;GAGG;AACH,SAAgB,oBAAoB,CAAC,KAAgC;IACnE,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IACzC,OAAO,CACL,oBAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,IAC9C,QAAQ,CACoB,CAChC,CAAC;AACJ,CAAC;AAPD,oDAOC;AAED;;GAEG;AACH,SAAgB,eAAe;IAC7B,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAC3D,OAAO,YAAY,CAAC;AACtB,CAAC;AAHD,0CAGC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Utilities\n */\nimport * as React from \"react\";\nimport type { Localization as CoreLocalization } from \"@itwin/core-common\";\n\ntype Localization = Pick<\n  CoreLocalization,\n  \"getLocalizedString\" | \"registerNamespace\"\n>;\n\nconst LocalizationContext = React.createContext<Localization | undefined>(\n  undefined\n);\n\ninterface LocalizationProviderProps {\n  children?: React.ReactNode;\n  localization: Localization;\n}\n\n/** Provides localization capability to the components.\n * @alpha\n * @deprecated in 4.16.0. Use {@link @itwin/components-react#LocalizationProvider} instead.\n */\nexport function LocalizationProvider(props: LocalizationProviderProps) {\n  const { children, localization } = props;\n  return (\n    <LocalizationContext.Provider value={localization}>\n      {children}\n    </LocalizationContext.Provider>\n  );\n}\n\n/** Returns localization context.\n * @internal\n */\nexport function useLocalization() {\n  const localization = React.useContext(LocalizationContext);\n  return localization;\n}\n"]}

package/lib/cjs/core-react/l10n/usePackageTranslation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePackageTranslation.d.ts","sourceRoot":"","sources":["../../../../src/core-react/l10n/usePackageTranslation.tsx"],"names":[],"mappings":"AAOA;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IAC9C,QAAQ,EAAE,MAAM,CAAC;CAClB;qBAkBS,MAAM;EAgBf"}

package/lib/cjs/core-react/l10n/usePackageTranslation.js

@@ -1,64 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePackageTranslation = void 0;
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-const React = require("react");
-const LocalizationProvider_1 = require("./LocalizationProvider");
-/** Used by AppUI packages internally to define package specific `useTranslation` hook.
- * Uses a localization provider to translate the provided key with a specified namespace. Multiple fallback layers are used to resolve the translation:
- * - Return value of a specified `fallback` function.
- * - Default value looked up from a specified `defaults` object.
- * - Lastly `key` argument of the translation function is returned.
- * @internal
- */
-function usePackageTranslation({ namespace, fallback, defaults, }) {
-    const localization = (0, LocalizationProvider_1.useLocalization)();
-    const [registered, setRegistered] = React.useState(false);
-    React.useEffect(() => {
-        if (!localization)
-            return;
-        let ignore = false;
-        setRegistered(false);
-        void (async () => {
-            await localization.registerNamespace(namespace);
-            if (ignore)
-                return;
-            setRegistered(true);
-        })();
-        return () => {
-            ignore = true;
-        };
-    }, [localization, namespace]);
-    const translate = React.useCallback((key) => {
-        if (localization && registered) {
-            return localization.getLocalizedString(`${namespace}:${key}`);
-        }
-        const fallbackTranslation = fallback(key);
-        if (fallbackTranslation !== undefined) {
-            return fallbackTranslation;
-        }
-        const defaultValue = getDefaultValue(defaults, key);
-        return defaultValue ?? key;
-    }, [localization, namespace, fallback, defaults, registered]);
-    return { translate };
-}
-exports.usePackageTranslation = usePackageTranslation;
-function getDefaultValue(defaults, propertyKey) {
-    const keys = propertyKey.split(".");
-    let prop = defaults;
-    for (const key of keys) {
-        if (!(key in prop)) {
-            prop = undefined;
-            break;
-        }
-        prop = prop[key];
-    }
-    if (typeof prop !== "string") {
-        return undefined;
-    }
-    return prop;
-}
-//# sourceMappingURL=usePackageTranslation.js.map

package/lib/cjs/core-react/l10n/usePackageTranslation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePackageTranslation.js","sourceRoot":"","sources":["../../../../src/core-react/l10n/usePackageTranslation.tsx"],"names":[],"mappings":";;;AAAA;;;gGAGgG;AAChG,+BAA+B;AAC/B,iEAAyD;AAEzD;;;;;;GAMG;AACH,SAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,QAAQ,EACR,QAAQ,GAKT;IACC,MAAM,YAAY,GAAG,IAAA,sCAAe,GAAE,CAAC;IACvC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,YAAY;YAAE,OAAO;QAE1B,IAAI,MAAM,GAAG,KAAK,CAAC;QACnB,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,KAAK,CAAC,KAAK,IAAI,EAAE;YACf,MAAM,YAAY,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC;YAChD,IAAI,MAAM;gBAAE,OAAO;YACnB,aAAa,CAAC,IAAI,CAAC,CAAC;QACtB,CAAC,CAAC,EAAE,CAAC;QACL,OAAO,GAAG,EAAE;YACV,MAAM,GAAG,IAAI,CAAC;QAChB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC,CAAC;IAC9B,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CACjC,CAAC,GAAW,EAAE,EAAE;QACd,IAAI,YAAY,IAAI,UAAU,EAAE,CAAC;YAC/B,OAAO,YAAY,CAAC,kBAAkB,CAAC,GAAG,SAAS,IAAI,GAAG,EAAE,CAAC,CAAC;QAChE,CAAC;QAED,MAAM,mBAAmB,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;QAC1C,IAAI,mBAAmB,KAAK,SAAS,EAAE,CAAC;YACtC,OAAO,mBAAmB,CAAC;QAC7B,CAAC;QAED,MAAM,YAAY,GAAG,eAAe,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;QACpD,OAAO,YAAY,IAAI,GAAG,CAAC;IAC7B,CAAC,EACD,CAAC,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,CAAC,CAC1D,CAAC;IACF,OAAO,EAAE,SAAS,EAAE,CAAC;AACvB,CAAC;AA1CD,sDA0CC;AAED,SAAS,eAAe,CAAC,QAAgB,EAAE,WAAmB;IAC5D,MAAM,IAAI,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACpC,IAAI,IAAI,GAAQ,QAAQ,CAAC;IACzB,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;QACvB,IAAI,CAAC,CAAC,GAAG,IAAI,IAAI,CAAC,EAAE,CAAC;YACnB,IAAI,GAAG,SAAS,CAAC;YACjB,MAAM;QACR,CAAC;QACD,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;IACnB,CAAC;IACD,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC7B,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport * as React from \"react\";\nimport { useLocalization } from \"./LocalizationProvider\";\n\n/** Used by AppUI packages internally to define package specific `useTranslation` hook.\n * Uses a localization provider to translate the provided key with a specified namespace. Multiple fallback layers are used to resolve the translation:\n * - Return value of a specified `fallback` function.\n * - Default value looked up from a specified `defaults` object.\n * - Lastly `key` argument of the translation function is returned.\n * @internal\n */\nexport function usePackageTranslation({\n  namespace,\n  fallback,\n  defaults,\n}: {\n  namespace: string;\n  fallback: (key: string) => string | undefined;\n  defaults: object;\n}) {\n  const localization = useLocalization();\n  const [registered, setRegistered] = React.useState(false);\n  React.useEffect(() => {\n    if (!localization) return;\n\n    let ignore = false;\n    setRegistered(false);\n    void (async () => {\n      await localization.registerNamespace(namespace);\n      if (ignore) return;\n      setRegistered(true);\n    })();\n    return () => {\n      ignore = true;\n    };\n  }, [localization, namespace]);\n  const translate = React.useCallback(\n    (key: string) => {\n      if (localization && registered) {\n        return localization.getLocalizedString(`${namespace}:${key}`);\n      }\n\n      const fallbackTranslation = fallback(key);\n      if (fallbackTranslation !== undefined) {\n        return fallbackTranslation;\n      }\n\n      const defaultValue = getDefaultValue(defaults, key);\n      return defaultValue ?? key;\n    },\n    [localization, namespace, fallback, defaults, registered]\n  );\n  return { translate };\n}\n\nfunction getDefaultValue(defaults: object, propertyKey: string) {\n  const keys = propertyKey.split(\".\");\n  let prop: any = defaults;\n  for (const key of keys) {\n    if (!(key in prop)) {\n      prop = undefined;\n      break;\n    }\n    prop = prop[key];\n  }\n  if (typeof prop !== \"string\") {\n    return undefined;\n  }\n  return prop;\n}\n"]}

package/lib/cjs/core-react/l10n/useTranslation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTranslation.d.ts","sourceRoot":"","sources":["../../../../src/core-react/l10n/useTranslation.tsx"],"names":[],"mappings":"AAWA;;GAEG;AACH,wBAAgB,cAAc;;EAa7B"}

package/lib/cjs/core-react/l10n/useTranslation.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTranslation = void 0;
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-const defaults = require("../UiCore.json");
-const React = require("react");
-const UiCore_1 = require("../UiCore");
-const usePackageTranslation_1 = require("./usePackageTranslation");
-/* eslint-disable deprecation/deprecation */
-/** Returns a translation function to localize package components.
- * @internal
- */
-function useTranslation() {
-    const fallback = React.useCallback((key) => {
-        if (!UiCore_1.UiCore.initialized) {
-            return undefined;
-        }
-        return UiCore_1.UiCore.translate(key);
-    }, []);
-    return (0, usePackageTranslation_1.usePackageTranslation)({
-        namespace: UiCore_1.UiCore.localizationNamespace,
-        fallback,
-        defaults,
-    });
-}
-exports.useTranslation = useTranslation;
-//# sourceMappingURL=useTranslation.js.map

package/lib/cjs/core-react/l10n/useTranslation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTranslation.js","sourceRoot":"","sources":["../../../../src/core-react/l10n/useTranslation.tsx"],"names":[],"mappings":";;;AAAA;;;gGAGgG;AAChG,2CAA2C;AAC3C,+BAA+B;AAC/B,sCAAmC;AACnC,mEAAgE;AAEhE,4CAA4C;AAE5C;;GAEG;AACH,SAAgB,cAAc;IAC5B,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,GAAW,EAAE,EAAE;QACjD,IAAI,CAAC,eAAM,CAAC,WAAW,EAAE,CAAC;YACxB,OAAO,SAAS,CAAC;QACnB,CAAC;QAED,OAAO,eAAM,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IAC/B,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,IAAA,6CAAqB,EAAC;QAC3B,SAAS,EAAE,eAAM,CAAC,qBAAqB;QACvC,QAAQ;QACR,QAAQ;KACT,CAAC,CAAC;AACL,CAAC;AAbD,wCAaC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport * as defaults from \"../UiCore.json\";\nimport * as React from \"react\";\nimport { UiCore } from \"../UiCore\";\nimport { usePackageTranslation } from \"./usePackageTranslation\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** Returns a translation function to localize package components.\n * @internal\n */\nexport function useTranslation() {\n  const fallback = React.useCallback((key: string) => {\n    if (!UiCore.initialized) {\n      return undefined;\n    }\n\n    return UiCore.translate(key);\n  }, []);\n  return usePackageTranslation({\n    namespace: UiCore.localizationNamespace,\n    fallback,\n    defaults,\n  });\n}\n"]}

package/lib/cjs/core-react/layout-variables.scss

@@ -1,15 +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 "./z-index";
-
-:root {
-  /** Default Widget Opacity */
-  --buic-widget-opacity: 0.9;
-  /** Default Toolbar Opacity */
-  --buic-toolbar-opacity: 0.5;
-
-  /** CSS variables for each z-index layer */
-  @include uicore-z-index-variables();
-}

package/lib/cjs/core-react/listbox/Listbox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Listbox.d.ts","sourceRoot":"","sources":["../../../../src/core-react/listbox/Listbox.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,gBAAgB,CAAC;AAGxB,sEAAsE;AAItE;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC;AAElC;;;GAGG;AACH,MAAM,WAAW,YACf,SAAQ,KAAK,CAAC,iBAAiB,CAC7B,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EACtC,gBAAgB,CACjB;IACD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,oBAAoB,CAAC,EAAE,CACrB,QAAQ,EAAE,YAAY,EACtB,yBAAyB,CAAC,EAAE,OAAO,KAChC,IAAI,CAAC;CACX;AAED;;;GAGG;AACH,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,iBAAiB,CAC7B,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC,EACrC,aAAa,CACd;IACD,+BAA+B;IAC/B,KAAK,EAAE,YAAY,CAAC;IACpB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;GAGG;AACH,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,oBAAoB,EAAE,CACpB,QAAQ,EAAE,YAAY,EACtB,yBAAyB,CAAC,EAAE,OAAO,KAChC,IAAI,CAAC;IACV,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;CAChD;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc,oCAEzB,CAAC;AA4DH;;;GAGG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,qBAoM1C;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAwDlD"}