@elliemae/ds-stepper 3.3.1-rc.0 → 3.3.1

package/dist/esm/Stepper.js

@@ -1,4 +1,3 @@
-"use strict";
 import * as React from "react";
 import React2 from "react";
 import { uid } from "uid";

package/dist/esm/Stepper.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/Stepper.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { uid } from 'uid';\nimport {\n  describe,\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n  useGetGlobalAttributes,\n} from '@elliemae/ds-utilities';\nimport { dsStepperProps, defaultProps, DSStepperInternalsT } from './props';\nimport { Step, StepperWrapper } from './styled';\n\nconst DSStepper = (props: DSStepperInternalsT.StepperPropsT) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultProps) as DSStepperInternalsT.StepperPropsT;\n  useValidateTypescriptPropTypes(propsWithDefaults, dsStepperProps);\n\n  const { steps, current, visited } = propsWithDefaults;\n  const stepsArray = React.useMemo(() => new Array(steps).fill(1) as number[], [steps]);\n  const globalAttributes = useGetGlobalAttributes(propsWithDefaults);\n\n  return (\n    <StepperWrapper steps={steps} current={current} visited={visited} {...globalAttributes}>\n      {stepsArray.map((item, index) => (\n        <Step\n          // eslint-disable-next-line react/no-array-index-key\n          key={`${uid(4)}step-key-${index}`}\n          active={current === index}\n          visited={visited.includes(index)}\n          data-testid={props['data-testid'] ? `${props['data-testid'] as string}-step` : undefined}\n          data-active={current === index}\n          data-visited={visited.includes(index)}\n        />\n      ))}\n    </StepperWrapper>\n  );\n};\n\nDSStepper.propTypes = dsStepperProps;\nDSStepper.displayName = 'DSStepper';\nconst StepperWithSchema = describe(DSStepper);\nStepperWithSchema.propTypes = dsStepperProps;\n\nexport { DSStepper, StepperWithSchema };\n"],
-  "mappings": ";AAAA;ACAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AACA;AAEA,MAAM,YAAY,CAAC,UAA6C;AAC9D,QAAM,oBAAoB,6BAA6B,OAAO,YAAY;AAC1E,iCAA+B,mBAAmB,cAAc;AAEhE,QAAM,EAAE,OAAO,SAAS,YAAY;AACpC,QAAM,aAAa,OAAM,QAAQ,MAAM,IAAI,MAAM,KAAK,EAAE,KAAK,CAAC,GAAe,CAAC,KAAK,CAAC;AACpF,QAAM,mBAAmB,uBAAuB,iBAAiB;AAEjE,SACE,qCAAC;AAAA,IAAe;AAAA,IAAc;AAAA,IAAkB;AAAA,IAAmB,GAAG;AAAA,KACnE,WAAW,IAAI,CAAC,MAAM,UACrB,qCAAC;AAAA,IAEC,KAAK,GAAG,IAAI,CAAC,aAAa;AAAA,IAC1B,QAAQ,YAAY;AAAA,IACpB,SAAS,QAAQ,SAAS,KAAK;AAAA,IAC/B,eAAa,MAAM,iBAAiB,GAAG,MAAM,wBAAkC;AAAA,IAC/E,eAAa,YAAY;AAAA,IACzB,gBAAc,QAAQ,SAAS,KAAK;AAAA,GACtC,CACD,CACH;AAEJ;AAEA,UAAU,YAAY;AACtB,UAAU,cAAc;AACxB,MAAM,oBAAoB,SAAS,SAAS;AAC5C,kBAAkB,YAAY;",
+  "mappings": "AAAA;ACAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AACA;AAEA,MAAM,YAAY,CAAC,UAA6C;AAC9D,QAAM,oBAAoB,6BAA6B,OAAO,YAAY;AAC1E,iCAA+B,mBAAmB,cAAc;AAEhE,QAAM,EAAE,OAAO,SAAS,YAAY;AACpC,QAAM,aAAa,OAAM,QAAQ,MAAM,IAAI,MAAM,KAAK,EAAE,KAAK,CAAC,GAAe,CAAC,KAAK,CAAC;AACpF,QAAM,mBAAmB,uBAAuB,iBAAiB;AAEjE,SACE,qCAAC;AAAA,IAAe;AAAA,IAAc;AAAA,IAAkB;AAAA,IAAmB,GAAG;AAAA,KACnE,WAAW,IAAI,CAAC,MAAM,UACrB,qCAAC;AAAA,IAEC,KAAK,GAAG,IAAI,CAAC,aAAa;AAAA,IAC1B,QAAQ,YAAY;AAAA,IACpB,SAAS,QAAQ,SAAS,KAAK;AAAA,IAC/B,eAAa,MAAM,iBAAiB,GAAG,MAAM,wBAAkC;AAAA,IAC/E,eAAa,YAAY;AAAA,IACzB,gBAAc,QAAQ,SAAS,KAAK;AAAA,GACtC,CACD,CACH;AAEJ;AAEA,UAAU,YAAY;AACtB,UAAU,cAAc;AACxB,MAAM,oBAAoB,SAAS,SAAS;AAC5C,kBAAkB,YAAY;",
   "names": []
 }

package/dist/esm/StepperButton.js

@@ -1,4 +1,3 @@
-"use strict";
 import * as React from "react";
 import React2 from "react";
 import {

package/dist/esm/StepperButton.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/StepperButton.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport {\n  describe,\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n  useGetGlobalAttributes,\n} from '@elliemae/ds-utilities';\nimport { BUTTON_TYPES } from '@elliemae/ds-button';\nimport { ChevronLeft, ChevronRight } from '@elliemae/ds-icons';\nimport { dsStepperButtonProps, defaultButtonProps, DSStepperInternalsT } from './props';\nimport { StyledButton, Label } from './styled';\n\nconst DSStepperButton = (props: DSStepperInternalsT.StepperButtonPropsT) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(\n    props,\n    defaultButtonProps,\n  ) as DSStepperInternalsT.StepperButtonPropsT;\n  useValidateTypescriptPropTypes(propsWithDefaults, dsStepperButtonProps);\n\n  const { chevron, fontSize, label, disabled, onClick, innerRef } = propsWithDefaults;\n  const globalAttributes = useGetGlobalAttributes(propsWithDefaults);\n\n  return (\n    <StyledButton\n      disabled={disabled}\n      onClick={onClick}\n      innerRef={innerRef}\n      buttonType={BUTTON_TYPES.TEXT}\n      fontSize={fontSize}\n      data-testid=\"ds-stepper-btn\"\n      {...globalAttributes}\n    >\n      {chevron === 'left' ? <ChevronLeft /> : null}\n      <Label value={label} />\n      {chevron === 'right' ? <ChevronRight /> : null}\n    </StyledButton>\n  );\n};\n\nDSStepperButton.propTypes = dsStepperButtonProps;\nDSStepperButton.displayName = 'DSStepperButton';\nconst DSStepperButtonWithSchema = describe(DSStepperButton);\nDSStepperButtonWithSchema.propTypes = dsStepperButtonProps;\n\nexport { DSStepperButton, DSStepperButtonWithSchema };\n"],
-  "mappings": ";AAAA;ACAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AACA;AACA;AACA;AAEA,MAAM,kBAAkB,CAAC,UAAmD;AAC1E,QAAM,oBAAoB,6BACxB,OACA,kBACF;AACA,iCAA+B,mBAAmB,oBAAoB;AAEtE,QAAM,EAAE,SAAS,UAAU,OAAO,UAAU,SAAS,aAAa;AAClE,QAAM,mBAAmB,uBAAuB,iBAAiB;AAEjE,SACE,qCAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY,aAAa;AAAA,IACzB;AAAA,IACA,eAAY;AAAA,IACX,GAAG;AAAA,KAEH,YAAY,SAAS,qCAAC,iBAAY,IAAK,MACxC,qCAAC;AAAA,IAAM,OAAO;AAAA,GAAO,GACpB,YAAY,UAAU,qCAAC,kBAAa,IAAK,IAC5C;AAEJ;AAEA,gBAAgB,YAAY;AAC5B,gBAAgB,cAAc;AAC9B,MAAM,4BAA4B,SAAS,eAAe;AAC1D,0BAA0B,YAAY;",
+  "mappings": "AAAA;ACAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AACA;AACA;AACA;AAEA,MAAM,kBAAkB,CAAC,UAAmD;AAC1E,QAAM,oBAAoB,6BACxB,OACA,kBACF;AACA,iCAA+B,mBAAmB,oBAAoB;AAEtE,QAAM,EAAE,SAAS,UAAU,OAAO,UAAU,SAAS,aAAa;AAClE,QAAM,mBAAmB,uBAAuB,iBAAiB;AAEjE,SACE,qCAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY,aAAa;AAAA,IACzB;AAAA,IACA,eAAY;AAAA,IACX,GAAG;AAAA,KAEH,YAAY,SAAS,qCAAC,iBAAY,IAAK,MACxC,qCAAC;AAAA,IAAM,OAAO;AAAA,GAAO,GACpB,YAAY,UAAU,qCAAC,kBAAa,IAAK,IAC5C;AAEJ;AAEA,gBAAgB,YAAY;AAC5B,gBAAgB,cAAc;AAC9B,MAAM,4BAA4B,SAAS,eAAe;AAC1D,0BAA0B,YAAY;",
   "names": []
 }

package/dist/esm/index.js

@@ -1,4 +1,3 @@
-"use strict";
 import * as React from "react";
 export * from "./Stepper";
 export * from "./StepperButton";

package/dist/esm/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './Stepper';\nexport * from './StepperButton';\n"],
-  "mappings": ";AAAA;ACAA;AACA;",
+  "mappings": "AAAA;ACAA;AACA;",
   "names": []
 }

package/dist/esm/props.js

@@ -1,4 +1,3 @@
-"use strict";
 import * as React from "react";
 import { noop } from "lodash";
 import { PropTypes, globalAttributesPropTypes } from "@elliemae/ds-utilities";

package/dist/esm/props.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/props.ts"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unsafe-assignment */\nimport { noop } from 'lodash';\nimport { PropTypes, globalAttributesPropTypes } from '@elliemae/ds-utilities';\n\nconst BUTTON_SIZES = {\n  normal: 'normal',\n  large: 'large',\n} as const;\n\ntype ButtonSizesT = typeof BUTTON_SIZES[keyof typeof BUTTON_SIZES];\n\nconst CHEVRON_TYPE = {\n  left: 'left',\n  right: 'right',\n} as const;\n\ntype ChevronT = typeof CHEVRON_TYPE[keyof typeof CHEVRON_TYPE];\n\nexport declare namespace DSStepperInternalsT {\n  export interface StepperPropsT {\n    [property: string]: unknown;\n    steps: number;\n    current: number | null;\n    visited: number[];\n  }\n\n  export interface StepperButtonPropsT {\n    [property: string]: unknown;\n    chevron?: ChevronT;\n    fontSize?: ButtonSizesT;\n    label: string;\n    disabled?: boolean;\n    onClick: VoidFunction;\n    innerRef?: React.MutableRefObject<HTMLButtonElement> | ((_ref: HTMLButtonElement) => void);\n    'aria-label'?: string;\n    'aria-pressed'?: boolean;\n    'data-testid'?: string;\n  }\n}\nexport const defaultProps = {\n  steps: 5,\n  current: undefined,\n  visited: [],\n};\n\nexport const dsStepperProps = {\n  steps: PropTypes.number.description('Number of steps').isRequired,\n  current: PropTypes.number.description('Index of active step'),\n  visited: PropTypes.arrayOf(PropTypes.number).description('Array of visited steps').isRequired,\n  ...globalAttributesPropTypes,\n};\n\nexport const defaultButtonProps = {\n  chevron: undefined,\n  fontSize: BUTTON_SIZES.normal,\n  disabled: false,\n  onClick: noop,\n};\n\nexport const dsStepperButtonProps = {\n  chevron: PropTypes.oneOf(['left', 'right', null])\n    .description('Chevron icon position, if null/undefined no chevron will be shown')\n    .defaultValue(null),\n  fontSize: PropTypes.oneOf(['normal', 'large'])\n    .description('Label size, used for marking last step')\n    .defaultValue('normal'),\n  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description('Inner ref to button component.'),\n  ...globalAttributesPropTypes,\n  disabled: PropTypes.bool.description('Adds disabled state.'),\n  onClick: PropTypes.func.description('OnClick callback handler.').defaultValue('()=>{}'),\n  label: PropTypes.string.description('Text Label, this only accepts text, no custom JSX').isRequired,\n};\n"],
-  "mappings": ";AAAA;ACCA;AACA;AAEA,MAAM,eAAe;AAAA,EACnB,QAAQ;AAAA,EACR,OAAO;AACT;AAIA,MAAM,eAAe;AAAA,EACnB,MAAM;AAAA,EACN,OAAO;AACT;AAyBO,MAAM,eAAe;AAAA,EAC1B,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS,CAAC;AACZ;AAEO,MAAM,iBAAiB;AAAA,EAC5B,OAAO,UAAU,OAAO,YAAY,iBAAiB,EAAE;AAAA,EACvD,SAAS,UAAU,OAAO,YAAY,sBAAsB;AAAA,EAC5D,SAAS,UAAU,QAAQ,UAAU,MAAM,EAAE,YAAY,wBAAwB,EAAE;AAAA,EACnF,GAAG;AACL;AAEO,MAAM,qBAAqB;AAAA,EAChC,SAAS;AAAA,EACT,UAAU,aAAa;AAAA,EACvB,UAAU;AAAA,EACV,SAAS;AACX;AAEO,MAAM,uBAAuB;AAAA,EAClC,SAAS,UAAU,MAAM,CAAC,QAAQ,SAAS,IAAI,CAAC,EAC7C,YAAY,mEAAmE,EAC/E,aAAa,IAAI;AAAA,EACpB,UAAU,UAAU,MAAM,CAAC,UAAU,OAAO,CAAC,EAC1C,YAAY,wCAAwC,EACpD,aAAa,QAAQ;AAAA,EACxB,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,IAAI,CAAC,EAAE,YAAY,gCAAgC;AAAA,EAC9G,GAAG;AAAA,EACH,UAAU,UAAU,KAAK,YAAY,sBAAsB;AAAA,EAC3D,SAAS,UAAU,KAAK,YAAY,2BAA2B,EAAE,aAAa,QAAQ;AAAA,EACtF,OAAO,UAAU,OAAO,YAAY,mDAAmD,EAAE;AAC3F;",
+  "mappings": "AAAA;ACCA;AACA;AAEA,MAAM,eAAe;AAAA,EACnB,QAAQ;AAAA,EACR,OAAO;AACT;AAIA,MAAM,eAAe;AAAA,EACnB,MAAM;AAAA,EACN,OAAO;AACT;AAyBO,MAAM,eAAe;AAAA,EAC1B,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS,CAAC;AACZ;AAEO,MAAM,iBAAiB;AAAA,EAC5B,OAAO,UAAU,OAAO,YAAY,iBAAiB,EAAE;AAAA,EACvD,SAAS,UAAU,OAAO,YAAY,sBAAsB;AAAA,EAC5D,SAAS,UAAU,QAAQ,UAAU,MAAM,EAAE,YAAY,wBAAwB,EAAE;AAAA,EACnF,GAAG;AACL;AAEO,MAAM,qBAAqB;AAAA,EAChC,SAAS;AAAA,EACT,UAAU,aAAa;AAAA,EACvB,UAAU;AAAA,EACV,SAAS;AACX;AAEO,MAAM,uBAAuB;AAAA,EAClC,SAAS,UAAU,MAAM,CAAC,QAAQ,SAAS,IAAI,CAAC,EAC7C,YAAY,mEAAmE,EAC/E,aAAa,IAAI;AAAA,EACpB,UAAU,UAAU,MAAM,CAAC,UAAU,OAAO,CAAC,EAC1C,YAAY,wCAAwC,EACpD,aAAa,QAAQ;AAAA,EACxB,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,IAAI,CAAC,EAAE,YAAY,gCAAgC;AAAA,EAC9G,GAAG;AAAA,EACH,UAAU,UAAU,KAAK,YAAY,sBAAsB;AAAA,EAC3D,SAAS,UAAU,KAAK,YAAY,2BAA2B,EAAE,aAAa,QAAQ;AAAA,EACtF,OAAO,UAAU,OAAO,YAAY,mDAAmD,EAAE;AAC3F;",
   "names": []
 }

package/dist/esm/styled.js

@@ -1,4 +1,3 @@
-"use strict";
 import * as React from "react";
 import { styled } from "@elliemae/ds-system";
 import { DSButtonV2 } from "@elliemae/ds-button";

package/dist/esm/styled.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/styled.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport { DSButtonV2 } from '@elliemae/ds-button';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { DSStepperInternalsT } from './props';\n\nexport const StepperWrapper = styled.div`\n    display: grid;\n    align-items: center;\n    grid-template-columns repeat(${(props: DSStepperInternalsT.StepperPropsT) => props.steps}, 1fr);\n    column-gap: ${(props) => (props.steps >= 8 ? props.theme.space.xxxs : props.theme.space.xxs)};\n`;\n\ninterface StepProps {\n  active: boolean;\n  visited: boolean;\n}\n\nexport const Step = styled.div<StepProps>`\n  display: grid;\n  border-radius: 1px;\n  height: ${(props) => (props.active ? '5px' : '3px')};\n  background: ${(props) => (props.active || props.visited ? props.theme.colors.brand[700] : '#A9B1BE')};\n`;\n\nexport const Label = styled(SimpleTruncatedTooltipText)`\n  position: relative;\n  top: 1px;\n`;\n\nexport const StyledButton = styled(DSButtonV2)`\n  white-space: nowrap;\n  overflow: hidden;\n  max-width: 100%;\n  padding-left: ${(props) => props.theme.space.xxs};\n  padding-right: ${(props) => props.theme.space.xxs};\n  color: ${(props) => props.theme.colors.brand[600]};\n  & > span:not(.em-ds-icon) {\n    position: relative;\n    top: ${(props: DSStepperInternalsT.StepperButtonPropsT) => (props.fontSize === 'large' ? '2px' : '1px')};\n    font-size: ${(props: DSStepperInternalsT.StepperButtonPropsT) => (props.fontSize === 'large' ? '22px' : '18px')};\n  }\n`;\n"],
-  "mappings": ";AAAA;ACAA;AACA;AACA;AAGO,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA,mCAGF,CAAC,UAA6C,MAAM;AAAA,kBACrE,CAAC,UAAW,MAAM,SAAS,IAAI,MAAM,MAAM,MAAM,OAAO,MAAM,MAAM,MAAM;AAAA;AAQrF,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA,YAGf,CAAC,UAAW,MAAM,SAAS,QAAQ;AAAA,gBAC/B,CAAC,UAAW,MAAM,UAAU,MAAM,UAAU,MAAM,MAAM,OAAO,MAAM,OAAO;AAAA;AAGrF,MAAM,QAAQ,OAAO,0BAA0B;AAAA;AAAA;AAAA;AAK/C,MAAM,eAAe,OAAO,UAAU;AAAA;AAAA;AAAA;AAAA,kBAI3B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,mBAC5B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,WACrC,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA,WAGpC,CAAC,UAAoD,MAAM,aAAa,UAAU,QAAQ;AAAA,iBACpF,CAAC,UAAoD,MAAM,aAAa,UAAU,SAAS;AAAA;AAAA;",
+  "mappings": "AAAA;ACAA;AACA;AACA;AAGO,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA,mCAGF,CAAC,UAA6C,MAAM;AAAA,kBACrE,CAAC,UAAW,MAAM,SAAS,IAAI,MAAM,MAAM,MAAM,OAAO,MAAM,MAAM,MAAM;AAAA;AAQrF,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA,YAGf,CAAC,UAAW,MAAM,SAAS,QAAQ;AAAA,gBAC/B,CAAC,UAAW,MAAM,UAAU,MAAM,UAAU,MAAM,MAAM,OAAO,MAAM,OAAO;AAAA;AAGrF,MAAM,QAAQ,OAAO,0BAA0B;AAAA;AAAA;AAAA;AAK/C,MAAM,eAAe,OAAO,UAAU;AAAA;AAAA;AAAA;AAAA,kBAI3B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,mBAC5B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,WACrC,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA,WAGpC,CAAC,UAAoD,MAAM,aAAa,UAAU,QAAQ;AAAA,iBACpF,CAAC,UAAoD,MAAM,aAAa,UAAU,SAAS;AAAA;AAAA;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-stepper",
-  "version": "3.3.1-rc.0",
+  "version": "3.3.1",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Stepper",
   "files": [
@@ -51,11 +51,11 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-button": "3.3.1-rc.0",
-    "@elliemae/ds-icons": "3.3.1-rc.0",
-    "@elliemae/ds-system": "3.3.1-rc.0",
-    "@elliemae/ds-truncated-tooltip-text": "3.3.1-rc.0",
-    "@elliemae/ds-utilities": "3.3.1-rc.0",
+    "@elliemae/ds-button": "3.3.1",
+    "@elliemae/ds-icons": "3.3.1",
+    "@elliemae/ds-system": "3.3.1",
+    "@elliemae/ds-truncated-tooltip-text": "3.3.1",
+    "@elliemae/ds-utilities": "3.3.1",
     "lodash": "~4.17.21",
     "uid": "~2.0.0"
   },