@bundle-stats/ui 4.3.0-beta.3 → 4.3.0-rc.1

package/src/ui/panels/panels.jsx

@@ -1,39 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-
-import css from './panels.module.css';
-
-const cloneElement = (element) => {
-  const { className, ...restProps } = element.props;
-
-  return React.cloneElement(
-    element,
-    {
-      ...restProps,
-      className: cx(css.panel, className),
-    },
-  );
-};
-
-export const Panels = ({ className, children, ...restProps }) => (
-  <div
-    className={cx(css.root, className)}
-    {...restProps}
-  >
-    {React.Children.map(children, cloneElement)}
-  </div>
-);
-
-Panels.defaultProps = {
-  className: '',
-  children: null,
-};
-
-Panels.propTypes = {
-  /** Adopted child class anme */
-  className: PropTypes.string,
-
-  /** Content */
-  children: PropTypes.node,
-};

package/src/ui/panels/panels.module.css

@@ -1,23 +0,0 @@
-.root {
-  display: flex;
-  flex-wrap: wrap;
-}
-
-.panel {
-  flex: 1 1 100%;
-}
-
-.panel + .panel {
-  margin-top: var(--space-medium);
-}
-
-@media (min-width: 768px) {
-  .root {
-    flex-wrap: nowrap;
-  }
-
-  .panel + .panel {
-    margin-top: 0;
-    margin-left: var(--space-medium);
-  }
-}

package/src/ui/table/table.jsx

@@ -1,37 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-
-import css from './table.module.css';
-
-export const Table = ({ className, emptyMessage, compact, outline, children }) => {
-  const rootClassName = cx(css.root, className, compact && css.compact, outline && css.outline);
-
-  if (!children) {
-    return <div className={cx(rootClassName, css.empty)}>{emptyMessage}</div>;
-  }
-
-  return <table className={rootClassName}>{children}</table>;
-};
-
-Table.THead = 'thead';
-Table.TBody = 'tbody';
-Table.Tr = 'tr';
-Table.Th = 'th';
-Table.Td = 'td';
-
-Table.defaultProps = {
-  className: '',
-  emptyMessage: 'No entries found.',
-  children: null,
-  compact: false,
-  outline: false,
-};
-
-Table.propTypes = {
-  className: PropTypes.string,
-  emptyMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-  compact: PropTypes.bool,
-  outline: PropTypes.bool,
-  children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]),
-};

package/src/ui/tag/tag.jsx

@@ -1,49 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-
-import css from './tag.module.css';
-
-export const KINDS = {
-  DEFAULT: 'default',
-  SUCCESS: 'success',
-  INFO: 'info',
-  WARNING: 'warning',
-  DANGER: 'danger',
-};
-
-export const SIZES = {
-  SMALL: 'small',
-  MEDIUM: 'medium',
-  LARGE: 'large',
-};
-
-export const Tag = (props) => {
-  const {
-    className = '',
-    as: Component = 'span',
-    kind = KINDS.DEFAULT,
-    size = SIZES.MEDIUM,
-    ...restProps
-  } = props;
-  const rootClassName = cx(css.root, className, css[kind], css[size]);
-
-  return <Component className={rootClassName} {...restProps} />;
-};
-
-Tag.propTypes = {
-  className: PropTypes.string,
-  as: PropTypes.elementType,
-  kind: PropTypes.oneOf(Object.values(KINDS)),
-  size: PropTypes.oneOf(Object.values(SIZES)),
-};
-
-Tag.defaultProps = {
-  className: '',
-  as: 'span',
-  kind: KINDS.DEFAULT,
-  size: SIZES.MEDIUM,
-};
-
-Tag.KINDS = KINDS;
-Tag.SIZES = SIZES;

package/src/ui/tooltip/tooltip.jsx

@@ -1,67 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-import {
-  Tooltip as UITooltip,
-  TooltipAnchor as UITooltipAnchor,
-  TooltipArrow as UITooltipArrow,
-  useTooltipState,
-} from 'ariakit/tooltip';
-
-import css from './tooltip.module.css';
-
-export const Tooltip = (props) => {
-  const {
-    className,
-    tooltipClassName,
-    title,
-    children,
-    as: Component,
-    containerRef: ref,
-    darkMode,
-    ...restProps
-  } = props;
-
-  const tooltip = useTooltipState({ placement: 'top' });
-
-  return (
-    <>
-      <UITooltipAnchor
-        as={Component}
-        className={cx(css.root, className)}
-        state={tooltip}
-        {...(ref ? { ref } : {})}
-        {...restProps}
-      >
-        {children}
-      </UITooltipAnchor>
-      {title && (
-        <UITooltip state={tooltip} className={cx(css.tooltip, tooltipClassName, darkMode && css.tooltipDarkMode)}>
-          <UITooltipArrow state={tooltip} className={css.arrow} size={12} />
-          {title}
-        </UITooltip>
-      )}
-    </>
-  );
-};
-
-Tooltip.defaultProps = {
-  className: '',
-  tooltipClassName: '',
-  title: '',
-  as: 'span',
-  containerRef: null,
-  darkMode: true,
-};
-
-Tooltip.propTypes = {
-  className: PropTypes.string,
-  tooltipClassName: PropTypes.string,
-  title: PropTypes.node,
-  children: PropTypes.node.isRequired,
-  as: PropTypes.oneOfType([PropTypes.string, PropTypes.element, PropTypes.func]),
-  containerRef: PropTypes.shape({
-    current: PropTypes.object, // eslint-disable-line react/forbid-prop-types
-  }),
-  darkMode: PropTypes.bool,
-};

package/tsconfig.esm.json

@@ -1,13 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "jsx": "react",
-    "resolveJsonModule": true,
-    "target": "ES2019",
-    "module": "ES6",
-    "declaration": true,
-    "declarationDir": "./types",
-    "noEmit": false
-  },
-  "exclude": ["**/__tests__/*", "**/*.stories.*"]
-}

package/tsconfig.json

@@ -1,7 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "include": ["src/**/*"],
-  "compilerOptions": {
-    "jsx": "react"
-  }
-}

package/tsconfig.lib.json

@@ -1,9 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "jsx": "react",
-    "resolveJsonModule": true,
-    "noEmit": false
-  },
-  "exclude": ["**/__tests__/*", "**/*.stories.*"]
-}

package/types/components/summary-item/index.d.ts

@@ -1 +0,0 @@
-export * from "./summary-item";

package/types/components/summary-item/summary-item.d.ts

@@ -1,40 +0,0 @@
-export function SummaryItem({ className, as: Component, size, id, data, loading, showDelta, showMetricDescription, ...props }: {
-    [x: string]: any;
-    className: any;
-    as: any;
-    size: any;
-    id: any;
-    data: any;
-    loading: any;
-    showDelta: any;
-    showMetricDescription: any;
-}): JSX.Element;
-export namespace SummaryItem {
-    namespace defaultProps {
-        const className: string;
-        const as: string;
-        const data: null;
-        const size: string;
-        const loading: boolean;
-        const showMetricDescription: boolean;
-        const showDelta: boolean;
-    }
-    namespace propTypes {
-        const className_1: PropTypes.Requireable<string>;
-        export { className_1 as className };
-        const as_1: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        export { as_1 as as };
-        const size_1: PropTypes.Requireable<string>;
-        export { size_1 as size };
-        export const id: PropTypes.Validator<string>;
-        const loading_1: PropTypes.Requireable<boolean>;
-        export { loading_1 as loading };
-        const data_1: PropTypes.Requireable<object>;
-        export { data_1 as data };
-        const showMetricDescription_1: PropTypes.Requireable<boolean>;
-        export { showMetricDescription_1 as showMetricDescription };
-        const showDelta_1: PropTypes.Requireable<boolean>;
-        export { showDelta_1 as showDelta };
-    }
-}
-import PropTypes from "prop-types";

package/types/ui/panels/index.d.ts

@@ -1 +0,0 @@
-export { Panels } from "./panels";

package/types/ui/panels/panels.d.ts

@@ -1,18 +0,0 @@
-export function Panels({ className, children, ...restProps }: {
-    [x: string]: any;
-    className: any;
-    children: any;
-}): JSX.Element;
-export namespace Panels {
-    namespace defaultProps {
-        const className: string;
-        const children: null;
-    }
-    namespace propTypes {
-        const className_1: PropTypes.Requireable<string>;
-        export { className_1 as className };
-        const children_1: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        export { children_1 as children };
-    }
-}
-import PropTypes from "prop-types";