@elliemae/ds-legacy-circular-progress-indicator 1.0.0-rc.1

package/dist/cjs/v2/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/v2/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export {\n  DSCircularIndeterminateIndicator,\n  DSCircularIndeterminateIndicatorWithSchema,\n} from './DSCircularIndeterminateIndicator.js';\nexport * from './constants.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8CAGO;AACP,uBAAc,2BAJd;",
+  "names": []
+}

package/dist/cjs/v2/react-desc-prop-types.js

@@ -0,0 +1,67 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var react_desc_prop_types_exports = {};
+__export(react_desc_prop_types_exports, {
+  CircularIndeterminateIndicatorPropTypes: () => CircularIndeterminateIndicatorPropTypes,
+  defaultProps: () => defaultProps
+});
+module.exports = __toCommonJS(react_desc_prop_types_exports);
+var React = __toESM(require("react"));
+var import_ds_legacy_props_helpers = require("@elliemae/ds-legacy-props-helpers");
+const defaultProps = {
+  size: "m",
+  color: "dark",
+  text: "",
+  showText: true,
+  withTooltip: false,
+  tooltipStartPlacementPreference: "bottom"
+};
+const CircularIndeterminateIndicatorPropTypes = {
+  ...import_ds_legacy_props_helpers.globalAttributesPropTypes,
+  size: import_ds_legacy_props_helpers.PropTypes.oneOf(["xs", "s", "m", "l", "xl", "xxl"]).description("Size of the indicator").defaultValue("m"),
+  color: import_ds_legacy_props_helpers.PropTypes.oneOf(["light", "dark"]).description("Color mode for the indicator").defaultValue("dark"),
+  text: import_ds_legacy_props_helpers.PropTypes.string.description("Optional text to show under the indicator").defaultValue(""),
+  showText: import_ds_legacy_props_helpers.PropTypes.bool.description("Whether to show the optional text or not").defaultValue(true),
+  withTooltip: import_ds_legacy_props_helpers.PropTypes.bool.description("Whether to include a tooltip that shows the optional text on hover").defaultValue(false),
+  tooltipStartPlacementPreference: import_ds_legacy_props_helpers.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")
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/cjs/v2/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/v2/react-desc-prop-types.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-empty-interface */\n/* eslint-disable max-lines */\nimport type {} from '@elliemae/ds-legacy-utilities';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-legacy-props-helpers';\nimport { PropTypes, globalAttributesPropTypes } from '@elliemae/ds-legacy-props-helpers';\nimport { type DSTooltipV3T } from '@elliemae/ds-legacy-tooltip';\nimport type { WeakValidationMap } from 'react';\n\nexport const defaultProps: DSCircularIndeterminateIndicatorT.DefaultProps = {\n  size: 'm',\n  color: 'dark',\n  text: '',\n  showText: true,\n  withTooltip: false,\n  tooltipStartPlacementPreference: 'bottom',\n};\n\nexport declare namespace DSCircularIndeterminateIndicatorT {\n  type TShirtSizes = 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';\n  type SupportedColors = 'light' | 'dark';\n  export interface DefaultProps {\n    size: TShirtSizes;\n    color: SupportedColors;\n    text: string;\n    showText: boolean;\n    withTooltip: boolean;\n    tooltipStartPlacementPreference: DSTooltipV3T.Placement;\n  }\n  export interface OptionalProps {}\n  export interface RequiredProps {}\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const CircularIndeterminateIndicatorPropTypes = {\n  ...globalAttributesPropTypes,\n  size: PropTypes.oneOf(['xs', 's', 'm', 'l', 'xl', 'xxl']).description('Size of the indicator').defaultValue('m'),\n  color: PropTypes.oneOf(['light', 'dark']).description('Color mode for the indicator').defaultValue('dark'),\n  text: PropTypes.string.description('Optional text to show under the indicator').defaultValue(''),\n  showText: PropTypes.bool.description('Whether to show the optional text or not').defaultValue(true),\n  withTooltip: PropTypes.bool\n    .description('Whether to include a tooltip that shows the optional text on hover')\n    .defaultValue(false),\n  tooltipStartPlacementPreference: PropTypes.oneOf([\n    'top-start',\n    'top',\n    'top-end',\n    'right-start',\n    'right',\n    'right-end',\n    'bottom-end',\n    'bottom',\n    'bottom-start',\n    'left-end',\n    'left',\n    'left-start',\n  ])\n    .description('start placement preference for the tooltip')\n    .defaultValue('center'),\n} as WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIvB,qCAAqD;AAI9C,MAAM,eAA+D;AAAA,EAC1E,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU;AAAA,EACV,aAAa;AAAA,EACb,iCAAiC;AACnC;AA+BO,MAAM,0CAA0C;AAAA,EACrD,GAAG;AAAA,EACH,MAAM,yCAAU,MAAM,CAAC,MAAM,KAAK,KAAK,KAAK,MAAM,KAAK,CAAC,EAAE,YAAY,uBAAuB,EAAE,aAAa,GAAG;AAAA,EAC/G,OAAO,yCAAU,MAAM,CAAC,SAAS,MAAM,CAAC,EAAE,YAAY,8BAA8B,EAAE,aAAa,MAAM;AAAA,EACzG,MAAM,yCAAU,OAAO,YAAY,2CAA2C,EAAE,aAAa,EAAE;AAAA,EAC/F,UAAU,yCAAU,KAAK,YAAY,0CAA0C,EAAE,aAAa,IAAI;AAAA,EAClG,aAAa,yCAAU,KACpB,YAAY,oEAAoE,EAChF,aAAa,KAAK;AAAA,EACrB,iCAAiC,yCAAU,MAAM;AAAA,IAC/C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC,EACE,YAAY,4CAA4C,EACxD,aAAa,QAAQ;AAC1B;",
+  "names": []
+}

package/dist/cjs/v2/styled.js

@@ -0,0 +1,164 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var styled_exports = {};
+__export(styled_exports, {
+  StyledCircle: () => StyledCircle,
+  StyledContainer: () => StyledContainer,
+  StyledLabel: () => StyledLabel,
+  StyledPath: () => StyledPath,
+  StyledRect: () => StyledRect,
+  StyledSvg: () => StyledSvg
+});
+module.exports = __toCommonJS(styled_exports);
+var React = __toESM(require("react"));
+var import_ds_legacy_grid = require("@elliemae/ds-legacy-grid");
+var import_ds_legacy_system = require("@elliemae/ds-legacy-system");
+var import_constants = require("./constants.js");
+const { PI } = Math;
+const getArcLength = (percentage, radius) => 2 * PI * radius / 100 * percentage;
+const svgRotateAnimation = import_ds_legacy_system.kfrm`
+    0% {
+        transform: rotate(0);
+    }
+    100% {
+        transform: rotate(360deg);
+    }
+`;
+const strokeTailAnimation = (r) => {
+  const miniDash = `${getArcLength(0, r)} ${getArcLength(100, r)}`;
+  const fullDash = `${getArcLength(75, r)} ${getArcLength(25, r)}`;
+  return import_ds_legacy_system.kfrm`
+    0% {
+        stroke-dasharray: ${miniDash};
+    }
+    50% {
+        stroke-dasharray: ${fullDash};
+    }
+    100% {
+        stroke-dasharray: ${miniDash};
+    }
+`;
+};
+const rotateAnimation = import_ds_legacy_system.kfrm`
+    0%, 12.5% {
+        transform: rotate(0);
+    }
+    25%, 37.5% {
+        transform: rotate(270deg);
+    }
+    50%, 62.5% {
+        transform: rotate(540deg);
+    }
+    75%, 87.5% {
+        transform: rotate(810deg);
+    }
+    100% {
+        transform: rotate(1080deg);
+    }
+`;
+const dashAnimation = (r) => {
+  const miniDash = `${getArcLength(0, r)} ${getArcLength(100, r)}`;
+  const fullDash = `${getArcLength(75, r)} ${getArcLength(25, r)}`;
+  return import_ds_legacy_system.kfrm`
+    0% {
+        stroke-dasharray: ${miniDash};
+        stroke-dashoffset: 0;
+    }
+    12.5% {
+        stroke-dasharray: ${fullDash};
+        stroke-dashoffset: 0;
+    }
+    25% {
+        stroke-dasharray: ${miniDash};
+        stroke-dashoffset: ${getArcLength(-75, r)};
+    }
+    37.5% {
+        stroke-dasharray: ${fullDash};
+        stroke-dashoffset: ${getArcLength(-75, r)};
+    }
+    50% {
+        stroke-dasharray: ${miniDash};
+        stroke-dashoffset: ${getArcLength(-150, r)};
+    }
+    62.5% {
+        stroke-dasharray: ${fullDash};
+        stroke-dashoffset: ${getArcLength(-150, r)};
+    }
+    75% {
+        stroke-dasharray: ${miniDash};
+        stroke-dashoffset: ${getArcLength(-225, r)};
+    }
+    87.5% {
+        stroke-dasharray: ${fullDash};
+        stroke-dashoffset: ${getArcLength(-225, r)};
+    }
+    100% {
+        stroke-dasharray: ${miniDash};
+        stroke-dashoffset: ${getArcLength(-300, r)};
+    }
+`;
+};
+const StyledContainer = (0, import_ds_legacy_system.styled)(import_ds_legacy_grid.Grid, {
+  name: import_constants.DSCircularIndeterminateIndicatorName,
+  slot: import_constants.DSCircularIndeterminateIndicatorSlots.ROOT
+})`
+  z-index: ${({ theme }) => theme.zIndex.loader};
+`;
+const StyledSvg = (0, import_ds_legacy_system.styled)("svg", {
+  name: import_constants.DSCircularIndeterminateIndicatorName,
+  slot: import_constants.DSCircularIndeterminateIndicatorSlots.SVG
+})`
+  display: block;
+  margin: auto;
+  transform-origin: center center;
+  transform: rotate(-90deg);
+  animation: ${svgRotateAnimation} 2.5s linear infinite;
+`;
+const StyledPath = import_ds_legacy_system.styled.path`
+  transform-origin: center center;
+  animation:
+    ${rotateAnimation} 10s linear infinite,
+    ${(props) => strokeTailAnimation(props.r)} 2.5s linear infinite;
+`;
+const StyledRect = import_ds_legacy_system.styled.rect`
+  transform-origin: center center;
+  animation: ${rotateAnimation} 10s linear infinite;
+`;
+const StyledCircle = import_ds_legacy_system.styled.circle`
+  stroke-dashoffset: 0;
+  fill: none;
+  animation: ${(props) => dashAnimation(props.r)} 10s linear infinite;
+  clip-path: ${(props) => props.clipPath};
+  -webkit-clip-path: ${(props) => props.clipPath};
+`;
+const StyledLabel = (0, import_ds_legacy_system.styled)("span", {
+  name: import_constants.DSCircularIndeterminateIndicatorName,
+  slot: import_constants.DSCircularIndeterminateIndicatorSlots.LABEL
+})``;
+//# sourceMappingURL=styled.js.map

package/dist/cjs/v2/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/v2/styled.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable no-underscore-dangle */\nimport { Grid } from '@elliemae/ds-legacy-grid';\nimport { kfrm, styled } from '@elliemae/ds-legacy-system';\nimport { DSCircularIndeterminateIndicatorName, DSCircularIndeterminateIndicatorSlots } from './constants.js';\nconst { PI } = Math;\n\nconst getArcLength = (percentage: number, radius: number) => ((2 * PI * radius) / 100) * percentage;\n\nconst svgRotateAnimation = kfrm`\n    0% {\n        transform: rotate(0);\n    }\n    100% {\n        transform: rotate(360deg);\n    }\n`;\n\nconst strokeTailAnimation = (r: number) => {\n  const miniDash = `${getArcLength(0, r)} ${getArcLength(100, r)}`;\n  const fullDash = `${getArcLength(75, r)} ${getArcLength(25, r)}`;\n\n  return kfrm`\n    0% {\n        stroke-dasharray: ${miniDash};\n    }\n    50% {\n        stroke-dasharray: ${fullDash};\n    }\n    100% {\n        stroke-dasharray: ${miniDash};\n    }\n`;\n};\n\nconst rotateAnimation = kfrm`\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`;\n\nconst dashAnimation = (r: number) => {\n  const miniDash = `${getArcLength(0, r)} ${getArcLength(100, r)}`;\n  const fullDash = `${getArcLength(75, r)} ${getArcLength(25, r)}`;\n\n  return kfrm`\n    0% {\n        stroke-dasharray: ${miniDash};\n        stroke-dashoffset: 0;\n    }\n    12.5% {\n        stroke-dasharray: ${fullDash};\n        stroke-dashoffset: 0;\n    }\n    25% {\n        stroke-dasharray: ${miniDash};\n        stroke-dashoffset: ${getArcLength(-75, r)};\n    }\n    37.5% {\n        stroke-dasharray: ${fullDash};\n        stroke-dashoffset: ${getArcLength(-75, r)};\n    }\n    50% {\n        stroke-dasharray: ${miniDash};\n        stroke-dashoffset: ${getArcLength(-150, r)};\n    }\n    62.5% {\n        stroke-dasharray: ${fullDash};\n        stroke-dashoffset: ${getArcLength(-150, r)};\n    }\n    75% {\n        stroke-dasharray: ${miniDash};\n        stroke-dashoffset: ${getArcLength(-225, r)};\n    }\n    87.5% {\n        stroke-dasharray: ${fullDash};\n        stroke-dashoffset: ${getArcLength(-225, r)};\n    }\n    100% {\n        stroke-dasharray: ${miniDash};\n        stroke-dashoffset: ${getArcLength(-300, r)};\n    }\n`;\n};\n\nexport const StyledContainer = styled(Grid, {\n  name: DSCircularIndeterminateIndicatorName,\n  slot: DSCircularIndeterminateIndicatorSlots.ROOT,\n})`\n  z-index: ${({ theme }) => theme.zIndex.loader};\n`;\n\nexport const StyledSvg = styled('svg', {\n  name: DSCircularIndeterminateIndicatorName,\n  slot: DSCircularIndeterminateIndicatorSlots.SVG,\n})`\n  display: block;\n  margin: auto;\n  transform-origin: center center;\n  transform: rotate(-90deg);\n  animation: ${svgRotateAnimation} 2.5s linear infinite;\n`;\n\nexport const StyledPath = styled.path<{ r: number }>`\n  transform-origin: center center;\n  animation:\n    ${rotateAnimation} 10s linear infinite,\n    ${(props) => strokeTailAnimation(props.r)} 2.5s linear infinite;\n`;\n\nexport const StyledRect = styled.rect`\n  transform-origin: center center;\n  animation: ${rotateAnimation} 10s linear infinite;\n`;\n\nexport const StyledCircle = styled.circle<{ r: number }>`\n  stroke-dashoffset: 0;\n  fill: none;\n  animation: ${(props) => dashAnimation(props.r)} 10s linear infinite;\n  clip-path: ${(props) => props.clipPath};\n  -webkit-clip-path: ${(props) => props.clipPath};\n`;\n\nexport const StyledLabel = styled('span', {\n  name: DSCircularIndeterminateIndicatorName,\n  slot: DSCircularIndeterminateIndicatorSlots.LABEL,\n})``;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,4BAAqB;AACrB,8BAA6B;AAC7B,uBAA4F;AAC5F,MAAM,EAAE,GAAG,IAAI;AAEf,MAAM,eAAe,CAAC,YAAoB,WAAqB,IAAI,KAAK,SAAU,MAAO;AAEzF,MAAM,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS3B,MAAM,sBAAsB,CAAC,MAAc;AACzC,QAAM,WAAW,GAAG,aAAa,GAAG,CAAC,KAAK,aAAa,KAAK,CAAC;AAC7D,QAAM,WAAW,GAAG,aAAa,IAAI,CAAC,KAAK,aAAa,IAAI,CAAC;AAE7D,SAAO;AAAA;AAAA,4BAEmB;AAAA;AAAA;AAAA,4BAGA;AAAA;AAAA;AAAA,4BAGA;AAAA;AAAA;AAG5B;AAEA,MAAM,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBxB,MAAM,gBAAgB,CAAC,MAAc;AACnC,QAAM,WAAW,GAAG,aAAa,GAAG,CAAC,KAAK,aAAa,KAAK,CAAC;AAC7D,QAAM,WAAW,GAAG,aAAa,IAAI,CAAC,KAAK,aAAa,IAAI,CAAC;AAE7D,SAAO;AAAA;AAAA,4BAEmB;AAAA;AAAA;AAAA;AAAA,4BAIA;AAAA;AAAA;AAAA;AAAA,4BAIA;AAAA,6BACC,aAAa,KAAK,CAAC;AAAA;AAAA;AAAA,4BAGpB;AAAA,6BACC,aAAa,KAAK,CAAC;AAAA;AAAA;AAAA,4BAGpB;AAAA,6BACC,aAAa,MAAM,CAAC;AAAA;AAAA;AAAA,4BAGrB;AAAA,6BACC,aAAa,MAAM,CAAC;AAAA;AAAA;AAAA,4BAGrB;AAAA,6BACC,aAAa,MAAM,CAAC;AAAA;AAAA;AAAA,4BAGrB;AAAA,6BACC,aAAa,MAAM,CAAC;AAAA;AAAA;AAAA,4BAGrB;AAAA,6BACC,aAAa,MAAM,CAAC;AAAA;AAAA;AAGjD;AAEO,MAAM,sBAAkB,gCAAO,4BAAM;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,uDAAsC;AAC9C,CAAC;AAAA,aACY,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO;AAAA;AAGlC,MAAM,gBAAY,gCAAO,OAAO;AAAA,EACrC,MAAM;AAAA,EACN,MAAM,uDAAsC;AAC9C,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,eAKc;AAAA;AAGR,MAAM,aAAa,+BAAO;AAAA;AAAA;AAAA,MAG3B;AAAA,MACA,CAAC,UAAU,oBAAoB,MAAM,CAAC;AAAA;AAGrC,MAAM,aAAa,+BAAO;AAAA;AAAA,eAElB;AAAA;AAGR,MAAM,eAAe,+BAAO;AAAA;AAAA;AAAA,eAGpB,CAAC,UAAU,cAAc,MAAM,CAAC;AAAA,eAChC,CAAC,UAAU,MAAM;AAAA,uBACT,CAAC,UAAU,MAAM;AAAA;AAGjC,MAAM,kBAAc,gCAAO,QAAQ;AAAA,EACxC,MAAM;AAAA,EACN,MAAM,uDAAsC;AAC9C,CAAC;",
+  "names": []
+}

package/dist/esm/DSCircularProgressIndicator.js

@@ -0,0 +1,231 @@
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useDeprecateComponent } from "@elliemae/ds-legacy-utilities";
+import { describe, PropTypes } from "@elliemae/ds-legacy-props-helpers";
+import { convertPropToCssClassName } from "@elliemae/ds-legacy-classnames";
+import DSTooltip from "@elliemae/ds-legacy-tooltip";
+const { classNameBlock, classNameElement } = convertPropToCssClassName("circular-progress-indicator");
+const CircularProgressIndicator = ({ size, showLabel, showTooltip, waiting, loading }) => {
+  useDeprecateComponent({ componentName: "ds-circular-progress-indicator", version: "TBD Date: 2023 Q3" });
+  const waitingLabel = "Waiting...";
+  const loadingLabel = "Loading...";
+  const currentLabel = waiting && !loading ? waitingLabel : loadingLabel;
+  let sizePx;
+  let sizeLabel;
+  let strokeWidth;
+  let trackWidth;
+  let markerHeight = "0.7";
+  let markerRefY = "4.8";
+  let grayArcStrokeDasharray = "45 170";
+  let grayArcStrokeDashoffset = "127.5";
+  switch (size.toUpperCase()) {
+    case "XS":
+      sizePx = 8;
+      sizeLabel = 12;
+      strokeWidth = 10;
+      trackWidth = 3;
+      markerHeight = "1";
+      grayArcStrokeDasharray = "46 174";
+      grayArcStrokeDashoffset = "133";
+      break;
+    case "S":
+      sizePx = 16;
+      sizeLabel = 12;
+      strokeWidth = 8;
+      trackWidth = 3;
+      markerHeight = "1";
+      grayArcStrokeDasharray = "46 174";
+      grayArcStrokeDashoffset = "133";
+      break;
+    case "M":
+      sizePx = 24;
+      sizeLabel = 12;
+      strokeWidth = 7;
+      trackWidth = 3;
+      markerHeight = "1";
+      markerRefY = "5.5";
+      grayArcStrokeDasharray = "46 174";
+      grayArcStrokeDashoffset = "133";
+      break;
+    case "L":
+      sizePx = 32;
+      sizeLabel = 13;
+      strokeWidth = 6;
+      trackWidth = 3;
+      markerRefY = "5";
+      break;
+    case "XL":
+      sizePx = 48;
+      sizeLabel = 14;
+      strokeWidth = 5;
+      trackWidth = 1;
+      break;
+    case "XXL":
+      sizePx = 56;
+      sizeLabel = 16;
+      strokeWidth = 4;
+      trackWidth = 1;
+      break;
+    case "XXXL":
+      sizePx = 64;
+      sizeLabel = 16;
+      strokeWidth = 5;
+      trackWidth = 2;
+      break;
+    default:
+      break;
+  }
+  const labelText = /* @__PURE__ */ jsx(
+    "p",
+    {
+      "data-testid": "circular-indicator-label",
+      className: classNameElement("label"),
+      style: { fontSize: `${sizeLabel}px` },
+      children: currentLabel
+    }
+  );
+  const buildIndicator = (Component) => sizePx < 17 || showTooltip ? /* @__PURE__ */ jsx(
+    DSTooltip,
+    {
+      containerProps: {
+        id: "ds-circular-progress-indicator",
+        "data-testid": "circular-indicator-title"
+      },
+      interactionType: "hover",
+      title: currentLabel,
+      triggerComponent: Component,
+      placement: "bottom"
+    }
+  ) : Component;
+  const grayTrack = /* @__PURE__ */ jsx(
+    "circle",
+    {
+      className: classNameElement("track"),
+      cx: "50%",
+      cy: "50%",
+      fill: "none",
+      r: "28",
+      strokeWidth: `${trackWidth}px`
+    }
+  );
+  const grayArc = /* @__PURE__ */ jsx(
+    "circle",
+    {
+      className: classNameElement("arc-gray"),
+      stroke: "#E0E3E8",
+      strokeDasharray: `${grayArcStrokeDasharray}`,
+      strokeDashoffset: `${grayArcStrokeDashoffset}`,
+      cx: "50%",
+      cy: "50%",
+      fill: "none",
+      r: "28",
+      strokeWidth: `${trackWidth}px`
+    }
+  );
+  const indicator = /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      height: `${sizePx}px`,
+      version: "1.1",
+      viewBox: "0 0 66 66",
+      width: `${sizePx}px`,
+      "data-testid": "circular-indicator",
+      "aria-label": waiting && !loading ? waitingLabel : loadingLabel,
+      children: [
+        /* @__PURE__ */ jsxs("defs", { children: [
+          /* @__PURE__ */ jsxs("linearGradient", { id: "grad1", x1: "0%", x2: "100%", y1: "100%", y2: "0%", children: [
+            /* @__PURE__ */ jsx("stop", { offset: "0%", style: { stopColor: "#E0E3E8", stopOpacity: 1 } }),
+            /* @__PURE__ */ jsx("stop", { offset: "89%", style: { stopColor: "#5594e2", stopOpacity: 1 } }),
+            /* @__PURE__ */ jsx("stop", { offset: "100%", style: { stopColor: "#5594e2", stopOpacity: 1 } })
+          ] }),
+          /* @__PURE__ */ jsxs("linearGradient", { id: "grad2", x1: "0%", x2: "100%", y1: "100%", y2: "0%", children: [
+            /* @__PURE__ */ jsx("stop", { offset: "0%", style: { stopColor: "#5594e2", stopOpacity: 1 } }),
+            /* @__PURE__ */ jsx("stop", { offset: "11%", style: { stopColor: "#5594e2", stopOpacity: 1 } }),
+            /* @__PURE__ */ jsx("stop", { offset: "100%", style: { stopColor: "#E0E3E8", stopOpacity: 1 } })
+          ] }),
+          /* @__PURE__ */ jsx(
+            "marker",
+            {
+              id: "inverseL",
+              viewBox: "0 0 5 10",
+              refX: "0.5",
+              refY: `${markerRefY}`,
+              markerUnits: "strokeWidth",
+              markerWidth: "0.5",
+              markerHeight: `${markerHeight}`,
+              orient: "auto",
+              children: /* @__PURE__ */ jsx("path", { d: "M 0 0 L 6 0 A 5 5 0 0 0 6 10 L 0 10 z", fill: "#FFF" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "marker",
+            {
+              id: "inverseR",
+              viewBox: "0 0 5 10",
+              refX: "0",
+              refY: "5",
+              markerUnits: "strokeWidth",
+              markerWidth: "0.7",
+              markerHeight: `${markerHeight}`,
+              children: /* @__PURE__ */ jsx("path", { d: "M 0 0 L 6 0 A 5 5 0 0 0 6 10 L 0 10 z", fill: "#FFF" })
+            }
+          )
+        ] }),
+        grayTrack,
+        !waiting && /* @__PURE__ */ jsxs("g", { fill: "none", fillRule: "evenodd", stroke: "none", strokeWidth: "1", children: [
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              className: classNameElement("arc-blue"),
+              d: "M30,5 C17.536025,6 6,17.536027 5,31",
+              stroke: "#5594e2",
+              strokeWidth: `${strokeWidth - 0.5}px`,
+              strokeLinecap: "round",
+              "data-testid": "circular-indicator-blue-arc"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              className: classNameElement("arc-white"),
+              d: "M33,5 C17.536027,5 5,17.536027 5,33",
+              stroke: "#FFF",
+              strokeWidth: `${strokeWidth + 2}px`,
+              markerStart: "url(#inverseR)",
+              markerEnd: "url(#inverseL)"
+            }
+          ),
+          grayArc
+        ] })
+      ]
+    }
+  );
+  return /* @__PURE__ */ jsxs("div", { className: classNameBlock("wrapper"), role: "status", "aria-hidden": waiting || loading ? "false" : "true", children: [
+    buildIndicator(indicator),
+    showLabel && labelText
+  ] });
+};
+CircularProgressIndicator.defaultProps = {
+  size: "m",
+  showLabel: false,
+  showTooltip: false,
+  waiting: false,
+  loading: false
+};
+const circularProgressIndicatorProps = {
+  size: PropTypes.oneOf(["xs", "s", "m", "l", "xl", "xxl", "xxxl"]).description("Defines the size of the indicator").defaultValue("m"),
+  showLabel: PropTypes.bool.description("Wheter the indicator displays its state on a label or not").defaultValue(false),
+  showTooltip: PropTypes.bool.description("Wheter the indicator displays its state on a tooltip or not").defaultValue(false),
+  waiting: PropTypes.bool.description("Defines the state of the indicator as Waiting and only displays the gray track").defaultValue(false),
+  loading: PropTypes.bool.description("Defines the state of the indicator as Loading and displays a blue spinner animation").defaultValue(false)
+};
+CircularProgressIndicator.propTypes = circularProgressIndicatorProps;
+CircularProgressIndicator.displayName = "CircularProgressIndicator";
+const CircularProgressIndicatorWithSchema = describe(CircularProgressIndicator);
+CircularProgressIndicatorWithSchema.propTypes = circularProgressIndicatorProps;
+var DSCircularProgressIndicator_default = CircularProgressIndicator;
+export {
+  CircularProgressIndicatorWithSchema,
+  DSCircularProgressIndicator_default as default
+};
+//# sourceMappingURL=DSCircularProgressIndicator.js.map

package/dist/esm/DSCircularProgressIndicator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSCircularProgressIndicator.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable eslint-comments/no-unlimited-disable */\n/* eslint-disable */\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\n\nimport React from 'react';\nimport { useDeprecateComponent } from '@elliemae/ds-legacy-utilities';\nimport { describe, PropTypes } from '@elliemae/ds-legacy-props-helpers';\nimport { convertPropToCssClassName } from '@elliemae/ds-legacy-classnames';\nimport DSTooltip from '@elliemae/ds-legacy-tooltip';\n\nconst { classNameBlock, classNameElement } = convertPropToCssClassName('circular-progress-indicator');\n\nconst CircularProgressIndicator = ({ size, showLabel, showTooltip, waiting, loading }) => {\n  useDeprecateComponent({ componentName: 'ds-circular-progress-indicator', version: 'TBD Date: 2023 Q3' });\n\n  const waitingLabel = 'Waiting...';\n  const loadingLabel = 'Loading...';\n  const currentLabel = waiting && !loading ? waitingLabel : loadingLabel;\n  let sizePx;\n  let sizeLabel;\n  let strokeWidth;\n  let trackWidth;\n  let markerHeight = '0.7';\n  let markerRefY = '4.8';\n  let grayArcStrokeDasharray = '45 170';\n  let grayArcStrokeDashoffset = '127.5';\n\n  switch (size.toUpperCase()) {\n    case 'XS':\n      sizePx = 8;\n      sizeLabel = 12;\n      strokeWidth = 10;\n      trackWidth = 3;\n      markerHeight = '1';\n      grayArcStrokeDasharray = '46 174';\n      grayArcStrokeDashoffset = '133';\n      break;\n    case 'S':\n      sizePx = 16;\n      sizeLabel = 12;\n      strokeWidth = 8;\n      trackWidth = 3;\n      markerHeight = '1';\n      grayArcStrokeDasharray = '46 174';\n      grayArcStrokeDashoffset = '133';\n      break;\n    case 'M':\n      sizePx = 24;\n      sizeLabel = 12;\n      strokeWidth = 7;\n      trackWidth = 3;\n      markerHeight = '1';\n      markerRefY = '5.5';\n      grayArcStrokeDasharray = '46 174';\n      grayArcStrokeDashoffset = '133';\n      break;\n    case 'L':\n      sizePx = 32;\n      sizeLabel = 13;\n      strokeWidth = 6;\n      trackWidth = 3;\n      markerRefY = '5';\n      break;\n    case 'XL':\n      sizePx = 48;\n      sizeLabel = 14;\n      strokeWidth = 5;\n      trackWidth = 1;\n      break;\n    case 'XXL':\n      sizePx = 56;\n      sizeLabel = 16;\n      strokeWidth = 4;\n      trackWidth = 1;\n      break;\n    case 'XXXL':\n      sizePx = 64;\n      sizeLabel = 16;\n      strokeWidth = 5;\n      trackWidth = 2;\n      break;\n    default:\n      break;\n  }\n\n  const labelText = (\n    <p\n      data-testid=\"circular-indicator-label\"\n      className={classNameElement('label')}\n      style={{ fontSize: `${sizeLabel}px` }}\n    >\n      {currentLabel}\n    </p>\n  );\n\n  // Only adds the tooltip if sizePx < 17 or showTooltip is true\n  const buildIndicator = (Component: JSX.Element) =>\n    sizePx < 17 || showTooltip ? (\n      <DSTooltip\n        containerProps={{\n          id: 'ds-circular-progress-indicator',\n          'data-testid': 'circular-indicator-title',\n        }}\n        interactionType=\"hover\"\n        title={currentLabel}\n        triggerComponent={Component}\n        placement=\"bottom\"\n      />\n    ) : (\n      Component\n    );\n\n  const grayTrack = (\n    <circle\n      className={classNameElement('track')}\n      cx=\"50%\"\n      cy=\"50%\"\n      fill=\"none\"\n      r=\"28\"\n      strokeWidth={`${trackWidth}px`}\n    />\n  );\n\n  const grayArc = (\n    <circle\n      className={classNameElement('arc-gray')}\n      stroke=\"#E0E3E8\"\n      strokeDasharray={`${grayArcStrokeDasharray}`}\n      strokeDashoffset={`${grayArcStrokeDashoffset}`}\n      cx=\"50%\"\n      cy=\"50%\"\n      fill=\"none\"\n      r=\"28\"\n      strokeWidth={`${trackWidth}px`}\n    />\n  );\n\n  const indicator = (\n    <svg\n      height={`${sizePx}px`}\n      version=\"1.1\"\n      viewBox=\"0 0 66 66\"\n      width={`${sizePx}px`}\n      data-testid=\"circular-indicator\"\n      aria-label={waiting && !loading ? waitingLabel : loadingLabel}\n    >\n      <defs>\n        <linearGradient id=\"grad1\" x1=\"0%\" x2=\"100%\" y1=\"100%\" y2=\"0%\">\n          <stop offset=\"0%\" style={{ stopColor: '#E0E3E8', stopOpacity: 1 }} />\n          <stop offset=\"89%\" style={{ stopColor: '#5594e2', stopOpacity: 1 }} />\n          <stop offset=\"100%\" style={{ stopColor: '#5594e2', stopOpacity: 1 }} />\n        </linearGradient>\n        <linearGradient id=\"grad2\" x1=\"0%\" x2=\"100%\" y1=\"100%\" y2=\"0%\">\n          <stop offset=\"0%\" style={{ stopColor: '#5594e2', stopOpacity: 1 }} />\n          <stop offset=\"11%\" style={{ stopColor: '#5594e2', stopOpacity: 1 }} />\n          <stop offset=\"100%\" style={{ stopColor: '#E0E3E8', stopOpacity: 1 }} />\n        </linearGradient>\n        <marker\n          id=\"inverseL\"\n          viewBox=\"0 0 5 10\"\n          refX=\"0.5\"\n          refY={`${markerRefY}`}\n          markerUnits=\"strokeWidth\"\n          markerWidth=\"0.5\"\n          markerHeight={`${markerHeight}`}\n          orient=\"auto\"\n        >\n          <path d=\"M 0 0 L 6 0 A 5 5 0 0 0 6 10 L 0 10 z\" fill=\"#FFF\" />\n        </marker>\n        <marker\n          id=\"inverseR\"\n          viewBox=\"0 0 5 10\"\n          refX=\"0\"\n          refY=\"5\"\n          markerUnits=\"strokeWidth\"\n          markerWidth=\"0.7\"\n          markerHeight={`${markerHeight}`}\n        >\n          <path d=\"M 0 0 L 6 0 A 5 5 0 0 0 6 10 L 0 10 z\" fill=\"#FFF\" />\n        </marker>\n      </defs>\n      {grayTrack}\n      {!waiting && (\n        <g fill=\"none\" fillRule=\"evenodd\" stroke=\"none\" strokeWidth=\"1\">\n          <path\n            className={classNameElement('arc-blue')}\n            d=\"M30,5 C17.536025,6 6,17.536027 5,31\"\n            stroke=\"#5594e2\"\n            strokeWidth={`${strokeWidth - 0.5}px`}\n            strokeLinecap=\"round\"\n            data-testid=\"circular-indicator-blue-arc\"\n          />\n          <path\n            className={classNameElement('arc-white')}\n            d=\"M33,5 C17.536027,5 5,17.536027 5,33\"\n            stroke=\"#FFF\"\n            strokeWidth={`${strokeWidth + 2}px`}\n            markerStart=\"url(#inverseR)\"\n            markerEnd=\"url(#inverseL)\"\n          />\n          {grayArc}\n        </g>\n      )}\n    </svg>\n  );\n\n  return (\n    <div className={classNameBlock('wrapper')} role=\"status\" aria-hidden={waiting || loading ? 'false' : 'true'}>\n      {buildIndicator(indicator)}\n      {showLabel && labelText}\n    </div>\n  );\n};\n\nCircularProgressIndicator.defaultProps = {\n  size: 'm',\n  showLabel: false,\n  showTooltip: false,\n  waiting: false,\n  loading: false,\n};\n\nconst circularProgressIndicatorProps = {\n  size: PropTypes.oneOf(['xs', 's', 'm', 'l', 'xl', 'xxl', 'xxxl'])\n    .description('Defines the size of the indicator')\n    .defaultValue('m'),\n  showLabel: PropTypes.bool\n    .description('Wheter the indicator displays its state on a label or not')\n    .defaultValue(false),\n  showTooltip: PropTypes.bool\n    .description('Wheter the indicator displays its state on a tooltip or not')\n    .defaultValue(false),\n  waiting: PropTypes.bool\n    .description('Defines the state of the indicator as Waiting and only displays the gray track')\n    .defaultValue(false),\n  loading: PropTypes.bool\n    .description('Defines the state of the indicator as Loading and displays a blue spinner animation')\n    .defaultValue(false),\n};\n\nCircularProgressIndicator.propTypes = circularProgressIndicatorProps;\nCircularProgressIndicator.displayName = 'CircularProgressIndicator';\nconst CircularProgressIndicatorWithSchema = describe(CircularProgressIndicator);\nCircularProgressIndicatorWithSchema.propTypes = circularProgressIndicatorProps;\n\nexport { CircularProgressIndicatorWithSchema };\nexport default CircularProgressIndicator;\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,24 @@
+import * as React from "react";
+import {
+  default as default2,
+  default as default3,
+  CircularProgressIndicatorWithSchema
+} from "./DSCircularProgressIndicator.js";
+import {
+  DSCircularIndeterminateIndicator,
+  DSCircularIndeterminateIndicatorWithSchema,
+  DSCircularIndeterminateIndicatorName,
+  DSCircularIndeterminateIndicatorSlots,
+  DSCircularIndeterminateIndicatorDataTestIds
+} from "./v2/index.js";
+export {
+  CircularProgressIndicatorWithSchema,
+  DSCircularIndeterminateIndicator,
+  DSCircularIndeterminateIndicatorDataTestIds,
+  DSCircularIndeterminateIndicatorName,
+  DSCircularIndeterminateIndicatorSlots,
+  DSCircularIndeterminateIndicatorWithSchema,
+  default3 as DSCircularProgressIndicator,
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable import/named */\nexport {\n  default,\n  default as DSCircularProgressIndicator,\n  CircularProgressIndicatorWithSchema,\n} from './DSCircularProgressIndicator.js';\nexport {\n  DSCircularIndeterminateIndicator,\n  DSCircularIndeterminateIndicatorWithSchema,\n  DSCircularIndeterminateIndicatorName,\n  DSCircularIndeterminateIndicatorSlots,\n  DSCircularIndeterminateIndicatorDataTestIds,\n} from './v2/index.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB;AAAA,EACE,WAAAA;AAAA,EACW,WAAXA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;",
+  "names": ["default"]
+}

package/dist/esm/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "module",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}