@elliemae/ds-circular-progress-indicator 2.3.1-rc.2 → 3.0.0-alpha.2

package/esm/v2/react-desc-prop-types.js

@@ -1,30 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import { PropTypes, globalAttributesPropTypes } from '@elliemae/ds-props-helpers';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const CircularIndeterminateIndicatorPropTypes = _objectSpread(_objectSpread({}, globalAttributesPropTypes), {}, {
-  size: PropTypes.oneOf(['xs', 's', 'm', 'l', 'xl', 'xxl']).description('Size of the indicator').defaultValue('m'),
-  color: PropTypes.oneOf(['light', 'dark']).description('Color mode for the indicator').defaultValue('dark'),
-  text: PropTypes.string.description('Optional text to show under the indicator').defaultValue(''),
-  showText: PropTypes.bool.description('Whether to show the optional text or not').defaultValue(true),
-  withTooltip: PropTypes.bool.description('Whether to include a tooltip that shows the optional text on hover').defaultValue(false),
-  tooltipStartPlacementPreference: PropTypes.oneOf(['top-start', 'top', 'top-end', 'right-start', 'right', 'right-end', 'bottom-end', 'bottom', 'bottom-start', 'left-end', 'left', 'left-start']).description('start placement preference for the tooltip').defaultValue('center')
-});
-const defaultProps = {
-  size: 'm',
-  color: 'dark',
-  text: '',
-  showText: true,
-  withTooltip: false,
-  tooltipStartPlacementPreference: 'bottom',
-  __duration: 4
-};
-
-export { CircularIndeterminateIndicatorPropTypes, defaultProps };

package/esm/v2/styled.js

@@ -1,39 +0,0 @@
-import _taggedTemplateLiteral from '@babel/runtime/helpers/esm/taggedTemplateLiteral';
-import styled from 'styled-components';
-import { kfrm } from '@elliemae/ds-system';
-
-var _templateObject, _templateObject2, _templateObject3;
-const {
-  PI
-} = Math;
-
-const getArcLength = (percentage, radius) => 2 * PI * radius / 100 * percentage;
-
-const strokeTailAnimation = r => {
-  const miniDash = "".concat(getArcLength(0, r), " ").concat(getArcLength(100, r));
-  const fullDash = "".concat(getArcLength(75, r), " ").concat(getArcLength(25, r));
-  return kfrm(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    0% {\n        stroke-dasharray: ", ";\n    }\n    50% {\n        stroke-dasharray: ", ";\n    }\n    100% {\n        stroke-dasharray: ", ";\n    }\n"])), miniDash, fullDash, miniDash);
-};
-
-const rotateAnimation = kfrm(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    0%, 12.5% {\n        transform: rotate(0);\n    }\n    25%, 37.5% {\n        transform: rotate(270deg);\n    }\n    50%, 62.5% {\n        transform: rotate(540deg);\n    }\n    75%, 87.5% {\n        transform: rotate(810deg);\n    }\n    100% {\n        transform: rotate(1080deg);\n    }\n"])));
-
-const dashAnimation = r => {
-  const miniDash = "".concat(getArcLength(0, r), " ").concat(getArcLength(100, r));
-  const fullDash = "".concat(getArcLength(75, r), " ").concat(getArcLength(25, r));
-  return kfrm(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    0% {\n        stroke-dasharray: ", ";\n        stroke-dashoffset: 0;\n    }\n    12.5% {\n        stroke-dasharray: ", ";\n        stroke-dashoffset: 0;\n    }\n    25% {\n        stroke-dasharray: ", ";\n        stroke-dashoffset: ", ";\n    }\n    37.5% {\n        stroke-dasharray: ", ";\n        stroke-dashoffset: ", ";\n    }\n    50% {\n        stroke-dasharray: ", ";\n        stroke-dashoffset: ", ";\n    }\n    62.5% {\n        stroke-dasharray: ", ";\n        stroke-dashoffset: ", ";\n    }\n    75% {\n        stroke-dasharray: ", ";\n        stroke-dashoffset: ", ";\n    }\n    87.5% {\n        stroke-dasharray: ", ";\n        stroke-dashoffset: ", ";\n    }\n    100% {\n        stroke-dasharray: ", ";\n        stroke-dashoffset: ", ";\n    }\n"])), miniDash, fullDash, miniDash, getArcLength(-75, r), fullDash, getArcLength(-75, r), miniDash, getArcLength(-150, r), fullDash, getArcLength(-150, r), miniDash, getArcLength(-225, r), fullDash, getArcLength(-225, r), miniDash, getArcLength(-300, r));
-};
-
-const StyledSvg = /*#__PURE__*/styled.svg.withConfig({
-  componentId: "sc-bvvh5i-0"
-})(["display:block;margin:auto;transform-origin:center center;transform:rotate(-90deg);"]);
-const StyledPath = /*#__PURE__*/styled.path.withConfig({
-  componentId: "sc-bvvh5i-1"
-})(["transform-origin:center center;animation:", " ", "s linear infinite,", " ", "s linear infinite;"], rotateAnimation, props => props.__duration, props => strokeTailAnimation(props.r), props => props.__duration / 4);
-const StyledRect = /*#__PURE__*/styled.rect.withConfig({
-  componentId: "sc-bvvh5i-2"
-})(["transform-origin:center center;animation:", " ", "s linear infinite;"], rotateAnimation, props => props.__duration);
-const StyledCircle = /*#__PURE__*/styled.circle.withConfig({
-  componentId: "sc-bvvh5i-3"
-})(["stroke-dashoffset:0;fill:none;animation:", " ", "s linear infinite;clip-path:", ";-webkit-clip-path:", ";"], props => dashAnimation(props.r), props => props.__duration, props => props.clipPath, props => props.clipPath);
-
-export { StyledCircle, StyledPath, StyledRect, StyledSvg };

package/types/DSCircularProgressIndicator.d.ts

@@ -1,42 +0,0 @@
-/// <reference path="../../../../shared/typings/react-desc.d.ts" />
-/// <reference types="react" />
-declare const CircularProgressIndicator: {
-    ({ size, showLabel, showTooltip, waiting, loading }: {
-        size: any;
-        showLabel: any;
-        showTooltip: any;
-        waiting: any;
-        loading: any;
-    }): JSX.Element;
-    defaultProps: {
-        size: string;
-        showLabel: boolean;
-        showTooltip: boolean;
-        waiting: boolean;
-        loading: boolean;
-    };
-    propTypes: {
-        size: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        showLabel: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        showTooltip: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        waiting: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        loading: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-    };
-};
-declare const CircularProgressIndicatorWithSchema: {
-    (props?: unknown): JSX.Element;
-    propTypes: unknown;
-    toTypescript: () => import("react-desc").TypescriptSchema;
-};
-export { CircularProgressIndicatorWithSchema };
-export default CircularProgressIndicator;

package/types/index.d.ts

@@ -1,2 +0,0 @@
-export { default, default as DSCircularProgressIndicator, CircularProgressIndicatorWithSchema, } from './DSCircularProgressIndicator';
-export * from './v2';

package/types/tests/DSCircularProgressIndicator.test.d.ts

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

package/types/v2/DSCircularIndeterminateIndicator.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { DSCircularIndeterminateIndicatorT } from './react-desc-prop-types';
-export declare const DSCircularIndeterminateIndicator: React.ComponentType<DSCircularIndeterminateIndicatorT.Props>;
-export declare const DSCircularIndeterminateIndicatorWithSchema: import("@elliemae/ds-props-helpers/types/propTypes/types").DocumentedReactComponent<DSCircularIndeterminateIndicatorT.Props>;

package/types/v2/constants.d.ts

@@ -1,28 +0,0 @@
-export declare const sizeToPx: {
-    xs: number;
-    s: number;
-    m: number;
-    l: number;
-    xl: number;
-    xxl: number;
-};
-export declare const sizeToWeight: {
-    xs: string;
-    s: string;
-    m: string;
-    l: string;
-    xl: string;
-    xxl: string;
-};
-export declare const colorToHex: {
-    light: string;
-    dark: string;
-};
-export declare const sizeToTextSize: {
-    xs: string;
-    s: string;
-    m: string;
-    l: string;
-    xl: string;
-    xxl: string;
-};

package/types/v2/index.d.ts

@@ -1 +0,0 @@
-export * from './DSCircularIndeterminateIndicator';

package/types/v2/react-desc-prop-types.d.ts

@@ -1,14 +0,0 @@
-import { WeakValidationMap } from 'react';
-export declare namespace DSCircularIndeterminateIndicatorT {
-    interface Props {
-        size?: 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
-        color?: 'light' | 'dark';
-        text?: string;
-        showText?: boolean;
-        withTooltip: boolean;
-        tooltipStartPlacementPreference?: 'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-end' | 'bottom' | 'bottom-start' | 'left-end' | 'left' | 'left-start';
-        __duration: number;
-    }
-}
-export declare const CircularIndeterminateIndicatorPropTypes: WeakValidationMap<unknown>;
-export declare const defaultProps: DSCircularIndeterminateIndicatorT.Props;

package/types/v2/styled.d.ts

@@ -1,12 +0,0 @@
-export declare const StyledSvg: import("styled-components").StyledComponent<"svg", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledPath: import("styled-components").StyledComponent<"path", import("styled-components").DefaultTheme, {
-    __duration: number;
-    r: number;
-}, never>;
-export declare const StyledRect: import("styled-components").StyledComponent<"rect", import("styled-components").DefaultTheme, {
-    __duration: number;
-}, never>;
-export declare const StyledCircle: import("styled-components").StyledComponent<"circle", import("styled-components").DefaultTheme, {
-    r: number;
-    __duration: number;
-}, never>;