@bitrise/bitkit 10.19.0 → 10.20.0

package/src/Old/Expand/Expand.css

@@ -1,26 +0,0 @@
-.Expand {
-  transition-property: margin, height, opacity;
-  transition-duration: var(--transition-duration--fast);
-  transition-timing-function: var(--transition-timing-function);
-}
-
-.Expand--peeked {
-  position: relative;
-}
-
-.Expand--peeked::after {
-  content: '';
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 4.75%, #FFFFFF 81.95%);
-  z-index: 1;
-  transition: opacity var(--transition-duration--fast) var(--transition-timing-function);
-}
-
-.Expand--expanded.Expand--peeked::after {
-  opacity: 0;
-  pointer-events: none;
-}

package/src/Old/Expand/Expand.test.tsx

@@ -1,52 +0,0 @@
-import { mount, shallow } from 'enzyme';
-import { mountToJson, shallowToJson } from 'enzyme-to-json';
-import { act } from 'react-dom/test-utils';
-import Expand from './Expand';
-
-describe('Expand', () => {
-  describe('removing children', () => {
-    test('does render children when initially expanded', () => {
-      expect(
-        shallowToJson(
-          shallow(
-            <Expand expanded removeChildren>
-              I should appear in the snapshot
-            </Expand>,
-          ),
-        ),
-      ).toMatchSnapshot();
-    });
-
-    test('does not render children when not initially expanded', () => {
-      expect(
-        shallowToJson(
-          shallow(
-            <Expand expanded={false} removeChildren>
-              I should not appear in the snapshot
-            </Expand>,
-          ),
-        ),
-      ).toMatchSnapshot();
-    });
-
-    test('does render children once expanded', () => {
-      const wrapper = mount(
-        <Expand expanded={false} removeChildren>
-          I should appear in the snapshot
-        </Expand>,
-      );
-
-      act(() => {
-        wrapper.setProps({ expanded: true });
-      });
-
-      expect(mountToJson(wrapper)).toMatchSnapshot();
-    });
-
-    test('always renders children when removeChildren is not set', () => {
-      expect(
-        shallowToJson(shallow(<Expand expanded={false}>I should appear in the snapshot</Expand>)),
-      ).toMatchSnapshot();
-    });
-  });
-});

package/src/Old/Expand/Expand.tsx

@@ -1,133 +0,0 @@
-import * as React from 'react';
-import classnames from 'classnames';
-import { useEventListener } from '../hooks';
-import Base, { TypeSizes } from '../Base/Base';
-import Flex, { Props as FlexProps } from '../Flex/Flex';
-import './Expand.css';
-
-const { useEffect, useRef, useState } = React;
-
-export interface Props extends FlexProps {
-  /** @Ignore */
-  children?: React.ReactNode;
-  /** @Ignore */
-  className?: string;
-  /** Flag that controls the expanded state of the area. */
-  expanded: boolean;
-  /** @Ignore */
-  padding?: TypeSizes;
-  /** @Ignore */
-  paddingHorizontal?: TypeSizes;
-  /** @Ignore */
-  paddingVertical?: TypeSizes;
-  /** A CSS measurement of how much of the child content to always display when collapsed. */
-  peekHeight?: string;
-  /** Flag to control whether child content is rederend when collapsed. */
-  removeChildren?: boolean;
-}
-
-const Expand: React.FunctionComponent<Props> = (props: Props) => {
-  const {
-    children,
-    className,
-    padding,
-    paddingHorizontal,
-    paddingVertical,
-    removeChildren,
-    expanded,
-    peekHeight,
-    ...rest
-  } = props;
-
-  const refOuter = useRef<HTMLElement>(null);
-  const refInner = useRef<HTMLElement>(null);
-  const refIsExpanded = useRef(expanded);
-  const frameId = useRef<number | undefined>(undefined);
-
-  const [height, setHeight] = useState<number | undefined>(expanded ? undefined : 0);
-  const [isTransitioning, setIsTransitioning] = useState(false);
-  const [opacity, setOpacity] = useState<number | undefined>(expanded || peekHeight ? 1 : 0);
-  const [overflow, setOverflow] = useState<string | undefined>(expanded || peekHeight ? undefined : 'hidden');
-
-  useEventListener(
-    refOuter.current,
-    'transitionend',
-    () => {
-      setIsTransitioning(false);
-
-      if (expanded) {
-        setHeight(undefined);
-        setOpacity(undefined);
-        setOverflow(undefined);
-      }
-    },
-    [expanded],
-  );
-
-  useEffect(() => {
-    refIsExpanded.current = expanded;
-
-    if (frameId.current) {
-      window.cancelAnimationFrame(frameId.current);
-      frameId.current = undefined;
-    }
-
-    if (expanded) {
-      frameId.current = window.requestAnimationFrame(() => {
-        if (refInner.current && height === 0) {
-          setHeight(refInner.current.offsetHeight);
-          setOpacity(1);
-        }
-      });
-    } else {
-      setIsTransitioning(true);
-      setOverflow('hidden');
-      frameId.current = window.requestAnimationFrame(() => {
-        if (refInner.current && height === undefined) {
-          setHeight(refInner.current.offsetHeight);
-          frameId.current = window.requestAnimationFrame(() => {
-            setHeight(0);
-
-            if (!peekHeight) {
-              setOpacity(0);
-            }
-          });
-        }
-      });
-    }
-
-    return () => {
-      if (frameId.current) {
-        window.cancelAnimationFrame(frameId.current);
-        frameId.current = undefined;
-      }
-    };
-  }, [expanded]);
-
-  const renderChildren = isTransitioning || peekHeight || expanded || refIsExpanded.current || !removeChildren;
-  const style = { opacity, overflow };
-  const innerStyle = { overflow };
-  const classes = classnames('Expand', {
-    'Expand--expanded': expanded,
-    'Expand--peeked': peekHeight,
-  });
-
-  const classesInner = classnames(className, 'Expand__inner');
-
-  return (
-    <Flex {...rest} className={classes} height={height} innerRef={refOuter} minHeight={peekHeight} style={style}>
-      <Base
-        className={classesInner}
-        innerRef={refInner}
-        padding={padding}
-        paddingHorizontal={paddingHorizontal}
-        paddingVertical={paddingVertical}
-        style={innerStyle}
-      >
-        {renderChildren && children}
-      </Base>
-    </Flex>
-  );
-};
-
-export default Expand;

package/src/Old/Expand/__snapshots__/Expand.test.tsx.snap

@@ -1,211 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Expand removing children always renders children when removeChildren is not set 1`] = `
-<Flex
-  className="Expand"
-  height={0}
-  innerRef={
-    Object {
-      "current": null,
-    }
-  }
-  style={
-    Object {
-      "opacity": 0,
-      "overflow": "hidden",
-    }
-  }
->
-  <Base
-    className="Expand__inner"
-    innerRef={
-      Object {
-        "current": null,
-      }
-    }
-    style={
-      Object {
-        "overflow": "hidden",
-      }
-    }
-  >
-    I should appear in the snapshot
-  </Base>
-</Flex>
-`;
-
-exports[`Expand removing children does not render children when not initially expanded 1`] = `
-<Flex
-  className="Expand"
-  height={0}
-  innerRef={
-    Object {
-      "current": null,
-    }
-  }
-  style={
-    Object {
-      "opacity": 0,
-      "overflow": "hidden",
-    }
-  }
->
-  <Base
-    className="Expand__inner"
-    innerRef={
-      Object {
-        "current": null,
-      }
-    }
-    style={
-      Object {
-        "overflow": "hidden",
-      }
-    }
-  />
-</Flex>
-`;
-
-exports[`Expand removing children does render children once expanded 1`] = `
-<Expand
-  expanded={true}
-  removeChildren={true}
->
-  <Flex
-    className="Expand Expand--expanded"
-    height={0}
-    innerRef={
-      Object {
-        "current": <div
-          class="Base Flex Expand Expand--expanded"
-          style="opacity: 0; overflow: hidden; height: 0px;"
-        >
-          <div
-            class="Base Expand__inner"
-            style="overflow: hidden;"
-          >
-            I should appear in the snapshot
-          </div>
-        </div>,
-      }
-    }
-    style={
-      Object {
-        "opacity": 0,
-        "overflow": "hidden",
-      }
-    }
-  >
-    <Base
-      className="Flex Expand Expand--expanded"
-      height={0}
-      innerRef={
-        Object {
-          "current": <div
-            class="Base Flex Expand Expand--expanded"
-            style="opacity: 0; overflow: hidden; height: 0px;"
-          >
-            <div
-              class="Base Expand__inner"
-              style="overflow: hidden;"
-            >
-              I should appear in the snapshot
-            </div>
-          </div>,
-        }
-      }
-      style={
-        Object {
-          "opacity": 0,
-          "overflow": "hidden",
-        }
-      }
-    >
-      <div
-        className="Base Flex Expand Expand--expanded"
-        style={
-          Object {
-            "height": 0,
-            "maxHeight": undefined,
-            "maxWidth": undefined,
-            "minHeight": undefined,
-            "minWidth": undefined,
-            "opacity": 0,
-            "overflow": "hidden",
-            "width": undefined,
-          }
-        }
-      >
-        <Base
-          className="Expand__inner"
-          innerRef={
-            Object {
-              "current": <div
-                class="Base Expand__inner"
-                style="overflow: hidden;"
-              >
-                I should appear in the snapshot
-              </div>,
-            }
-          }
-          style={
-            Object {
-              "overflow": "hidden",
-            }
-          }
-        >
-          <div
-            className="Base Expand__inner"
-            style={
-              Object {
-                "height": undefined,
-                "maxHeight": undefined,
-                "maxWidth": undefined,
-                "minHeight": undefined,
-                "minWidth": undefined,
-                "overflow": "hidden",
-                "width": undefined,
-              }
-            }
-          >
-            I should appear in the snapshot
-          </div>
-        </Base>
-      </div>
-    </Base>
-  </Flex>
-</Expand>
-`;
-
-exports[`Expand removing children does render children when initially expanded 1`] = `
-<Flex
-  className="Expand Expand--expanded"
-  innerRef={
-    Object {
-      "current": null,
-    }
-  }
-  style={
-    Object {
-      "opacity": 1,
-      "overflow": undefined,
-    }
-  }
->
-  <Base
-    className="Expand__inner"
-    innerRef={
-      Object {
-        "current": null,
-      }
-    }
-    style={
-      Object {
-        "overflow": undefined,
-      }
-    }
-  >
-    I should appear in the snapshot
-  </Base>
-</Flex>
-`;