@atlaskit/react-select 3.14.3 → 3.14.5

package/dist/es2019/components/containers.js

@@ -1,113 +0,0 @@
-/* containers.tsx generated by @compiled/babel-plugin v0.39.1 */
-import _extends from "@babel/runtime/helpers/extends";
-import "./containers.compiled.css";
-import * as React from 'react';
-import { ax, ix } from "@compiled/react/runtime";
-import { cx } from '@compiled/react';
-import { getStyleProps } from '../utils';
-
-// ==============================
-// Root Container
-// ==============================
-
-export const containerCSS = () => ({});
-const containerStyles = {
-  default: "_11c81d4k _kqswh2mm _lcxv1rj4 _1tn2fhey",
-  rtl: "_1eim1xrj",
-  disabled: "_80om13gf"
-};
-
-// eslint-disable-next-line @repo/internal/react/require-jsdoc
-export const SelectContainer = props => {
-  const {
-    children,
-    innerProps,
-    isDisabled,
-    isRtl,
-    xcss
-  } = props;
-  const {
-    className,
-    css
-  } = getStyleProps(props, 'container', {
-    '--is-disabled': isDisabled,
-    '--is-rtl': isRtl
-  });
-  return /*#__PURE__*/React.createElement("div", _extends({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
-    className: ax([containerStyles.default, isRtl && containerStyles.rtl, isDisabled && containerStyles.disabled, cx(className, xcss, '-container')])
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-    ,
-    style: css
-  }, innerProps), children);
-};
-
-// ==============================
-// Value Container
-// ==============================
-
-export const valueContainerCSS = () => ({});
-const valueContainerStyles = {
-  default: "_16jlkb7n _1o9zkb7n _i0dlf1ug _1reo15vq _18m915vq _4cvr1h6o _1e0c11p5 _1n261g80 _8am5i4x0 _kqswh2mm _1q51v77o _y4ti12x7 _85i5v77o _bozg12x7",
-  flex: "_1e0c1txw",
-  compact: "_1q51ze3t _y4ti12x7 _85i5ze3t _bozg12x7"
-};
-
-// eslint-disable-next-line @repo/internal/react/require-jsdoc
-export const ValueContainer = props => {
-  const {
-    children,
-    innerProps,
-    isMulti,
-    hasValue,
-    isCompact,
-    xcss,
-    selectProps: {
-      controlShouldRenderValue
-    }
-  } = props;
-  const {
-    css,
-    className
-  } = getStyleProps(props, 'valueContainer', {
-    'value-container': true,
-    'value-container--is-multi': isMulti,
-    'value-container--has-value': hasValue
-  });
-  return /*#__PURE__*/React.createElement("div", _extends({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
-    className: ax([valueContainerStyles.default, isMulti && hasValue && controlShouldRenderValue && valueContainerStyles.flex, isCompact && valueContainerStyles.compact, cx(className, xcss, '-ValueContainer')])
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-    ,
-    style: css
-  }, innerProps), children);
-};
-
-// ==============================
-// Indicator Container
-// ==============================
-
-export const indicatorsContainerCSS = () => ({});
-const indicatorContainerStyles = null;
-
-// eslint-disable-next-line @repo/internal/react/require-jsdoc
-export const IndicatorsContainer = props => {
-  const {
-    children,
-    innerProps,
-    xcss
-  } = props;
-  const {
-    css,
-    className
-  } = getStyleProps(props, 'indicatorsContainer', {
-    indicators: true
-  });
-  return /*#__PURE__*/React.createElement("div", _extends({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-    style: css
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
-    ,
-    className: ax(["_1e0c1txw _4cvr1h6o _1o9zidpf _1wpz1fhb _y4ti1b66", cx(className, xcss, '-IndicatorsContainer')])
-  }, innerProps), children);
-};

package/dist/es2019/components/indicators.js

@@ -1,143 +0,0 @@
-/* indicators.tsx generated by @compiled/babel-plugin v0.39.1 */
-import _extends from "@babel/runtime/helpers/extends";
-import "./indicators.compiled.css";
-import * as React from 'react';
-import { ax, ix } from "@compiled/react/runtime";
-import { cx } from '@compiled/react';
-import DownIcon from '@atlaskit/icon/core/chevron-down';
-import CrossIcon from '@atlaskit/icon/core/cross-circle';
-import { Inline, Pressable } from '@atlaskit/primitives/compiled';
-import Spinner from '@atlaskit/spinner';
-import { getStyleProps } from '../utils';
-
-// ==============================
-// Dropdown & Clear Icons
-// ==============================
-
-const iconContainerStyles = {
-  root: "_kkk2n7od _12ji1r31 _1qu219ly _12y31o36 _1e0c1txw _4cvr1h6o _1bah1h6o _1q51v77o _y4tiv77o _85i5v77o _bozgv77o"
-};
-const dropdownWrapperStyles = {
-  root: "_1q5112x7 _y4ti12x7 _85i512x7 _bozg12x7"
-};
-
-// ==============================
-// Dropdown & Clear Buttons
-// ==============================
-
-const dropdownStyles = {
-  default: "_v564vrg3 _1e0c1txw _syazazsu _1q5112x7 _y4tiv77o _85i512x7 _bozgv77o _30l3azsu",
-  compact: "_1q51idpf _85i5idpf",
-  disabled: "_syaz1gmx"
-};
-export const dropdownIndicatorCSS = () => ({});
-
-// eslint-disable-next-line @repo/internal/react/require-jsdoc
-export const DropdownIndicator = props => {
-  const {
-    innerProps,
-    children,
-    isDisabled,
-    isCompact,
-    xcss
-  } = props;
-  const {
-    css,
-    className
-  } = getStyleProps(props, 'dropdownIndicator', {
-    indicator: true,
-    'dropdown-indicator': true
-  });
-  return /*#__PURE__*/React.createElement("div", _extends({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-    style: css
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
-    ,
-    className: ax([dropdownStyles.default, isDisabled && dropdownStyles.disabled, isCompact && dropdownStyles.compact, cx(className, xcss, '-indicatorContainer')])
-  }, innerProps), children ? children : /*#__PURE__*/React.createElement(Inline, {
-    as: "span",
-    xcss: dropdownWrapperStyles.root
-  }, /*#__PURE__*/React.createElement(DownIcon, {
-    color: "currentColor",
-    label: "open",
-    size: "small"
-  })));
-};
-export const clearIndicatorCSS = () => ({});
-const clearIndicatorStyles = {
-  default: "_v564vrg3 _1e0c1txw _syaz1rpy _1q5112x7 _y4tiv77o _85i512x7 _bozgv77o _30l3azsu",
-  compact: "_1q51idpf _85i5idpf"
-};
-
-// eslint-disable-next-line @repo/internal/react/require-jsdoc
-export const ClearIndicator = props => {
-  const {
-    innerProps,
-    clearControlLabel = 'clear',
-    isCompact,
-    xcss
-  } = props;
-  const {
-    css,
-    className
-  } = getStyleProps(props, 'clearIndicator', {
-    indicator: true,
-    'clear-indicator': true
-  });
-  return /*#__PURE__*/React.createElement("div", _extends({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-    style: css
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
-    ,
-    className: ax([clearIndicatorStyles.default, isCompact && clearIndicatorStyles.compact, cx(className, xcss, '-indicatorContainer')])
-  }, innerProps), /*#__PURE__*/React.createElement(Pressable, {
-    xcss: iconContainerStyles.root,
-    tabIndex: -1,
-    "aria-label": clearControlLabel
-  }, /*#__PURE__*/React.createElement(CrossIcon, {
-    label: "",
-    color: "currentColor",
-    size: "small"
-  })));
-};
-
-// ==============================
-// Loading
-// ==============================
-
-export const loadingIndicatorCSS = () => ({});
-const loadingIndicatorStyles = {
-  default: "_1q5112x7 _y4tiu2gc _85i512x7 _bozgu2gc",
-  compact: "_1q51idpf _85i5idpf"
-};
-// eslint-disable-next-line @repo/internal/react/require-jsdoc
-export const LoadingIndicator = ({
-  innerProps,
-  isRtl,
-  size = 4,
-  isCompact,
-  xcss,
-  ...restProps
-}) => {
-  const {
-    css,
-    className
-  } = getStyleProps({
-    ...restProps,
-    innerProps,
-    isRtl,
-    size
-  }, 'loadingIndicator', {
-    indicator: true,
-    'loading-indicator': true
-  });
-  return /*#__PURE__*/React.createElement("div", _extends({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-    style: css
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
-    ,
-    className: ax([loadingIndicatorStyles.default, isCompact && loadingIndicatorStyles.compact, cx(className, xcss, '-loadingIndicator')])
-  }, innerProps), /*#__PURE__*/React.createElement(Spinner, {
-    size: "small"
-  }));
-};

package/dist/es2019/utils.js

@@ -1,344 +0,0 @@
-// ==============================
-// NO OP
-// ==============================
-
-export const noop = () => {};
-
-// ==============================
-// Class Name Prefixer
-// ==============================
-
-/**
- * String representation of component state for styling with class names.
- *
- * Expects an array of strings OR a string/object pair:
- * - className(['comp', 'comp-arg', 'comp-arg-2'])
- * @returns 'react-select__comp react-select__comp-arg react-select__comp-arg-2'
- * - className('comp', { some: true, state: false })
- * @returns 'react-select__comp react-select__comp--some'
- */
-function applyPrefixToName(prefix, name) {
-  if (!name) {
-    return prefix;
-  } else if (name[0] === '-') {
-    return prefix + name;
-  } else {
-    return prefix + '__' + name;
-  }
-}
-export function classNames(prefix, state, ...classNameList) {
-  const arr = [...classNameList];
-  if (state && prefix) {
-    for (let key in state) {
-      if (state.hasOwnProperty(key) && state[key]) {
-        arr.push(`${applyPrefixToName(prefix, key)}`);
-      }
-    }
-  }
-  return arr.filter(i => i).map(i => String(i).trim()).join(' ');
-}
-// ==============================
-// Clean Value
-// ==============================
-
-export const cleanValue = value => {
-  if (isArray(value)) {
-    return value.filter(Boolean);
-  }
-  if (typeof value === 'object' && value !== null) {
-    return [value];
-  }
-  return [];
-};
-
-// ==============================
-// Clean Common Props
-// ==============================
-
-export const cleanCommonProps = props => {
-  //className
-  const {
-    className,
-    // not listed in commonProps documentation, needs to be removed to allow Emotion to generate classNames
-    clearValue,
-    cx,
-    xcss,
-    getStyles,
-    getClassNames,
-    getValue,
-    hasValue,
-    isMulti,
-    isRtl,
-    options,
-    // not listed in commonProps documentation
-    selectOption,
-    selectProps,
-    setValue,
-    ...innerProps
-  } = props;
-  return {
-    ...innerProps
-  };
-};
-
-// ==============================
-// Get Style Props
-// ==============================
-
-export const getStyleProps = (props, name, classNamesState) => {
-  const {
-    cx,
-    getStyles,
-    getClassNames,
-    className
-  } = props;
-  return {
-    css: getStyles(name, props),
-    className: cx(classNamesState !== null && classNamesState !== void 0 ? classNamesState : {}, getClassNames(name, props), className)
-  };
-};
-
-// ==============================
-// Handle Input Change
-// ==============================
-
-export function handleInputChange(inputValue, actionMeta, onInputChange) {
-  if (onInputChange) {
-    const newValue = onInputChange(inputValue, actionMeta);
-    if (typeof newValue === 'string') {
-      return newValue;
-    }
-  }
-  return inputValue;
-}
-
-// ==============================
-// Scroll Helpers
-// ==============================
-
-export function isDocumentElement(el) {
-  return [document.documentElement, document.body, window].indexOf(el) > -1;
-}
-
-// Normalized Scroll Top
-// ------------------------------
-
-export function normalizedHeight(el) {
-  if (isDocumentElement(el)) {
-    return window.innerHeight;
-  }
-  return el.clientHeight;
-}
-
-// Normalized scrollTo & scrollTop
-// ------------------------------
-
-export function getScrollTop(el) {
-  if (isDocumentElement(el)) {
-    return window.pageYOffset;
-  }
-  return el.scrollTop;
-}
-export function scrollTo(el, top) {
-  // with a scroll distance, we perform scroll on the element
-  if (isDocumentElement(el)) {
-    window.scrollTo(0, top);
-    return;
-  }
-  el.scrollTop = top;
-}
-
-// Get Scroll Parent
-// ------------------------------
-
-export function getScrollParent(element) {
-  let style = getComputedStyle(element);
-  const excludeStaticParent = style.position === 'absolute';
-  const overflowRx = /(auto|scroll)/;
-  if (style.position === 'fixed') {
-    return document.documentElement;
-  }
-  for (let parent = element; parent = parent.parentElement;) {
-    style = getComputedStyle(parent);
-    if (excludeStaticParent && style.position === 'static') {
-      continue;
-    }
-    if (overflowRx.test(style.overflow + style.overflowY + style.overflowX)) {
-      return parent;
-    }
-  }
-  return document.documentElement;
-}
-
-// Animated Scroll To
-// ------------------------------
-
-/**
- * @param t: time (elapsed)
- * @param b: initial value
- * @param c: amount of change
- * @param d: duration
- */
-function easeOutCubic(t, b, c, d) {
-  return c * ((t = t / d - 1) * t * t + 1) + b;
-}
-export function animatedScrollTo(element, to, duration = 200, callback = noop) {
-  const start = getScrollTop(element);
-  const change = to - start;
-  const increment = 10;
-  let currentTime = 0;
-  function animateScroll() {
-    currentTime += increment;
-    const val = easeOutCubic(currentTime, start, change, duration);
-    scrollTo(element, val);
-    if (currentTime < duration) {
-      window.requestAnimationFrame(animateScroll);
-    } else {
-      callback(element);
-    }
-  }
-  animateScroll();
-}
-
-// Scroll Into View
-// ------------------------------
-
-export function scrollIntoView(menuEl, focusedEl) {
-  const menuRect = menuEl.getBoundingClientRect();
-  const focusedRect = focusedEl.getBoundingClientRect();
-  const overScroll = focusedEl.offsetHeight / 3;
-  if (focusedRect.bottom + overScroll > menuRect.bottom) {
-    scrollTo(menuEl, Math.min(focusedEl.offsetTop + focusedEl.clientHeight - menuEl.offsetHeight + overScroll, menuEl.scrollHeight));
-  } else if (focusedRect.top - overScroll < menuRect.top) {
-    scrollTo(menuEl, Math.max(focusedEl.offsetTop - overScroll, 0));
-  }
-}
-
-// ==============================
-// Get bounding client object
-// ==============================
-
-// cannot get keys using array notation with DOMRect
-export function getBoundingClientObj(element) {
-  const rect = element.getBoundingClientRect();
-  return {
-    bottom: rect.bottom,
-    height: rect.height,
-    left: rect.left,
-    right: rect.right,
-    top: rect.top,
-    width: rect.width
-  };
-}
-
-// ==============================
-// Touch Capability Detector
-// ==============================
-
-export function isTouchCapable() {
-  try {
-    document.createEvent('TouchEvent');
-    return true;
-  } catch {
-    return false;
-  }
-}
-
-// ==============================
-// Mobile Device Detector
-// ==============================
-
-export function isMobileDevice() {
-  try {
-    return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
-  } catch {
-    return false;
-  }
-}
-
-// ==============================
-// Passive Event Detector
-// ==============================
-
-// https://github.com/rafgraph/detect-it/blob/main/src/index.ts#L19-L36
-let passiveOptionAccessed = false;
-const options = {
-  get passive() {
-    return passiveOptionAccessed = true;
-  }
-};
-// check for SSR
-const w = typeof window !== 'undefined' ? window : {};
-if (w.addEventListener && w.removeEventListener) {
-  // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-  w.addEventListener('p', noop, options);
-  // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-  w.removeEventListener('p', noop, false);
-}
-export const supportsPassiveEvents = passiveOptionAccessed;
-export function notNullish(item) {
-  return item != null;
-}
-function isArray(arg) {
-  return Array.isArray(arg);
-}
-export function valueTernary(isMulti, multiValue, singleValue) {
-  return isMulti ? multiValue : singleValue;
-}
-export function singleValueAsValue(singleValue) {
-  return singleValue;
-}
-export function multiValueAsValue(multiValue) {
-  return multiValue;
-}
-export const removeProps = (propsObj, ...properties) => {
-  let propsMap = Object.entries(propsObj).filter(([key]) => !properties.includes(key));
-  return propsMap.reduce((newProps, [key, val]) => {
-    newProps[key] = val;
-    return newProps;
-  }, {});
-};
-
-/**
- * Filters out unsupported selectors (e.g., pseudo-classes, complex selectors) from a styles object.
- * @param styles - The styles object to filter.
- * @returns A new object containing only supported styles.
- */
-export const filterUnsupportedSelectors = styles => {
-  const unsupportedSelectors = [':',
-  // pseudo-classes/elements
-  '[',
-  // attribute selectors
-  '>',
-  // child combinator
-  '+',
-  // adjacent sibling combinator
-  '~',
-  // general sibling combinator
-  ' ',
-  // descendant combinator
-  '*',
-  // universal selector
-  '#',
-  // ID selector
-  '.',
-  // class selector
-  '@',
-  // at-rules
-  '&',
-  // parent selector
-  '|',
-  // namespace separator
-  '^',
-  // starts with
-  '$',
-  // ends with
-  '=' // equals
-  ];
-  return Object.keys(styles).reduce((filteredStyles, key) => {
-    if (!unsupportedSelectors.some(selector => key.includes(selector))) {
-      filteredStyles[key] = styles[key];
-    }
-    return filteredStyles;
-  }, {});
-};

package/dist/esm/components/containers.compiled.css

@@ -1,25 +0,0 @@
-._11c81d4k{font:var(--ds-font-body-large,normal 400 1pc/24px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._16jlkb7n{flex-grow:1}
-._18m915vq{overflow-y:hidden}
-._1e0c11p5{display:grid}
-._1e0c1txw{display:flex}
-._1eim1xrj{direction:rtl}
-._1n261g80{flex-wrap:wrap}
-._1o9zidpf{flex-shrink:0}
-._1o9zkb7n{flex-shrink:1}
-._1q51v77o{padding-block-start:var(--ds-space-025,2px)}
-._1q51ze3t{padding-block-start:var(--ds-space-0,0)}
-._1reo15vq{overflow-x:hidden}
-._1wpz1fhb{align-self:stretch}
-._4cvr1h6o{align-items:center}
-._80om13gf{cursor:not-allowed}
-._85i5v77o{padding-block-end:var(--ds-space-025,2px)}
-._85i5ze3t{padding-block-end:var(--ds-space-0,0)}
-._8am5i4x0{-webkit-overflow-scrolling:touch}
-._bozg12x7{padding-inline-start:var(--ds-space-075,6px)}
-._i0dlf1ug{flex-basis:0%}
-._kqswh2mm{position:relative}
-._lcxv1rj4{pointer-events:all}
-._y4ti12x7{padding-inline-end:var(--ds-space-075,6px)}
-._y4ti1b66{padding-inline-end:var(--ds-space-050,4px)}
-@media (min-width:30rem){._1tn2fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}}