baseui 10.7.4 → 10.9.1

package/es/form-control/styled-components.js

@@ -10,7 +10,6 @@ export const Label = styled('label', props => {
     $disabled,
     $theme: {
       colors,
-      sizing,
       typography
     }
   } = props;
@@ -22,14 +21,36 @@ export const Label = styled('label', props => {
     paddingTop: 0,
     paddingRight: 0,
     paddingBottom: 0,
-    paddingLeft: 0,
-    marginTop: sizing.scale300,
-    marginRight: 0,
-    marginBottom: sizing.scale300,
-    marginLeft: 0
+    paddingLeft: 0
   };
 });
 Label.displayName = "Label";
+export const LabelContainer = styled('span', ({
+  $theme: {
+    sizing
+  }
+}) => ({
+  display: 'flex',
+  width: '100%',
+  marginTop: sizing.scale300,
+  marginRight: 0,
+  marginBottom: sizing.scale300,
+  marginLeft: 0
+}));
+LabelContainer.displayName = "LabelContainer";
+export const LabelEndEnhancer = styled('span', ({
+  $disabled,
+  $counterError,
+  $theme: {
+    colors,
+    typography
+  }
+}) => ({ ...typography.font100,
+  flex: 0,
+  width: '100%',
+  color: $counterError ? colors.negative400 : $disabled ? colors.contentSecondary : colors.contentPrimary
+}));
+LabelEndEnhancer.displayName = "LabelEndEnhancer";
 export const Caption = styled('div', props => {
   const {
     $error,

package/es/index.js

@@ -8,4 +8,4 @@ export { styled, withStyle, withWrapper, useStyletron, createThemedStyled, creat
 export { createTheme, createDarkTheme, createLightTheme, lightThemePrimitives, darkThemePrimitives, darkThemeOverrides, DarkTheme, DarkThemeMove, LightTheme, LightThemeMove } from './themes/index.js';
 export { default as LocaleProvider } from './locale/index.js';
 export { default as BaseProvider } from './helpers/base-provider.js';
-export { mergeOverrides } from './helpers/overrides.js';
+export { getOverrides, mergeOverrides } from './helpers/overrides.js';

package/es/map-marker/badge-enhancer.js

@@ -0,0 +1,61 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+import * as React from 'react';
+import { getOverrides } from '../helpers/overrides.js';
+import { StyledBadgeEnhancerRoot } from './styled-components.js';
+import { PINHEAD_TYPES, BADGE_ENHANCER_SIZES, BADGE_ENHANCER_POSITIONS, BADGE_ENHANCER_CONTENT_SIZE } from './constants.js';
+
+const BadgeEnhancer = ({
+  pinHeadSize,
+  markerType,
+  badgeEnhancerSize = BADGE_ENHANCER_SIZES.none,
+  badgeEnhancerContent: BadgeEnhancerContent,
+  overrides = {}
+}) => {
+  if (badgeEnhancerSize === null || badgeEnhancerSize == BADGE_ENHANCER_SIZES.none) {
+    return null;
+  }
+
+  if (badgeEnhancerSize !== BADGE_ENHANCER_SIZES.xSmall && !BadgeEnhancerContent) {
+    if (process.env.NODE_ENV !== "production") {
+      console.warn(`Badges (except for size ${BADGE_ENHANCER_SIZES.xSmall}) must contain content`);
+    }
+
+    return null;
+  }
+
+  if (markerType === PINHEAD_TYPES.floating) {
+    if (process.env.NODE_ENV !== "production") {
+      console.warn(`Badges can only be rendered on fixed markers`);
+    }
+
+    return null;
+  }
+
+  const positions = BADGE_ENHANCER_POSITIONS[pinHeadSize];
+  const position = positions ? positions[badgeEnhancerSize] : null;
+
+  if (!position) {
+    if (process.env.NODE_ENV !== "production") {
+      console.warn(`Badge size ${badgeEnhancerSize} cannot be rendered with pinhead size ${pinHeadSize}`);
+    }
+
+    return null;
+  }
+
+  const [BadgeEnhancerRoot, badgeEnhancerRootProps] = getOverrides(overrides.BadgeEnhancer, StyledBadgeEnhancerRoot);
+  return /*#__PURE__*/React.createElement(BadgeEnhancerRoot, _extends({
+    $size: badgeEnhancerSize,
+    $position: position
+  }, badgeEnhancerRootProps), BadgeEnhancerContent && badgeEnhancerSize !== BADGE_ENHANCER_SIZES.xSmall && /*#__PURE__*/React.createElement(BadgeEnhancerContent, {
+    size: BADGE_ENHANCER_CONTENT_SIZE[badgeEnhancerSize]
+  }));
+};
+
+export default BadgeEnhancer;

package/es/map-marker/constants.js

@@ -17,6 +17,8 @@ export const NEEDLE_HEIGHTS = Object.freeze({
   [NEEDLE_SIZES.tall]: 20
 });
 export const PINHEAD_SIZES_SHAPES = Object.freeze({
+  xxSmallCircle: 'xx-small-circle',
+  xxSmallSquare: 'xx-small-square',
   xSmallCircle: 'x-small-circle',
   xSmallSquare: 'x-small-square',
   small: 'small',
@@ -27,7 +29,13 @@ export const xSmallPinheadDimension = {
   height: 16,
   icon: 4
 };
+export const xxSmallPinheadDimension = {
+  height: 8,
+  icon: 4
+};
 export const PINHEAD_DIMENSIONS = Object.freeze({
+  [PINHEAD_SIZES_SHAPES.xxSmallSquare]: xxSmallPinheadDimension,
+  [PINHEAD_SIZES_SHAPES.xxSmallCircle]: xxSmallPinheadDimension,
   [PINHEAD_SIZES_SHAPES.xSmallSquare]: xSmallPinheadDimension,
   [PINHEAD_SIZES_SHAPES.xSmallCircle]: xSmallPinheadDimension,
   [PINHEAD_SIZES_SHAPES.small]: {
@@ -61,9 +69,145 @@ export const FLOATING_MARKER_ANCHOR_POSITIONS = Object.freeze({
 });
 export const FLOATING_MARKER_ANCHOR_TYPES = Object.freeze({
   circle: 'circle',
-  square: 'square'
+  square: 'square',
+  xxSmallCircle: 'xx-small-circle',
+  xxSmallSquare: 'xx-small-square'
 });
 export const dragShadowHeight = 4;
 export const dragShadowMarginTop = 6;
 export const dragShadowWidth = 6;
-export const anchorSize = 16;
+export const anchorSize = 16;
+const labelSmall = 'LabelSmall';
+export const LABEL_SIZES = {
+  [PINHEAD_SIZES_SHAPES.xxSmallCircle]: labelSmall,
+  [PINHEAD_SIZES_SHAPES.xxSmallSquare]: labelSmall,
+  [PINHEAD_SIZES_SHAPES.xSmallCircle]: labelSmall,
+  [PINHEAD_SIZES_SHAPES.xSmallSquare]: labelSmall,
+  [PINHEAD_SIZES_SHAPES.small]: labelSmall,
+  [PINHEAD_SIZES_SHAPES.medium]: 'LabelMedium',
+  [PINHEAD_SIZES_SHAPES.large]: 'LabelLarge'
+};
+export const LABEL_ENHANCER_POSITIONS = Object.freeze({
+  none: 'none',
+  top: 'top',
+  left: 'left',
+  right: 'right',
+  bottom: 'bottom'
+});
+export const BADGE_ENHANCER_SIZES = Object.freeze({
+  none: 'none',
+  xSmall: 'x-small',
+  small: 'small',
+  mediumText: 'medium-text',
+  mediumIcon: 'medium-icon'
+});
+const xSmallPinheadBadge = {
+  [BADGE_ENHANCER_SIZES.none]: null,
+  [BADGE_ENHANCER_SIZES.xSmall]: {
+    x: -5,
+    y: -3
+  },
+  [BADGE_ENHANCER_SIZES.small]: null,
+  [BADGE_ENHANCER_SIZES.mediumText]: null,
+  [BADGE_ENHANCER_SIZES.mediumIcon]: null
+};
+export const BADGE_ENHANCER_POSITIONS = {
+  [PINHEAD_SIZES_SHAPES.xxSmallSquare]: null,
+  [PINHEAD_SIZES_SHAPES.xxSmallCircle]: null,
+  [PINHEAD_SIZES_SHAPES.xSmallSquare]: xSmallPinheadBadge,
+  [PINHEAD_SIZES_SHAPES.xSmallCircle]: xSmallPinheadBadge,
+  [PINHEAD_SIZES_SHAPES.small]: {
+    [BADGE_ENHANCER_SIZES.none]: null,
+    [BADGE_ENHANCER_SIZES.xSmall]: {
+      x: -7,
+      y: -1
+    },
+    [BADGE_ENHANCER_SIZES.small]: {
+      x: -8,
+      y: -8
+    },
+    [BADGE_ENHANCER_SIZES.mediumText]: null,
+    [BADGE_ENHANCER_SIZES.mediumIcon]: null
+  },
+  [PINHEAD_SIZES_SHAPES.medium]: {
+    [BADGE_ENHANCER_SIZES.none]: null,
+    [BADGE_ENHANCER_SIZES.xSmall]: {
+      x: -9,
+      y: 1
+    },
+    [BADGE_ENHANCER_SIZES.small]: {
+      x: -10,
+      y: -4
+    },
+    [BADGE_ENHANCER_SIZES.mediumText]: {
+      x: -12,
+      y: -8
+    },
+    [BADGE_ENHANCER_SIZES.mediumIcon]: {
+      x: -12,
+      y: -8
+    }
+  },
+  [PINHEAD_SIZES_SHAPES.large]: {
+    [BADGE_ENHANCER_SIZES.none]: null,
+    [BADGE_ENHANCER_SIZES.xSmall]: {
+      x: -11,
+      y: 3
+    },
+    [BADGE_ENHANCER_SIZES.small]: null,
+    [BADGE_ENHANCER_SIZES.mediumText]: {
+      x: -14,
+      y: -6
+    },
+    [BADGE_ENHANCER_SIZES.mediumIcon]: {
+      x: -14,
+      y: -6
+    }
+  }
+};
+export const BADGE_ENHANCER_STYLES = {
+  [BADGE_ENHANCER_SIZES.none]: {},
+  [BADGE_ENHANCER_SIZES.xSmall]: {
+    height: '8px',
+    width: '8px',
+    borderRadius: '50%'
+  },
+  [BADGE_ENHANCER_SIZES.small]: {
+    height: '16px',
+    width: '16px',
+    borderRadius: '50%',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    fontSize: '10px'
+  },
+  [BADGE_ENHANCER_SIZES.mediumText]: {
+    borderRadius: '10px',
+    height: '20px',
+    padding: '0px 8px',
+    display: 'flex',
+    alignItems: 'center',
+    boxSizing: 'border-box'
+  },
+  [BADGE_ENHANCER_SIZES.mediumIcon]: {
+    height: '20px',
+    width: '20px',
+    borderRadius: '50%',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    boxSizing: 'border-box'
+  }
+};
+export const BADGE_ENHANCER_CONTENT_SIZE = {
+  [BADGE_ENHANCER_SIZES.none]: 0,
+  [BADGE_ENHANCER_SIZES.xSmall]: 0,
+  [BADGE_ENHANCER_SIZES.small]: 10,
+  [BADGE_ENHANCER_SIZES.mediumText]: 12,
+  [BADGE_ENHANCER_SIZES.mediumIcon]: 12
+};
+export const KIND = Object.freeze({
+  default: 'default',
+  accent: 'accent',
+  negative: 'negative'
+});

package/es/map-marker/drag-shadow.js

@@ -0,0 +1,32 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+import * as React from 'react';
+import { getOverrides } from '../helpers/overrides.js';
+import { dragShadowWidth } from './constants.js';
+import { StyledDragShadow, StyledDragShadowContainer } from './styled-components.js';
+
+const DragShadow = ({
+  background,
+  dragging,
+  height,
+  overrides = {}
+}) => {
+  const [DragShadowContainer, dragShadowContainerProps] = getOverrides(overrides.DragShadowContainer, StyledDragShadowContainer);
+  const [DragShadow, dragShadowProps] = getOverrides(overrides.DragShadow, StyledDragShadow);
+  return /*#__PURE__*/React.createElement(DragShadowContainer, _extends({
+    $width: dragShadowWidth,
+    $height: height,
+    $dragging: dragging
+  }, dragShadowContainerProps), /*#__PURE__*/React.createElement(DragShadow, _extends({
+    $width: dragShadowWidth,
+    $background: background
+  }, dragShadowProps)));
+};
+
+export default DragShadow;

package/es/map-marker/fixed-marker.js

@@ -9,39 +9,32 @@ LICENSE file in the root directory of this source tree.
 import * as React from 'react';
 import { useStyletron } from '../styles/index.js';
 import { getOverrides } from '../helpers/overrides.js';
-import { PINHEAD_TYPES, NEEDLE_SIZES, NEEDLE_HEIGHTS, PINHEAD_SIZES_SHAPES, dragShadowHeight, dragShadowMarginTop, dragShadowWidth } from './constants.js';
+import { PINHEAD_TYPES, NEEDLE_SIZES, PINHEAD_SIZES_SHAPES, LABEL_ENHANCER_POSITIONS, KIND, dragShadowHeight, dragShadowMarginTop } from './constants.js';
 import PinHead from './pin-head.js';
-import { FixedMarkerDragContainer as StyledFixedMarkerDragContainer, FixedMarkerRoot as StyledRoot, Needle as StyledNeedle, DragShadow as StyledDragShadow, DragShadowContainer as StyledDragShadowContainer } from './styled-components.js';
+import Needle from './needle.js';
+import DragShadow from './drag-shadow.js';
+import { StyledFixedMarkerDragContainer, StyledFixedMarkerRoot } from './styled-components.js';
 
-const Needle = ({
-  size,
-  background,
-  overrides = {}
-}) => {
-  const [Needle, needleProps] = getOverrides(overrides.Needle, StyledNeedle);
-  return /*#__PURE__*/React.createElement(Needle, _extends({
-    $background: background,
-    $height: NEEDLE_HEIGHTS[size]
-  }, needleProps));
-};
+function getColors(kind, theme) {
+  if (kind === KIND.accent) {
+    return {
+      color: theme.colors.contentInversePrimary,
+      backgroundColor: theme.colors.backgroundAccent
+    };
+  }
 
-const DragShadow = ({
-  background,
-  dragging,
-  height,
-  overrides = {}
-}) => {
-  const [DragShadowContainer, dragShadowContainerProps] = getOverrides(overrides.DragShadowContainer, StyledDragShadowContainer);
-  const [DragShadow, dragShadowProps] = getOverrides(overrides.DragShadow, StyledDragShadow);
-  return /*#__PURE__*/React.createElement(DragShadowContainer, _extends({
-    $width: dragShadowWidth,
-    $height: height,
-    $dragging: dragging
-  }, dragShadowContainerProps), /*#__PURE__*/React.createElement(DragShadow, _extends({
-    $width: dragShadowWidth,
-    $background: background
-  }, dragShadowProps)));
-};
+  if (kind === KIND.negative) {
+    return {
+      color: theme.colors.contentInversePrimary,
+      backgroundColor: theme.colors.backgroundNegative
+    };
+  }
+
+  return {
+    color: theme.colors.contentInversePrimary,
+    backgroundColor: theme.colors.backgroundInversePrimary
+  };
+}
 
 const FixedMarker = ({
   size = PINHEAD_SIZES_SHAPES.medium,
@@ -49,28 +42,36 @@ const FixedMarker = ({
   label,
   startEnhancer,
   endEnhancer,
-  color,
-  background,
+  kind = KIND.default,
   dragging = false,
-  overrides = {}
+  overrides = {},
+  labelEnhancerContent = null,
+  labelEnhancerPosition = LABEL_ENHANCER_POSITIONS.bottom,
+  badgeEnhancerSize = null,
+  badgeEnhancerContent = null,
+  ...restProps
 }) => {
   const [, theme] = useStyletron();
   const {
-    colors: {
-      backgroundInversePrimary,
-      primaryB
-    }
-  } = theme;
-  color = color || primaryB;
-  background = background || backgroundInversePrimary;
-  const doesPinHeadTransformOnDrag = needle !== NEEDLE_SIZES.none;
-  const [Root, rootProps] = getOverrides(overrides.Root, StyledRoot);
+    color,
+    backgroundColor
+  } = getColors(kind, theme);
+  const doesPinHeadTransformOnDrag = needle !== NEEDLE_SIZES.none && size !== PINHEAD_SIZES_SHAPES.xxSmallCircle && size !== PINHEAD_SIZES_SHAPES.xxSmallSquare;
+  const [Root, rootProps] = getOverrides(overrides.Root, StyledFixedMarkerRoot);
   const [FixedMarkerDragContainer, fixedMarkerDragContainerProps] = getOverrides(overrides.DragContainer, StyledFixedMarkerDragContainer);
+  const renderNeedle = needle !== NEEDLE_SIZES.none && ![PINHEAD_SIZES_SHAPES.xxSmallCircle, PINHEAD_SIZES_SHAPES.xxSmallSquare].includes(size);
+
+  if (process.env.NODE_ENV !== "production") {
+    if (needle !== NEEDLE_SIZES.none && [PINHEAD_SIZES_SHAPES.xxSmallCircle, PINHEAD_SIZES_SHAPES.xxSmallSquare].includes(size)) {
+      console.warn(`Needles cannot be rendered with ${PINHEAD_SIZES_SHAPES.xxSmallCircle} or ${PINHEAD_SIZES_SHAPES.xxSmallSquare} pin heads`);
+    }
+  }
+
   return /*#__PURE__*/React.createElement(Root, _extends({
     "data-baseweb": "fixed-map-marker"
   }, rootProps), /*#__PURE__*/React.createElement(FixedMarkerDragContainer, _extends({
     $translateAmount: dragShadowMarginTop + dragShadowHeight,
-    $performTranslate: doesPinHeadTransformOnDrag && dragging
+    $performTranslate: doesPinHeadTransformOnDrag && !dragging
   }, fixedMarkerDragContainerProps), /*#__PURE__*/React.createElement(PinHead, _extends({
     size: size,
     label: label
@@ -80,15 +81,20 @@ const FixedMarker = ({
     endEnhancer
   } : {}, {
     color: color,
-    background: background,
+    background: backgroundColor,
     type: PINHEAD_TYPES.fixed,
-    overrides: overrides
-  })), /*#__PURE__*/React.createElement(Needle, {
+    overrides: overrides,
+    badgeEnhancerSize: badgeEnhancerSize,
+    badgeEnhancerContent: badgeEnhancerContent,
+    labelEnhancerContent: labelEnhancerContent,
+    labelEnhancerPosition: labelEnhancerPosition,
+    needle: needle
+  })), renderNeedle && /*#__PURE__*/React.createElement(Needle, {
     size: needle,
-    background: background,
+    background: backgroundColor,
     overrides: overrides
   })), doesPinHeadTransformOnDrag && /*#__PURE__*/React.createElement(DragShadow, {
-    background: background,
+    background: backgroundColor,
     dragging: dragging,
     height: dragShadowMarginTop + dragShadowHeight,
     overrides: overrides

package/es/map-marker/floating-marker.js

@@ -10,12 +10,22 @@ import * as React from 'react';
 import { useStyletron } from '../styles/index.js';
 import PinHead from './pin-head.js';
 import { getOverrides } from '../helpers/overrides.js';
-import { FloatingMarkerRoot as StyledRoot, FloatingMarkerAnchorContainer as StyledFloatingMarkerAnchorContainer, FloatingMarkerPinHeadContainer as StyledFloatingMarkerPinHeadContainer } from './styled-components.js';
-import { FLOATING_MARKER_ANCHOR_POSITIONS, PINHEAD_SIZES_SHAPES, PINHEAD_TYPES, FLOATING_MARKER_ANCHOR_TYPES, anchorSize } from './constants.js';
+import { StyledFloatingMarkerRoot, StyledFloatingMarkerAnchorContainer, StyledFloatingMarkerPinHeadContainer } from './styled-components.js';
+import { FLOATING_MARKER_ANCHOR_POSITIONS, PINHEAD_SIZES_SHAPES, PINHEAD_TYPES, FLOATING_MARKER_ANCHOR_TYPES, PINHEAD_DIMENSIONS } from './constants.js';
+
+function getAnchorPinHeadSize(anchorType) {
+  if (anchorType === FLOATING_MARKER_ANCHOR_TYPES.circle) {
+    return PINHEAD_SIZES_SHAPES.xSmallCircle;
+  } else if (anchorType === FLOATING_MARKER_ANCHOR_TYPES.square) {
+    return PINHEAD_SIZES_SHAPES.xSmallSquare;
+  } else if (anchorType === FLOATING_MARKER_ANCHOR_TYPES.xxSmallSquare) {
+    return PINHEAD_SIZES_SHAPES.xxSmallSquare;
+  } else {
+    return PINHEAD_SIZES_SHAPES.xxSmallCircle;
+  }
+}
 
 const FloatingMarker = ({
-  color,
-  background,
   label,
   size = PINHEAD_SIZES_SHAPES.medium,
   anchor = FLOATING_MARKER_ANCHOR_POSITIONS.bottomLeft,
@@ -33,21 +43,20 @@ const FloatingMarker = ({
       primaryB
     }
   } = theme;
-  color = color || primaryA;
-  background = background || backgroundPrimary;
-  const anchorPinHeadSize = anchorType === FLOATING_MARKER_ANCHOR_TYPES.circle ? PINHEAD_SIZES_SHAPES.xSmallCircle : PINHEAD_SIZES_SHAPES.xSmallSquare;
-  const [Root, rootProps] = getOverrides(overrides.Root, StyledRoot);
+  const anchorPinHeadSize = getAnchorPinHeadSize(anchorType);
+  const [Root, rootProps] = getOverrides(overrides.Root, StyledFloatingMarkerRoot);
   const [FloatingMarkerPinHeadContainer, floatingMarkerPinHeadContainerProps] = getOverrides(overrides.PinHeadContainer, StyledFloatingMarkerPinHeadContainer);
   const [FloatingMarkerAnchorContainer, floatingMarkerAnchorContainerProps] = getOverrides(overrides.AnchorContainer, StyledFloatingMarkerAnchorContainer);
   return /*#__PURE__*/React.createElement(Root, _extends({
-    "data-baseweb": "floating-map-marker"
+    "data-baseweb": "floating-map-marker",
+    $size: PINHEAD_DIMENSIONS[anchorPinHeadSize].height
   }, rootProps), /*#__PURE__*/React.createElement(FloatingMarkerPinHeadContainer, _extends({
     $anchor: anchor,
-    $anchorSize: anchorSize
+    $anchorSize: PINHEAD_DIMENSIONS[anchorPinHeadSize].height
   }, floatingMarkerPinHeadContainerProps), /*#__PURE__*/React.createElement(PinHead, {
     size: size,
-    color: color,
-    background: background,
+    color: primaryA,
+    background: backgroundPrimary,
     type: PINHEAD_TYPES.floating,
     label: label,
     startEnhancer: startEnhancer,

package/es/map-marker/index.js

@@ -6,4 +6,4 @@ LICENSE file in the root directory of this source tree.
 */
 export { default as FixedMarker } from './fixed-marker.js';
 export { default as FloatingMarker } from './floating-marker.js';
-export { FLOATING_MARKER_ANCHOR_POSITIONS, FLOATING_MARKER_SIZES, FLOATING_MARKER_ANCHOR_TYPES, NEEDLE_SIZES, PINHEAD_SIZES_SHAPES } from './constants.js';
+export { FLOATING_MARKER_ANCHOR_POSITIONS, FLOATING_MARKER_SIZES, FLOATING_MARKER_ANCHOR_TYPES, NEEDLE_SIZES, PINHEAD_SIZES_SHAPES, BADGE_ENHANCER_SIZES, LABEL_ENHANCER_POSITIONS, KIND } from './constants.js';

package/es/map-marker/label-enhancer.js

@@ -0,0 +1,39 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+import * as React from 'react';
+import { getOverrides } from '../helpers/overrides.js';
+import { RelativeContainer, StyledStrokedLabel, StyledStrokedLabelContainer } from './styled-components.js';
+import { LABEL_ENHANCER_POSITIONS } from './constants.js';
+
+const LabelEnhancer = ({
+  labelEnhancerContent,
+  labelEnhancerPosition,
+  needleHeight,
+  size,
+  overrides = {}
+}) => {
+  if (!labelEnhancerPosition || labelEnhancerPosition === LABEL_ENHANCER_POSITIONS.none) {
+    return null;
+  }
+
+  if (!labelEnhancerContent) {
+    return null;
+  }
+
+  const [StrokedLabelContainer, strokedLabelContainerProps] = getOverrides(overrides.LabelEnhancerContainer, StyledStrokedLabelContainer);
+  const [StrokedLabel, strokedLabelProps] = getOverrides(overrides.LabelEnhancer, StyledStrokedLabel);
+  return /*#__PURE__*/React.createElement(StrokedLabelContainer, _extends({
+    $position: labelEnhancerPosition,
+    $labelOffset: needleHeight
+  }, strokedLabelContainerProps), /*#__PURE__*/React.createElement(RelativeContainer, null, /*#__PURE__*/React.createElement(StrokedLabel, _extends({
+    $size: size
+  }, strokedLabelProps), labelEnhancerContent)));
+};
+
+export default LabelEnhancer;

package/es/map-marker/needle.js

@@ -0,0 +1,26 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+import * as React from 'react';
+import { getOverrides } from '../helpers/overrides.js';
+import { NEEDLE_HEIGHTS } from './constants.js';
+import { StyledNeedle } from './styled-components.js';
+
+const Needle = ({
+  size,
+  background,
+  overrides = {}
+}) => {
+  const [Needle, needleProps] = getOverrides(overrides.Needle, StyledNeedle);
+  return /*#__PURE__*/React.createElement(Needle, _extends({
+    $background: background,
+    $height: NEEDLE_HEIGHTS[size]
+  }, needleProps));
+};
+
+export default Needle;