@servicetitan/design-system 13.3.3 → 13.4.1

package/dist/components/Takeover/Takeover.test.js

@@ -7,7 +7,7 @@ import { Button } from '../Button';
 describe('Takeover', () => {
     beforeEach(() => jest.spyOn(console, 'error'));
     it('should pass through data automation attributes', () => {
-        const { baseElement } = render(React.createElement(Takeover, { backLabel: "Previous Page", title: "Takeover Title", footer: React.createElement(ButtonGroup, null,
+        const { container, baseElement } = render(React.createElement(Takeover, { backLabel: "Previous Page", title: "Takeover Title", footer: React.createElement(ButtonGroup, null,
                 React.createElement(Button, null, "Cancel"),
                 React.createElement(Button, { primary: true }, "Save")), footerAlign: "right", "data-auto-sel": "automation-selector" },
             React.createElement(BodyText, null, "Takeover Content")));
@@ -15,8 +15,10 @@ describe('Takeover', () => {
          * NOTE: Using "baseElement" instead of "container" because
          *       Takeover is rendered in a portal
          */
-        const element = baseElement.querySelector('[data-auto-sel="automation-selector"]');
-        expect(element).not.toBeNull();
+        const nonPortalElement = container.querySelector('[data-auto-sel="automation-selector"]');
+        const portalElement = baseElement.querySelector('[data-auto-sel="automation-selector"]');
+        expect(nonPortalElement).toBeNull();
+        expect(portalElement).not.toBeNull();
     });
 });
 //# sourceMappingURL=Takeover.test.js.map

package/dist/components/Takeover/Takeover.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"Takeover.test.js","sourceRoot":"","sources":["../../../src/components/Takeover/Takeover.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACzB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,WAAW,EAAE,GAAG,MAAM,CAC7B,oBAAC,QAAQ,IACR,SAAS,EAAC,eAAe,EACzB,KAAK,EAAC,gBAAgB,EACtB,MAAM,EACL,oBAAC,WAAW;gBACX,oBAAC,MAAM,iBAAgB;gBACvB,oBAAC,MAAM,IAAC,OAAO,iBAAc,CAChB,EAEf,WAAW,EAAC,OAAO,mBACL,qBAAqB;YAEnC,oBAAC,QAAQ,2BAA4B,CAC3B,CACX,CAAC;QAEF;;;WAGG;QACH,MAAM,OAAO,GAAG,WAAW,CAAC,aAAa,CACxC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Takeover.test.js","sourceRoot":"","sources":["../../../src/components/Takeover/Takeover.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACzB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,MAAM,CACxC,oBAAC,QAAQ,IACR,SAAS,EAAC,eAAe,EACzB,KAAK,EAAC,gBAAgB,EACtB,MAAM,EACL,oBAAC,WAAW;gBACX,oBAAC,MAAM,iBAAgB;gBACvB,oBAAC,MAAM,IAAC,OAAO,iBAAc,CAChB,EAEf,WAAW,EAAC,OAAO,mBACL,qBAAqB;YAEnC,oBAAC,QAAQ,2BAA4B,CAC3B,CACX,CAAC;QAEF;;;WAGG;QACH,MAAM,gBAAgB,GAAG,SAAS,CAAC,aAAa,CAC/C,uCAAuC,CACvC,CAAC;QACF,MAAM,aAAa,GAAG,WAAW,CAAC,aAAa,CAC9C,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,CAAC,QAAQ,EAAE,CAAC;QACpC,MAAM,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { render } from '@testing-library/react';\nimport { Takeover } from './Takeover';\nimport { BodyText } from '../BodyText';\nimport { ButtonGroup } from '../ButtonGroup';\nimport { Button } from '../Button';\n\ndescribe('Takeover', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container, baseElement } = render(\n\t\t\t<Takeover\n\t\t\t\tbackLabel=\"Previous Page\"\n\t\t\t\ttitle=\"Takeover Title\"\n\t\t\t\tfooter={\n\t\t\t\t\t<ButtonGroup>\n\t\t\t\t\t\t<Button>Cancel</Button>\n\t\t\t\t\t\t<Button primary>Save</Button>\n\t\t\t\t\t</ButtonGroup>\n\t\t\t\t}\n\t\t\t\tfooterAlign=\"right\"\n\t\t\t\tdata-auto-sel=\"automation-selector\"\n\t\t\t>\n\t\t\t\t<BodyText>Takeover Content</BodyText>\n\t\t\t</Takeover>\n\t\t);\n\n\t\t/**\n\t\t * NOTE: Using \"baseElement\" instead of \"container\" because\n\t\t *       Takeover is rendered in a portal\n\t\t */\n\t\tconst nonPortalElement = container.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\t\tconst portalElement = baseElement.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\n\t\texpect(nonPortalElement).toBeNull();\n\t\texpect(portalElement).not.toBeNull();\n\t});\n});\n"]}

package/dist/components/Takeover/TakeoverFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"TakeoverFooter.js","sourceRoot":"","sources":["../../../src/components/Takeover/TakeoverFooter.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAcpD,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EAKvD,EAAE,EAAE;QALmD,EACvD,KAAK,EACL,QAAQ,EACR,SAAS,OAET,EADG,KAAK,cAJ+C,kCAKvD,CADQ;IAER,MAAM,qBAAqB,GAAG,UAAU,CAAC,gBAAgB,EAAE,SAAS,EAAE;QACrE,sBAAsB,EAAE,KAAK,KAAK,MAAM;QACxC,wBAAwB,EAAE,KAAK,KAAK,QAAQ;QAC5C,uBAAuB,EAAE,KAAK,KAAK,OAAO;QAC1C,+BAA+B,EAAE,KAAK,KAAK,eAAe;KAC1D,CAAC,CAAC;IAEH,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEtD,OAAO,CACN,oBAAC,eAAe,kBAAC,SAAS,EAAE,qBAAqB,IAAM,KAAK,GAC1D,QAAQ,CACQ,CAClB,CAAC;AACH,CAAC,CAAC;AAEF,cAAc,CAAC,YAAY,GAAG;IAC7B,KAAK,EAAE,OAAO;CACd,CAAC"}
+{"version":3,"file":"TakeoverFooter.js","sourceRoot":"","sources":["../../../src/components/Takeover/TakeoverFooter.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAcpD,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EAKvD,EAAE,EAAE;QALmD,EACvD,KAAK,EACL,QAAQ,EACR,SAAS,OAET,EADG,KAAK,cAJ+C,kCAKvD,CADQ;IAER,MAAM,qBAAqB,GAAG,UAAU,CAAC,gBAAgB,EAAE,SAAS,EAAE;QACrE,sBAAsB,EAAE,KAAK,KAAK,MAAM;QACxC,wBAAwB,EAAE,KAAK,KAAK,QAAQ;QAC5C,uBAAuB,EAAE,KAAK,KAAK,OAAO;QAC1C,+BAA+B,EAAE,KAAK,KAAK,eAAe;KAC1D,CAAC,CAAC;IAEH,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEtD,OAAO,CACN,oBAAC,eAAe,kBAAC,SAAS,EAAE,qBAAqB,IAAM,KAAK,GAC1D,QAAQ,CACQ,CAClB,CAAC;AACH,CAAC,CAAC;AAEF,cAAc,CAAC,YAAY,GAAG;IAC7B,KAAK,EAAE,OAAO;CACd,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\n\nimport { TakeoverSection } from './TakeoverSection';\n\nexport interface TakeoverFooterPropsStrict {\n\t/** Align TakeoverFooter content using flexbox justify-content properties */\n\talign?: 'right' | 'left' | 'center' | 'space-between';\n\n\t/** Adds one or more classnames to an element */\n\tclassName?: string;\n}\n\nexport interface TakeoverFooterProps extends TakeoverFooterPropsStrict {\n\t[propName: string]: any;\n}\n\nexport const TakeoverFooter: FC<TakeoverFooterProps> = ({\n\talign,\n\tchildren,\n\tclassName,\n\t...props\n}) => {\n\tconst TakeoverFooterClasses = classnames('TakeoverFooter', className, {\n\t\t'TakeoverFooter--left': align === 'left',\n\t\t'TakeoverFooter--center': align === 'center',\n\t\t'TakeoverFooter--right': align === 'right',\n\t\t'TakeoverFooter--space-between': align === 'space-between',\n\t});\n\n\tif (React.Children.count(children) === 0) return null;\n\n\treturn (\n\t\t<TakeoverSection className={TakeoverFooterClasses} {...props}>\n\t\t\t{children}\n\t\t</TakeoverSection>\n\t);\n};\n\nTakeoverFooter.defaultProps = {\n\talign: 'right',\n};\n"]}

package/dist/components/Takeover/TakeoverHeader.js

@@ -34,7 +34,7 @@ export const TakeoverHeader = (_a) => {
         React.isValidElement(title) ? (title) : (React.createElement(Headline, { className: "TakeoverHeader__title" }, title)),
         React.createElement("div", { className: "TakeoverHeader__right" },
             actions && (React.createElement("div", { className: "TakeoverHeader__actions" }, actions)),
-            onClose && (React.createElement(Button, { fill: "subtle", className: "TakeoverHeader__close", iconName: "clear", size: "xsmall", onClick: onClose, "aria-label": "close takeover" })))));
+            onClose && (React.createElement(Button, { "aria-label": "close takeover", fill: "subtle", className: "TakeoverHeader__close", iconName: "clear", size: "xsmall", onClick: onClose })))));
 };
 TakeoverHeader.defaultProps = {
     theme: 'dark',

package/dist/components/Takeover/TakeoverHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"TakeoverHeader.js","sourceRoot":"","sources":["../../../src/components/Takeover/TakeoverHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE1D,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AA6BrC,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EASvD,EAAE,EAAE;QATmD,EACvD,OAAO,EACP,SAAS,EACT,SAAS,EACT,MAAM,EACN,OAAO,EACP,KAAK,EACL,KAAK,OAEL,EADG,KAAK,cAR+C,4EASvD,CADQ;IAER,MAAM,qBAAqB,GAAG,UAAU,CACvC,gBAAgB,EAChB,SAAS,EACT,mBAAmB,KAAK,EAAE,CAC1B,CAAC;IAEF,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IAEnC,MAAM,YAAY,GAAG,GAAG,EAAE;QACzB,IAAI,CAAC,MAAM;YAAE,OAAO;QACpB,IAAI,UAAU,CAAC,WAAW,CAAC,MAAM,EAAE;YAClC,OAAO,CACN,oBAAC,OAAO,IACP,IAAI,EAAE,SAAS,EACf,MAAM,QACN,SAAS,EAAC,IAAI,EACd,SAAS,EAAC,WAAW;gBAErB,oBAAC,MAAM,IACN,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAC,cAAc,EACvB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,uBAAuB,gBACrB,SAAS,EACrB,OAAO,EAAE,MAAM,GACd,CACO,CACV,CAAC;SACF;QACD,OAAO,CACN,oBAAC,QAAQ,IACR,SAAS,EAAC,2BAA2B,EACrC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,MAAM,GACd,CACF,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACN,2CAAK,SAAS,EAAE,qBAAqB,IAAM,KAAK;QAC/C,6BAAK,SAAS,EAAC,sBAAsB,IAAE,YAAY,EAAE,CAAO;QAC3D,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAC9B,KAAK,CACL,CAAC,CAAC,CAAC,CACH,oBAAC,QAAQ,IAAC,SAAS,EAAC,uBAAuB,IAAE,KAAK,CAAY,CAC9D;QACD,6BAAK,SAAS,EAAC,uBAAuB;YACpC,OAAO,IAAI,CACX,6BAAK,SAAS,EAAC,yBAAyB,IAAE,OAAO,CAAO,CACxD;YACA,OAAO,IAAI,CACX,oBAAC,MAAM,IACN,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,uBAAuB,EACjC,QAAQ,EAAC,OAAO,EAChB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,gBACL,gBAAgB,GAC1B,CACF,CACI,CACD,CACN,CAAC;AACH,CAAC,CAAC;AAEF,cAAc,CAAC,YAAY,GAAG;IAC7B,KAAK,EAAE,MAAM;CACb,CAAC"}
+{"version":3,"file":"TakeoverHeader.js","sourceRoot":"","sources":["../../../src/components/Takeover/TakeoverHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE1D,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AA6BrC,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EASvD,EAAE,EAAE;QATmD,EACvD,OAAO,EACP,SAAS,EACT,SAAS,EACT,MAAM,EACN,OAAO,EACP,KAAK,EACL,KAAK,OAEL,EADG,KAAK,cAR+C,4EASvD,CADQ;IAER,MAAM,qBAAqB,GAAG,UAAU,CACvC,gBAAgB,EAChB,SAAS,EACT,mBAAmB,KAAK,EAAE,CAC1B,CAAC;IAEF,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IAEnC,MAAM,YAAY,GAAG,GAAG,EAAE;QACzB,IAAI,CAAC,MAAM;YAAE,OAAO;QACpB,IAAI,UAAU,CAAC,WAAW,CAAC,MAAM,EAAE;YAClC,OAAO,CACN,oBAAC,OAAO,IACP,IAAI,EAAE,SAAS,EACf,MAAM,QACN,SAAS,EAAC,IAAI,EACd,SAAS,EAAC,WAAW;gBAErB,oBAAC,MAAM,IACN,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAC,cAAc,EACvB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,uBAAuB,gBACrB,SAAS,EACrB,OAAO,EAAE,MAAM,GACd,CACO,CACV,CAAC;SACF;QACD,OAAO,CACN,oBAAC,QAAQ,IACR,SAAS,EAAC,2BAA2B,EACrC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,MAAM,GACd,CACF,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACN,2CAAK,SAAS,EAAE,qBAAqB,IAAM,KAAK;QAC/C,6BAAK,SAAS,EAAC,sBAAsB,IAAE,YAAY,EAAE,CAAO;QAC3D,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAC9B,KAAK,CACL,CAAC,CAAC,CAAC,CACH,oBAAC,QAAQ,IAAC,SAAS,EAAC,uBAAuB,IAAE,KAAK,CAAY,CAC9D;QACD,6BAAK,SAAS,EAAC,uBAAuB;YACpC,OAAO,IAAI,CACX,6BAAK,SAAS,EAAC,yBAAyB,IAAE,OAAO,CAAO,CACxD;YACA,OAAO,IAAI,CACX,oBAAC,MAAM,kBACK,gBAAgB,EAC3B,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,uBAAuB,EACjC,QAAQ,EAAC,OAAO,EAChB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,GACf,CACF,CACI,CACD,CACN,CAAC;AACH,CAAC,CAAC;AAEF,cAAc,CAAC,YAAY,GAAG;IAC7B,KAAK,EAAE,MAAM;CACb,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\nimport { useScreenSize } from '../../hooks/useScreenSize';\n\nimport { Headline } from '../Headline';\nimport { BackLink } from '../BackLink';\nimport { Button } from '../Button';\nimport { Tooltip } from '../Tooltip';\n\nexport interface TakeoverHeaderPropsStrict {\n\t/** Content for Action area next to close button */\n\tactions?: React.ReactElement;\n\n\t/** Adds one or more classnames to an element */\n\tbackLabel: string;\n\n\t/** Adds one or more classnames to an element */\n\tclassName?: string;\n\n\t/** If passed an onBack function, <Takeover.Header> gets a Back button in the top left */\n\tonBack?: (e: React.SyntheticEvent<HTMLElement>) => void;\n\n\t/** If passed an onClose function, <Takeover.Header> gets a Close button in the top right */\n\tonClose?: (e: React.SyntheticEvent<HTMLElement>) => void;\n\n\t/** Theme of Takeover */\n\ttheme?: 'dark' | 'light';\n\n\t/** Name of Takeover */\n\ttitle: string | React.ReactElement;\n}\n\nexport interface TakeoverHeaderProps extends TakeoverHeaderPropsStrict {\n\t[propName: string]: any;\n}\n\nexport const TakeoverHeader: FC<TakeoverHeaderProps> = ({\n\tactions,\n\tbackLabel,\n\tclassName,\n\tonBack,\n\tonClose,\n\ttheme,\n\ttitle,\n\t...props\n}) => {\n\tconst TakeoverHeaderClasses = classnames(\n\t\t'TakeoverHeader',\n\t\tclassName,\n\t\t`TakeoverHeader--${theme}`\n\t);\n\n\tconst screensize = useScreenSize();\n\n\tconst getBackLabel = () => {\n\t\tif (!onBack) return;\n\t\tif (screensize.smallerThan.tablet) {\n\t\t\treturn (\n\t\t\t\t<Tooltip\n\t\t\t\t\ttext={backLabel}\n\t\t\t\t\tportal\n\t\t\t\t\tdirection=\"br\"\n\t\t\t\t\tclassName=\"c-inherit\"\n\t\t\t\t>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tfill=\"subtle\"\n\t\t\t\t\t\ticonName=\"chevron_left\"\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tclassName=\"TakeoverHeader__close\"\n\t\t\t\t\t\taria-label={backLabel}\n\t\t\t\t\t\tonClick={onBack}\n\t\t\t\t\t/>\n\t\t\t\t</Tooltip>\n\t\t\t);\n\t\t}\n\t\treturn (\n\t\t\t<BackLink\n\t\t\t\tclassName=\"TakeoverHeader__back-link\"\n\t\t\t\tpageLabel={backLabel}\n\t\t\t\tonClick={onBack}\n\t\t\t/>\n\t\t);\n\t};\n\n\treturn (\n\t\t<div className={TakeoverHeaderClasses} {...props}>\n\t\t\t<div className=\"TakeoverHeader__left\">{getBackLabel()}</div>\n\t\t\t{React.isValidElement(title) ? (\n\t\t\t\ttitle\n\t\t\t) : (\n\t\t\t\t<Headline className=\"TakeoverHeader__title\">{title}</Headline>\n\t\t\t)}\n\t\t\t<div className=\"TakeoverHeader__right\">\n\t\t\t\t{actions && (\n\t\t\t\t\t<div className=\"TakeoverHeader__actions\">{actions}</div>\n\t\t\t\t)}\n\t\t\t\t{onClose && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\taria-label=\"close takeover\"\n\t\t\t\t\t\tfill=\"subtle\"\n\t\t\t\t\t\tclassName=\"TakeoverHeader__close\"\n\t\t\t\t\t\ticonName=\"clear\"\n\t\t\t\t\t\tsize=\"xsmall\"\n\t\t\t\t\t\tonClick={onClose}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nTakeoverHeader.defaultProps = {\n\ttheme: 'dark',\n};\n"]}

package/dist/components/Takeover/TakeoverSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"TakeoverSection.js","sourceRoot":"","sources":["../../../src/components/Takeover/TakeoverSection.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAWpC,MAAM,CAAC,MAAM,eAAe,GAA6B,CAAC,EAIzD,EAAE,EAAE;QAJqD,EACzD,QAAQ,EACR,SAAS,OAET,EADG,KAAK,cAHiD,yBAIzD,CADQ;IAER,MAAM,sBAAsB,GAAG,UAAU,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC;IAExE,OAAO,CACN,2CAAK,SAAS,EAAE,sBAAsB,IAAM,KAAK,GAC/C,QAAQ,CACJ,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC"}
+{"version":3,"file":"TakeoverSection.js","sourceRoot":"","sources":["../../../src/components/Takeover/TakeoverSection.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAWpC,MAAM,CAAC,MAAM,eAAe,GAA6B,CAAC,EAIzD,EAAE,EAAE;QAJqD,EACzD,QAAQ,EACR,SAAS,OAET,EADG,KAAK,cAHiD,yBAIzD,CADQ;IAER,MAAM,sBAAsB,GAAG,UAAU,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC;IAExE,OAAO,CACN,2CAAK,SAAS,EAAE,sBAAsB,IAAM,KAAK,GAC/C,QAAQ,CACJ,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\n\nexport interface TakeoverSectionPropsStrict {\n\t/** Adds one or more classnames to an element */\n\tclassName?: string;\n}\n\nexport interface TakeoverSectionProps extends TakeoverSectionPropsStrict {\n\t[propName: string]: any;\n}\n\nexport const TakeoverSection: FC<TakeoverSectionProps> = ({\n\tchildren,\n\tclassName,\n\t...props\n}) => {\n\tconst TakeoverSectionClasses = classnames('TakeoverSection', className);\n\n\treturn (\n\t\t<div className={TakeoverSectionClasses} {...props}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\nTakeoverSection.displayName = 'TakeoverSection';\n"]}

package/dist/components/Takeover/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Takeover/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Takeover/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC","sourcesContent":["export * from './Takeover';\n"]}

package/dist/components/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAmCvC,MAAM,CAAC,MAAM,IAAI,GAAkB,KAAK,CAAC,UAAU,CAClD,CACC,EAWC,EACD,GAAG,EACF,EAAE;QAbH,EACC,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,WAAW,GAAG,GAAG,EACrB,QAAQ,EACR,MAAM,EACN,MAAM,EACN,IAAI,GAAG,CAAC,EACR,OAAO,OAEP,EADG,KAAK,cAVT,0FAWC,CADQ;IAIT,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,OAAO,CAAC,IAAI,CACX,kIAAkI,CAClI,CAAC;QAEF,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,OAAO,CAAC,IAAI,CACX,wHAAwH,CACxH,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,UAAU,CAAC,MAAM,EAAE,SAAS,EAAE;QACjD,CAAC,MAAM,IAAI,EAAE,CAAC,EAAE,CAAC,MAAM;QACvB,SAAS,EAAE,IAAI,IAAI,QAAQ;QAC3B,WAAW,EAAE,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI;QAClC,KAAK,EAAE,MAAM;QACb,WAAW,EAAE,MAAM;QACnB,WAAW,EAAE,CAAC,MAAM,IAAI,MAAM,IAAI,IAAI;QACtC,cAAc,EAAE,OAAO;QACvB,+BAA+B,EAAE,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,GAAG;KAC3D,CAAC,CAAC;IAEH,IAAI,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,GAAG,EAAE;QAC/B,MAAM,aAAa,mBAClB,QAAQ;YACR,SAAS;YACT,MAAM;YACN,MAAM;YACN,OAAO,IACJ,KAAK,CACR,CAAC;QACF,OAAO,CACN,oBAAC,QAAQ,kBACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,WAAW,IACX,aAAa,EAChB,CACF,CAAC;KACF;IACD,OAAO,CACN,oBAAC,WAAW,kBACX,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,WAAW,0BACD,MAAM,IACvB,KAAK,GAER,QAAQ,CACI,CACd,CAAC;AACH,CAAC,CACD,CAAC"}
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAmCvC,MAAM,CAAC,MAAM,IAAI,GAAkB,KAAK,CAAC,UAAU,CAClD,CACC,EAWC,EACD,GAAG,EACF,EAAE;QAbH,EACC,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,WAAW,GAAG,GAAG,EACrB,QAAQ,EACR,MAAM,EACN,MAAM,EACN,IAAI,GAAG,CAAC,EACR,OAAO,OAEP,EADG,KAAK,cAVT,0FAWC,CADQ;IAIT,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,OAAO,CAAC,IAAI,CACX,kIAAkI,CAClI,CAAC;QAEF,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,OAAO,CAAC,IAAI,CACX,wHAAwH,CACxH,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,UAAU,CAAC,MAAM,EAAE,SAAS,EAAE;QACjD,CAAC,MAAM,IAAI,EAAE,CAAC,EAAE,CAAC,MAAM;QACvB,SAAS,EAAE,IAAI,IAAI,QAAQ;QAC3B,WAAW,EAAE,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI;QAClC,KAAK,EAAE,MAAM;QACb,WAAW,EAAE,MAAM;QACnB,WAAW,EAAE,CAAC,MAAM,IAAI,MAAM,IAAI,IAAI;QACtC,cAAc,EAAE,OAAO;QACvB,+BAA+B,EAAE,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,GAAG;KAC3D,CAAC,CAAC;IAEH,IAAI,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,GAAG,EAAE;QAC/B,MAAM,aAAa,mBAClB,QAAQ;YACR,SAAS;YACT,MAAM;YACN,MAAM;YACN,OAAO,IACJ,KAAK,CACR,CAAC;QACF,OAAO,CACN,oBAAC,QAAQ,kBACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,WAAW,IACX,aAAa,EAChB,CACF,CAAC;KACF;IACD,OAAO,CACN,oBAAC,WAAW,kBACX,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,WAAW,0BACD,MAAM,IACvB,KAAK,GAER,QAAQ,CACI,CACd,CAAC;AACH,CAAC,CACD,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\nimport { Headline } from '../Headline';\n\n/**\n * Text properties\n */\nexport interface TextPropsStrict {\n\t/** Bold */\n\tbold?: boolean;\n\n\t/** Adds one or more classnames for an element */\n\tclassName?: string;\n\n\t/** Set the wrapping element's tagname */\n\tel?: any;\n\n\t/** *Deprecated* Use `bold` prop instead */\n\theadline?: boolean;\n\n\t/** Set style `display: inline;` to nest Text components */\n\tinline?: boolean;\n\n\t/** Set style to italic */\n\titalic?: boolean;\n\n\t/** Font size, 1 for smallest, 6 for largest */\n\tsize?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | '1' | '2' | '3' | '4' | '5' | '6' | '7';\n\n\t/** Deemphasized text */\n\tsubdued?: boolean;\n}\n\nexport interface TextProps extends TextPropsStrict {\n\t[propName: string]: any;\n}\n\nexport const Text: FC<TextProps> = React.forwardRef(\n\t(\n\t\t{\n\t\t\tbold,\n\t\t\tchildren,\n\t\t\tclassName,\n\t\t\tel: TextElement = 'p',\n\t\t\theadline,\n\t\t\tinline,\n\t\t\titalic,\n\t\t\tsize = 3,\n\t\t\tsubdued,\n\t\t\t...props\n\t\t},\n\t\tref\n\t) => {\n\t\tReact.useEffect(() => {\n\t\t\tconsole.warn(\n\t\t\t\t'@servicetitan/design-system: The Text component will be deprecated. Please use Headline, BodyText, or Eyebrow component instead.'\n\t\t\t);\n\n\t\t\tif (!headline) return;\n\t\t\tconsole.warn(\n\t\t\t\t'@servicetitan/design-system: The `headline` prop of the Text component has been deprecated. Please use `bold` instead.'\n\t\t\t);\n\t\t});\n\n\t\tconst TextClasses = classnames('Text', className, {\n\t\t\t[`fs-${size}`]: !inline,\n\t\t\t'fw-bold': bold || headline,\n\t\t\t'fw-normal': !bold && bold != null,\n\t\t\t'd-i': inline,\n\t\t\t'fs-italic': italic,\n\t\t\t'fs-normal': !italic && italic != null,\n\t\t\t'c-neutral-90': subdued,\n\t\t\t'ff-display lh-display fw-bold': size === 7 || size === '7',\n\t\t});\n\n\t\tif (size === 6 || size === '6') {\n\t\t\tconst headlineProps = {\n\t\t\t\tchildren,\n\t\t\t\tclassName,\n\t\t\t\tinline,\n\t\t\t\titalic,\n\t\t\t\tsubdued,\n\t\t\t\t...props,\n\t\t\t};\n\t\t\treturn (\n\t\t\t\t<Headline\n\t\t\t\t\tref={ref}\n\t\t\t\t\tsize=\"xlarge\"\n\t\t\t\t\tel={TextElement}\n\t\t\t\t\t{...headlineProps}\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\t\treturn (\n\t\t\t<TextElement\n\t\t\t\tref={ref}\n\t\t\t\tclassName={TextClasses}\n\t\t\t\tdata-anvil-component=\"Text\"\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</TextElement>\n\t\t);\n\t}\n);\n"]}

package/dist/components/Text/Text.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.test.js","sourceRoot":"","sources":["../../../src/components/Text/Text.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE;IACrB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,IAAI,IAAC,SAAS,EAAC,aAAa,mBAAe,qBAAqB,iCAE1D,CACP,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Text.test.js","sourceRoot":"","sources":["../../../src/components/Text/Text.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE;IACrB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,IAAI,IAAC,SAAS,EAAC,aAAa,mBAAe,qBAAqB,iCAE1D,CACP,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { render } from '@testing-library/react';\nimport { Text } from './Text';\n\ndescribe('Text', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<Text className=\"m-x-8 m-y-4\" data-auto-sel=\"automation-selector\">\n\t\t\t\tLorem ipsum dolor sit amet\n\t\t\t</Text>\n\t\t);\n\n\t\tconst element = container.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\n\t\texpect(element).not.toBeNull();\n\t});\n});\n"]}

package/dist/components/Text/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Text/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Text/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC","sourcesContent":["export * from './Text';\n"]}

package/dist/components/TextArea/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,gBAAgB,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAwDhD,MAAM,OAAO,QAAS,SAAQ,SAAwB;IAAtD;;QACS,gBAAW,GAAyC,SAAS,EAAE,CAAC;QAIxE,UAAK,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QAC/C,WAAM,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;QAEjD,iBAAY,GAAG,CAAC,CAAyC,EAAE,EAAE;YAC5D,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;gBACxB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,kCAAO,IAAI,CAAC,KAAK,KAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,IAAG,CAAC;aACjE;QACF,CAAC,CAAC;QAEF,gBAAW,GAAG,CAAC,CAAuB,EAAE,EAAE;YACzC,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;gBACvB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,kCAChB,IAAI,CAAC,KAAK,KACb,KAAK,EAAG,CAAC,CAAC,MAA8B,CAAC,KAAK,IAC7C,CAAC;aACH;QACF,CAAC,CAAC;IAsDH,CAAC;IApDA,MAAM;QACL,MAAM,KAUF,IAAI,CAAC,KAAK,EAVR,EACL,UAAU,EACV,SAAS,EACT,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,OAAO,EACP,IAAI,GAAG,CAAC,EACR,OAAO,GAAG,EAAE,OAEC,EADV,IAAI,cATF,0FAUL,CAAa,CAAC;QACf,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;QAE3C,MAAM,eAAe,GAAG,UAAU,CAAC,UAAU,EAAE,SAAS,EAAE;YACzD,oBAAoB,EAAE,QAAQ;YAC9B,iBAAiB,EAAE,KAAK;YACxB,uBAAuB,EAAE,UAAU;SACnC,CAAC,CAAC;QAEH,MAAM,QAAQ,GAAG,CAChB,kDACK,IAAI,IACR,SAAS,EAAE,eAAe,EAC1B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,IAAI,CAAC,WAAW,EACrB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,OAAO,0BACP,UAAU,IAC9B,CACF,CAAC;QAEF,MAAM,kBAAkB,GAAG,CAC1B,oBAAC,gBAAgB,oBACZ,IAAI,IACR,SAAS,EAAE,eAAe,EAC1B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,OAAO,EAAE,IAAI,EACb,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,IAAI,CAAC,WAAW,EACrB,iBAAiB,QACjB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,OAAO,0BACP,UAAU,IAC9B,CACF,CAAC;QAEF,OAAO,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,QAAQ,CAAC;IACnD,CAAC;;AAxEM,oBAAW,GAAG,gBAAgB,CAAC;AAC/B,oBAAW,GAAG,UAAU,CAAC"}
+{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,gBAAgB,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAwDhD,MAAM,OAAO,QAAS,SAAQ,SAAwB;IAAtD;;QACS,gBAAW,GAAyC,SAAS,EAAE,CAAC;QAIxE,UAAK,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QAC/C,WAAM,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;QAEjD,iBAAY,GAAG,CAAC,CAAyC,EAAE,EAAE;YAC5D,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;gBACxB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,kCAAO,IAAI,CAAC,KAAK,KAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,IAAG,CAAC;aACjE;QACF,CAAC,CAAC;QAEF,gBAAW,GAAG,CAAC,CAAuB,EAAE,EAAE;YACzC,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;gBACvB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,kCAChB,IAAI,CAAC,KAAK,KACb,KAAK,EAAG,CAAC,CAAC,MAA8B,CAAC,KAAK,IAC7C,CAAC;aACH;QACF,CAAC,CAAC;IAsDH,CAAC;IApDA,MAAM;QACL,MAAM,KAUF,IAAI,CAAC,KAAK,EAVR,EACL,UAAU,EACV,SAAS,EACT,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,OAAO,EACP,IAAI,GAAG,CAAC,EACR,OAAO,GAAG,EAAE,OAEC,EADV,IAAI,cATF,0FAUL,CAAa,CAAC;QACf,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;QAE3C,MAAM,eAAe,GAAG,UAAU,CAAC,UAAU,EAAE,SAAS,EAAE;YACzD,oBAAoB,EAAE,QAAQ;YAC9B,iBAAiB,EAAE,KAAK;YACxB,uBAAuB,EAAE,UAAU;SACnC,CAAC,CAAC;QAEH,MAAM,QAAQ,GAAG,CAChB,kDACK,IAAI,IACR,SAAS,EAAE,eAAe,EAC1B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,IAAI,CAAC,WAAW,EACrB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,OAAO,0BACP,UAAU,IAC9B,CACF,CAAC;QAEF,MAAM,kBAAkB,GAAG,CAC1B,oBAAC,gBAAgB,oBACZ,IAAI,IACR,SAAS,EAAE,eAAe,EAC1B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,OAAO,EAAE,IAAI,EACb,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,IAAI,CAAC,WAAW,EACrB,iBAAiB,QACjB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,OAAO,0BACP,UAAU,IAC9B,CACF,CAAC;QAEF,OAAO,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,QAAQ,CAAC;IACnD,CAAC;;AAxEM,oBAAW,GAAG,gBAAgB,CAAC;AAC/B,oBAAW,GAAG,UAAU,CAAC","sourcesContent":["import React, { Component, createRef } from 'react';\nimport classnames from 'classnames';\nimport TextareaAutosize from 'react-textarea-autosize';\nimport { FormFieldContext } from '../FormField';\n\nexport type TextAreaElement = Pick<HTMLTextAreaElement, 'focus' | 'select'>;\n\n/**\n * TextArea properties\n */\nexport interface TextAreaPropsStrict {\n\t/** Auto height mode on typing */\n\tautoHeight?: boolean;\n\n\t/** Additional classes */\n\tclassName?: string;\n\n\t/** A TextArea can show that it is disabled. */\n\tdisabled?: boolean;\n\n\t/** Visual error state for the Textarea */\n\terror?: boolean;\n\n\t/** *autoHeight={true} required* Maximum rows limit for Textarea */\n\tmaxRows?: number;\n\n\t/**\n\t * Called on value change.\n\t * @param {ChangeEvent} event - React's original SyntheticEvent.\n\t * @param {object} data - All props and a proposed value.\n\t */\n\tonChange?: (\n\t\tevent: React.ChangeEvent<HTMLTextAreaElement>,\n\t\tdata: TextAreaOnChangeData\n\t) => void;\n\n\t/**\n\t * Called on input.\n\t * @param {SyntheticEvent} event - The React SyntheticEvent object\n\t * @param {object} data - All props and the event value.\n\t */\n\tonInput?: (event: React.SyntheticEvent, data: TextAreaOnChangeData) => void;\n\n\t/** Indicates row count for a TextArea. */\n\trows?: number;\n\n\t/** The value of the textarea. */\n\tvalue?: string;\n}\n\nexport interface TextAreaProps extends TextAreaPropsStrict {\n\t/** Unstrict Props */\n\t[propName: string]: any;\n}\n\nexport interface TextAreaOnChangeData extends TextAreaProps {\n\tvalue: string;\n}\n\nexport class TextArea extends Component<TextAreaProps> {\n\tprivate textAreaRef: React.RefObject<HTMLTextAreaElement> = createRef();\n\tstatic contextType = FormFieldContext;\n\tstatic displayName = 'TextArea';\n\n\tfocus = () => this.textAreaRef.current.focus();\n\tselect = () => this.textAreaRef.current.select();\n\n\thandleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n\t\tif (this.props.onChange) {\n\t\t\tthis.props.onChange(e, { ...this.props, value: e.target.value });\n\t\t}\n\t};\n\n\thandleInput = (e: React.SyntheticEvent) => {\n\t\tif (this.props.onInput) {\n\t\t\tthis.props.onInput(e, {\n\t\t\t\t...this.props,\n\t\t\t\tvalue: (e.target as HTMLTextAreaElement).value,\n\t\t\t});\n\t\t}\n\t};\n\n\trender() {\n\t\tconst {\n\t\t\tautoHeight,\n\t\t\tclassName,\n\t\t\tdisabled,\n\t\t\terror,\n\t\t\tonChange,\n\t\t\tonInput,\n\t\t\trows = 3,\n\t\t\tmaxRows = 16,\n\t\t\t...rest\n\t\t} = this.props;\n\t\tconst { labelFor: inputId } = this.context;\n\n\t\tconst TextAreaClasses = classnames('TextArea', className, {\n\t\t\t'TextArea--disabled': disabled,\n\t\t\t'TextArea--error': error,\n\t\t\t'TextArea--auto-height': autoHeight,\n\t\t});\n\n\t\tconst textarea = (\n\t\t\t<textarea\n\t\t\t\t{...rest}\n\t\t\t\tclassName={TextAreaClasses}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tonChange={this.handleChange}\n\t\t\t\tonInput={this.handleInput}\n\t\t\t\trows={rows}\n\t\t\t\tref={this.textAreaRef}\n\t\t\t\tid={this.props.id || inputId}\n\t\t\t\tdata-anvil-component=\"TextArea\"\n\t\t\t/>\n\t\t);\n\n\t\tconst textareaAutoHeight = (\n\t\t\t<TextareaAutosize\n\t\t\t\t{...rest}\n\t\t\t\tclassName={TextAreaClasses}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tonChange={this.handleChange}\n\t\t\t\tonInput={this.handleInput}\n\t\t\t\tminRows={rows}\n\t\t\t\tmaxRows={maxRows}\n\t\t\t\tref={this.textAreaRef}\n\t\t\t\tcacheMeasurements\n\t\t\t\tid={this.props.id || inputId}\n\t\t\t\tdata-anvil-component=\"TextArea\"\n\t\t\t/>\n\t\t);\n\n\t\treturn autoHeight ? textareaAutoHeight : textarea;\n\t}\n}\n"]}

package/dist/components/TextArea/TextArea.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.test.js","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACzB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,QAAQ,IACR,YAAY,EAAC,uBAAuB,EACpC,WAAW,EAAC,aAAa,mBACX,qBAAqB,GAClC,CACF,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"TextArea.test.js","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACzB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,QAAQ,IACR,YAAY,EAAC,uBAAuB,EACpC,WAAW,EAAC,aAAa,mBACX,qBAAqB,GAClC,CACF,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { render } from '@testing-library/react';\nimport { TextArea } from './TextArea';\n\ndescribe('TextArea', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<TextArea\n\t\t\t\tdefaultValue=\"Value is already set.\"\n\t\t\t\tplaceholder=\"Placeholder\"\n\t\t\t\tdata-auto-sel=\"automation-selector\"\n\t\t\t/>\n\t\t);\n\n\t\tconst element = container.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\n\t\texpect(element).not.toBeNull();\n\t});\n});\n"]}

package/dist/components/TextArea/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TextArea/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TextArea/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC","sourcesContent":["export * from './TextArea';\n"]}

package/dist/components/Thumbnail/Thumbnail.js.map

@@ -1 +1 @@
-{"version":3,"file":"Thumbnail.js","sourceRoot":"","sources":["../../../src/components/Thumbnail/Thumbnail.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,IAAK,cAMJ;AAND,WAAK,cAAc;IAClB,2BAAS,CAAA;IACT,yBAAO,CAAA;IACP,yBAAO,CAAA;IACP,yBAAO,CAAA;IACP,2BAAS,CAAA;AACV,CAAC,EANI,cAAc,KAAd,cAAc,QAMlB;AAsCD,MAAM,CAAC,MAAM,SAAS,GAAc,CAAC,EAUpC,EAAE,EAAE;QAVgC,EACpC,GAAG,EACH,GAAG,EACH,IAAI,GAAG,cAAc,CAAC,CAAC,EACvB,GAAG,GAAG,OAAO,EACb,OAAO,GAAG,MAAM,EAChB,SAAS,EACT,OAAO,EACP,OAAO,GAAG,IAAI,OAEd,EADG,KAAK,cAT4B,2EAUpC,CADQ;IAER,MAAM,mBAAmB,GAAG,UAAU,CACrC,WAAW,EACX,SAAS,CAAC,IAAI,CAAC,EACf,QAAQ,CAAC,GAAG,CAAC,EACb,SAAS,EACT;QACC,iBAAiB,EAAE,OAAO,KAAK,MAAM;QACrC,sBAAsB,EAAE,CAAC,CAAC,OAAO;KACjC,CACD,CAAC;IACF,OAAO,CACN,2CACC,SAAS,EAAE,mBAAmB,EAC9B,OAAO,EAAE,OAAO,0BACK,WAAW,IAC5B,KAAK;QAET,6BAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAI;QAC1B,OAAO,KAAK,IAAI,IAAI,CACpB,6BAAK,SAAS,EAAC,oBAAoB,IAAE,OAAO,CAAO,CACnD,CACI,CACN,CAAC;AACH,CAAC,CAAC;AAEF,SAAS,CAAC,KAAK,GAAG,cAAc,CAAC;AACjC,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,SAAS,SAAS,CAAC,IAAoB;IACtC,OAAO,cAAc,IAAI,EAAE,CAAC;AAC7B,CAAC;AAED,SAAS,QAAQ,CAAC,GAAY;IAC7B,OAAO,cAAc,GAAG,EAAE,CAAC;AAC5B,CAAC"}
+{"version":3,"file":"Thumbnail.js","sourceRoot":"","sources":["../../../src/components/Thumbnail/Thumbnail.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,IAAK,cAMJ;AAND,WAAK,cAAc;IAClB,2BAAS,CAAA;IACT,yBAAO,CAAA;IACP,yBAAO,CAAA;IACP,yBAAO,CAAA;IACP,2BAAS,CAAA;AACV,CAAC,EANI,cAAc,KAAd,cAAc,QAMlB;AAsCD,MAAM,CAAC,MAAM,SAAS,GAAc,CAAC,EAUpC,EAAE,EAAE;QAVgC,EACpC,GAAG,EACH,GAAG,EACH,IAAI,GAAG,cAAc,CAAC,CAAC,EACvB,GAAG,GAAG,OAAO,EACb,OAAO,GAAG,MAAM,EAChB,SAAS,EACT,OAAO,EACP,OAAO,GAAG,IAAI,OAEd,EADG,KAAK,cAT4B,2EAUpC,CADQ;IAER,MAAM,mBAAmB,GAAG,UAAU,CACrC,WAAW,EACX,SAAS,CAAC,IAAI,CAAC,EACf,QAAQ,CAAC,GAAG,CAAC,EACb,SAAS,EACT;QACC,iBAAiB,EAAE,OAAO,KAAK,MAAM;QACrC,sBAAsB,EAAE,CAAC,CAAC,OAAO;KACjC,CACD,CAAC;IACF,OAAO,CACN,2CACC,SAAS,EAAE,mBAAmB,EAC9B,OAAO,EAAE,OAAO,0BACK,WAAW,IAC5B,KAAK;QAET,6BAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAI;QAC1B,OAAO,KAAK,IAAI,IAAI,CACpB,6BAAK,SAAS,EAAC,oBAAoB,IAAE,OAAO,CAAO,CACnD,CACI,CACN,CAAC;AACH,CAAC,CAAC;AAEF,SAAS,CAAC,KAAK,GAAG,cAAc,CAAC;AACjC,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,SAAS,SAAS,CAAC,IAAoB;IACtC,OAAO,cAAc,IAAI,EAAE,CAAC;AAC7B,CAAC;AAED,SAAS,QAAQ,CAAC,GAAY;IAC7B,OAAO,cAAc,GAAG,EAAE,CAAC;AAC5B,CAAC","sourcesContent":["import React, { FC, ReactNode } from 'react';\nimport classnames from 'classnames';\n\nenum ThumbnailSizes {\n\tXS = 'XS',\n\tS = 'S',\n\tM = 'M',\n\tL = 'L',\n\tXL = 'XL',\n}\n\ntype fitType = 'contain' | 'cover' | 'fill' | 'none';\n\nexport interface ThumbnailPropsStrict {\n\t/** Image source path */\n\tsrc: string;\n\n\t/** Alternate text for image */\n\talt?: string;\n\n\t/**  Controls the width and height of thumbnail */\n\tsize?: ThumbnailSizes;\n\n\t/** Adds one or more classNames for thumbnail */\n\tclassName?: string;\n\n\t/** Adds padding from all sides */\n\tpadding?: 'none' | 'thin';\n\n\t/** Set how image should be resized to fit it's border */\n\tfit?: fitType;\n\n\t/** What happens when user clicks the thumbnail */\n\tonClick?: (e: React.SyntheticEvent<HTMLElement>) => void;\n\n\t/** Adds transparent layer and will set given ReactNode over thumbnail  */\n\toverlay?: ReactNode;\n}\n\nexport interface ThumbnailProps extends ThumbnailPropsStrict {\n\t[propName: string]: any;\n}\n\nexport interface Thumbnail extends FC<ThumbnailProps> {\n\tSizes: typeof ThumbnailSizes;\n}\n\nexport const Thumbnail: Thumbnail = ({\n\tsrc,\n\talt,\n\tsize = ThumbnailSizes.M,\n\tfit = 'cover',\n\tpadding = 'none',\n\tclassName,\n\tonClick,\n\toverlay = null,\n\t...props\n}) => {\n\tconst ThumbnailClassNames = classnames(\n\t\t'Thumbnail',\n\t\tsizeClass(size),\n\t\tfitClass(fit),\n\t\tclassName,\n\t\t{\n\t\t\t'Thumbnail--thin': padding === 'thin',\n\t\t\t'Thumbnail--clickable': !!onClick,\n\t\t}\n\t);\n\treturn (\n\t\t<div\n\t\t\tclassName={ThumbnailClassNames}\n\t\t\tonClick={onClick}\n\t\t\tdata-anvil-component=\"Thumbnail\"\n\t\t\t{...props}\n\t\t>\n\t\t\t<img src={src} alt={alt} />\n\t\t\t{overlay !== null && (\n\t\t\t\t<div className=\"Thumbnail__overlay\">{overlay}</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nThumbnail.Sizes = ThumbnailSizes;\nThumbnail.displayName = 'Thumbnail';\n\nfunction sizeClass(size: ThumbnailSizes): string {\n\treturn `Thumbnail--${size}`;\n}\n\nfunction fitClass(fit: fitType): string {\n\treturn `Thumbnail--${fit}`;\n}\n"]}

package/dist/components/Thumbnail/Thumbnail.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"Thumbnail.test.js","sourceRoot":"","sources":["../../../src/components/Thumbnail/Thumbnail.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IAC1B,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,SAAS,IACT,GAAG,EAAC,oDAAoD,EACxD,GAAG,EAAC,WAAW,mBACD,qBAAqB,GAClC,CACF,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Thumbnail.test.js","sourceRoot":"","sources":["../../../src/components/Thumbnail/Thumbnail.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IAC1B,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,SAAS,IACT,GAAG,EAAC,oDAAoD,EACxD,GAAG,EAAC,WAAW,mBACD,qBAAqB,GAClC,CACF,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { render } from '@testing-library/react';\nimport { Thumbnail } from './Thumbnail';\n\ndescribe('Thumbnail', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<Thumbnail\n\t\t\t\tsrc=\"http://media.comicbook.com/2016/05/ig88-181139.jpg\"\n\t\t\t\talt=\"Something\"\n\t\t\t\tdata-auto-sel=\"automation-selector\"\n\t\t\t/>\n\t\t);\n\n\t\tconst element = container.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\n\t\texpect(element).not.toBeNull();\n\t});\n});\n"]}

package/dist/components/Thumbnail/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Thumbnail/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Thumbnail/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC","sourcesContent":["export * from './Thumbnail';\n"]}

package/dist/components/TimePicker/TimePicker.d.ts

@@ -2,7 +2,8 @@ import { FC } from 'react';
 import { InputProps } from '../Input';
 import { PopoverProps } from '../Popover';
 import { TimePickerOptionProps } from './components';
-export interface TimePickerPropsStrict extends Omit<InputProps, 'value' | 'placeholder'>, Pick<PopoverProps, 'autoFlipVertically' | 'autoFlipHorizontally' | 'direction' | 'width'> {
+import { PopperProps } from '../../internal';
+export interface TimePickerPropsStrict extends Omit<InputProps, 'value'>, Pick<PopoverProps, 'autoFlipVertically' | 'autoFlipHorizontally' | 'direction' | 'width'> {
     /**
      * If false, ignores `step` prop, so that user may fill in intermidiate values.
      * If true, user only allowed to choose options generated with `step` prop,
@@ -50,6 +51,8 @@ export interface TimePickerPropsStrict extends Omit<InputProps, 'value' | 'place
     open?: boolean;
     /** Date object, unrestricted by min and max props */
     value?: TimePickerOptionProps['value'];
+    /** Props to be passed to the portaled div */
+    portalDataAttributes?: PopperProps['portalDataAttributes'];
 }
 export interface TimePickerProps extends TimePickerPropsStrict {
     /** Unstrict Props */

package/dist/components/TimePicker/TimePicker.js

@@ -17,11 +17,11 @@ import { Popover } from '../Popover';
 import { TimezoneContext } from '../../utilities/TimezoneProvider';
 import { keys } from '../../utilities';
 import { FormFieldContext } from '../../components/FormField';
-import { dateToTime as dtt, timeToDate as ttd, localTimezone, consumeMinMax, getReturnDate, generateOptions, filterOptionsWithRounding, filterOptions, getClosestOption, getOptionByText, getClosestIndexes, stringToDate, highlightOption, injectOption, } from './utils';
+import { dateToTime as dtt, timeToDate as ttd, localTimezone, consumeMinMax, getReturnDate, generateOptions, filterOptionsWithRounding, filterOptions, getClosestOption, getOptionByText, highlightOption, injectOption, } from './utils';
 import { TimePickerOptionList } from './components';
 export const TimePicker = React.forwardRef((props, ref) => {
     var _a;
-    const { autoRounding = false, className, defaultTimeSignifier = 'AM', disabled, disableDropdown = false, direction = 'br', error, fluid, format = 'hh:mm xm', min = '12:00 AM', max = '23:59 PM', onChange, open, placeholder, step = 30, size, value, width = '100' } = props, rest = __rest(props, ["autoRounding", "className", "defaultTimeSignifier", "disabled", "disableDropdown", "direction", "error", "fluid", "format", "min", "max", "onChange", "open", "placeholder", "step", "size", "value", "width"]);
+    const { autoRounding = false, className, defaultTimeSignifier = 'AM', disabled, disableDropdown = false, direction = 'br', error, fluid, format = 'hh:mm xm', min = '12:00 AM', max = '23:59 PM', onChange, open, placeholder, step = 30, size, value, width = '100', portalDataAttributes } = props, rest = __rest(props, ["autoRounding", "className", "defaultTimeSignifier", "disabled", "disableDropdown", "direction", "error", "fluid", "format", "min", "max", "onChange", "open", "placeholder", "step", "size", "value", "width", "portalDataAttributes"]);
     const timezone = React.useContext(TimezoneContext);
     // Date (00:00 in timezone), based on which selected time to be returned
     const returnDate = () => getReturnDate(min, max, value, timezone);
@@ -48,7 +48,7 @@ export const TimePicker = React.forwardRef((props, ref) => {
     }, [disableDropdown, disabled, open]);
     useEffect(() => {
         // Set input's text on each non-null value change or timezone change
-        const text = typeof value === 'string' ? value : dateToTime(value) || ''; // Try to parse value: string, if `value: Date` use TZ
+        const text = typeof value === 'string' ? value : dateToTime(value) || ''; // Try to parse `value: string`, if `value: Date` use TZ
         if (text !== input)
             setInput(text);
     }, [value, timezone]); // eslint-disable-line
@@ -56,13 +56,6 @@ export const TimePicker = React.forwardRef((props, ref) => {
         // Perform autocomplete on first render to convert "value: string" into "value: Date"
         autoComplete();
     }, []); // eslint-disable-line
-    useEffect(() => {
-        // Scrolls closest value into view
-        if (!opened || input === '' || filter !== '')
-            return;
-        const timer = setTimeout(() => scrollOptionIntoView(input, options, dropdownRef), 10);
-        return () => clearTimeout(timer);
-    }, [opened, input, filter]); // eslint-disable-line
     const handleInputFocus = () => {
         if (disabled)
             return;
@@ -130,10 +123,12 @@ export const TimePicker = React.forwardRef((props, ref) => {
         if (input === '')
             return;
         if (closestOption) {
-            if (closestOption.text === dateToTime(value))
-                return; // It is nothing to change out there
-            // Accept user input
-            onChange(timeToDate(closestOption.text));
+            if (closestOption.text === dateToTime(value)) {
+                setInput(closestOption.text);
+                setFilter('');
+                return; // Suppress onChange, as same time aready selected
+            }
+            onChange(timeToDate(closestOption.text)); // Accept user input
         }
         else {
             // Reject user input, if input !== ''
@@ -203,9 +198,11 @@ export const TimePicker = React.forwardRef((props, ref) => {
         fluid,
         disabled,
         error,
-        placeholder: format === 'hh:mm xm'
-            ? `HH:MM ${defaultTimeSignifier}`
-            : 'HH:MM',
+        placeholder: typeof placeholder === 'string'
+            ? placeholder
+            : format === 'hh:mm xm'
+                ? `HH:MM ${defaultTimeSignifier}`
+                : 'HH:MM',
         size,
         onChange: handleInputChange,
         onFocus: handleInputFocus,
@@ -237,7 +234,7 @@ export const TimePicker = React.forwardRef((props, ref) => {
     return (React.createElement(Popover, Object.assign({ autoFlipVertically: true, className: classnames('TimePicker__dropdown', 'a-Select'), direction: direction, onClickOutside: handleClickOutside, open: !disabled &&
             !disableDropdown &&
             opened &&
-            dropdownOptions.length !== 0, padding: null, portal: true, ref: ref, scrollHeight: props.scrollHeight || '192px', trigger: Field, width: width, wrapperClassName: TimePickerClasses, onMouseDown: handleDropdownMouseDown }, rest),
+            dropdownOptions.length !== 0, padding: null, portal: true, ref: ref, scrollHeight: props.scrollHeight || '192px', trigger: Field, width: width, wrapperClassName: TimePickerClasses, onMouseDown: handleDropdownMouseDown, portalDataAttributes: portalDataAttributes }, rest),
         React.createElement(FocusScope, null,
             React.createElement(TimePickerOptionList, Object.assign({}, dropdownProps)))));
 });
@@ -250,23 +247,4 @@ const getNode = (ref) => {
     return ref.current; // Something else
 };
 const focus = (ref) => getNode(ref).focus();
-const scrollOptionIntoView = (userInput, options, dropdownRef) => {
-    var _a;
-    if (!(dropdownRef === null || dropdownRef === void 0 ? void 0 : dropdownRef.current))
-        return;
-    const optionIndex = getClosestIndexes(options, stringToDate(userInput));
-    if (!optionIndex)
-        return;
-    const optionEl = (_a = dropdownRef === null || dropdownRef === void 0 ? void 0 : dropdownRef.current) === null || _a === void 0 ? void 0 : _a.querySelector(`[role=treeitem]:nth-child(${optionIndex.sort()[0] + 1})`);
-    try {
-        // Chrome, Safari, Edge
-        optionEl === null || optionEl === void 0 ? void 0 : optionEl.scrollIntoViewIfNeeded(); // Scrolls element into center of nearest scroll
-    }
-    catch (_b) {
-        // Firefox
-        optionEl === null || optionEl === void 0 ? void 0 : optionEl.scrollIntoView({
-            block: 'nearest', // Scroll over nearest block (dropdown) only, prevent body scrolling
-        });
-    }
-};
 //# sourceMappingURL=TimePicker.js.map

package/dist/components/TimePicker/TimePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { FC, useCallback, useEffect, useMemo } from 'react';\nimport classnames from 'classnames';\nimport { FocusScope } from '@react-aria/focus';\n\nimport { Input, InputProps } from '../Input';\nimport { Popover, PopoverProps } from '../Popover';\nimport { TimezoneContext } from '../../utilities/TimezoneProvider';\nimport { keys } from '../../utilities';\nimport { FormFieldContext } from '../../components/FormField';\n\nimport {\n\tdateToTime as dtt,\n\ttimeToDate as ttd,\n\tlocalTimezone,\n\tconsumeMinMax,\n\tgetReturnDate,\n\tgenerateOptions,\n\tfilterOptionsWithRounding,\n\tfilterOptions,\n\tgetClosestOption,\n\tgetOptionByText,\n\thighlightOption,\n\tinjectOption,\n} from './utils';\n\nimport { TimePickerOptionList, TimePickerOptionProps } from './components';\nimport { PopperProps } from '../../internal';\n\nexport interface TimePickerPropsStrict\n\textends Omit<InputProps, 'value'>,\n\t\tPick<\n\t\t\tPopoverProps,\n\t\t\t| 'autoFlipVertically'\n\t\t\t| 'autoFlipHorizontally'\n\t\t\t| 'direction'\n\t\t\t| 'width'\n\t\t> {\n\t/**\n\t * If false, ignores `step` prop, so that user may fill in intermidiate values.\n\t * If true, user only allowed to choose options generated with `step` prop,\n\t * and user's input to be automatically rounded to the closest option.\n\t * Closest value to be highlighted in a dropdown.\n\t * Default is false.\n\t */\n\tautoRounding?: boolean;\n\n\t/** Preferable signifier of a value to select on autocomplete when user left the control */\n\tdefaultTimeSignifier?: 'AM' | 'PM';\n\n\t/**\n\t * Turns off TimePicker's ability to display a dropdown with options.\n\t * Default is false.\n\t */\n\tdisableDropdown?: boolean;\n\n\t/**\n\t * Specified in minutes, default is 30. Should not exceed 1440 (24 hours).\n\t * Step used to:\n\t * 1. hide intermediate values (these values are still possible to pick by typing)\n\t * from TimePicker's dropdown if `autoRounding` is false, or\n\t * 2. generate strict values for dropdown options if `autoRounding` is true.\n\t */\n\tstep?: number;\n\n\t/**\n\t * Time format.\n\t * Value of `hh:mm` stands for 24-hour format with leading zero.\n\t * Default value is `hh:mm xm`.\n\t */\n\tformat?: 'hh:mm xm' | 'hh:mm';\n\n\t/**\n\t * Minimum time allowed.\n\t * String value must have `hh:mm xm` or `hh:mm` format, from 00:00 to 23:59.\n\t * Default is `12:00 AM`.\n\t */\n\tmin?: Date | string;\n\n\t/**\n\t * Maximum time allowed.\n\t * String value must have `hh:mm xm` or `hh:mm` format, from 00:00 to 23:59.\n\t * Default is `11:59 PM`.\n\t */\n\tmax?: Date | string;\n\n\t/** Called when the user changes the value */\n\tonChange?: (value: TimePickerOptionProps['value']) => void;\n\n\t/** Show a dropdown on render, if `disableDropdown` is unset */\n\topen?: boolean;\n\n\t/** Date object, unrestricted by min and max props */\n\tvalue?: TimePickerOptionProps['value'];\n\n\t/** Props to be passed to the portaled div */\n\tportalDataAttributes?: PopperProps['portalDataAttributes'];\n}\n\nexport interface TimePickerProps extends TimePickerPropsStrict {\n\t/** Unstrict Props */\n\t[propName: string]: any;\n}\n\nexport const TimePicker: FC<TimePickerProps> = React.forwardRef(\n\t(props, ref: React.RefObject<any>) => {\n\t\tconst {\n\t\t\tautoRounding = false,\n\t\t\tclassName,\n\t\t\tdefaultTimeSignifier = 'AM',\n\t\t\tdisabled,\n\t\t\tdisableDropdown = false,\n\t\t\tdirection = 'br',\n\t\t\terror,\n\t\t\tfluid,\n\t\t\tformat = 'hh:mm xm',\n\t\t\tmin = '12:00 AM',\n\t\t\tmax = '23:59 PM',\n\t\t\tonChange,\n\t\t\topen,\n\t\t\tplaceholder,\n\t\t\tstep = 30,\n\t\t\tsize,\n\t\t\tvalue,\n\t\t\twidth = '100',\n\t\t\tportalDataAttributes,\n\t\t\t...rest\n\t\t} = props;\n\t\tconst timezone = React.useContext(TimezoneContext);\n\n\t\t// Date (00:00 in timezone), based on which selected time to be returned\n\t\tconst returnDate = () => getReturnDate(min, max, value, timezone);\n\t\tconst dateToTime = (d: Date, tz?: string) =>\n\t\t\tdtt(d, tz || timezone, format);\n\t\tconst timeToDate = (t: string) => ttd(t, timezone, returnDate());\n\n\t\t/**\n\t\t * In case min or max provided as strings, no timezone adjustment needed.\n\t\t * In case of Date objects, their time should be adjusted to timezone provided.\n\t\t */\n\t\tconst mm = () => consumeMinMax(min, max, timezone);\n\n\t\tconst inputRef = React.useRef(null);\n\t\tconst dropdownRef = React.useRef<HTMLDivElement>(null);\n\n\t\tconst [opened, setOpened] = React.useState(false); // Dropdown's visibility\n\t\tconst [dropdownFocused, setDropdownFocused] = React.useState(false); // Dropdown is in focus\n\t\tconst [input, setInput] = React.useState(''); // User's input string\n\t\tconst [filter, setFilter] = React.useState(''); // Dropdown's options filter string (differs from user's input)\n\n\t\t// Effects\n\t\tuseEffect(() => {\n\t\t\tif (disableDropdown || disabled) {\n\t\t\t\tsetOpened(false);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetOpened(open);\n\t\t}, [disableDropdown, disabled, open]);\n\n\t\tuseEffect(() => {\n\t\t\t// Set input's text on each non-null value change or timezone change\n\t\t\tconst text =\n\t\t\t\ttypeof value === 'string' ? value : dateToTime(value) || ''; // Try to parse `value: string`, if `value: Date` use TZ\n\t\t\tif (text !== input) setInput(text);\n\t\t}, [value, timezone]); // eslint-disable-line\n\n\t\tuseEffect(() => {\n\t\t\t// Perform autocomplete on first render to convert \"value: string\" into \"value: Date\"\n\t\t\tautoComplete();\n\t\t}, []); // eslint-disable-line\n\n\t\tconst handleInputFocus = () => {\n\t\t\tif (disabled) return;\n\t\t\tif (input === dateToTime(value)) setFilter(''); // Don't filter options until typing\n\t\t\tsetDropdownFocused(false); // Dropdown unfocus\n\t\t\tif (!disableDropdown && !opened) setOpened(true);\n\t\t};\n\n\t\tlet mouseDownOnDropdown = false; // To be false on each re-render\n\n\t\t// Prevents onBlur event handling on input when clicked inside dropdown\n\t\tconst handleDropdownMouseDown = () => (mouseDownOnDropdown = true);\n\t\tconst handleClickOutside = () => {\n\t\t\tif (!opened || disabled || disableDropdown) return;\n\t\t\tsetOpened(false);\n\t\t\tautoComplete();\n\t\t};\n\n\t\tconst handleInputBlur = () => {\n\t\t\t// User is choosing from dropdown'ed options\n\t\t\tif (dropdownFocused && !disableDropdown) return;\n\n\t\t\t// User clicked inside dropdown, prevent blur handling on input\n\t\t\tif (mouseDownOnDropdown) return;\n\n\t\t\t// Fake blur detection, case if active element not changed (alt+tab, etc)\n\t\t\tif (document.activeElement === getNode(inputRef)) return;\n\t\t\tautoComplete();\n\t\t};\n\n\t\t// Initial list of options to be generated based on min, max, step\n\t\tconst optionsArgs = [mm().min, mm().max, step, format] as const;\n\t\tconst options: TimePickerOptionProps[] = useCallback(\n\t\t\tgenerateOptions,\n\t\t\toptionsArgs\n\t\t)(...optionsArgs);\n\n\t\t// Getting most expected option based on user's input\n\t\tconst getClosestOptionArgs = [\n\t\t\toptions,\n\t\t\tinput,\n\t\t\tdefaultTimeSignifier,\n\t\t\tautoRounding,\n\t\t\tmm().min,\n\t\t\tmm().max,\n\t\t\tformat,\n\t\t] as const;\n\t\tconst closestOption = useCallback(\n\t\t\tgetClosestOption,\n\t\t\tgetClosestOptionArgs\n\t\t)(...getClosestOptionArgs);\n\n\t\t// Filtered list of options with an extra one to highligh (in case autoRounding is disabled)\n\t\tconst dropdownOptions = useMemo(() => {\n\t\t\tif (input === '') return options;\n\n\t\t\tif (filter === '')\n\t\t\t\t// Value is set, but user not yet modified input's text string\n\t\t\t\treturn highlightOption(\n\t\t\t\t\tinjectOption(options, closestOption), // Inject currently selected option in case it not yet exist\n\t\t\t\t\tclosestOption,\n\t\t\t\t\ttrue // Highlight selected value\n\t\t\t\t);\n\n\t\t\t// Filtering started, due to user's input manipulations\n\t\t\tlet filtered;\n\n\t\t\tfiltered = autoRounding\n\t\t\t\t? filterOptionsWithRounding(options, filter)\n\t\t\t\t: filterOptions(options, filter);\n\n\t\t\tfiltered = injectOption(filtered, closestOption); // Inject closest option in case it was filtered out\n\t\t\tfiltered = highlightOption(filtered, closestOption); // Highlight closest option\n\n\t\t\treturn filtered;\n\t\t}, [input, filter, options, autoRounding, closestOption]);\n\n\t\t// Runs on each input blur event\n\t\tconst autoComplete = () => {\n\t\t\tif (input === '') return;\n\t\t\tif (closestOption) {\n\t\t\t\tif (closestOption.text === dateToTime(value)) {\n\t\t\t\t\tsetInput(closestOption.text);\n\t\t\t\t\tsetFilter('');\n\t\t\t\t\treturn; // Suppress onChange, as same time aready selected\n\t\t\t\t}\n\t\t\t\tonChange(timeToDate(closestOption.text)); // Accept user input\n\t\t\t} else {\n\t\t\t\t// Reject user input, if input !== ''\n\t\t\t\tonChange(null);\n\t\t\t\tsetInput(''); // Clear user's input\n\t\t\t\tsetFilter('');\n\t\t\t}\n\t\t\tif (opened) setOpened(false);\n\t\t};\n\n\t\t// Handling with user's typing\n\t\tconst handleInputChange = (e: any, data: any) => {\n\t\t\tsetInput(data.value.toUpperCase());\n\t\t\tsetFilter(data.value.toUpperCase());\n\t\t\tif (!opened && !disableDropdown) setOpened(true);\n\t\t};\n\n\t\tconst handleIconClick = () => {\n\t\t\tif (disabled) return;\n\t\t\tfocus(inputRef);\n\t\t\tif (opened || disableDropdown) return;\n\t\t\tsetOpened(true);\n\t\t};\n\n\t\tconst handleInputKeyDown = (e: React.KeyboardEvent) => {\n\t\t\tconst { key } = e;\n\n\t\t\t// Autocomplete on focus lost (on tab or shift+tab)\n\t\t\tif (key === keys.tab) {\n\t\t\t\tautoComplete();\n\t\t\t\tif (opened) setOpened(false);\n\t\t\t}\n\n\t\t\t// Explicit autocomplete (on enter)\n\t\t\tif (key === keys.enter) autoComplete();\n\n\t\t\t// Move focus to the dropdown\n\t\t\tif (key === keys.down || key === keys.up) {\n\t\t\t\tif (!disableDropdown) {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tif (!opened) setOpened(true);\n\t\t\t\t\tif (!dropdownFocused) setDropdownFocused(true);\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\tconst dropdownFocusValue = () => {\n\t\t\tconst focusValue = closestOption\n\t\t\t\t? getOptionByText(dropdownOptions, closestOption.text)\n\t\t\t\t: dropdownOptions[0];\n\n\t\t\treturn dropdownFocused ? focusValue : null;\n\t\t};\n\n\t\tconst handleDropdownChange = (val: Date) => {\n\t\t\tconst time = dateToTime(val, localTimezone); // Dropdown is using local\n\t\t\tconst date = timeToDate(time); // get date based on timezone and returnDate\n\t\t\tonChange(date);\n\t\t\tsetInput(time);\n\t\t\tsetFilter('');\n\t\t\tfocus(inputRef); // Move focus back to the field\n\t\t\tif (opened) setOpened(false);\n\t\t};\n\n\t\tconst { labelFor: inputId } = React.useContext(FormFieldContext);\n\t\tconst inputProps = {\n\t\t\tid: inputId,\n\t\t\tfluid,\n\t\t\tdisabled,\n\t\t\terror,\n\t\t\tplaceholder:\n\t\t\t\ttypeof placeholder === 'string'\n\t\t\t\t\t? placeholder\n\t\t\t\t\t: format === 'hh:mm xm'\n\t\t\t\t\t? `HH:MM ${defaultTimeSignifier}`\n\t\t\t\t\t: 'HH:MM',\n\t\t\tsize,\n\t\t\tonChange: handleInputChange,\n\t\t\tonFocus: handleInputFocus,\n\t\t\tonBlur: handleInputBlur,\n\t\t\tvalue: input,\n\t\t};\n\n\t\tconst dropdownProps = {\n\t\t\tclassName: classnames('TimePicker__options', {\n\t\t\t\t'TimePicker__options-focused': dropdownFocused,\n\t\t\t}),\n\t\t\tfocusValue: dropdownFocusValue(),\n\t\t\toptions: dropdownOptions,\n\t\t\tonChange: handleDropdownChange,\n\t\t\tinputRef: inputRef.current?.inputRef || inputRef,\n\t\t\tdropdownRef,\n\t\t\thandleInputKeyDown,\n\t\t};\n\n\t\tconst Field = (\n\t\t\t<Input\n\t\t\t\t{...inputProps}\n\t\t\t\tclassName=\"TimePicker__input\"\n\t\t\t\tdata-anvil-component=\"TimePicker\"\n\t\t\t\ticon={{\n\t\t\t\t\tclassName: 'TimePicker__icon',\n\t\t\t\t\tel: 'span',\n\t\t\t\t\tname: 'access_time',\n\t\t\t\t\tonClick: handleIconClick,\n\t\t\t\t}}\n\t\t\t\ticonPosition=\"left\"\n\t\t\t\tonKeyDown={handleInputKeyDown}\n\t\t\t\tref={inputRef}\n\t\t\t/>\n\t\t);\n\n\t\tconst TimePickerClasses = classnames(className, 'TimePicker', {\n\t\t\t'TimePicker--open': opened,\n\t\t\t'TimePicker--disabled': disabled,\n\t\t\t[`TimePicker--${size}`]: size,\n\t\t});\n\n\t\treturn (\n\t\t\t<Popover\n\t\t\t\tautoFlipVertically\n\t\t\t\tclassName={classnames('TimePicker__dropdown', 'a-Select')}\n\t\t\t\tdirection={direction}\n\t\t\t\tonClickOutside={handleClickOutside}\n\t\t\t\topen={\n\t\t\t\t\t!disabled &&\n\t\t\t\t\t!disableDropdown &&\n\t\t\t\t\topened &&\n\t\t\t\t\tdropdownOptions.length !== 0\n\t\t\t\t}\n\t\t\t\tpadding={null}\n\t\t\t\tportal\n\t\t\t\tref={ref}\n\t\t\t\tscrollHeight={props.scrollHeight || '192px'}\n\t\t\t\ttrigger={Field}\n\t\t\t\twidth={width}\n\t\t\t\twrapperClassName={TimePickerClasses}\n\t\t\t\tonMouseDown={handleDropdownMouseDown}\n\t\t\t\tportalDataAttributes={portalDataAttributes}\n\t\t\t\t{...rest}\n\t\t\t>\n\t\t\t\t<FocusScope>\n\t\t\t\t\t<TimePickerOptionList {...dropdownProps} />\n\t\t\t\t</FocusScope>\n\t\t\t</Popover>\n\t\t);\n\t}\n);\n\nTimePicker.displayName = 'TimePicker';\n\nconst getNode = (ref: any) => {\n\tif (ref.current?.inputRef?.current) {\n\t\treturn ref.current.inputRef.current; // Input component\n\t}\n\treturn ref.current; // Something else\n};\n\nconst focus = (ref: any) => getNode(ref).focus();\n"]}

package/dist/components/TimePicker/TimePicker.test.js

@@ -3,10 +3,24 @@ import { render } from '@testing-library/react';
 import { TimePicker } from './TimePicker';
 describe('TimePicker', () => {
     beforeEach(() => jest.spyOn(console, 'error'));
+    it('should have custom placeholder', () => {
+        const { container } = render(React.createElement(TimePicker, { format: "hh:mm xm", placeholder: "hh:mm" }));
+        const element = container.querySelector('[placeholder="hh:mm"]');
+        expect(element).not.toBeNull();
+    });
     it('should pass through data automation attributes', () => {
         const { container } = render(React.createElement(TimePicker, { defaultTimeSignifier: "AM", step: 15, disableDropdown: false, format: "hh:mm xm", open: true, className: "m-b-7", "data-auto-sel": "automation-selector" }));
         const element = container.querySelector('[data-auto-sel="automation-selector"]');
         expect(element).not.toBeNull();
     });
+    it('should pass data automation attributes to portal', () => {
+        const { container, baseElement } = render(React.createElement(TimePicker, { defaultTimeSignifier: "AM", step: 15, disableDropdown: false, format: "hh:mm xm", open: true, className: "m-b-7", portalDataAttributes: {
+                'data-auto-sel': 'automation-selector',
+            } }));
+        const nonPortalElement = container.querySelector('[data-auto-sel="automation-selector"]');
+        const portalElement = baseElement.querySelector('[data-auto-sel="automation-selector"]');
+        expect(nonPortalElement).toBeNull();
+        expect(portalElement).not.toBeNull();
+    });
 });
 //# sourceMappingURL=TimePicker.test.js.map

package/dist/components/TimePicker/TimePicker.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.test.js","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC3B,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,UAAU,IACV,oBAAoB,EAAC,IAAI,EACzB,IAAI,EAAE,EAAE,EACR,eAAe,EAAE,KAAK,EACtB,MAAM,EAAC,UAAU,EACjB,IAAI,QACJ,SAAS,EAAC,OAAO,mBACH,qBAAqB,GAClC,CACF,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"TimePicker.test.js","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC3B,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;QACzC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,UAAU,IAAC,MAAM,EAAC,UAAU,EAAC,WAAW,EAAC,OAAO,GAAG,CACpD,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC;QAEjE,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,UAAU,IACV,oBAAoB,EAAC,IAAI,EACzB,IAAI,EAAE,EAAE,EACR,eAAe,EAAE,KAAK,EACtB,MAAM,EAAC,UAAU,EACjB,IAAI,QACJ,SAAS,EAAC,OAAO,mBACH,qBAAqB,GAClC,CACF,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kDAAkD,EAAE,GAAG,EAAE;QAC3D,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,MAAM,CACxC,oBAAC,UAAU,IACV,oBAAoB,EAAC,IAAI,EACzB,IAAI,EAAE,EAAE,EACR,eAAe,EAAE,KAAK,EACtB,MAAM,EAAC,UAAU,EACjB,IAAI,QACJ,SAAS,EAAC,OAAO,EACjB,oBAAoB,EAAE;gBACrB,eAAe,EAAE,qBAAqB;aACtC,GACA,CACF,CAAC;QAEF,MAAM,gBAAgB,GAAG,SAAS,CAAC,aAAa,CAC/C,uCAAuC,CACvC,CAAC;QACF,MAAM,aAAa,GAAG,WAAW,CAAC,aAAa,CAC9C,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,CAAC,QAAQ,EAAE,CAAC;QACpC,MAAM,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { render } from '@testing-library/react';\nimport { TimePicker } from './TimePicker';\n\ndescribe('TimePicker', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should have custom placeholder', () => {\n\t\tconst { container } = render(\n\t\t\t<TimePicker format=\"hh:mm xm\" placeholder=\"hh:mm\" />\n\t\t);\n\n\t\tconst element = container.querySelector('[placeholder=\"hh:mm\"]');\n\n\t\texpect(element).not.toBeNull();\n\t});\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<TimePicker\n\t\t\t\tdefaultTimeSignifier=\"AM\"\n\t\t\t\tstep={15}\n\t\t\t\tdisableDropdown={false}\n\t\t\t\tformat=\"hh:mm xm\"\n\t\t\t\topen\n\t\t\t\tclassName=\"m-b-7\"\n\t\t\t\tdata-auto-sel=\"automation-selector\"\n\t\t\t/>\n\t\t);\n\n\t\tconst element = container.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\n\t\texpect(element).not.toBeNull();\n\t});\n\n\tit('should pass data automation attributes to portal', () => {\n\t\tconst { container, baseElement } = render(\n\t\t\t<TimePicker\n\t\t\t\tdefaultTimeSignifier=\"AM\"\n\t\t\t\tstep={15}\n\t\t\t\tdisableDropdown={false}\n\t\t\t\tformat=\"hh:mm xm\"\n\t\t\t\topen\n\t\t\t\tclassName=\"m-b-7\"\n\t\t\t\tportalDataAttributes={{\n\t\t\t\t\t'data-auto-sel': 'automation-selector',\n\t\t\t\t}}\n\t\t\t/>\n\t\t);\n\n\t\tconst nonPortalElement = container.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\t\tconst portalElement = baseElement.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\n\t\texpect(nonPortalElement).toBeNull();\n\t\texpect(portalElement).not.toBeNull();\n\t});\n});\n"]}

package/dist/components/TimePicker/components/TimePickerOptionList.js

@@ -49,8 +49,26 @@ const TimeOptions = (_a) => {
             handleInputKeyDown(e); // To close the dropdown
         }
     };
+    React.useEffect(() => {
+        const timer = setTimeout(() => scrollOptionIntoView(dropdownRef), 10);
+        return () => clearTimeout(timer);
+    }, [options.length]); // eslint-disable-line
     return (options.length > 0 && (React.createElement("div", { ref: dropdownRef },
         React.createElement(OptionList, Object.assign({ className: classnames('m-1', className), focusValue: focusValue, options: options, onChange: onChange, optionOnKeyDown: handleOptionKeyDown }, rest)))));
 };
 export const TimePickerOptionList = React.memo(TimeOptions);
+const scrollOptionIntoView = (dropdownRef) => {
+    var _a;
+    const selectedEl = (_a = dropdownRef === null || dropdownRef === void 0 ? void 0 : dropdownRef.current) === null || _a === void 0 ? void 0 : _a.querySelector(`.OptionList__option--selected, .OptionList__option-highlighted`);
+    try {
+        // Chrome, Safari, Edge
+        selectedEl === null || selectedEl === void 0 ? void 0 : selectedEl.scrollIntoViewIfNeeded(); // Scrolls element into center of nearest scroll
+    }
+    catch (_b) {
+        // Firefox
+        selectedEl === null || selectedEl === void 0 ? void 0 : selectedEl.scrollIntoView({
+            block: 'nearest', // Scroll over nearest block (dropdown) only, prevent body scrolling
+        });
+    }
+};
 //# sourceMappingURL=TimePickerOptionList.js.map

package/dist/components/TimePicker/components/TimePickerOptionList.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimePickerOptionList.js","sourceRoot":"","sources":["../../../../src/components/TimePicker/components/TimePickerOptionList.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAoB1C,MAAM,WAAW,GAAkC,CAAC,EAUnD,EAAE,EAAE;QAV+C,EACnD,SAAS,EACT,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,WAAW,EACX,kBAAkB,OAElB,EADG,IAAI,cAT4C,+GAUnD,CADO;IAEP,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IAEvC,MAAM,mBAAmB,GAAG,CAC3B,CAAmC,EACnC,MAA6B,EAC5B,EAAE;;QACH,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;QAElB,QAAQ,GAAG,EAAE;YACZ,KAAK,IAAI,CAAC,KAAK,CAAC;YAChB,KAAK,IAAI,CAAC,IAAI;gBACb,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,YAAY,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;gBACvD,OAAO;YACR,KAAK,IAAI,CAAC,IAAI,CAAC;YACf,KAAK,IAAI,CAAC,EAAE;gBACX,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,YAAY,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;gBAC3D,OAAO;YACR,KAAK,IAAI,CAAC,KAAK,CAAC;YAChB,KAAK,IAAI,CAAC,KAAK;gBACd,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBACvB,OAAO;SACR;QAED,oCAAoC;QACpC,IAAI,GAAG,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,QAAQ,IAAI,GAAG,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE;YACzD,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;YAC1B,OAAO;SACP;QAED,2BAA2B;QAC3B,IAAI,CAAC,CAAC,CAAC,QAAQ,IAAI,GAAG,KAAK,IAAI,CAAC,GAAG,EAAE;YACpC,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;YAC1B,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,wBAAwB;SAC/C;IACF,CAAC,CAAC;IAEF,OAAO,CACN,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CACrB,6BAAK,GAAG,EAAE,WAAW;QACpB,oBAAC,UAAU,kBACV,SAAS,EAAE,UAAU,CAAC,KAAK,EAAE,SAAS,CAAC,EACvC,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,mBAAmB,IAChC,IAAI,EACP,CACG,CACN,CACD,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC"}
+{"version":3,"file":"TimePickerOptionList.js","sourceRoot":"","sources":["../../../../src/components/TimePicker/components/TimePickerOptionList.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\nimport { useFocusManager } from '@react-aria/focus';\n\nimport { OptionList } from '../..';\nimport { keys } from '../../../utilities';\n\nexport interface TimePickerOptionProps {\n\ttext: string;\n\tvalue: Date;\n\tclassName?: string;\n\tdisabled?: boolean;\n\tselected?: boolean;\n}\n\nexport interface TimePickerOptionListProps {\n\tclassName?: string;\n\toptions: TimePickerOptionProps[];\n\tonChange: (value: TimePickerOptionProps['value']) => void;\n\tfocusValue?: TimePickerOptionProps;\n\tinputRef?: React.RefObject<HTMLElement>;\n\tdropdownRef?: React.RefObject<HTMLDivElement>;\n\thandleInputKeyDown?: any;\n}\n\nconst TimeOptions: FC<TimePickerOptionListProps> = ({\n\tclassName,\n\toptions,\n\tonChange,\n\tchildren,\n\tfocusValue,\n\tinputRef,\n\tdropdownRef,\n\thandleInputKeyDown,\n\t...rest\n}) => {\n\tconst focusManager = useFocusManager();\n\n\tconst handleOptionKeyDown = (\n\t\te: React.KeyboardEvent<HTMLElement>,\n\t\toption: TimePickerOptionProps\n\t) => {\n\t\tconst { key } = e;\n\n\t\tswitch (key) {\n\t\t\tcase keys.right:\n\t\t\tcase keys.down:\n\t\t\t\te.preventDefault();\n\t\t\t\tfocusManager.focusNext({ wrap: true, tabbable: true });\n\t\t\t\treturn;\n\t\t\tcase keys.left:\n\t\t\tcase keys.up:\n\t\t\t\te.preventDefault();\n\t\t\t\tfocusManager.focusPrevious({ wrap: true, tabbable: true });\n\t\t\t\treturn;\n\t\t\tcase keys.space:\n\t\t\tcase keys.enter:\n\t\t\t\te.preventDefault();\n\t\t\t\tonChange(option.value);\n\t\t\t\treturn;\n\t\t}\n\n\t\t// Back to input on shift+tab or esc\n\t\tif (key === keys.esc || (e.shiftKey && key === keys.tab)) {\n\t\t\te.preventDefault();\n\t\t\tinputRef.current?.focus();\n\t\t\treturn;\n\t\t}\n\n\t\t// Tab to go next focusable\n\t\tif (!e.shiftKey && key === keys.tab) {\n\t\t\tinputRef.current?.focus();\n\t\t\thandleInputKeyDown(e); // To close the dropdown\n\t\t}\n\t};\n\n\tReact.useEffect(() => {\n\t\tconst timer = setTimeout(() => scrollOptionIntoView(dropdownRef), 10);\n\n\t\treturn () => clearTimeout(timer);\n\t}, [options.length]); // eslint-disable-line\n\n\treturn (\n\t\toptions.length > 0 && (\n\t\t\t<div ref={dropdownRef}>\n\t\t\t\t<OptionList\n\t\t\t\t\tclassName={classnames('m-1', className)}\n\t\t\t\t\tfocusValue={focusValue}\n\t\t\t\t\toptions={options}\n\t\t\t\t\tonChange={onChange}\n\t\t\t\t\toptionOnKeyDown={handleOptionKeyDown}\n\t\t\t\t\t{...rest}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t)\n\t);\n};\n\nexport const TimePickerOptionList = React.memo(TimeOptions);\n\nconst scrollOptionIntoView = (dropdownRef: React.RefObject<HTMLDivElement>) => {\n\tconst selectedEl: any = dropdownRef?.current?.querySelector(\n\t\t`.OptionList__option--selected, .OptionList__option-highlighted`\n\t);\n\n\ttry {\n\t\t// Chrome, Safari, Edge\n\t\tselectedEl?.scrollIntoViewIfNeeded(); // Scrolls element into center of nearest scroll\n\t} catch {\n\t\t// Firefox\n\t\tselectedEl?.scrollIntoView({\n\t\t\tblock: 'nearest', // Scroll over nearest block (dropdown) only, prevent body scrolling\n\t\t});\n\t}\n};\n"]}

package/dist/components/TimePicker/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/TimePicker/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/TimePicker/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC","sourcesContent":["export * from './TimePickerOptionList';\n"]}

package/dist/components/TimePicker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TimePicker/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TimePicker/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC","sourcesContent":["export * from './TimePicker';\n"]}