npm - @servicetitan/design-system - Versions diffs - 13.4.0 → 14.0.0 - Mend

@servicetitan/design-system 13.4.0 → 14.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (520) hide show

package/dist/components/TagGroup/TagGroupItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TagGroupItem.js","sourceRoot":"","sources":["../../../src/components/TagGroup/TagGroupItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAOlC,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACpE,6BAAK,SAAS,EAAC,gBAAgB,0BAAsB,cAAc,IACjE,QAAQ,CACJ,CACN,CAAC"}
1	+ {"version":3,"file":"TagGroupItem.js","sourceRoot":"","sources":["../../../src/components/TagGroup/TagGroupItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAOlC,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACpE,6BAAK,SAAS,EAAC,gBAAgB,0BAAsB,cAAc,IACjE,QAAQ,CACJ,CACN,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport { TagProps } from '../Tag';\n\nexport interface TagGroupItemProps {\n\tchildren: React.ReactElement<TagProps>;\n}\n\nexport const TagGroupItem: FC<TagGroupItemProps> = ({ children }) => (\n\t<div className=\"TagGroup__Item\" data-anvil-component=\"TagGroupItem\">\n\t\t{children}\n\t</div>\n);\n"]}

package/dist/components/TagGroup/index.js.map CHANGED Viewed

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

package/dist/components/Takeover/Takeover.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Takeover.js","sourceRoot":"","sources":["../../../src/components/Takeover/Takeover.tsx"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"Takeover.js","sourceRoot":"","sources":["../../../src/components/Takeover/Takeover.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\nimport { AnimatePresence, motion } from 'framer-motion';\nimport { tokens } from '@servicetitan/tokens/core';\nimport { Overlay } from '../../internal/Overlay';\nimport { wrapWithComponent } from '../../utilities/wrapWithComponent';\nimport { useFocusTrap, UseFocusTrapProps } from '../../hooks/useFocusTrap';\nimport { TakeoverHeader, TakeoverHeaderProps } from './TakeoverHeader';\nimport { TakeoverSection, TakeoverSectionProps } from './TakeoverSection';\nimport { TakeoverFooter, TakeoverFooterProps } from './TakeoverFooter';\n\nexport interface TakeoverPropsStrict {\n\t/** Content for Action area next to close button /\n\tactions?: TakeoverHeaderProps['actions'];\n\n\t/\n\t Use animation for show/hide transitions\n\t * Defaults to false because Takeovers are used as full page layouts\n\t /\n\tanimate?: boolean;\n\n\t/* Label for Back button. Turns Back button into `Back to {backLabel}` button /\n\tbackLabel?: TakeoverHeaderProps['backLabel'];\n\n\t/* Add <ProgressTracker.Step> components to be rendered in the <ProgressTracker> /\n\tchildren: TakeoverSectionProps['children'];\n\n\t/* Adds one or more classnames to an element /\n\tclassName?: string;\n\n\t/* Adds one or more classnames to TakeoverContent /\n\tcontentWrapperClass?: string;\n\n\t/* Footer Elements /\n\tfooter?: TakeoverFooterProps['children'];\n\n\t/* Align TakeoverFooter content using flexbox justify-content properties /\n\tfooterAlign?: TakeoverFooterProps['align'];\n\n\t/* False will automatically wrap children with <Takeover.Section /> /\n\tsectioned?: boolean;\n\n\t/* If passed an onBack function, <Takeover.Header> gets a Back button in the top right /\n\tonBack?: TakeoverHeaderProps['onBack'];\n\n\t/* If passed an onClose function, <Takeover.Header> gets a Close button in the top right /\n\tonClose?: TakeoverHeaderProps['onClose'];\n\n\t/* Set visibility of the Takeover /\n\topen?: boolean;\n\n\t/* Theme of Takeover /\n\ttheme?: TakeoverHeaderProps['theme'];\n\n\t/* Name of Takeover /\n\ttitle: TakeoverHeaderProps['title'];\n\n\t/* Render in a React Portal /\n\tportal?: boolean;\n\n\t/* Options passed into useFocusTrap */\n\tfocusTrapOptions?: UseFocusTrapProps;\n}\n\nexport interface TakeoverProps extends TakeoverPropsStrict {\n\t[propName: string]: any;\n}\n\nexport interface Takeover extends FC<TakeoverProps> {\n\tHeader: typeof TakeoverHeader;\n\tSection: typeof TakeoverSection;\n\tFooter: typeof TakeoverFooter;\n}\n\nexport const Takeover: Takeover = ({\n\tactions,\n\tanimate = false,\n\tbackLabel,\n\tchildren,\n\tclassName,\n\tcontentWrapperClass,\n\tfocusTrapOptions,\n\tfooter,\n\tfooterAlign = TakeoverFooter.defaultProps.align,\n\tonBack,\n\tonClose,\n\topen = true,\n\tportal = true,\n\tsectioned,\n\ttheme = TakeoverHeader.defaultProps.theme,\n\ttitle,\n\t...props\n}) => {\n\tReact.useEffect(() => {\n\t\tif (open) {\n\t\t\tdocument.body.classList.add('Takeover--is-open');\n\t\t} else {\n\t\t\tconst otherOpenTakeovers =\n\t\t\t\tdocument.getElementsByClassName('Takeover').length > 0;\n\t\t\tif (otherOpenTakeovers) {\n\t\t\t\tdocument.body.classList.add('Takeover--is-open');\n\t\t\t}\n\t\t}\n\n\t\treturn () => document.body.classList.remove('Takeover--is-open');\n\t}, [open]);\n\n\t// Focus trapping\n\tconst takeoverRef = useFocusTrap({\n\t\tautoFocusContainer: true,\n\t\tdisabled: !open,\n\t\t...focusTrapOptions,\n\t});\n\n\tconst headerProps = {\n\t\tactions,\n\t\tbackLabel,\n\t\tonBack,\n\t\tonClose,\n\t\ttheme,\n\t\ttitle,\n\t};\n\n\tconst footerProps = {\n\t\talign: footerAlign,\n\t\tchildren: footer,\n\t};\n\n\tconst TakeoverClasses = classnames(\n\t\t'Takeover',\n\t\tclassName,\n\t\t`Takeover--${theme}`\n\t);\n\n\tconst contentWrapperClasses = classnames(\n\t\t'TakeoverContent',\n\t\tcontentWrapperClass\n\t);\n\n\tconst content = wrapWithComponent(children, TakeoverSection);\n\n\tconst duration: number = parseInt(tokens.durationStandard, 10) / 1000; // '200ms' -> 0.2\n\tconst framerAnimation = {\n\t\tinitial: { opacity: 0, y: 50 },\n\t\tanimate: { opacity: 1, y: 0 },\n\t\texit: { opacity: 0, y: 50 },\n\t\ttransition: { type: 'easeInOut', duration },\n\t};\n\n\tconst Animate = animate ? AnimatePresence : React.Fragment;\n\tconst TakeoverEl = animate ? motion.div : 'div';\n\tconst TakeoverProps = {\n\t\tclassName: TakeoverClasses,\n\t\tref: takeoverRef,\n\t\t...(animate && framerAnimation),\n\t\t...props,\n\t};\n\n\treturn (\n\t\t<Overlay portal={portal} animate={animate} open={open}>\n\t\t\t<Animate>\n\t\t\t\t{open && (\n\t\t\t\t\t<TakeoverEl\n\t\t\t\t\t\tdata-anvil-component=\"Takeover\"\n\t\t\t\t\t\t{...TakeoverProps}\n\t\t\t\t\t>\n\t\t\t\t\t\t<TakeoverHeader {...headerProps} />\n\t\t\t\t\t\t<div className={contentWrapperClasses}>{content}</div>\n\t\t\t\t\t\t<TakeoverFooter {...footerProps} />\n\t\t\t\t\t</TakeoverEl>\n\t\t\t\t)}\n\t\t\t</Animate>\n\t\t</Overlay>\n\t);\n};\n\nTakeover.Header = TakeoverHeader;\nTakeover.Section = TakeoverSection;\nTakeover.Footer = TakeoverFooter;\n"]}

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

	@@ -1 +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,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"}
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,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 CHANGED Viewed

	@@ -1 +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"}
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","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.map CHANGED Viewed

	@@ -1 +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,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"}
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,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 CHANGED Viewed

	@@ -1 +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"}
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","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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Takeover/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
1	+ {"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 CHANGED Viewed

	@@ -1 +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"}
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","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 CHANGED Viewed

	@@ -1 +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"}
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","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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Text/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
1	+ {"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.d.ts CHANGED Viewed

@@ -41,8 +41,9 @@ export interface TextAreaOnChangeData extends TextAreaProps {
 }
 export declare class TextArea extends Component<TextAreaProps> {
     private textAreaRef;
-    static contextType: React.Context<FormFieldContext>;
     static displayName: string;
+    static contextType: React.Context<FormFieldContext>;
+    context: React.ContextType<typeof FormFieldContext>;
     focus: () => void;
     select: () => void;
     handleChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;

package/dist/components/TextArea/TextArea.js CHANGED Viewed

@@ -43,6 +43,6 @@ export class TextArea extends Component {
         return autoHeight ? textareaAutoHeight : textarea;
     }
 }
-TextArea.contextType = FormFieldContext;
 TextArea.displayName = 'TextArea';
+TextArea.contextType = FormFieldContext;
 //# sourceMappingURL=TextArea.js.map

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

	@@ -1 +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"}
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;QAKxE,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;;AAzEM,oBAAW,GAAG,UAAU,CAAC;AACzB,oBAAW,GAAG,gBAAgB,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 displayName = 'TextArea';\n\tstatic contextType = FormFieldContext;\n\tcontext!: React.ContextType<typeof FormFieldContext>;\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 CHANGED Viewed

	@@ -1 +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"}
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","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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TextArea/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
1	+ {"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 CHANGED Viewed

	@@ -1 +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"}
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","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 CHANGED Viewed

	@@ -1 +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"}
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","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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Thumbnail/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
1	+ {"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.js CHANGED Viewed

@@ -11,7 +11,6 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React, { useCallback, useEffect, useMemo } from 'react';
 import classnames from 'classnames';
-import { FocusScope } from '@react-aria/focus';
 import { Input } from '../Input';
 import { Popover } from '../Popover';
 import { TimezoneContext } from '../../utilities/TimezoneProvider';
@@ -38,6 +37,7 @@ export const TimePicker = React.forwardRef((props, ref) => {
     const [dropdownFocused, setDropdownFocused] = React.useState(false); // Dropdown is in focus
     const [input, setInput] = React.useState(''); // User's input string
     const [filter, setFilter] = React.useState(''); // Dropdown's options filter string (differs from user's input)
+    const { labelFor: inputId } = React.useContext(FormFieldContext);
     // Effects
     useEffect(() => {
         if (disableDropdown || disabled) {
@@ -68,9 +68,12 @@ export const TimePicker = React.forwardRef((props, ref) => {
     let mouseDownOnDropdown = false; // To be false on each re-render
     // Prevents onBlur event handling on input when clicked inside dropdown
     const handleDropdownMouseDown = () => (mouseDownOnDropdown = true);
-    const handleClickOutside = () => {
+    const handleClickOutside = (e) => {
+        var _a, _b;
         if (!opened || disabled || disableDropdown)
             return;
+        if ((_b = (_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.closest) === null || _b === void 0 ? void 0 : _b.call(_a, `[for="${inputId}"]`))
+            return;
         setOpened(false);
         autoComplete();
     };
@@ -141,8 +144,9 @@ export const TimePicker = React.forwardRef((props, ref) => {
     };
     // Handling with user's typing
     const handleInputChange = (e, data) => {
-        setInput(data.value.toUpperCase());
-        setFilter(data.value.toUpperCase());
+        var _a, _b;
+        setInput((_a = data.value) === null || _a === void 0 ? void 0 : _a.toUpperCase());
+        setFilter((_b = data.value) === null || _b === void 0 ? void 0 : _b.toUpperCase());
         if (!opened && !disableDropdown)
             setOpened(true);
     };
@@ -192,7 +196,6 @@ export const TimePicker = React.forwardRef((props, ref) => {
         if (opened)
             setOpened(false);
     };
-    const { labelFor: inputId } = React.useContext(FormFieldContext);
     const inputProps = {
         id: inputId,
         fluid,
@@ -218,7 +221,7 @@ export const TimePicker = React.forwardRef((props, ref) => {
         onChange: handleDropdownChange,
         inputRef: ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.inputRef) || inputRef,
         dropdownRef,
-        handleInputKeyDown,
+        closeDropdown: () => opened && setOpened(false),
     };
     const Field = (React.createElement(Input, Object.assign({}, inputProps, { className: "TimePicker__input", "data-anvil-component": "TimePicker", icon: {
             className: 'TimePicker__icon',
@@ -235,8 +238,7 @@ export const TimePicker = React.forwardRef((props, ref) => {
             !disableDropdown &&
             opened &&
             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)))));
+        React.createElement(TimePickerOptionList, Object.assign({}, dropdownProps))));
 });
 TimePicker.displayName = 'TimePicker';
 const getNode = (ref) => {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.tsx"],"names":[],"mappings":"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"}
1	+ {"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';\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\tconst { labelFor: inputId } = React.useContext(FormFieldContext);\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 = (e: any) => {\n\t\t\tif (!opened \|\| disabled \|\| disableDropdown) return;\n\t\t\tif (e?.target?.closest?.(`[for=\"${inputId}\"]`)) 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 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\tcloseDropdown: () => opened && setOpened(false),\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<TimePickerOptionList {...dropdownProps} />\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 CHANGED Viewed

@@ -1,5 +1,14 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 import React from 'react';
-import { render } from '@testing-library/react';
+import { render, waitFor } from '@testing-library/react';
 import { TimePicker } from './TimePicker';
 describe('TimePicker', () => {
     beforeEach(() => jest.spyOn(console, 'error'));
@@ -8,11 +17,11 @@ describe('TimePicker', () => {
         const element = container.querySelector('[placeholder="hh:mm"]');
         expect(element).not.toBeNull();
     });
-    it('should pass through data automation attributes', () => {
+    it('should pass through data automation attributes', () => __awaiter(void 0, void 0, void 0, function* () {
         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"]');
+        const element = yield waitFor(() => 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',

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

	@@ -1 +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,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"}
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,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACzD,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,GAAS,EAAE;QAC/D,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,MAAM,OAAO,CAAC,GAAG,EAAE,CAClC,SAAS,CAAC,aAAa,CAAC,uCAAuC,CAAC,CAChE,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAA,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, waitFor } 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', async () => {\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 = await waitFor(() =>\n\t\t\tcontainer.querySelector('[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.d.ts CHANGED Viewed

@@ -13,6 +13,6 @@ export interface TimePickerOptionListProps {
     focusValue?: TimePickerOptionProps;
     inputRef?: React.RefObject<HTMLElement>;
     dropdownRef?: React.RefObject<HTMLDivElement>;
-    handleInputKeyDown?: any;
+    closeDropdown?: () => void;
 }
 export declare const TimePickerOptionList: React.NamedExoticComponent<TimePickerOptionListProps>;

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

@@ -11,42 +11,33 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React from 'react';
 import classnames from 'classnames';
-import { useFocusManager } from '@react-aria/focus';
 import { OptionList } from '../..';
 import { keys } from '../../../utilities';
 const TimeOptions = (_a) => {
-    var { className, options, onChange, children, focusValue, inputRef, dropdownRef, handleInputKeyDown } = _a, rest = __rest(_a, ["className", "options", "onChange", "children", "focusValue", "inputRef", "dropdownRef", "handleInputKeyDown"]);
-    const focusManager = useFocusManager();
+    var { className, options, onChange, focusValue, inputRef, dropdownRef, closeDropdown } = _a, rest = __rest(_a, ["className", "options", "onChange", "focusValue", "inputRef", "dropdownRef", "closeDropdown"]);
     const handleOptionKeyDown = (e, option) => {
         var _a, _b;
         const { key } = e;
         switch (key) {
-            case keys.right:
-            case keys.down:
-                e.preventDefault();
-                focusManager.focusNext({ wrap: true, tabbable: true });
-                return;
-            case keys.left:
-            case keys.up:
-                e.preventDefault();
-                focusManager.focusPrevious({ wrap: true, tabbable: true });
-                return;
             case keys.space:
             case keys.enter:
                 e.preventDefault();
                 onChange(option.value);
                 return;
-        }
-        // Back to input on shift+tab or esc
-        if (key === keys.esc || (e.shiftKey && key === keys.tab)) {
-            e.preventDefault();
-            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-            return;
-        }
-        // Tab to go next focusable
-        if (!e.shiftKey && key === keys.tab) {
-            (_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.focus();
-            handleInputKeyDown(e); // To close the dropdown
+            case keys.esc:
+                e.preventDefault();
+                (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus(); // Close picker and go back to input
+                closeDropdown();
+                return;
+            case keys.tab:
+                if (!e.shiftKey) {
+                    onChange(option.value); // Select value and go next focusable
+                }
+                if (e.shiftKey) {
+                    e.preventDefault();
+                    (_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.focus(); // Focus on input
+                    closeDropdown();
+                }
         }
     };
     React.useEffect(() => {
@@ -54,7 +45,12 @@ const TimeOptions = (_a) => {
         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)))));
+        React.createElement(OptionList, Object.assign({ arrowNavOptions: {
+                disabled: false,
+                loop: true,
+                handleX: false,
+                tabIndexGroup: false,
+            }, className: classnames('m-1', className), focusValue: focusValue, options: options, onChange: onChange, optionOnKeyDown: handleOptionKeyDown }, rest)))));
 };
 export const TimePickerOptionList = React.memo(TimeOptions);
 const scrollOptionIntoView = (dropdownRef) => {

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

	@@ -1 +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,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,oBAAoB,CAAC,WAAW,CAAC,EAAE,EAAE,CAAC,CAAC;QAEtE,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IAClC,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,sBAAsB;IAE5C,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;AAE5D,MAAM,oBAAoB,GAAG,CAAC,WAA4C,EAAE,EAAE;;IAC7E,MAAM,UAAU,GAAQ,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,0CAAE,aAAa,CAC1D,gEAAgE,CAChE,CAAC;IAEF,IAAI;QACH,uBAAuB;QACvB,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,sBAAsB,EAAE,CAAC,CAAC,gDAAgD;KACtF;IAAC,WAAM;QACP,UAAU;QACV,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,cAAc,CAAC;YAC1B,KAAK,EAAE,SAAS,EAAE,oEAAoE;SACtF,CAAC,CAAC;KACH;AACF,CAAC,CAAC"}
1	+ {"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';\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\tcloseDropdown?: () => void;\n}\n\nconst TimeOptions: FC<TimePickerOptionListProps> = ({\n\tclassName,\n\toptions,\n\tonChange,\n\tfocusValue,\n\tinputRef,\n\tdropdownRef,\n\tcloseDropdown,\n\t...rest\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.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\tcase keys.esc:\n\t\t\t\te.preventDefault();\n\t\t\t\tinputRef.current?.focus(); // Close picker and go back to input\n\t\t\t\tcloseDropdown();\n\t\t\t\treturn;\n\t\t\tcase keys.tab:\n\t\t\t\tif (!e.shiftKey) {\n\t\t\t\t\tonChange(option.value); // Select value and go next focusable\n\t\t\t\t}\n\t\t\t\tif (e.shiftKey) {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tinputRef.current?.focus(); // Focus on input\n\t\t\t\t\tcloseDropdown();\n\t\t\t\t}\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\tarrowNavOptions={{\n\t\t\t\t\t\tdisabled: false,\n\t\t\t\t\t\tloop: true,\n\t\t\t\t\t\thandleX: false,\n\t\t\t\t\t\ttabIndexGroup: false,\n\t\t\t\t\t}}\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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/TimePicker/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}
1	+ {"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 CHANGED Viewed

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