baseui 13.0.0 → 15.0.0

package/es/helpers/base-provider.js

@@ -1,29 +0,0 @@
-/*
-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 { UIDReset } from 'react-uid';
-import { LayersManager } from '../layer';
-import { ThemeProvider } from '../styles';
-
-const BaseProvider = props => {
-  const {
-    children,
-    overrides,
-    theme,
-    zIndex
-  } = props;
-  return /*#__PURE__*/React.createElement(LayersManager, {
-    zIndex: zIndex,
-    overrides: overrides
-  }, /*#__PURE__*/React.createElement(UIDReset, {
-    prefix: "bui"
-  }, /*#__PURE__*/React.createElement(ThemeProvider, {
-    theme: theme
-  }, children)));
-};
-
-export default BaseProvider;

package/es/helpers/i18n-interpolation.js

@@ -1,11 +0,0 @@
-/*
-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.
-*/
-// Example:
-// getInterpolatedString('Selected date is ${date}', 'Jan 1, 2020') => 'Selected date is Jan 1, 2020'
-export default function getInterpolatedString(translation, interpolations = {}) {
-  return translation.replace(/\${(.*?)}/g, (_, k) => interpolations[k] === undefined ? '${' + k + '}' : interpolations[k]);
-}

package/es/helpers/overrides.js

@@ -1,171 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 { isValidElementType } from 'react-is';
-import deepMerge from '../utils/deep-merge'; // Object -> any
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-
-/**
- * Given an override argument, returns the component implementation override if it exists
- */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export function getOverride(_override) {
-  if (isValidElementType(_override)) {
-    return _override;
-  } // Check if override is OverrideObjectT
-
-
-  if (_override && typeof _override === 'object') {
-    // Remove this 'any' once this flow issue is fixed:
-    // https://github.com/facebook/flow/issues/6666
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    return _override.component;
-  } // null/undefined
-
-
-  return _override;
-}
-/**
- * Given an override argument, returns the override props that should be passed
- * to the component when rendering it.
- */
-
-export function getOverrideProps(_override) {
-  if (_override && typeof _override === 'object') {
-    if (typeof _override.props === 'object') {
-      //@ts-expect-error
-      return { ..._override.props,
-        $style: _override.style
-      };
-    } else {
-      //@ts-expect-error
-      return {
-        $style: _override.style
-      };
-    }
-  } //@ts-expect-error
-
-
-  return {};
-}
-/**
- * Coerces an override argument into an override object
- * (sometimes it is just an override component)
- */
-
-export function toObjectOverride(_override) {
-  if (isValidElementType(_override)) {
-    return {
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      component: _override
-    };
-  } // Flow can't figure out that typeof 'function' above will
-  // catch React.StatelessFunctionalComponent
-  // (probably related to https://github.com/facebook/flow/issues/6666)
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
-
-  return _override || {};
-}
-/**
- * Get a convenient override array that will always have [component, props]
- */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-
-export function getOverrides( // eslint-disable-next-line @typescript-eslint/no-explicit-any
-_override, // eslint-disable-next-line @typescript-eslint/no-explicit-any
-defaultComponent) {
-  const Component = getOverride(_override) || defaultComponent;
-
-  if (_override && typeof _override === 'object' && typeof _override.props === 'function') {
-    // TODO(v11)
-    if (process.env.NODE_ENV !== "production") {
-      console.warn('baseui:Overrides Props as a function will be removed in the next major version. Override the whole component instead. ' + 'See https://baseweb.design/guides/understanding-overrides/#override-the-entire-subcomponent');
-    }
-
-    const DynamicOverride = /*#__PURE__*/React.forwardRef((props, ref) => {
-      const mappedProps = _override.props(props);
-
-      const nextProps = getOverrideProps({ ..._override,
-        props: mappedProps
-      });
-      return /*#__PURE__*/React.createElement(Component, _extends({
-        ref: ref
-      }, nextProps));
-    });
-    DynamicOverride.displayName = Component.displayName; // @ts-expect-error
-
-    return [DynamicOverride, {}];
-  }
-
-  const props = getOverrideProps(_override);
-  return [Component, props];
-}
-/**
- * Merges two overrides objects – this is useful if you want to inject your own
- * overrides into a child component, but also accept further overrides from
- * from upstream. See `mergeOverride` below.
- */
-
-export function mergeOverrides(target = {}, source = {}) {
-  const merged = Object.assign({}, target, source);
-  const allIdentifiers = Object.keys(merged); // const allIdentifiers = Object.keys({...target, ...source});
-
-  return allIdentifiers.reduce((acc, name) => {
-    // @ts-ignore
-    acc[name] = mergeOverride(toObjectOverride(target[name]), toObjectOverride(source[name]));
-    return acc;
-  }, {});
-}
-/**
- * Merges two override objects using the following behavior:
- * - Component implementation from the source (parent) replaces target
- * - Props and styles are both deep merged
- */
-
-export function mergeOverride(target, source) {
-  // Shallow merge should handle `component`
-  const merged = { ...target,
-    ...source
-  };
-
-  if (target.props && source.props) {
-    merged.props = mergeConfigurationOverrides(target.props, source.props);
-  }
-
-  if (target.style && source.style) {
-    merged.style = mergeConfigurationOverrides(target.style, source.style);
-  }
-
-  return merged;
-}
-/**
- * Since style or props overrides can be an object *or* a function, we need to handle
- * the case that one of them is a function. We do this by returning a new
- * function that deep merges the result of each style override
- */
-
-export function mergeConfigurationOverrides(target, source) {
-  // Simple case of both objects
-  if (typeof target === 'object' && typeof source === 'object') {
-    return deepMerge({}, target, source);
-  } // At least one is a function, return a new composite function
-
-
-  return (...args) => {
-    return deepMerge({}, typeof target === 'function' ? target(...args) : target, typeof source === 'function' ? source(...args) : source);
-  };
-} // Lil' hook for memoized unpacking of overrides
-
-export function useOverrides(defaults, overrides = {}) {
-  return React.useMemo(() => Object.keys(defaults).reduce((obj, key) => {
-    obj[key] = getOverrides(overrides[key], defaults[key]);
-    return obj;
-  }, {}), [overrides]);
-}

package/es/helpers/react-helpers.js

@@ -1,24 +0,0 @@
-/*
-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 { isFragment } from 'react-is';
-export const flattenFragments = (children, ChildWrapper, depth = 0) => // @ts-ignore
-React.Children.toArray(children).reduce((acc, child, i) => {
-  if (isFragment(child)) {
-    acc.push(...flattenFragments(child.props.children, ChildWrapper, depth + 1));
-  } else if ( /*#__PURE__*/React.isValidElement(child)) {
-    if (ChildWrapper) {
-      acc.push( /*#__PURE__*/React.createElement(ChildWrapper, {
-        key: `${depth}.${i}`
-      }, child));
-    } else {
-      acc.push(child);
-    }
-  }
-
-  return acc;
-}, []);

package/es/helpers/responsive-helpers.js

@@ -1,37 +0,0 @@
-/*
-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.
-*/
-
-/**
- * Helper function that generates media queries based on breakpoint, e.g.
- * getMediaQuery(720) => '@media screen and (min-width: 720px)'
- */
-export const getMediaQuery = breakpoint => `@media screen and (min-width: ${breakpoint}px)`;
-export const getMediaQueries = breakpoints => Object.keys(breakpoints) // @ts-ignore
-.map(key => breakpoints[key]).sort((a, b) => a - b).map(getMediaQuery);
-export const getMinimumPageMargins = margins => {
-  const margin = Array.isArray(margins) ? margins[0] : margins;
-  return {
-    paddingInlineStart: `${margin}px`,
-    paddingInlineEnd: `${margin}px`
-  };
-};
-export const getMediaQueryPageMargins = theme => {
-  const result = {};
-  const mediaQueries = getMediaQueries(theme.breakpoints);
-
-  for (const [index, query] of mediaQueries.entries()) {
-    // There is no guarantee grid.margins will have enough margins to satisfy
-    // each breakpoint.
-    const margin = Array.isArray(theme.grid.margins) ? theme.grid.margins[index] ?? theme.grid.margins.at(-1) : theme.grid.margins;
-    result[query] = {
-      paddingInlineStart: `${margin}px`,
-      paddingInlineEnd: `${margin}px`
-    };
-  }
-
-  return result;
-};

package/es/helpers/strings.js

@@ -1,7 +0,0 @@
-/*
-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.
-*/
-export const camelToKebab = s => s.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();

package/es/helpers/types.js

@@ -1 +0,0 @@
-export {};

package/es/icon/alert.js

@@ -1,46 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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.
-*/
-// BASEUI-GENERATED-REACT-ICON
-// DO NOT EDIT THIS FILE DIRECTLY, SEE README.md
-import * as React from 'react';
-import { useStyletron } from '../styles';
-import { mergeOverride, toObjectOverride } from '../helpers/overrides';
-import Icon from './icon';
-
-// @ts-ignore
-function Alert(props, ref) {
-  const [, theme] = useStyletron();
-  const {
-    title = 'Alert',
-    size,
-    color,
-    overrides = {},
-    ...restProps
-  } = props;
-  const SvgOverride = mergeOverride( // Icons from the theme target the SVG override in the underlying Icon component
-  {
-    component: theme.icons && theme.icons.Alert ? theme.icons.Alert : null
-  }, overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {});
-  return /*#__PURE__*/React.createElement(Icon, _extends({
-    viewBox: "0 0 24 24",
-    ref: ref,
-    title: title,
-    size: size,
-    color: color,
-    overrides: {
-      Svg: SvgOverride
-    }
-  }, restProps), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M12 21C16.9706 21 21 16.9706 21 12C21 7.02945 16.9706 3 12 3C7.02942 3 3 7.02945 3 12C3 16.9706 7.02942 21 12 21ZM12 6C12.5523 6 13 6.44772 13 7V13C13 13.5523 12.5523 14 12 14C11.4477 14 11 13.5523 11 13V7C11 6.44772 11.4477 6 12 6ZM13 17C13 17.5523 12.5523 18 12 18C11.4477 18 11 17.5523 11 17C11 16.4477 11.4477 16 12 16C12.5523 16 13 16.4477 13 17Z"
-  }));
-}
-
-export default /*#__PURE__*/React.forwardRef(Alert);

package/es/icon/arrow-down.js

@@ -1,46 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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.
-*/
-// BASEUI-GENERATED-REACT-ICON
-// DO NOT EDIT THIS FILE DIRECTLY, SEE README.md
-import * as React from 'react';
-import { useStyletron } from '../styles';
-import { mergeOverride, toObjectOverride } from '../helpers/overrides';
-import Icon from './icon';
-
-// @ts-ignore
-function ArrowDown(props, ref) {
-  const [, theme] = useStyletron();
-  const {
-    title = 'Arrow Down',
-    size,
-    color,
-    overrides = {},
-    ...restProps
-  } = props;
-  const SvgOverride = mergeOverride( // Icons from the theme target the SVG override in the underlying Icon component
-  {
-    component: theme.icons && theme.icons.ArrowDown ? theme.icons.ArrowDown : null
-  }, overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {});
-  return /*#__PURE__*/React.createElement(Icon, _extends({
-    viewBox: "0 0 24 24",
-    ref: ref,
-    title: title,
-    size: size,
-    color: color,
-    overrides: {
-      Svg: SvgOverride
-    }
-  }, restProps), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M12 6C12.5523 6 13 6.44772 13 7V14.5858L15.2929 12.2929C15.6834 11.9024 16.3166 11.9024 16.7071 12.2929C17.0976 12.6834 17.0976 13.3166 16.7071 13.7071L12.7071 17.7071C12.3166 18.0976 11.6834 18.0976 11.2929 17.7071L7.29289 13.7071C6.90237 13.3166 6.90237 12.6834 7.29289 12.2929C7.68342 11.9024 8.31658 11.9024 8.70711 12.2929L11 14.5858V7C11 6.44772 11.4477 6 12 6Z"
-  }));
-}
-
-export default /*#__PURE__*/React.forwardRef(ArrowDown);

package/es/icon/arrow-left.js

@@ -1,46 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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.
-*/
-// BASEUI-GENERATED-REACT-ICON
-// DO NOT EDIT THIS FILE DIRECTLY, SEE README.md
-import * as React from 'react';
-import { useStyletron } from '../styles';
-import { mergeOverride, toObjectOverride } from '../helpers/overrides';
-import Icon from './icon';
-
-// @ts-ignore
-function ArrowLeft(props, ref) {
-  const [, theme] = useStyletron();
-  const {
-    title = 'Arrow Left',
-    size,
-    color,
-    overrides = {},
-    ...restProps
-  } = props;
-  const SvgOverride = mergeOverride( // Icons from the theme target the SVG override in the underlying Icon component
-  {
-    component: theme.icons && theme.icons.ArrowLeft ? theme.icons.ArrowLeft : null
-  }, overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {});
-  return /*#__PURE__*/React.createElement(Icon, _extends({
-    viewBox: "0 0 24 24",
-    ref: ref,
-    title: title,
-    size: size,
-    color: color,
-    overrides: {
-      Svg: SvgOverride
-    }
-  }, restProps), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M6.29289 11.2929C5.90237 11.6834 5.90237 12.3166 6.29289 12.7071L10.2929 16.7071C10.6834 17.0976 11.3166 17.0976 11.7071 16.7071C12.0976 16.3166 12.0976 15.6834 11.7071 15.2929L9.41421 13H17C17.5523 13 18 12.5523 18 12C18 11.4477 17.5523 11 17 11H9.41421L11.7071 8.70711C12.0976 8.31658 12.0976 7.68342 11.7071 7.29289C11.3166 6.90237 10.6834 6.90237 10.2929 7.29289L6.29289 11.2929Z"
-  }));
-}
-
-export default /*#__PURE__*/React.forwardRef(ArrowLeft);

package/es/icon/arrow-right.js

@@ -1,46 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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.
-*/
-// BASEUI-GENERATED-REACT-ICON
-// DO NOT EDIT THIS FILE DIRECTLY, SEE README.md
-import * as React from 'react';
-import { useStyletron } from '../styles';
-import { mergeOverride, toObjectOverride } from '../helpers/overrides';
-import Icon from './icon';
-
-// @ts-ignore
-function ArrowRight(props, ref) {
-  const [, theme] = useStyletron();
-  const {
-    title = 'Arrow Right',
-    size,
-    color,
-    overrides = {},
-    ...restProps
-  } = props;
-  const SvgOverride = mergeOverride( // Icons from the theme target the SVG override in the underlying Icon component
-  {
-    component: theme.icons && theme.icons.ArrowRight ? theme.icons.ArrowRight : null
-  }, overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {});
-  return /*#__PURE__*/React.createElement(Icon, _extends({
-    viewBox: "0 0 24 24",
-    ref: ref,
-    title: title,
-    size: size,
-    color: color,
-    overrides: {
-      Svg: SvgOverride
-    }
-  }, restProps), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M6 12C6 12.5523 6.44772 13 7 13H14.5858L12.2929 15.2929C11.9024 15.6834 11.9024 16.3166 12.2929 16.7071C12.6834 17.0976 13.3166 17.0976 13.7071 16.7071L17.7071 12.7071C17.8946 12.5196 18 12.2652 18 12C18 11.7348 17.8946 11.4804 17.7071 11.2929L13.7071 7.29289C13.3166 6.90237 12.6834 6.90237 12.2929 7.29289C11.9024 7.68342 11.9024 8.31658 12.2929 8.70711L14.5858 11H7C6.44772 11 6 11.4477 6 12Z"
-  }));
-}
-
-export default /*#__PURE__*/React.forwardRef(ArrowRight);

package/es/icon/arrow-up.js

@@ -1,46 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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.
-*/
-// BASEUI-GENERATED-REACT-ICON
-// DO NOT EDIT THIS FILE DIRECTLY, SEE README.md
-import * as React from 'react';
-import { useStyletron } from '../styles';
-import { mergeOverride, toObjectOverride } from '../helpers/overrides';
-import Icon from './icon';
-
-// @ts-ignore
-function ArrowUp(props, ref) {
-  const [, theme] = useStyletron();
-  const {
-    title = 'Arrow Up',
-    size,
-    color,
-    overrides = {},
-    ...restProps
-  } = props;
-  const SvgOverride = mergeOverride( // Icons from the theme target the SVG override in the underlying Icon component
-  {
-    component: theme.icons && theme.icons.ArrowUp ? theme.icons.ArrowUp : null
-  }, overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {});
-  return /*#__PURE__*/React.createElement(Icon, _extends({
-    viewBox: "0 0 24 24",
-    ref: ref,
-    title: title,
-    size: size,
-    color: color,
-    overrides: {
-      Svg: SvgOverride
-    }
-  }, restProps), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M11.2929 6.29289C11.6834 5.90237 12.3166 5.90237 12.7071 6.29289L16.7071 10.2929C17.0976 10.6834 17.0976 11.3166 16.7071 11.7071C16.3166 12.0976 15.6834 12.0976 15.2929 11.7071L13 9.41421V17C13 17.5523 12.5523 18 12 18C11.4477 18 11 17.5523 11 17V9.41421L8.70711 11.7071C8.31658 12.0976 7.68342 12.0976 7.29289 11.7071C6.90237 11.3166 6.90237 10.6834 7.29289 10.2929L11.2929 6.29289Z"
-  }));
-}
-
-export default /*#__PURE__*/React.forwardRef(ArrowUp);

package/es/icon/blank.js

@@ -1,42 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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.
-*/
-// BASEUI-GENERATED-REACT-ICON
-// DO NOT EDIT THIS FILE DIRECTLY, SEE README.md
-import * as React from 'react';
-import { useStyletron } from '../styles';
-import { mergeOverride, toObjectOverride } from '../helpers/overrides';
-import Icon from './icon';
-
-// @ts-ignore
-function Blank(props, ref) {
-  const [, theme] = useStyletron();
-  const {
-    title = 'Blank',
-    size,
-    color,
-    overrides = {},
-    ...restProps
-  } = props;
-  const SvgOverride = mergeOverride( // Icons from the theme target the SVG override in the underlying Icon component
-  {
-    component: theme.icons && theme.icons.Blank ? theme.icons.Blank : null
-  }, overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {});
-  return /*#__PURE__*/React.createElement(Icon, _extends({
-    viewBox: "0 0 24 24",
-    ref: ref,
-    title: title,
-    size: size,
-    color: color,
-    overrides: {
-      Svg: SvgOverride
-    }
-  }, restProps));
-}
-
-export default /*#__PURE__*/React.forwardRef(Blank);

package/es/icon/build-icons.js

@@ -1,79 +0,0 @@
-#!/usr/bin/env node
-
-/*
-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.
-*/
-
-/* eslint-env node*/
-
-const fs = require('fs');
-
-const path = require('path');
-
-const prettier = require('prettier');
-
-function capitalize(str) {
-  return str.charAt(0).toUpperCase() + str.slice(1);
-}
-
-function pascalCase(str) {
-  return str.split('-').map(capitalize).join('');
-}
-
-function titleCase(str) {
-  return str.split('-').map(capitalize).join(' ');
-} // handle the exception from Chevrons, where we do not want the word Chevron in the title
-
-
-function removeChevronFromTitle(str) {
-  return str.replace('Chevron ', '');
-} // transform svg string to properly styled jsx
-
-
-function reactify(svgString) {
-  return svgString.replace(/<!--.*-->\n/gm, '').replace(/<\/?svg[^>]*>/gm, '').replace(/^\s*\n/gm, '').replace(/\n$/, '').replace(/\t/g, '  ').replace(/fill-rule/g, 'fillRule').replace(/clip-rule/g, 'clipRule').replace(/fill-opacity/g, 'fillOpacity').trim();
-}
-
-function cleanOldIcons() {
-  const allJsFiles = fs.readdirSync(path.resolve(__dirname)).filter(f => f.endsWith('.js'));
-  allJsFiles.forEach(f => {
-    if (fs.readFileSync(path.resolve(__dirname, f), 'utf8').match(/^\/\/ BASEUI-GENERATED-REACT-ICON/m)) {
-      fs.unlinkSync(path.resolve(__dirname, f));
-    }
-  });
-}
-
-async function generateNewIcons() {
-  const iconTemplate = fs.readFileSync(path.resolve(__dirname, './icon-template.txt'), 'utf8');
-  const svgs = fs.readdirSync(path.resolve(__dirname, './svg')).filter(f => f.endsWith('.svg'));
-  const prettierOptions = (await prettier.resolveConfig(__dirname)) || {};
-  const iconExports = [];
-  svgs.forEach(async svgFilename => {
-    const svgFile = svgFilename.split('.')[0];
-    const componentName = pascalCase(svgFile);
-    iconExports.push(`export {default as ${componentName}} from './${svgFile}';`);
-    const svgFileContents = fs.readFileSync(path.resolve(__dirname, `./svg/${svgFilename}`), 'utf8');
-    const title = removeChevronFromTitle(titleCase(svgFile));
-    const viewboxRegex = svgFileContents.match(/viewBox="([^"]+)"/);
-    let viewBox = null;
-
-    if (viewboxRegex && viewboxRegex[1]) {
-      viewBox = viewboxRegex[1];
-    }
-
-    let result = iconTemplate.replace('%%ICON_PATH%%', reactify(svgFileContents)).replace(new RegExp('%%ICON_NAME%%', 'g'), componentName).replace(new RegExp('%%SVG_TITLE%%', 'g'), title).replace(new RegExp('%%SVG_VIEWBOX%%', 'g'), viewBox && viewboxRegex[1] ? `viewBox="${viewBox}"` : '');
-    fs.writeFileSync(path.resolve(__dirname, `./${svgFile}.tsx`), prettier.format(result, {
-      parser: 'typescript',
-      ...prettierOptions
-    }));
-  });
-  fs.writeFileSync(path.resolve(__dirname, `./icon-exports.ts`), `/*\nCopyright (c) Uber Technologies, Inc.\n\nThis source code is licensed under the MIT license found in the\nLICENSE file in the root directory of this source tree.\n*/\n${iconExports.join('\n')}\n`); // eslint-disable-next-line no-console
-
-  console.log(`Wrote ${svgs.length} icon(s)`);
-}
-
-cleanOldIcons();
-generateNewIcons();