@servicetitan/design-system 14.0.0-react18.0 → 14.0.1

package/dist/components/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,KAAK,EAAc,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AA4D9D,MAAM,CAAC,MAAM,QAAQ,GAGY,KAAK,CAAC,UAAU,CAAC,UACjD,KAAuB,EACvB,GAAoC;IAEpC,MAAM,EACL,OAAO,EACP,SAAS,EACT,QAAQ,EACR,KAAK,EACL,KAAK,EACL,EAAE,EACF,aAAa,EACb,KAAK,EACL,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,KAAK,EACL,QAAQ,EACR,OAAO,EACP,QAAQ,KAEL,KAAK,EADL,IAAI,UACJ,KAAK,EAlBH,4KAkBL,CAAQ,CAAC;IAEV,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAEpC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAClC,MAAM,OAAO,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC;IAEnC,MAAM,EAAE,cAAc,EAAE,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;IAEpD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;;QACpB,IAAI,KAAK;YAAE,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;IACtC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,eAAe,GAAG,CAAC,CAAyC,EAAE,EAAE;QACrE,IAAI,QAAQ,EAAE;YACb,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;SAC5C;IACF,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,CAAqC,EAAE,EAAE;QAChE,IAAI,OAAO,EAAE;YACZ,OAAO,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;SAClB;IACF,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,CAAgC,EAAE,EAAE;QAC7D,MAAM,MAAM,GAAG,CAAC,CAAC,MAAqB,CAAC;QACvC,IAAI,MAAM,CAAC,OAAO,KAAK,OAAO,EAAE;YAC/B,CAAC,CAAC,eAAe,EAAE,CAAC;SACpB;IACF,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,GAAG,EAAE;;QACrB,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE;YAAE,OAAO,KAAK,CAAC;QAEtD,MAAM,cAAc,GAAG,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,mCAAI,IAAI,CAAC;QAErD,MAAM,YAAY,GAAG,UAAU,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;QAEnE,OAAO,CACN,oBAAC,KAAK,kBACL,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,IACd,UAAU,IACd,SAAS,EAAE,YAAY,KAEtB,KAAK,CACC,CACR,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,UAAU,CAAC,YAAY,EAAE,SAAS,EAAE;QAC3D,yBAAyB,EAAE,aAAa;QACxC,oBAAoB,EAAE,QAAQ,IAAI,QAAQ;QAC1C,mBAAmB,EAAE,OAAO;QAC5B,iBAAiB,EAAE,KAAK;QACxB,iBAAiB,EAAE,IAAI,KAAK,OAAO;QACnC,iBAAiB,EAAE,IAAI,KAAK,OAAO;QACnC,kBAAkB,EAAE,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE;QACvD,yBAAyB,EAAE,cAAc;KACzC,CAAC,CAAC;IAEH,MAAM,uBAAuB,GAAG,aAAa;QAC5C,CAAC,CAAC,EAAE,eAAe,EAAE,MAAM,EAAE,cAAc,EAAE,OAAgB,EAAE;QAC/D,CAAC,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC;IAE/B,OAAO,CACN,2CACC,SAAS,EAAE,eAAe,EAC1B,OAAO,EAAE,gBAAgB,EACzB,GAAG,EAAE,OAAO,0BACS,UAAU,IAC3B,IAAI;QAER,+BAAO,SAAS,EAAC,sBAAsB;YACtC,6CACC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,iBAAiB,EAC3B,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,eAAe,EACzB,OAAO,EAAE,cAAc,EACvB,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,UAAU,IACX,uBAAuB,EAC1B;YACF,8BAAM,SAAS,EAAC,eAAe,GAAG;YACjC,QAAQ,EAAE,CACJ,CACH,CACN,CAAC;AACH,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,KAAK,EAAc,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AA4D9D,MAAM,CAAC,MAAM,QAAQ,GAGY,KAAK,CAAC,UAAU,CAAC,UACjD,KAAuB,EACvB,GAAoC;IAEpC,MAAM,EACL,OAAO,EACP,SAAS,EACT,QAAQ,EACR,KAAK,EACL,KAAK,EACL,EAAE,EACF,aAAa,EACb,KAAK,EACL,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,KAAK,EACL,QAAQ,EACR,OAAO,EACP,QAAQ,KAEL,KAAK,EADL,IAAI,UACJ,KAAK,EAlBH,4KAkBL,CAAQ,CAAC;IAEV,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAEpC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAClC,MAAM,OAAO,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC;IAEnC,MAAM,EAAE,cAAc,EAAE,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;IAEpD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;;QACpB,IAAI,KAAK;YAAE,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;IACtC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,eAAe,GAAG,CAAC,CAAyC,EAAE,EAAE;QACrE,IAAI,QAAQ,EAAE;YACb,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;SAC5C;IACF,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,CAAqC,EAAE,EAAE;QAChE,IAAI,OAAO,EAAE;YACZ,OAAO,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;SAClB;IACF,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,CAAgC,EAAE,EAAE;QAC7D,MAAM,MAAM,GAAG,CAAC,CAAC,MAAqB,CAAC;QACvC,IAAI,MAAM,CAAC,OAAO,KAAK,OAAO,EAAE;YAC/B,CAAC,CAAC,eAAe,EAAE,CAAC;SACpB;IACF,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,GAAG,EAAE;;QACrB,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE;YAAE,OAAO,KAAK,CAAC;QAEtD,MAAM,cAAc,GAAG,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,mCAAI,IAAI,CAAC;QAErD,MAAM,YAAY,GAAG,UAAU,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;QAEnE,OAAO,CACN,oBAAC,KAAK,kBACL,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,IACd,UAAU,IACd,SAAS,EAAE,YAAY,KAEtB,KAAK,CACC,CACR,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,UAAU,CAAC,YAAY,EAAE,SAAS,EAAE;QAC3D,yBAAyB,EAAE,aAAa;QACxC,oBAAoB,EAAE,QAAQ,IAAI,QAAQ;QAC1C,mBAAmB,EAAE,OAAO;QAC5B,iBAAiB,EAAE,KAAK;QACxB,iBAAiB,EAAE,IAAI,KAAK,OAAO;QACnC,iBAAiB,EAAE,IAAI,KAAK,OAAO;QACnC,kBAAkB,EAAE,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE;QACvD,yBAAyB,EAAE,cAAc;KACzC,CAAC,CAAC;IAEH,MAAM,uBAAuB,GAAG,aAAa;QAC5C,CAAC,CAAC,EAAE,eAAe,EAAE,MAAM,EAAE,cAAc,EAAE,OAAgB,EAAE;QAC/D,CAAC,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC;IAE/B,OAAO,CACN,2CACC,SAAS,EAAE,eAAe,EAC1B,OAAO,EAAE,gBAAgB,EACzB,GAAG,EAAE,OAAO,0BACS,UAAU,IAC3B,IAAI;QAER,+BAAO,SAAS,EAAC,sBAAsB;YACtC,6CACC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,iBAAiB,EAC3B,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,eAAe,EACzB,OAAO,EAAE,cAAc,EACvB,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,UAAU,IACX,uBAAuB,EAC1B;YACF,8BAAM,SAAS,EAAC,eAAe,GAAG;YACjC,QAAQ,EAAE,CACJ,CACH,CACN,CAAC;AACH,CAAC,CAAC,CAAC;AAEF,QAAgB,CAAC,WAAW,GAAG,UAAU,CAAC","sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { Label, LabelProps } from '../Label';\nimport { useFocusVisible } from '../../hooks/useFocusVisible';\n\nexport interface CheckboxProps<T>\n\textends Omit<\n\t\tReact.HTMLAttributes<HTMLInputElement>,\n\t\t'onChange' | 'onClick'\n\t> {\n\t/** Whether or not the checkbox is checked */\n\tchecked?: boolean;\n\n\t/** Adds one or more classnames for an element */\n\tclassName?: string;\n\n\t/** Whether the checkbox is in a disabled state */\n\tdisabled?: boolean;\n\n\t/** Visual error state for the checkbox */\n\terror?: boolean;\n\n\t/** Whether or not the checkbox is focused */\n\tfocus?: boolean;\n\n\t/** ID for the form */\n\tid?: string;\n\n\t/** Indeterminate visual for a checkbox  */\n\tindeterminate?: boolean;\n\n\t/** Text associatged with the label of a checkbox */\n\tlabel?: LabelProps['children'];\n\n\t/** Property options for the label */\n\tlabelProps?: LabelProps;\n\n\t/** Calls when the checkbox changes in value */\n\tonChange?: (\n\t\tvalue: T,\n\t\tchecked: boolean,\n\t\tevent: React.SyntheticEvent<HTMLInputElement>\n\t) => void;\n\n\t/** Calls when the checkbox is clicked  */\n\tonClick?: (\n\t\tevent: React.MouseEvent<HTMLInputElement>,\n\t\tdata: CheckboxProps<T>\n\t) => void;\n\n\t/** HTML Checkbox name value */\n\tname?: string;\n\n\t/** Same as disabled state. Legacy Semantic prop.  */\n\treadonly?: boolean;\n\n\t/** Controls the size of the checkboxes */\n\tsize?: 'small' | 'medium' | 'large';\n\n\t/** HTML Checkbox value  */\n\tvalue?: T;\n}\n\nexport const Checkbox: <T>(\n\tprops: React.PropsWithoutRef<CheckboxProps<T>> &\n\t\tReact.RefAttributes<HTMLDivElement>\n) => React.ReactElement | null = React.forwardRef(function <T>(\n\tprops: CheckboxProps<T>,\n\tref: React.RefObject<HTMLDivElement>\n) {\n\tconst {\n\t\tchecked,\n\t\tclassName,\n\t\tdisabled,\n\t\terror,\n\t\tfocus,\n\t\tid,\n\t\tindeterminate,\n\t\tlabel,\n\t\tlabelProps,\n\t\tname,\n\t\treadonly,\n\t\tsize = 'medium',\n\t\tvalue,\n\t\tonChange,\n\t\tonClick,\n\t\ttabIndex,\n\t\t...rest\n\t} = props;\n\n\tconst inputRef = React.useRef(null);\n\n\tconst newRef = React.useRef(null);\n\tconst itemRef = ref ? ref : newRef;\n\n\tconst { isFocusVisible } = useFocusVisible(itemRef);\n\n\tReact.useEffect(() => {\n\t\tif (focus) inputRef.current?.focus();\n\t}, [focus]);\n\n\tconst onChangeHandler = (e: React.SyntheticEvent<HTMLInputElement>) => {\n\t\tif (onChange) {\n\t\t\tonChange(value, e.currentTarget.checked, e);\n\t\t}\n\t};\n\n\tconst onClickHandler = (e: React.MouseEvent<HTMLInputElement>) => {\n\t\tif (onClick) {\n\t\t\tonClick(e, props);\n\t\t}\n\t};\n\n\tconst handleClickEvent = (e: React.MouseEvent<HTMLElement>) => {\n\t\tconst target = e.target as HTMLElement;\n\t\tif (target.tagName !== 'INPUT') {\n\t\t\te.stopPropagation();\n\t\t}\n\t};\n\n\tconst getLabel = () => {\n\t\tif (label === undefined || label === '') return false;\n\n\t\tconst labelClassName = labelProps?.className ?? null;\n\n\t\tconst LabelClasses = classnames(labelClassName, 'Checkbox__label');\n\n\t\treturn (\n\t\t\t<Label\n\t\t\t\terror={error}\n\t\t\t\tdisabled={disabled}\n\t\t\t\t{...labelProps}\n\t\t\t\tclassName={LabelClasses}\n\t\t\t>\n\t\t\t\t{label}\n\t\t\t</Label>\n\t\t);\n\t};\n\n\tconst CheckboxClasses = classnames('a-Checkbox', className, {\n\t\t'Checkbox--indeterminate': indeterminate,\n\t\t'Checkbox--disabled': disabled || readonly,\n\t\t'Checkbox--checked': checked,\n\t\t'Checkbox--error': error,\n\t\t'Checkbox--small': size === 'small',\n\t\t'Checkbox--large': size === 'large',\n\t\t'Checkbox--fitted': label === undefined || label === '',\n\t\t'Checkbox--focus-visible': isFocusVisible,\n\t});\n\n\tconst indeterminateAttributes = indeterminate\n\t\t? { 'indeterminate': 'true', 'aria-checked': 'mixed' as const }\n\t\t: { 'aria-checked': checked };\n\n\treturn (\n\t\t<div\n\t\t\tclassName={CheckboxClasses}\n\t\t\tonClick={handleClickEvent}\n\t\t\tref={itemRef}\n\t\t\tdata-anvil-component=\"Checkbox\"\n\t\t\t{...rest}\n\t\t>\n\t\t\t<label className=\"Checkbox__html-label\">\n\t\t\t\t<input\n\t\t\t\t\ttabIndex={tabIndex}\n\t\t\t\t\tchecked={checked}\n\t\t\t\t\tclassName=\"Checkbox__input\"\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tid={id}\n\t\t\t\t\tname={name}\n\t\t\t\t\tonChange={onChangeHandler}\n\t\t\t\t\tonClick={onClickHandler}\n\t\t\t\t\tref={inputRef}\n\t\t\t\t\trole=\"checkbox\"\n\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t{...indeterminateAttributes}\n\t\t\t\t/>\n\t\t\t\t<span className=\"Checkbox__box\" />\n\t\t\t\t{getLabel()}\n\t\t\t</label>\n\t\t</div>\n\t);\n});\n\n(Checkbox as any).displayName = 'Checkbox';\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.test.js","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.test.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,SAAS,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACzB,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,EAAE,CAAC;IAE/B,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,4BAA4B,EAAE,GAAS,EAAE;QAC3C,MAAM,EAAE,cAAc,EAAE,GAAG,MAAM,CAAC,oBAAC,QAAQ,IAAC,KAAK,EAAC,OAAO,GAAG,CAAC,CAAC;QAC9D,MAAM,QAAQ,GAAG,cAAc,CAAC,OAAO,CAAqB,CAAC;QAE7D,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACxC,MAAM,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAC3B,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACxC,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE,GAAS,EAAE;QAC/C,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC/B,MAAM,EAAE,cAAc,EAAE,GAAG,MAAM,CAChC,oBAAC,QAAQ,IAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,GAAG,CAC/D,CAAC;QACF,MAAM,QAAQ,GAAG,cAAc,CAAC,OAAO,CAAqB,CAAC;QAE7D,MAAM,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAC3B,MAAM,CAAC,YAAY,CAAC,CAAC,cAAc,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;IACvE,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,QAAQ,IAAC,KAAK,EAAC,OAAO,mBAAe,qBAAqB,GAAG,CAC9D,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":"Checkbox.test.js","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.test.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,SAAS,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACzB,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,EAAE,CAAC;IAE/B,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,4BAA4B,EAAE,GAAS,EAAE;QAC3C,MAAM,EAAE,cAAc,EAAE,GAAG,MAAM,CAAC,oBAAC,QAAQ,IAAC,KAAK,EAAC,OAAO,GAAG,CAAC,CAAC;QAC9D,MAAM,QAAQ,GAAG,cAAc,CAAC,OAAO,CAAqB,CAAC;QAE7D,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACxC,MAAM,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAC3B,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACxC,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE,GAAS,EAAE;QAC/C,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC/B,MAAM,EAAE,cAAc,EAAE,GAAG,MAAM,CAChC,oBAAC,QAAQ,IAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,GAAG,CAC/D,CAAC;QACF,MAAM,QAAQ,GAAG,cAAc,CAAC,OAAO,CAAqB,CAAC;QAE7D,MAAM,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAC3B,MAAM,CAAC,YAAY,CAAC,CAAC,cAAc,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;IACvE,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,QAAQ,IAAC,KAAK,EAAC,OAAO,mBAAe,qBAAqB,GAAG,CAC9D,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 userEvent from '@testing-library/user-event';\nimport { Checkbox } from './Checkbox';\n\ndescribe('Checkbox', () => {\n\tconst user = userEvent.setup();\n\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should be checked on click', async () => {\n\t\tconst { getByLabelText } = render(<Checkbox label=\"Label\" />);\n\t\tconst checkbox = getByLabelText('Label') as HTMLInputElement;\n\n\t\texpect(checkbox.checked).toEqual(false);\n\t\tawait user.click(checkbox);\n\t\texpect(checkbox.checked).toEqual(true);\n\t});\n\n\tit('should return object on change', async () => {\n\t\tconst onChangeTest = jest.fn();\n\t\tconst { getByLabelText } = render(\n\t\t\t<Checkbox onChange={onChangeTest} value=\"test\" label=\"Label\" />\n\t\t);\n\t\tconst checkbox = getByLabelText('Label') as HTMLInputElement;\n\n\t\tawait user.click(checkbox);\n\t\texpect(onChangeTest).toBeCalledWith('test', true, expect.any(Object));\n\t});\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<Checkbox label=\"Label\" data-auto-sel=\"automation-selector\" />\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/Checkbox/index.css

@@ -228,7 +228,7 @@
   box-shadow: 0 0 0 4px var(--colorsBorderPrimarySubdued, #b5deff);
 }
 .a-Checkbox:not(.Checkbox--disabled):hover .Checkbox__box {
-  border-color: var(--colorsBorderDefault, #444445);
+  border-color: var(--colorsBorderDefault, #949596);
 }
 .Checkbox--error.a-Checkbox:not(.Checkbox--disabled):hover .Checkbox__box {
   border-color: var(--colorsBorderCritical, #e13212);

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

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

package/dist/components/Collapsible/Collapsible.js.map

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../../src/components/Collapsible/Collapsible.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,aAAa,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AA6BnD,MAAM,CAAC,MAAM,WAAW,GAAyB,KAAK,CAAC,UAAU,CAChE,CACC,EAQC,EACD,GAAG,EACF,EAAE;QAVH,EACC,OAAO,EACP,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,kBAAkB,GAAG,KAAK,EAC9B,MAAM,GAAG,MAAM,CAAC,cAAc,EAC9B,IAAI,GAAG,KAAK,OAEZ,EADG,KAAK,cAPT,4DAQC,CADQ;IAIT,MAAM,kBAAkB,GAAG,UAAU,CAAC,aAAa,EAAE,SAAS,EAAE;QAC/D,qBAAqB,EAAE,CAAC,IAAI;QAC5B,uBAAuB,EAAE,OAAO;KAChC,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG;QAC1B,cAAc,EAAE,IAAI;QACpB,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,YAAY,EAAE,EAAE,CAAC;QAC3C,MAAM;QACN,MAAM,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAQ;KAClC,CAAC;IAEF,OAAO,CACN,oBAAC,kBAAkB,kBAClB,SAAS,EAAE,kBAAkB,0BACR,aAAa,EAClC,GAAG,EAAE,GAAG,IACJ,KAAK,GAER,OAAO,CAAC,CAAC,CAAC,CACV,oBAAC,aAAa,oBAAK,kBAAkB,GACnC,QAAQ,CACM,CAChB,CAAC,CAAC,CAAC,CACH,QAAQ,CACR,CACmB,CACrB,CAAC;AACH,CAAC,CACD,CAAC"}
+{"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../../src/components/Collapsible/Collapsible.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,aAAa,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AA6BnD,MAAM,CAAC,MAAM,WAAW,GAAyB,KAAK,CAAC,UAAU,CAChE,CACC,EAQC,EACD,GAAG,EACF,EAAE;QAVH,EACC,OAAO,EACP,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,kBAAkB,GAAG,KAAK,EAC9B,MAAM,GAAG,MAAM,CAAC,cAAc,EAC9B,IAAI,GAAG,KAAK,OAEZ,EADG,KAAK,cAPT,4DAQC,CADQ;IAIT,MAAM,kBAAkB,GAAG,UAAU,CAAC,aAAa,EAAE,SAAS,EAAE;QAC/D,qBAAqB,EAAE,CAAC,IAAI;QAC5B,uBAAuB,EAAE,OAAO;KAChC,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG;QAC1B,cAAc,EAAE,IAAI;QACpB,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,YAAY,EAAE,EAAE,CAAC;QAC3C,MAAM;QACN,MAAM,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAQ;KAClC,CAAC;IAEF,OAAO,CACN,oBAAC,kBAAkB,kBAClB,SAAS,EAAE,kBAAkB,0BACR,aAAa,EAClC,GAAG,EAAE,GAAG,IACJ,KAAK,GAER,OAAO,CAAC,CAAC,CAAC,CACV,oBAAC,aAAa,oBAAK,kBAAkB,GACnC,QAAQ,CACM,CAChB,CAAC,CAAC,CAAC,CACH,QAAQ,CACR,CACmB,CACrB,CAAC;AACH,CAAC,CACD,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\nimport AnimateHeight from 'react-animate-height';\nimport { tokens } from '@servicetitan/tokens/core';\n\n/**\n * Collapsible properties\n */\nexport interface CollapsiblePropsStrict {\n\t/** Show animation if true */\n\tanimate?: 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/**\n\t * *Warning* Only works when animate={true}\n\t * CSS easing function to be applied to the animation\n\t */\n\teasing?: string;\n\n\t/** Whether the Collapsible is expanded or not */\n\topen?: boolean;\n}\n\nexport interface CollapsibleProps extends CollapsiblePropsStrict {\n\t[propName: string]: any;\n}\n\nexport const Collapsible: FC<CollapsibleProps> = React.forwardRef(\n\t(\n\t\t{\n\t\t\tanimate,\n\t\t\tchildren,\n\t\t\tclassName,\n\t\t\tel: CollapsibleElement = 'div',\n\t\t\teasing = tokens.easingStandard,\n\t\t\topen = false,\n\t\t\t...props\n\t\t},\n\t\tref\n\t) => {\n\t\tconst CollapsibleClasses = classnames('Collapsible', className, {\n\t\t\t'Collapsible--hidden': !open,\n\t\t\t'Collapsible--animated': animate,\n\t\t});\n\n\t\tconst animateHeightProps = {\n\t\t\tanimateOpacity: true,\n\t\t\tduration: parseInt(tokens.durationSlow, 10),\n\t\t\teasing,\n\t\t\theight: (open ? 'auto' : 0) as any,\n\t\t};\n\n\t\treturn (\n\t\t\t<CollapsibleElement\n\t\t\t\tclassName={CollapsibleClasses}\n\t\t\t\tdata-anvil-component=\"Collapsible\"\n\t\t\t\tref={ref}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{animate ? (\n\t\t\t\t\t<AnimateHeight {...animateHeightProps}>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</AnimateHeight>\n\t\t\t\t) : (\n\t\t\t\t\tchildren\n\t\t\t\t)}\n\t\t\t</CollapsibleElement>\n\t\t);\n\t}\n);\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.test.js","sourceRoot":"","sources":["../../../src/components/Collapsible/Collapsible.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC5B,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,WAAW,qBAAe,qBAAqB;YAC/C,oBAAC,IAAI,qCAAkC,CAC1B,CACd,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":"Collapsible.test.js","sourceRoot":"","sources":["../../../src/components/Collapsible/Collapsible.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC5B,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,WAAW,qBAAe,qBAAqB;YAC/C,oBAAC,IAAI,qCAAkC,CAC1B,CACd,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 { Collapsible } from './Collapsible';\nimport { Card } from '../Card';\n\ndescribe('Collapsible', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<Collapsible data-auto-sel=\"automation-selector\">\n\t\t\t\t<Card>Lorem ipsum dolor sit amet</Card>\n\t\t\t</Collapsible>\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/Collapsible/index.js.map

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

package/dist/components/ColorPicker/ColorPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../../src/components/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AA2B3C,MAAM,CAAC,MAAM,WAAW,GAAyB,KAAK,CAAC,UAAU,CAChE,CACC,EAQC,EACD,GAAoC,EACnC,EAAE;QAVH,EACC,SAAS,EACT,MAAM,EACN,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,QAAQ,OAER,EADG,IAAI,cAPR,oEAQC,CADO;IAIR,MAAM,eAAe,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,GAAG,EAAE;QAC/C,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,KAAK,KAAK,KAAK,IAAI,QAAQ,EAAE;YAC1D,QAAQ,CAAC,KAAK,CAAC,CAAC;SAChB;IACF,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC;IAEjD,WAAW,CAAC;QACX,QAAQ,EAAE,QAAQ,IAAI,QAAQ;QAC9B,KAAK,EAAE,WAAW;QAClB,OAAO,EAAE,KAAK;QACd,iBAAiB,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;QACzC,SAAS,EAAE,CAAC,CAAgB,EAAE,IAAS,EAAE,EAAE,WAAC,OAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,KAAK,EAAE,CAAA,EAAA;KAC9D,CAAC,CAAC;IAEH,OAAO,CACN,6CACK,IAAI,IACR,SAAS,EAAE,UAAU,CAAC,aAAa,EAAE,SAAS,EAAE;YAC/C,uBAAuB,EAAE,QAAQ;SACjC,CAAC,EACF,GAAG,EAAE,SAAS,EACd,IAAI,EAAC,YAAY,0BACI,aAAa,KAEjC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B,gCACC,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,UAAU,CAAC,mBAAmB,EAAE;YAC1C,2BAA2B,EAAE,KAAK,KAAK,KAAK;SAC5C,CAAC,EACF,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,EACjC,OAAO,EAAE,eAAe,CAAC,KAAK,CAAC,EAC/B,IAAI,EAAC,OAAO,gBACA,KAAK,kBACH,KAAK,KAAK,KAAK,EAC7B,QAAQ,EAAE,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GACzC,CACF,CAAC,CACG,CACN,CAAC;AACH,CAAC,CACD,CAAC"}
+{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../../src/components/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AA2B3C,MAAM,CAAC,MAAM,WAAW,GAAyB,KAAK,CAAC,UAAU,CAChE,CACC,EAQC,EACD,GAAoC,EACnC,EAAE;QAVH,EACC,SAAS,EACT,MAAM,EACN,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,QAAQ,OAER,EADG,IAAI,cAPR,oEAQC,CADO;IAIR,MAAM,eAAe,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,GAAG,EAAE;QAC/C,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,KAAK,KAAK,KAAK,IAAI,QAAQ,EAAE;YAC1D,QAAQ,CAAC,KAAK,CAAC,CAAC;SAChB;IACF,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC;IAEjD,WAAW,CAAC;QACX,QAAQ,EAAE,QAAQ,IAAI,QAAQ;QAC9B,KAAK,EAAE,WAAW;QAClB,OAAO,EAAE,KAAK;QACd,iBAAiB,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;QACzC,SAAS,EAAE,CAAC,CAAgB,EAAE,IAAS,EAAE,EAAE,WAAC,OAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,KAAK,EAAE,CAAA,EAAA;KAC9D,CAAC,CAAC;IAEH,OAAO,CACN,6CACK,IAAI,IACR,SAAS,EAAE,UAAU,CAAC,aAAa,EAAE,SAAS,EAAE;YAC/C,uBAAuB,EAAE,QAAQ;SACjC,CAAC,EACF,GAAG,EAAE,SAAS,EACd,IAAI,EAAC,YAAY,0BACI,aAAa,KAEjC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B,gCACC,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,UAAU,CAAC,mBAAmB,EAAE;YAC1C,2BAA2B,EAAE,KAAK,KAAK,KAAK;SAC5C,CAAC,EACF,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,EACjC,OAAO,EAAE,eAAe,CAAC,KAAK,CAAC,EAC/B,IAAI,EAAC,OAAO,gBACA,KAAK,kBACH,KAAK,KAAK,KAAK,EAC7B,QAAQ,EAAE,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GACzC,CACF,CAAC,CACG,CACN,CAAC;AACH,CAAC,CACD,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\n\nimport { useArrowNav } from '../../hooks/useArrowNav';\nimport { useMergedRef } from '../../hooks';\n\nexport interface ColorPickerPropsStrict {\n\t/** Adds one or more classnames for an element */\n\tclassName?: string;\n\n\t/** Array of available colors (for example, ['#8772e5', '#01f346'])*/\n\tcolors: string[];\n\n\t/** Currently selected color value */\n\tvalue: string | undefined;\n\n\t/** Called when the user changes the value */\n\tonChange?: (value: string) => void;\n\n\t/** Indicates whether selection cannot be changed. */\n\tdisabled?: boolean;\n\n\t/** Not able to make changes, but not visually disabled */\n\treadonly?: boolean;\n}\n\nexport interface ColorPickerProps extends ColorPickerPropsStrict {\n\t/** Unstrict Props */\n\t[propName: string]: any;\n}\n\nexport const ColorPicker: FC<ColorPickerProps> = React.forwardRef(\n\t(\n\t\t{\n\t\t\tclassName,\n\t\t\tcolors,\n\t\t\tvalue,\n\t\t\tdisabled = false,\n\t\t\treadonly = false,\n\t\t\tonChange,\n\t\t\t...rest\n\t\t},\n\t\tref: React.RefObject<HTMLDivElement>\n\t) => {\n\t\tconst handleItemClick = (color: string) => () => {\n\t\t\tif (!disabled && !readonly && color !== value && onChange) {\n\t\t\t\tonChange(color);\n\t\t\t}\n\t\t};\n\n\t\tconst arrowNavRef = React.useRef(null);\n\t\tconst mergedRef = useMergedRef(ref, arrowNavRef);\n\n\t\tuseArrowNav({\n\t\t\tdisabled: disabled || readonly,\n\t\t\tscope: arrowNavRef,\n\t\t\thandleY: false,\n\t\t\tfocusableSelector: { selector: 'button' },\n\t\t\tonKeyDown: (e: KeyboardEvent, data: any) => data.next?.click(),\n\t\t});\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\t{...rest}\n\t\t\t\tclassName={classnames('ColorPicker', className, {\n\t\t\t\t\t'ColorPicker--disabled': disabled,\n\t\t\t\t})}\n\t\t\t\tref={mergedRef}\n\t\t\t\trole=\"radiogroup\"\n\t\t\t\tdata-anvil-component=\"ColorPicker\"\n\t\t\t>\n\t\t\t\t{colors.map((color, index) => (\n\t\t\t\t\t<button\n\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\tclassName={classnames('ColorPicker__Item', {\n\t\t\t\t\t\t\t'ColorPicker__Item--active': color === value,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tstyle={{ backgroundColor: color }}\n\t\t\t\t\t\tonClick={handleItemClick(color)}\n\t\t\t\t\t\trole=\"radio\"\n\t\t\t\t\t\taria-label={color}\n\t\t\t\t\t\taria-checked={color === value}\n\t\t\t\t\t\ttabIndex={disabled || readonly ? -1 : null}\n\t\t\t\t\t/>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t);\n\t}\n);\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.test.js","sourceRoot":"","sources":["../../../src/components/ColorPicker/ColorPicker.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC5B,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,WAAW,IACX,MAAM,EAAE;gBACP,SAAS;gBACT,SAAS;gBACT,SAAS;gBACT,SAAS;gBACT,SAAS;gBACT,SAAS;gBACT,SAAS;gBACT,kBAAkB;gBAClB,oBAAoB;aACpB,EACD,KAAK,EAAC,SAAS,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":"ColorPicker.test.js","sourceRoot":"","sources":["../../../src/components/ColorPicker/ColorPicker.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC5B,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,WAAW,IACX,MAAM,EAAE;gBACP,SAAS;gBACT,SAAS;gBACT,SAAS;gBACT,SAAS;gBACT,SAAS;gBACT,SAAS;gBACT,SAAS;gBACT,kBAAkB;gBAClB,oBAAoB;aACpB,EACD,KAAK,EAAC,SAAS,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 { ColorPicker } from './ColorPicker';\n\ndescribe('ColorPicker', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<ColorPicker\n\t\t\t\tcolors={[\n\t\t\t\t\t'#1fbc70',\n\t\t\t\t\t'#ff745f',\n\t\t\t\t\t'#faafe2',\n\t\t\t\t\t'#8772e5',\n\t\t\t\t\t'#01f346',\n\t\t\t\t\t'#90efc0',\n\t\t\t\t\t'#ffcc80',\n\t\t\t\t\t'rgb(8, 191, 223)',\n\t\t\t\t\t'rgb(204, 157, 127)',\n\t\t\t\t]}\n\t\t\t\tvalue=\"#ff745f\"\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/ColorPicker/index.js.map

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

package/dist/components/Container/Container.js.map

@@ -1 +1 @@
-{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../../src/components/Container/Container.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AA6BpC,MAAM,CAAC,MAAM,SAAS,GAAuB,CAAC,EAS7C,EAAE,EAAE;QATyC,EAC7C,QAAQ,EACR,SAAS,EACT,OAAO,EACP,EAAE,EAAE,gBAAgB,GAAG,KAAK,EAC5B,KAAK,EACL,IAAI,EACJ,SAAS,GAAG,MAAM,OAElB,EADG,KAAK,cARqC,wEAS7C,CADQ;IAER,MAAM,OAAO,GAAG,UAAU,CAAC,gCAAgC,EAAE,SAAS,EAAE;QACvE,kBAAkB,EAAE,KAAK;QACzB,iBAAiB,EAAE,IAAI;QACvB,CAAC,MAAM,SAAS,EAAE,CAAC,EAAE,SAAS;KAC9B,CAAC,CAAC;IAEH,OAAO,CACN,oBAAC,gBAAgB,kBAChB,SAAS,EAAE,OAAO,0BACG,WAAW,IAC5B,KAAK,GAER,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CACtC,CACnB,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../../src/components/Container/Container.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AA6BpC,MAAM,CAAC,MAAM,SAAS,GAAuB,CAAC,EAS7C,EAAE,EAAE;QATyC,EAC7C,QAAQ,EACR,SAAS,EACT,OAAO,EACP,EAAE,EAAE,gBAAgB,GAAG,KAAK,EAC5B,KAAK,EACL,IAAI,EACJ,SAAS,GAAG,MAAM,OAElB,EADG,KAAK,cARqC,wEAS7C,CADQ;IAER,MAAM,OAAO,GAAG,UAAU,CAAC,gCAAgC,EAAE,SAAS,EAAE;QACvE,kBAAkB,EAAE,KAAK;QACzB,iBAAiB,EAAE,IAAI;QACvB,CAAC,MAAM,SAAS,EAAE,CAAC,EAAE,SAAS;KAC9B,CAAC,CAAC;IAEH,OAAO,CACN,oBAAC,gBAAgB,kBAChB,SAAS,EAAE,OAAO,0BACG,WAAW,IAC5B,KAAK,GAER,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CACtC,CACnB,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\n\n/**\n * Container properties\n */\nexport interface ContainerPropsStrict {\n\t/** Adds one or more classnames to an element */\n\tclassName?: string;\n\n\t/** Shorthand for primary content */\n\tcontent?: React.ReactNode;\n\n\t/** Set the wrapping element's tagname */\n\tel?: any;\n\n\t/** Container has no maximum width */\n\tfluid?: boolean;\n\n\t/** Reduce maximum width to more naturally accommodate text */\n\ttext?: boolean;\n\n\t/** Align container's text */\n\ttextAlign?: 'left' | 'right' | 'center' | 'justify';\n}\n\nexport interface ContainerProps extends ContainerPropsStrict {\n\t[propName: string]: any;\n}\n\nexport const Container: FC<ContainerProps> = ({\n\tchildren,\n\tclassName,\n\tcontent,\n\tel: ContainerElement = 'div',\n\tfluid,\n\ttext,\n\ttextAlign = 'left',\n\t...props\n}) => {\n\tconst classes = classnames('semantic-anvil-theme Container', className, {\n\t\t'Container--fluid': fluid,\n\t\t'Container--text': text,\n\t\t[`ta-${textAlign}`]: textAlign,\n\t});\n\n\treturn (\n\t\t<ContainerElement\n\t\t\tclassName={classes}\n\t\t\tdata-anvil-component=\"Container\"\n\t\t\t{...props}\n\t\t>\n\t\t\t{React.Children.count(children) > 0 ? children : content}\n\t\t</ContainerElement>\n\t);\n};\n"]}

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

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

package/dist/components/DataList/DataList.js

@@ -16,7 +16,7 @@ import { DataListHeaderCell, } from './DataListHeaderCell';
 import { DataListRow } from './DataListRow';
 import { DataListCell } from './DataListCell';
 export const DataList = (_a) => {
-    var { children, className, header, items, spacing = 2, simple } = _a, props = __rest(_a, ["children", "className", "header", "items", "spacing", "simple"]);
+    var { children, className, header, items, spacing = 2, simple } = _a, rest = __rest(_a, ["children", "className", "header", "items", "spacing", "simple"]);
     const generateRows = (header, items) => {
         const actualheader = Array.isArray(header)
             ? header
@@ -38,7 +38,7 @@ export const DataList = (_a) => {
     });
     const headerRow = (React.createElement(DataListHeaderRow, null, header));
     const rows = children || generateRows(header, items);
-    return (React.createElement("div", Object.assign({ className: classes, "data-anvil-component": "DataList" }, props),
+    return (React.createElement("div", Object.assign({ className: classes, "data-anvil-component": "DataList" }, rest),
         headerRow,
         rows));
 };

package/dist/components/DataList/DataList.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataList.js","sourceRoot":"","sources":["../../../src/components/DataList/DataList.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,iBAAiB,EAAyB,MAAM,qBAAqB,CAAC;AAC/E,OAAO,EACN,kBAAkB,GAGlB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,WAAW,EAAmB,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAoB,MAAM,gBAAgB,CAAC;AA2BhE,MAAM,CAAC,MAAM,QAAQ,GAAa,CAAC,EAQlC,EAAE,EAAE;QAR8B,EAClC,QAAQ,EACR,SAAS,EACT,MAAM,EACN,KAAK,EACL,OAAO,GAAG,CAAC,EACX,MAAM,OAEN,EADG,KAAK,cAP0B,iEAQlC,CADQ;IAER,MAAM,YAAY,GAAG,CACpB,MAAqC,EACrC,KAAmC,EACT,EAAE;QAC5B,MAAM,YAAY,GAA6B,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;YACnE,CAAC,CAAC,MAAM;YACR,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;QAEZ,MAAM,iBAAiB,GACtB,YAAY,CAAC,GAAG,CACf,CACC,UAAkC,EACH,EAAE,CAAC,UAAU,CAAC,KAAK,CACnD,CAAC;QAEH,MAAM,IAAI,GAA4B,KAAK,CAAC,GAAG,CAC9C,CAAC,IAAkB,EAAE,KAAa,EAAyB,EAAE;YAC5D,OAAO,CACN,oBAAC,WAAW,IAAC,GAAG,EAAE,KAAK,IACrB,aAAa,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAC1B,CACd,CAAC;QACH,CAAC,CACD,CAAC;QAEF,OAAO,IAAI,CAAC;IACb,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CACrB,IAAkB,EAClB,iBAAiD,EAC5B,EAAE;QACvB,OAAO,iBAAiB,CAAC,GAAG,CAC3B,CACC,gBAA8C,EAC9C,KAAa,EACM,EAAE;YACrB,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,KAChC,gBAAgB,EADqB,cAAc,UACnD,gBAAgB,EADX,iCAAgD,CACrC,CAAC;YAClB,OAAO,CACN,oBAAC,YAAY,kBAAC,GAAG,EAAE,KAAK,IAAM,cAAc,GAC1C,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CACd,CACf,CAAC;QACH,CAAC,CACD,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,UAAU,CACzB,UAAU,EACV,SAAS,EACT,qBAAqB,OAAO,EAAE,EAC9B;QACC,kBAAkB,EAAE,MAAM;KAC1B,CACD,CAAC;IAEF,MAAM,SAAS,GAA0B,CACxC,oBAAC,iBAAiB,QAAE,MAAM,CAAqB,CAC/C,CAAC;IACF,MAAM,IAAI,GACT,QAAQ,IAAI,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAEzC,OAAO,CACN,2CAAK,SAAS,EAAE,OAAO,0BAAuB,UAAU,IAAK,KAAK;QAChE,SAAS;QACT,IAAI,CACA,CACN,CAAC;AACH,CAAC,CAAC;AAEF,QAAQ,CAAC,SAAS,GAAG,iBAAiB,CAAC;AACvC,QAAQ,CAAC,UAAU,GAAG,kBAAkB,CAAC;AACzC,QAAQ,CAAC,GAAG,GAAG,WAAW,CAAC;AAC3B,QAAQ,CAAC,IAAI,GAAG,YAAY,CAAC"}
+{"version":3,"file":"DataList.js","sourceRoot":"","sources":["../../../src/components/DataList/DataList.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,iBAAiB,EAAyB,MAAM,qBAAqB,CAAC;AAC/E,OAAO,EACN,kBAAkB,GAGlB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,WAAW,EAAmB,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAoB,MAAM,gBAAgB,CAAC;AA2BhE,MAAM,CAAC,MAAM,QAAQ,GAAa,CAAC,EAQlC,EAAE,EAAE;QAR8B,EAClC,QAAQ,EACR,SAAS,EACT,MAAM,EACN,KAAK,EACL,OAAO,GAAG,CAAC,EACX,MAAM,OAEN,EADG,IAAI,cAP2B,iEAQlC,CADO;IAEP,MAAM,YAAY,GAAG,CACpB,MAAqC,EACrC,KAAmC,EACT,EAAE;QAC5B,MAAM,YAAY,GAA6B,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;YACnE,CAAC,CAAC,MAAM;YACR,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;QAEZ,MAAM,iBAAiB,GACtB,YAAY,CAAC,GAAG,CACf,CACC,UAAkC,EACH,EAAE,CAAC,UAAU,CAAC,KAAK,CACnD,CAAC;QAEH,MAAM,IAAI,GAA4B,KAAK,CAAC,GAAG,CAC9C,CAAC,IAAkB,EAAE,KAAa,EAAyB,EAAE;YAC5D,OAAO,CACN,oBAAC,WAAW,IAAC,GAAG,EAAE,KAAK,IACrB,aAAa,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAC1B,CACd,CAAC;QACH,CAAC,CACD,CAAC;QAEF,OAAO,IAAI,CAAC;IACb,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CACrB,IAAkB,EAClB,iBAAiD,EAC5B,EAAE;QACvB,OAAO,iBAAiB,CAAC,GAAG,CAC3B,CACC,gBAA8C,EAC9C,KAAa,EACM,EAAE;YACrB,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,KAChC,gBAAgB,EADqB,cAAc,UACnD,gBAAgB,EADX,iCAAgD,CACrC,CAAC;YAClB,OAAO,CACN,oBAAC,YAAY,kBAAC,GAAG,EAAE,KAAK,IAAM,cAAc,GAC1C,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CACd,CACf,CAAC;QACH,CAAC,CACD,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,UAAU,CACzB,UAAU,EACV,SAAS,EACT,qBAAqB,OAAO,EAAE,EAC9B;QACC,kBAAkB,EAAE,MAAM;KAC1B,CACD,CAAC;IAEF,MAAM,SAAS,GAA0B,CACxC,oBAAC,iBAAiB,QAAE,MAAM,CAAqB,CAC/C,CAAC;IACF,MAAM,IAAI,GACT,QAAQ,IAAI,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAEzC,OAAO,CACN,2CAAK,SAAS,EAAE,OAAO,0BAAuB,UAAU,IAAK,IAAI;QAC/D,SAAS;QACT,IAAI,CACA,CACN,CAAC;AACH,CAAC,CAAC;AAEF,QAAQ,CAAC,SAAS,GAAG,iBAAiB,CAAC;AACvC,QAAQ,CAAC,UAAU,GAAG,kBAAkB,CAAC;AACzC,QAAQ,CAAC,GAAG,GAAG,WAAW,CAAC;AAC3B,QAAQ,CAAC,IAAI,GAAG,YAAY,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\n\nimport { DataListHeaderRow, DataListHeaderRowType } from './DataListHeaderRow';\nimport {\n\tDataListHeaderCell,\n\tDataListHeaderCellProperties,\n\tDataListHeaderCellType,\n} from './DataListHeaderCell';\nimport { DataListRow, DataListRowType } from './DataListRow';\nimport { DataListCell, DataListCellType } from './DataListCell';\n\ninterface DataListItem {\n\t[fieldName: string]: any | undefined;\n}\n\ninterface DataListPropsStrict {\n\theader: DataListHeaderCellType[] | DataListHeaderCellType;\n\tchildren?: DataListRowType[] | DataListRowType;\n\titems?: DataListItem[];\n\tclassName?: string;\n\tspacing?: 1 | 2;\n\tsimple?: boolean;\n}\n\ninterface DataListProps extends DataListPropsStrict {\n\t/** Unstrict Props */\n\t[propName: string]: any;\n}\n\ninterface DataList extends FC<DataListProps> {\n\tHeaderRow: typeof DataListHeaderRow;\n\tHeaderCell: typeof DataListHeaderCell;\n\tRow: typeof DataListRow;\n\tCell: typeof DataListCell;\n}\n\nexport const DataList: DataList = ({\n\tchildren,\n\tclassName,\n\theader,\n\titems,\n\tspacing = 2,\n\tsimple,\n\t...rest\n}) => {\n\tconst generateRows = (\n\t\theader: DataListPropsStrict['header'],\n\t\titems: DataListPropsStrict['items']\n\t): DataListHeaderRowType[] => {\n\t\tconst actualheader: DataListHeaderCellType[] = Array.isArray(header)\n\t\t\t? header\n\t\t\t: [header];\n\n\t\tconst headersProperties: DataListHeaderCellProperties[] =\n\t\t\tactualheader.map(\n\t\t\t\t(\n\t\t\t\t\theaderCell: DataListHeaderCellType\n\t\t\t\t): DataListHeaderCellProperties => headerCell.props\n\t\t\t);\n\n\t\tconst rows: DataListHeaderRowType[] = items.map(\n\t\t\t(item: DataListItem, index: number): DataListHeaderRowType => {\n\t\t\t\treturn (\n\t\t\t\t\t<DataListRow key={index}>\n\t\t\t\t\t\t{generateCells(item, headersProperties)}\n\t\t\t\t\t</DataListRow>\n\t\t\t\t);\n\t\t\t}\n\t\t);\n\n\t\treturn rows;\n\t};\n\n\tconst generateCells = (\n\t\titem: DataListItem,\n\t\theadersProperties: DataListHeaderCellProperties[]\n\t): DataListCellType[] => {\n\t\treturn headersProperties.map(\n\t\t\t(\n\t\t\t\theaderProperties: DataListHeaderCellProperties,\n\t\t\t\tindex: number\n\t\t\t): DataListCellType => {\n\t\t\t\tconst { name, children, className, ...cellProperties } =\n\t\t\t\t\theaderProperties;\n\t\t\t\treturn (\n\t\t\t\t\t<DataListCell key={index} {...cellProperties}>\n\t\t\t\t\t\t{item[headerProperties.name]}\n\t\t\t\t\t</DataListCell>\n\t\t\t\t);\n\t\t\t}\n\t\t);\n\t};\n\n\tconst classes = classnames(\n\t\t'DataList',\n\t\tclassName,\n\t\t`DataList--spacing-${spacing}`,\n\t\t{\n\t\t\t'DataList--Simple': simple,\n\t\t}\n\t);\n\n\tconst headerRow: DataListHeaderRowType = (\n\t\t<DataListHeaderRow>{header}</DataListHeaderRow>\n\t);\n\tconst rows: DataListRowType[] | DataListRowType =\n\t\tchildren || generateRows(header, items);\n\n\treturn (\n\t\t<div className={classes} data-anvil-component=\"DataList\" {...rest}>\n\t\t\t{headerRow}\n\t\t\t{rows}\n\t\t</div>\n\t);\n};\n\nDataList.HeaderRow = DataListHeaderRow;\nDataList.HeaderCell = DataListHeaderCell;\nDataList.Row = DataListRow;\nDataList.Cell = DataListCell;\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"DataList.test.js","sourceRoot":"","sources":["../../../src/components/DataList/DataList.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,KAAK,EAAE;gBACN,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,EAAE;gBAC5B,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,EAAE;gBAC5B,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,EAAE;aAC5B,EACD,MAAM,EAAE;gBACP,oBAAC,QAAQ,CAAC,UAAU,IACnB,GAAG,EAAE,CAAC,EACN,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,YAAY,GACnB;gBACF,oBAAC,QAAQ,CAAC,UAAU,IACnB,GAAG,EAAE,CAAC,EACN,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,aAAa,GACpB;aACF,mBACa,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":"DataList.test.js","sourceRoot":"","sources":["../../../src/components/DataList/DataList.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,KAAK,EAAE;gBACN,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,EAAE;gBAC5B,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,EAAE;gBAC5B,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,EAAE;aAC5B,EACD,MAAM,EAAE;gBACP,oBAAC,QAAQ,CAAC,UAAU,IACnB,GAAG,EAAE,CAAC,EACN,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,YAAY,GACnB;gBACF,oBAAC,QAAQ,CAAC,UAAU,IACnB,GAAG,EAAE,CAAC,EACN,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,aAAa,GACpB;aACF,mBACa,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 { DataList } from './DataList';\n\ndescribe('DataList', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<DataList\n\t\t\t\titems={[\n\t\t\t\t\t{ id: '987ABCD', desc: '1' },\n\t\t\t\t\t{ id: '654ABCD', desc: '2' },\n\t\t\t\t\t{ id: '643ABCD', desc: '3' },\n\t\t\t\t]}\n\t\t\t\theader={[\n\t\t\t\t\t<DataList.HeaderCell\n\t\t\t\t\t\tkey={0}\n\t\t\t\t\t\tname=\"id\"\n\t\t\t\t\t\tcontent=\"Contact ID\"\n\t\t\t\t\t/>,\n\t\t\t\t\t<DataList.HeaderCell\n\t\t\t\t\t\tkey={1}\n\t\t\t\t\t\tname=\"desc\"\n\t\t\t\t\t\tcontent=\"Description\"\n\t\t\t\t\t/>,\n\t\t\t\t]}\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/DataList/DataListCell.d.ts

@@ -1,10 +1,12 @@
 import React, { FC } from 'react';
-export declare type DataListCellType = React.ReactElement<DataListCellProperties>;
-export interface DataListCellProperties {
+export declare type DataListCellType = React.ReactElement<DataListCellProps>;
+export interface DataListCellProps {
     className?: string;
     children?: React.ReactNode;
     align?: 'left' | 'right' | 'center' | 'justify';
     width?: string;
     wrapping?: boolean;
+    /** Deprecated. */
+    content?: React.ReactNode;
 }
-export declare const DataListCell: FC<DataListCellProperties>;
+export declare const DataListCell: FC<DataListCellProps>;

package/dist/components/DataList/DataListCell.js

@@ -12,11 +12,11 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React from 'react';
 import classnames from 'classnames';
 export const DataListCell = (_a) => {
-    var { className, children, align, width, wrapping } = _a, rest = __rest(_a, ["className", "children", "align", "width", "wrapping"]);
+    var { className, children, content, align, width, wrapping } = _a, rest = __rest(_a, ["className", "children", "content", "align", "width", "wrapping"]);
     const classes = classnames('DataList__Cell', className, {
         [`ta-${align}`]: align,
         'DataList__Cell--wrapped': wrapping,
     });
-    return (React.createElement("div", Object.assign({ className: classes, style: { width } }, rest), children));
+    return (React.createElement("div", Object.assign({ className: classes, style: { width } }, rest), children || content));
 };
 //# sourceMappingURL=DataListCell.js.map

package/dist/components/DataList/DataListCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataListCell.js","sourceRoot":"","sources":["../../../src/components/DataList/DataListCell.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAYpC,MAAM,CAAC,MAAM,YAAY,GAA+B,CAAC,EAOxD,EAAE,EAAE;QAPoD,EACxD,SAAS,EACT,QAAQ,EACR,KAAK,EACL,KAAK,EACL,QAAQ,OAER,EADG,IAAI,cANiD,uDAOxD,CADO;IAEP,MAAM,OAAO,GAAW,UAAU,CAAC,gBAAgB,EAAE,SAAS,EAAE;QAC/D,CAAC,MAAM,KAAK,EAAE,CAAC,EAAE,KAAK;QACtB,yBAAyB,EAAE,QAAQ;KACnC,CAAC,CAAC;IAEH,OAAO,CACN,2CAAK,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAM,IAAI,GACjD,QAAQ,CACJ,CACN,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"DataListCell.js","sourceRoot":"","sources":["../../../src/components/DataList/DataListCell.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAepC,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAQnD,EAAE,EAAE;QAR+C,EACnD,SAAS,EACT,QAAQ,EACR,OAAO,EACP,KAAK,EACL,KAAK,EACL,QAAQ,OAER,EADG,IAAI,cAP4C,kEAQnD,CADO;IAEP,MAAM,OAAO,GAAW,UAAU,CAAC,gBAAgB,EAAE,SAAS,EAAE;QAC/D,CAAC,MAAM,KAAK,EAAE,CAAC,EAAE,KAAK;QACtB,yBAAyB,EAAE,QAAQ;KACnC,CAAC,CAAC;IAEH,OAAO,CACN,2CAAK,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAM,IAAI,GACjD,QAAQ,IAAI,OAAO,CACf,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\n\nexport type DataListCellType = React.ReactElement<DataListCellProps>;\n\nexport interface DataListCellProps {\n\tclassName?: string;\n\tchildren?: React.ReactNode;\n\talign?: 'left' | 'right' | 'center' | 'justify';\n\twidth?: string;\n\twrapping?: boolean;\n\n\t/** Deprecated. */\n\tcontent?: React.ReactNode;\n}\n\nexport const DataListCell: FC<DataListCellProps> = ({\n\tclassName,\n\tchildren,\n\tcontent,\n\talign,\n\twidth,\n\twrapping,\n\t...rest\n}) => {\n\tconst classes: string = classnames('DataList__Cell', className, {\n\t\t[`ta-${align}`]: align,\n\t\t'DataList__Cell--wrapped': wrapping,\n\t});\n\n\treturn (\n\t\t<div className={classes} style={{ width }} {...rest}>\n\t\t\t{children || content}\n\t\t</div>\n\t);\n};\n"]}

package/dist/components/DataList/DataListHeaderCell.d.ts

@@ -1,10 +1,11 @@
 import React, { FC } from 'react';
-import { DataListCellProperties } from './DataListCell';
+import { DataListCellProps } from './DataListCell';
 export declare type DataListHeaderCellType = React.ReactElement<DataListHeaderCellProperties>;
-export interface DataListHeaderCellProperties extends DataListCellProperties {
+export interface DataListHeaderCellProperties extends DataListCellProps {
     name: string;
     className?: string;
     children?: React.ReactNode;
+    /** Deprecated. */
     content?: React.ReactNode;
 }
 export declare const DataListHeaderCell: FC<DataListHeaderCellProperties>;

package/dist/components/DataList/DataListHeaderCell.js

@@ -12,10 +12,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React from 'react';
 import classnames from 'classnames';
 import { DataListCell } from './DataListCell';
-import { getContent } from '../../utilities/getContent';
 export const DataListHeaderCell = (_a) => {
-    var { className } = _a, rest = __rest(_a, ["className"]);
+    var { className, children, content } = _a, rest = __rest(_a, ["className", "children", "content"]);
     const classes = classnames('DataList__HeaderCell', className);
-    return (React.createElement(DataListCell, Object.assign({ className: classes }, rest), getContent(rest)));
+    return (React.createElement(DataListCell, Object.assign({ className: classes }, rest), children || content));
 };
 //# sourceMappingURL=DataListHeaderCell.js.map

package/dist/components/DataList/DataListHeaderCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataListHeaderCell.js","sourceRoot":"","sources":["../../../src/components/DataList/DataListHeaderCell.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,YAAY,EAA0B,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAYxD,MAAM,CAAC,MAAM,kBAAkB,GAAqC,CAAC,EAGpE,EAAE,EAAE;QAHgE,EACpE,SAAS,OAET,EADG,IAAI,cAF6D,aAGpE,CADO;IAEP,MAAM,OAAO,GAAG,UAAU,CAAC,sBAAsB,EAAE,SAAS,CAAC,CAAC;IAE9D,OAAO,CACN,oBAAC,YAAY,kBAAC,SAAS,EAAE,OAAO,IAAM,IAAI,GACxC,UAAU,CAAC,IAAI,CAAC,CACH,CACf,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"DataListHeaderCell.js","sourceRoot":"","sources":["../../../src/components/DataList/DataListHeaderCell.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAC;AAcjE,MAAM,CAAC,MAAM,kBAAkB,GAAqC,CAAC,EAKpE,EAAE,EAAE;QALgE,EACpE,SAAS,EACT,QAAQ,EACR,OAAO,OAEP,EADG,IAAI,cAJ6D,oCAKpE,CADO;IAEP,MAAM,OAAO,GAAG,UAAU,CAAC,sBAAsB,EAAE,SAAS,CAAC,CAAC;IAE9D,OAAO,CACN,oBAAC,YAAY,kBAAC,SAAS,EAAE,OAAO,IAAM,IAAI,GACxC,QAAQ,IAAI,OAAO,CACN,CACf,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\nimport { DataListCell, DataListCellProps } from './DataListCell';\n\nexport type DataListHeaderCellType =\n\tReact.ReactElement<DataListHeaderCellProperties>;\n\nexport interface DataListHeaderCellProperties extends DataListCellProps {\n\tname: string;\n\tclassName?: string;\n\tchildren?: React.ReactNode;\n\n\t/** Deprecated. */\n\tcontent?: React.ReactNode;\n}\n\nexport const DataListHeaderCell: FC<DataListHeaderCellProperties> = ({\n\tclassName,\n\tchildren,\n\tcontent,\n\t...rest\n}) => {\n\tconst classes = classnames('DataList__HeaderCell', className);\n\n\treturn (\n\t\t<DataListCell className={classes} {...rest}>\n\t\t\t{children || content}\n\t\t</DataListCell>\n\t);\n};\n"]}

package/dist/components/DataList/DataListHeaderRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataListHeaderRow.js","sourceRoot":"","sources":["../../../src/components/DataList/DataListHeaderRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAYpC,MAAM,CAAC,MAAM,iBAAiB,GAAoC,CAAC,KAAK,EAAE,EAAE;IAC3E,MAAM,OAAO,GAAW,UAAU,CAAC,qBAAqB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAC3E,OAAO,6BAAK,SAAS,EAAE,OAAO,IAAG,KAAK,CAAC,QAAQ,CAAO,CAAC;AACxD,CAAC,CAAC"}
+{"version":3,"file":"DataListHeaderRow.js","sourceRoot":"","sources":["../../../src/components/DataList/DataListHeaderRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAYpC,MAAM,CAAC,MAAM,iBAAiB,GAAoC,CAAC,KAAK,EAAE,EAAE;IAC3E,MAAM,OAAO,GAAW,UAAU,CAAC,qBAAqB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAC3E,OAAO,6BAAK,SAAS,EAAE,OAAO,IAAG,KAAK,CAAC,QAAQ,CAAO,CAAC;AACxD,CAAC,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\n\nimport { DataListHeaderCellType } from './DataListHeaderCell';\n\nexport type DataListHeaderRowType =\n\tReact.ReactElement<DataListHeaderRowProperties>;\n\nexport interface DataListHeaderRowProperties {\n\tclassName?: string;\n\tchildren?: DataListHeaderCellType[] | DataListHeaderCellType;\n}\n\nexport const DataListHeaderRow: FC<DataListHeaderRowProperties> = (props) => {\n\tconst classes: string = classnames('DataList__HeaderRow', props.className);\n\treturn <div className={classes}>{props.children}</div>;\n};\n"]}

package/dist/components/DataList/DataListRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataListRow.js","sourceRoot":"","sources":["../../../src/components/DataList/DataListRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAWpC,MAAM,CAAC,MAAM,WAAW,GAA8B,CAAC,KAAK,EAAE,EAAE;IAC/D,MAAM,OAAO,GAAW,UAAU,CAAC,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IACrE,OAAO,6BAAK,SAAS,EAAE,OAAO,IAAG,KAAK,CAAC,QAAQ,CAAO,CAAC;AACxD,CAAC,CAAC"}
+{"version":3,"file":"DataListRow.js","sourceRoot":"","sources":["../../../src/components/DataList/DataListRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAWpC,MAAM,CAAC,MAAM,WAAW,GAA8B,CAAC,KAAK,EAAE,EAAE;IAC/D,MAAM,OAAO,GAAW,UAAU,CAAC,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IACrE,OAAO,6BAAK,SAAS,EAAE,OAAO,IAAG,KAAK,CAAC,QAAQ,CAAO,CAAC;AACxD,CAAC,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\n\nimport { DataListCellType } from './DataListCell';\n\nexport type DataListRowType = React.ReactElement<DataListRowProperties>;\n\nexport interface DataListRowProperties {\n\tclassName?: string;\n\tchildren?: DataListCellType[] | DataListCellType;\n}\n\nexport const DataListRow: FC<DataListRowProperties> = (props) => {\n\tconst classes: string = classnames('DataList__Row', props.className);\n\treturn <div className={classes}>{props.children}</div>;\n};\n"]}

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

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

package/dist/components/DatePicker/DatePicker.css

@@ -228,7 +228,7 @@
   box-shadow: 0 0 0 4px var(--colorsBorderPrimarySubdued, #b5deff);
 }
 .a-Checkbox:not(.Checkbox--disabled):hover .Checkbox__box {
-  border-color: var(--colorsBorderDefault, #444445);
+  border-color: var(--colorsBorderDefault, #949596);
 }
 .Checkbox--error.a-Checkbox:not(.Checkbox--disabled):hover .Checkbox__box {
   border-color: var(--colorsBorderCritical, #e13212);

package/dist/components/DatePicker/DatePicker.d.ts

@@ -4,6 +4,7 @@ import { PopoverProps } from '../Popover';
 import { InputDateMaskProps } from './InputDateMask';
 import { InputPropsStrict } from '../Input';
 import { DateObj } from './utils/utils';
+import { PopperProps } from '../../internal';
 export interface DatePickerPropsStrict extends Pick<PopoverProps, 'autoFlipVertically' | 'autoFlipHorizontally' | 'direction'> {
     /** Use custom component as a Calendar */
     calendar?: React.ComponentType<CalendarProps>;
@@ -35,6 +36,8 @@ export interface DatePickerPropsStrict extends Pick<PopoverProps, 'autoFlipVerti
         /** Called on blur of the input */
         onBlur?: (event: React.FocusEvent<HTMLElement>) => void;
     };
+    /** Props to be passed to the portaled div */
+    portalDataAttributes?: PopperProps['portalDataAttributes'];
     /** Called on DatePicker's blur event */
     onBlur?: (value: Date | string | undefined, data?: DateObj) => void;
     /** Called on every meaningful date change */
@@ -48,7 +51,7 @@ interface CustomTriggerProps {
     /** Returns internal trigger value */
     value: DatePickerProps['value'] | any;
     /** Returns internal trigger prop */
-    onClick?: () => void;
+    onClick?: (e: any) => void;
     /** Returns internal open state */
     open: DatePickerProps['open'];
     /** Returns interal error state */

package/dist/components/DatePicker/DatePicker.js

@@ -20,11 +20,12 @@ import { TimezoneContext } from '../../utilities/TimezoneProvider';
 import { FormFieldContext } from '../../components/FormField';
 import { toDateObj, toTimeZone, fromTimeZone, toFormat, compareObj, invalidDate, isValidDate, } from './utils/utils';
 export const DatePicker = React.forwardRef((props, ref) => {
-    const { disabled, calendar: CustomCalendar, direction = 'br', error, maskChar, maskProps, maxDate, minDate, isoFormat, input: inputProps, onBlur, onChange, onOpenChange, open, placeholder, required, size, trigger, value } = props, rest = __rest(props, ["disabled", "calendar", "direction", "error", "maskChar", "maskProps", "maxDate", "minDate", "isoFormat", "input", "onBlur", "onChange", "onOpenChange", "open", "placeholder", "required", "size", "trigger", "value"]);
+    const { disabled, calendar: CustomCalendar, direction = 'br', error, maskChar, maskProps, maxDate, minDate, isoFormat, input: inputProps, onBlur, onChange, onOpenChange, open, placeholder, required, size, trigger, value, portalDataAttributes } = props, rest = __rest(props, ["disabled", "calendar", "direction", "error", "maskChar", "maskProps", "maxDate", "minDate", "isoFormat", "input", "onBlur", "onChange", "onOpenChange", "open", "placeholder", "required", "size", "trigger", "value", "portalDataAttributes"]);
     const tz = useContext(TimezoneContext);
     const minTZ = toTimeZone(minDate, tz); // In timezone (with shift)
     const maxTZ = toTimeZone(maxDate, tz); // In timezone (with shift)
     const todayTZ = toTimeZone(new Date(), tz, { startOfDay: true }); // In timezone (with shift)
+    const { labelFor: inputId } = React.useContext(FormFieldContext);
     // State
     const [date, setDate] = React.useState(toDateObj({ date: value, tz }));
     const [showCalendar, setShowCalendar] = React.useState(open);
@@ -45,17 +46,20 @@ export const DatePicker = React.forwardRef((props, ref) => {
         !showCalendar && setShowCalendar(true);
         !showCalendar && (onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(true));
     };
-    const closeCalendar = () => {
+    const closeCalendar = (e) => {
+        var _a, _b;
+        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;
         showCalendar && setShowCalendar(false);
         showCalendar && (onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(false));
     };
-    const toggleCalendar = () => showCalendar ? closeCalendar() : openCalendar();
+    const toggleCalendar = (e) => showCalendar ? closeCalendar(e) : openCalendar();
     const handleKeyDown = (e) => {
         var _a, _b;
         const { key } = e;
         if (key === keys.esc) {
             e.preventDefault();
-            closeCalendar();
+            closeCalendar(e);
             !trigger && ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus());
         }
         if ([keys.space, keys.down].includes(key)) {
@@ -64,7 +68,7 @@ export const DatePicker = React.forwardRef((props, ref) => {
             (_b = calendarRef === null || calendarRef === void 0 ? void 0 : calendarRef.current) === null || _b === void 0 ? void 0 : _b.focus();
         }
         if (showCalendar && key === keys.tab)
-            closeCalendar();
+            closeCalendar(e);
     };
     const handleCalendarChange = (e) => {
         var _a, _b, _c, _d;
@@ -77,7 +81,7 @@ export const DatePicker = React.forwardRef((props, ref) => {
             setDate(next);
             onChangeReturn(next);
         }
-        closeCalendar();
+        closeCalendar(e);
         !trigger && ((_d = inputRef.current) === null || _d === void 0 ? void 0 : _d.focus()); // Sets focus back on enter keypress on calendar's date
     };
     const handleMaskChange = (val, data) => {
@@ -150,13 +154,12 @@ export const DatePicker = React.forwardRef((props, ref) => {
         open: showCalendar,
         error,
     });
-    const { labelFor: inputId } = React.useContext(FormFieldContext);
     const inputMask = (React.createElement(InputDateMask, Object.assign({}, inputMaskProps, { id: inputId, inputRef: inputRef, calendarRef: calendarRef, className: "DatePicker__input", onClick: openCalendar, shortLabel: React.createElement(Icon, { name: "event", className: "DatePicker__icon", onClick: toggleCalendar, "aria-label": "toggle calendar" }), fluid: true, "data-anvil-component": "DatePicker" })));
     const DatePickerClasses = classnames('DatePicker', {
         'DatePicker--disabled': disabled,
         'DatePicker--open': showCalendar,
         [`DatePicker--${size}`]: size,
     });
-    return (React.createElement(Popover, Object.assign({ portal: true, wrapperClassName: DatePickerClasses, open: showCalendar, popoverContentClassName: "DatePicker__calendar", onKeyDown: handleKeyDown, direction: direction, padding: null, width: "auto", ref: ref, onClickOutside: closeCalendar, trigger: customTrigger !== null && customTrigger !== void 0 ? customTrigger : inputMask }, rest), CustomCalendar ? (React.createElement(CustomCalendar, Object.assign({}, calendarProps))) : (React.createElement(Calendar, Object.assign({}, calendarProps)))));
+    return (React.createElement(Popover, Object.assign({ portal: true, wrapperClassName: DatePickerClasses, open: showCalendar, popoverContentClassName: "DatePicker__calendar", onKeyDown: handleKeyDown, direction: direction, padding: null, width: "auto", ref: ref, onClickOutside: closeCalendar, trigger: customTrigger !== null && customTrigger !== void 0 ? customTrigger : inputMask, portalDataAttributes: portalDataAttributes }, rest), CustomCalendar ? (React.createElement(CustomCalendar, Object.assign({}, calendarProps))) : (React.createElement(Calendar, Object.assign({}, calendarProps)))));
 });
 //# sourceMappingURL=DatePicker.js.map

package/dist/components/DatePicker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { FC, useContext, useEffect, useRef } from 'react';\nimport classnames from 'classnames';\nimport {\n\tCalendar,\n\tCalendarProps,\n\tCalendarChangeEvent,\n\tCalendarCell,\n\tCalendarCellProps,\n} from '@progress/kendo-react-dateinputs';\nimport { Popover, PopoverProps } from '../Popover';\nimport { Icon } from '../Icon';\nimport { keys } from '../../utilities/keyCodes';\nimport { InputDateMask, InputDateMaskProps } from './InputDateMask';\nimport { InputPropsStrict } from '../Input';\nimport { TimezoneContext } from '../../utilities/TimezoneProvider';\nimport { FormFieldContext } from '../../components/FormField';\n\nimport {\n\tDateObj,\n\ttoDateObj,\n\ttoTimeZone,\n\tfromTimeZone,\n\ttoFormat,\n\tcompareObj,\n\tinvalidDate,\n\tisValidDate,\n} from './utils/utils';\nimport { PopperProps } from '../../internal';\n\nexport interface DatePickerPropsStrict\n\textends Pick<\n\t\tPopoverProps,\n\t\t'autoFlipVertically' | 'autoFlipHorizontally' | 'direction'\n\t> {\n\t/** Use custom component as a Calendar */\n\tcalendar?: React.ComponentType<CalendarProps>;\n\n\t/** Disabled state */\n\tdisabled?: InputDateMaskProps['disabled'];\n\n\t/** Error state */\n\terror?: InputDateMaskProps['error'];\n\n\t/** Character to use with partially complete dates. Default is '_' */\n\tmaskChar?: InputDateMaskProps['maskChar'];\n\n\t/** Object of InputDateMask props */\n\tmaskProps?: Omit<\n\t\tInputDateMaskProps,\n\t\t| 'onChange'\n\t\t| 'value'\n\t\t| 'minDate'\n\t\t| 'maxDate'\n\t\t| 'size'\n\t\t| 'maskChar'\n\t\t| 'placeholder'\n\t\t| 'error'\n\t>;\n\n\t/** Maximum date allowed */\n\tmaxDate?: InputDateMaskProps['maxDate'];\n\n\t/** Minimum date allowed */\n\tminDate?: InputDateMaskProps['minDate'];\n\n\t/** Input size */\n\tsize?: InputDateMaskProps['size'];\n\n\t/** Placeholder value */\n\tplaceholder?: InputDateMaskProps['placeholder'];\n\n\t/** Currently selected date */\n\tvalue?: Calendar['value'] | string;\n\n\t/** Opens calendar */\n\topen?: boolean;\n\n\t/** Returns ISO string instead of JS Date object */\n\tisoFormat?: boolean;\n\n\tinput?: {\n\t\t/** Called on every change of input text */\n\t\tonChange?: InputPropsStrict['onChange'];\n\n\t\t/** Called on blur of the input */\n\t\tonBlur?: (event: React.FocusEvent<HTMLElement>) => void;\n\t};\n\n\t/** Props to be passed to the portaled div */\n\tportalDataAttributes?: PopperProps['portalDataAttributes'];\n\n\t/** Called on DatePicker's blur event */\n\tonBlur?: (value: Date | string | undefined, data?: DateObj) => void;\n\n\t/** Called on every meaningful date change */\n\tonChange?: (value: Date | string | undefined, data?: DateObj) => void;\n\n\t/** Called on every open and close action */\n\tonOpenChange?: (open: boolean) => void;\n\n\t/** This will override default trigger component */\n\ttrigger?: (props: CustomTriggerProps) => React.ReactNode;\n}\n\ninterface CustomTriggerProps {\n\t/** Returns internal trigger value */\n\tvalue: DatePickerProps['value'] | any;\n\n\t/** Returns internal trigger prop */\n\tonClick?: (e: any) => void;\n\n\t/** Returns internal open state */\n\topen: DatePickerProps['open'];\n\n\t/** Returns interal error state */\n\terror: DatePickerProps['error'];\n}\n\nexport interface DatePickerProps extends DatePickerPropsStrict {\n\t/** Unstrict Props */\n\t[propName: string]: any;\n}\n\nexport const DatePicker: FC<DatePickerProps> = React.forwardRef(\n\t(props, ref: React.RefObject<any>) => {\n\t\tconst {\n\t\t\tdisabled,\n\t\t\tcalendar: CustomCalendar,\n\t\t\tdirection = 'br',\n\t\t\terror,\n\t\t\tmaskChar,\n\t\t\tmaskProps,\n\t\t\tmaxDate,\n\t\t\tminDate,\n\t\t\tisoFormat,\n\t\t\tinput: inputProps,\n\t\t\tonBlur,\n\t\t\tonChange,\n\t\t\tonOpenChange,\n\t\t\topen,\n\t\t\tplaceholder,\n\t\t\trequired,\n\t\t\tsize,\n\t\t\ttrigger,\n\t\t\tvalue,\n\t\t\tportalDataAttributes,\n\t\t\t...rest\n\t\t} = props;\n\t\tconst tz = useContext(TimezoneContext);\n\t\tconst minTZ = toTimeZone(minDate, tz); // In timezone (with shift)\n\t\tconst maxTZ = toTimeZone(maxDate, tz); // In timezone (with shift)\n\t\tconst todayTZ = toTimeZone(new Date(), tz, { startOfDay: true }); // In timezone (with shift)\n\n\t\tconst { labelFor: inputId } = React.useContext(FormFieldContext);\n\n\t\t// State\n\t\tconst [date, setDate] = React.useState<DateObj>(\n\t\t\ttoDateObj({ date: value, tz })\n\t\t);\n\t\tconst [showCalendar, setShowCalendar] = React.useState(open);\n\n\t\t// Refs for focusing\n\t\tconst calendarRef = useRef(null);\n\t\tconst inputRef = useRef(null);\n\n\t\t// Effects\n\t\tuseEffect(() => open && openCalendar(), [open]); // eslint-disable-line\n\t\tuseEffect(() => {\n\t\t\tconst next = toDateObj({ date: value, tz });\n\n\t\t\tif (date.isEqualDate(next)) return;\n\n\t\t\tsetDate(next);\n\t\t\tonChangeReturn(next);\n\t\t}, [compareObj(value), isoFormat, tz]); // eslint-disable-line\n\n\t\t// Handlers\n\t\tconst openCalendar = () => {\n\t\t\t!showCalendar && setShowCalendar(true);\n\t\t\t!showCalendar && onOpenChange?.(true);\n\t\t};\n\t\tconst closeCalendar = (e: any) => {\n\t\t\tif (e?.target?.closest?.(`[for=\"${inputId}\"]`)) return;\n\t\t\tshowCalendar && setShowCalendar(false);\n\t\t\tshowCalendar && onOpenChange?.(false);\n\t\t};\n\t\tconst toggleCalendar = (e: any) =>\n\t\t\tshowCalendar ? closeCalendar(e) : openCalendar();\n\n\t\tconst handleKeyDown = (e: React.KeyboardEvent) => {\n\t\t\tconst { key } = e;\n\n\t\t\tif (key === keys.esc) {\n\t\t\t\te.preventDefault();\n\t\t\t\tcloseCalendar(e);\n\t\t\t\t!trigger && inputRef.current?.focus();\n\t\t\t}\n\n\t\t\tif ([keys.space, keys.down].includes(key)) {\n\t\t\t\te.preventDefault();\n\t\t\t\topenCalendar();\n\t\t\t\tcalendarRef?.current?.focus();\n\t\t\t}\n\n\t\t\tif (showCalendar && key === keys.tab) closeCalendar(e);\n\t\t};\n\n\t\tconst handleCalendarChange = (e: CalendarChangeEvent) => {\n\t\t\tlet calendarDate = fromTimeZone(e.target?.value, tz); // Local timezone\n\n\t\t\tif (e.nativeEvent?.target?.className === 'k-nav-today')\n\t\t\t\tcalendarDate = fromTimeZone(todayTZ, tz); // Local timezone\n\n\t\t\tconst next = toDateObj({ date: calendarDate, tz });\n\n\t\t\tif (!date.isEqual(next)) {\n\t\t\t\te.syntheticEvent.stopPropagation(); // Keeps focus on input after click on calendar\n\t\t\t\tsetDate(next);\n\t\t\t\tonChangeReturn(next);\n\t\t\t}\n\n\t\t\tcloseCalendar(e);\n\t\t\t!trigger && inputRef.current?.focus(); // Sets focus back on enter keypress on calendar's date\n\t\t};\n\n\t\tconst handleMaskChange = (val: Date | undefined, data?: any) => {\n\t\t\tconst next = toDateObj({\n\t\t\t\tdate: val ? fromTimeZone(val, tz) : val, // As mask val is already in tz, sending it back to local tz\n\t\t\t\ttz,\n\t\t\t\tinvalidReason: data?.invalidReason,\n\t\t\t});\n\n\t\t\tif (!date.isEqual(next)) {\n\t\t\t\tsetDate(next);\n\t\t\t\tonChangeReturn(next);\n\t\t\t}\n\t\t};\n\n\t\tconst onChangeReturn = (val: DateObj | undefined) =>\n\t\t\tonChange?.(getReturnDate(val), val);\n\n\t\tconst getReturnDate = (val: DateObj | undefined) => {\n\t\t\tif (!val || !val.dateTime) return undefined; // Empty input\n\t\t\tif (!val.isValid)\n\t\t\t\treturn isoFormat ? invalidDate.toString() : invalidDate; // Invalid Date\n\t\t\treturn isoFormat ? val.toISO?.() : val.toJSDate(); // Good value\n\t\t};\n\n\t\tconst handleMaskBlur = (val: Date | undefined, data?: any) => {\n\t\t\tconst current = toDateObj({\n\t\t\t\tdate: val ? fromTimeZone(val, tz) : val, // As mask val is already in tz, sending it back to local tz\n\t\t\t\ttz,\n\t\t\t\tinvalidReason: data?.invalidReason,\n\t\t\t});\n\n\t\t\tonBlur?.(getReturnDate(current), current);\n\t\t};\n\n\t\t// Internal components\n\t\tconst maskValue = () => {\n\t\t\tif (typeof date?.dateTime === 'undefined') return undefined; // No entry (empty)\n\t\t\t// Entry is valid and within min-max\n\t\t\tif (date?.isValid) return toTimeZone(date.toJSDate(), tz); // In timezone (with shift)\n\t\t\tif (!date?.isValid || date?.invalidReason) return invalidDate; // Entry is not full or out of min-max range\n\t\t\tconsole.warn(\n\t\t\t\t'@servicetitan/design-system: Something wrong with DatePicker, dateObj received:',\n\t\t\t\tdate\n\t\t\t);\n\t\t\treturn undefined;\n\t\t};\n\n\t\tconst inputMaskProps = {\n\t\t\tdisabled,\n\t\t\terror,\n\t\t\tmaskChar,\n\t\t\tmaxDate: maxTZ, // In timezone (with shift)\n\t\t\tminDate: minTZ, // In timezone (with shift)\n\t\t\tonBlur: handleMaskBlur,\n\t\t\tonChange: handleMaskChange,\n\t\t\tplaceholder,\n\t\t\trequired,\n\t\t\tsize,\n\t\t\tvalue: maskValue(),\n\t\t\tinput: inputProps,\n\t\t\t...maskProps,\n\t\t};\n\n\t\t// custom cell to override the today highlight to match timezone today\n\t\tconst customCell = (props: CalendarCellProps) => {\n\t\t\tif (toFormat(props.value) === toFormat(todayTZ)) {\n\t\t\t\treturn <CalendarCell {...props} isToday />;\n\t\t\t}\n\t\t\treturn <CalendarCell {...props} isToday={false} />;\n\t\t};\n\n\t\tconst calendarProps = {\n\t\t\tvalue: date.isValid\n\t\t\t\t? date.toJSDate() // Local timezone\n\t\t\t\t: null,\n\t\t\tmax: isValidDate(maxDate) ? maxDate : undefined, // Local timezone\n\t\t\tmin: isValidDate(minDate) ? minDate : undefined, // Local timezone\n\t\t\tonChange: handleCalendarChange,\n\t\t\tref: calendarRef,\n\t\t\tcell: customCell,\n\t\t};\n\n\t\tconst customTrigger = trigger?.({\n\t\t\tvalue: date.isValid\n\t\t\t\t? date.toJSDate() // Local timezone\n\t\t\t\t: null,\n\t\t\tonClick: toggleCalendar,\n\t\t\topen: showCalendar,\n\t\t\terror,\n\t\t});\n\n\t\tconst inputMask = (\n\t\t\t<InputDateMask\n\t\t\t\t{...inputMaskProps}\n\t\t\t\tid={inputId}\n\t\t\t\tinputRef={inputRef}\n\t\t\t\tcalendarRef={calendarRef}\n\t\t\t\tclassName=\"DatePicker__input\"\n\t\t\t\tonClick={openCalendar}\n\t\t\t\tshortLabel={\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tname=\"event\"\n\t\t\t\t\t\tclassName=\"DatePicker__icon\"\n\t\t\t\t\t\tonClick={toggleCalendar}\n\t\t\t\t\t\taria-label=\"toggle calendar\"\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t\tfluid\n\t\t\t\tdata-anvil-component=\"DatePicker\"\n\t\t\t/>\n\t\t);\n\n\t\tconst DatePickerClasses = classnames('DatePicker', {\n\t\t\t'DatePicker--disabled': disabled,\n\t\t\t'DatePicker--open': showCalendar,\n\t\t\t[`DatePicker--${size}`]: size,\n\t\t});\n\n\t\treturn (\n\t\t\t<Popover\n\t\t\t\tportal\n\t\t\t\twrapperClassName={DatePickerClasses}\n\t\t\t\topen={showCalendar}\n\t\t\t\tpopoverContentClassName=\"DatePicker__calendar\"\n\t\t\t\tonKeyDown={handleKeyDown}\n\t\t\t\tdirection={direction}\n\t\t\t\tpadding={null}\n\t\t\t\twidth=\"auto\"\n\t\t\t\tref={ref}\n\t\t\t\tonClickOutside={closeCalendar}\n\t\t\t\ttrigger={customTrigger ?? inputMask}\n\t\t\t\tportalDataAttributes={portalDataAttributes}\n\t\t\t\t{...rest}\n\t\t\t>\n\t\t\t\t{CustomCalendar ? (\n\t\t\t\t\t<CustomCalendar {...calendarProps} />\n\t\t\t\t) : (\n\t\t\t\t\t<Calendar {...calendarProps} />\n\t\t\t\t)}\n\t\t\t</Popover>\n\t\t);\n\t}\n);\n"]}

package/dist/components/DatePicker/DatePicker.test.js

@@ -8,5 +8,14 @@ describe('DatePicker', () => {
         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(DatePicker, { open: true, 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=DatePicker.test.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.test.js","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.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,IAAC,IAAI,yBAAe,qBAAqB,GAAG,CACvD,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":"DatePicker.test.js","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.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,IAAC,IAAI,yBAAe,qBAAqB,GAAG,CACvD,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,IAAI,QACJ,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 { DatePicker } from './DatePicker';\n\ndescribe('DatePicker', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<DatePicker open data-auto-sel=\"automation-selector\" />\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<DatePicker\n\t\t\t\topen\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/DatePicker/InputDateMask.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputDateMask.js","sourceRoot":"","sources":["../../../src/components/DatePicker/InputDateMask.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"InputDateMask.js","sourceRoot":"","sources":["../../../src/components/DatePicker/InputDateMask.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { FC, useEffect, useState } from 'react';\nimport classnames from 'classnames';\nimport InputMask, { InputState } from 'react-input-mask';\n\nimport { Input, InputProps } from '../Input';\nimport { keys } from '../../utilities/keyCodes';\nimport { compareObj, isInvalidDate } from './utils/utils';\nimport {\n\tformatDate,\n\tisFocusInsideDatePicker,\n\tparseEntry,\n} from './utils/maskUtils';\nimport {\n\texpandMaskValue,\n\tfindMaskFieldBoundariesAtPosition,\n} from './utils/expandMaskUtils';\n\nexport const defaultFormat = 'MM/DD/YYYY';\nexport const defaultMaskChar = '_';\n\nexport interface InputDateMaskProps\n\textends Omit<InputProps, 'onChange' | 'value'> {\n\t/** If the mask should always be present. */\n\talwaysShowMask?: boolean;\n\n\t/** Format of date string to display. Default is \"MM/DD/YYYY\" */\n\tdateFormat?: string;\n\n\t/** Character to use with partially complete dates */\n\tmaskChar?: string;\n\n\t/** Maximum date allowed */\n\tmaxDate?: Date;\n\n\t/** Minimum date allowed */\n\tminDate?: Date;\n\n\t/** onChange function */\n\tonChange(value: Date | undefined, data?: any): void;\n\n\t/** onChange function */\n\tonBlur(value: Date | undefined, data?: any): void;\n\n\t/** Current value of Input */\n\tvalue?: Date;\n\n\t/** forwarded refs */\n\tinputRef?: React.RefObject<HTMLInputElement>;\n\tcalendarRef?: React.RefObject<HTMLInputElement>;\n}\n\nexport const InputDateMask: FC<InputDateMaskProps> = ({\n\talwaysShowMask,\n\tclassName,\n\tdateFormat = defaultFormat,\n\tdisabled,\n\terror,\n\tmaskChar = defaultMaskChar,\n\tmaxDate: max,\n\tminDate: min,\n\tonChange,\n\tonBlur,\n\tplaceholder,\n\trequired,\n\tshortLabel,\n\tsize,\n\tvalue,\n\ttabIndex,\n\tinputRef,\n\tcalendarRef,\n\tinput,\n\t...rest\n}: InputDateMaskProps) => {\n\tconst [entry, setEntry] = useState<string>(''); // Input's text entry, e.g. mask value\n\tconst [rangeError, setRangeError] = useState(false);\n\tconst [requiredError, setRequiredError] = useState(false);\n\tconst [invalidEntryError, setInvalidEntryError] = useState(false);\n\tconst [expandMaskAtCursor, setExpandMaskAtCursor] =\n\t\tReact.useState<boolean>(false);\n\n\tconst isChangeFromMask = React.useRef(false);\n\tconst parse = (str = entry) =>\n\t\tparseEntry(str, dateFormat, maskChar, min, max, required);\n\n\t// Effects\n\tuseEffect(() => {\n\t\tif (isInvalidDate(value) || typeof value === 'undefined') {\n\t\t\tif (isChangeFromMask.current) {\n\t\t\t\tisChangeFromMask.current = false; // In case value came from InputDateMask...\n\t\t\t\treturn; // ...keep user's entry as is\n\t\t\t}\n\t\t}\n\n\t\tconst nextEntry = formatDate(value, dateFormat);\n\n\t\tsetRangeError(parse(nextEntry).isOutRange);\n\t\tsetRequiredError(false);\n\t\tsetInvalidEntryError(false);\n\t\tsetEntry(nextEntry);\n\t}, [compareObj(value)]); // eslint-disable-line\n\n\tuseEffect(() => {\n\t\tif (!isChangeFromMask.current) return; // Prevent double onChange if value changed from outside of InputDateMask\n\n\t\tconst { date, isEmpty, isFull, isOutRange, isValid, invalidReason } =\n\t\t\tparse(); // New entry\n\n\t\tsetInvalidEntryError(isFull && !isValid);\n\n\t\tif (!isValid && !isFull && !isEmpty) {\n\t\t\tif (\n\t\t\t\t(value && !isInvalidDate(value)) || // `12/12/2023` → `12/12/202_`\n\t\t\t\t(typeof value === 'undefined' && !isEmpty) // `__/__/____` → `1_/__/____`\n\t\t\t) {\n\t\t\t\tisChangeFromMask.current = true;\n\t\t\t\tonChange(date, { invalidReason });\n\t\t\t}\n\t\t\treturn; // Suppress onChange if entry not full\n\t\t}\n\n\t\tif (isOutRange || (isFull && !isValid)) {\n\t\t\tisChangeFromMask.current = true;\n\t\t\tsetRangeError(true);\n\t\t\tonChange(date, { invalidReason });\n\t\t\treturn;\n\t\t}\n\t\t// Suppress firing onChange for same values\n\t\tif (compareObj(value) !== compareObj(date)) {\n\t\t\tisChangeFromMask.current = true;\n\t\t\tonChange(date, { invalidReason }); // Finally\n\t\t}\n\t}, [entry]); // eslint-disable-line\n\n\t// Handlers\n\tconst handleMaskKeyDown = (e: React.KeyboardEvent) => {\n\t\tif (e.key === keys.delete) {\n\t\t\te.preventDefault();\n\t\t\tisChangeFromMask.current = true;\n\t\t\tsetRequiredError(required && !parse().isEmpty);\n\t\t\tsetEntry(''); // Clear user's entry\n\t\t}\n\t\tif (e.key === keys.slash) {\n\t\t\te.preventDefault();\n\t\t\tsetExpandMaskAtCursor(true); // Performs `1_/__/____` → `01/__/____`, etc.\n\t\t}\n\t};\n\n\tconst handleMaskBlur = (e: React.FocusEvent<any>) => {\n\t\tif (isFocusInsideDatePicker(inputRef, calendarRef, e)) return; // Suppress if focus is still inside DatePicker\n\n\t\tconst { date, isEmpty, isFull, isOutRange, isValid, invalidReason } =\n\t\t\tparse();\n\n\t\tsetRequiredError(required && !isFull);\n\t\tsetRangeError(isOutRange);\n\t\tsetInvalidEntryError(!isEmpty && !isValid);\n\n\t\tonBlur(date, { invalidReason });\n\t\tisChangeFromMask.current = false;\n\t};\n\n\tconst handleMaskChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n\t\tif (e.type !== 'change') return; // Other possible types: focus, blur\n\n\t\tisChangeFromMask.current = true;\n\t\tconst nextEntry = e?.target?.value;\n\n\t\tif (nextEntry === entry) return;\n\n\t\tinput?.onChange?.(e, nextEntry);\n\n\t\tconst { isEmpty, isFull, isOutRange, isValid } = parse(nextEntry);\n\n\t\tsetRangeError(isOutRange);\n\t\tsetRequiredError(required && isEmpty);\n\t\tsetInvalidEntryError(isFull && !isValid);\n\t\tsetEntry(nextEntry); // Runs effect on state change later to handle onChange\n\t};\n\n\tconst handleBeforeMaskChange = (next: InputState) => {\n\t\tif (expandMaskAtCursor) {\n\t\t\tsetExpandMaskAtCursor(false);\n\n\t\t\tconst expanded = expandMaskValue(next.value, next.selection.start);\n\n\t\t\tif (expanded === entry || parse(expanded).isEmpty) return next;\n\n\t\t\tsetEntry(expanded);\n\n\t\t\tconst nextIndex = findMaskFieldBoundariesAtPosition(\n\t\t\t\tnext.value,\n\t\t\t\tnext.selection.start\n\t\t\t)[1];\n\n\t\t\tnext.selection = { start: nextIndex + 1, end: nextIndex + 1 }; // Reposition cursor to next boundary\n\t\t\tnext.value = expanded;\n\t\t}\n\n\t\tif (entry === '' && parse(next.value).isEmpty)\n\t\t\tnext.selection = { start: 0, end: 0 }; // Send cursor to start on clearing mask\n\n\t\treturn next;\n\t};\n\n\t/*\n\t * InputMask mask prop format: https://github.com/sanniassin/react-input-mask\n\t */\n\tconst mask = dateFormat.replace(/[MmDdYyo]/g, '9');\n\tconst realPlaceholder = placeholder || mask.replace(/9/g, maskChar);\n\n\treturn (\n\t\t<InputMask\n\t\t\t{...rest}\n\t\t\tmask={mask}\n\t\t\tdisabled={disabled}\n\t\t\tmaskChar={maskChar}\n\t\t\tonChange={handleMaskChange}\n\t\t\tonKeyDown={handleMaskKeyDown}\n\t\t\tonBlur={handleMaskBlur}\n\t\t\tbeforeMaskedValueChange={handleBeforeMaskChange}\n\t\t\talwaysShowMask={alwaysShowMask}\n\t\t\tvalue={entry}\n\t\t>\n\t\t\t{\n\t\t\t\t((props: React.InputHTMLAttributes<HTMLInputElement>) => (\n\t\t\t\t\t<Input\n\t\t\t\t\t\t{...props}\n\t\t\t\t\t\tinputRef={inputRef}\n\t\t\t\t\t\tshortLabel={shortLabel}\n\t\t\t\t\t\tclassName={classnames('InputDateMask', className)}\n\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\tfluid\n\t\t\t\t\t\terror={\n\t\t\t\t\t\t\terror ||\n\t\t\t\t\t\t\t(required && requiredError) ||\n\t\t\t\t\t\t\tinvalidEntryError ||\n\t\t\t\t\t\t\t((min || max) && rangeError)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\tplaceholder={realPlaceholder}\n\t\t\t\t\t\ttabIndex={tabIndex}\n\t\t\t\t\t/>\n\t\t\t\t)) as any\n\t\t\t}\n\t\t</InputMask>\n\t);\n};\n"]}

package/dist/components/DatePicker/index.css

@@ -228,7 +228,7 @@
   box-shadow: 0 0 0 4px var(--colorsBorderPrimarySubdued, #b5deff);
 }
 .a-Checkbox:not(.Checkbox--disabled):hover .Checkbox__box {
-  border-color: var(--colorsBorderDefault, #444445);
+  border-color: var(--colorsBorderDefault, #949596);
 }
 .Checkbox--error.a-Checkbox:not(.Checkbox--disabled):hover .Checkbox__box {
   border-color: var(--colorsBorderCritical, #e13212);

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

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

package/dist/components/DatePicker/utils/expandMaskUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"expandMaskUtils.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/utils/expandMaskUtils.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"expandMaskUtils.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/utils/expandMaskUtils.ts"],"names":[],"mappings":"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","sourcesContent":["export interface IMaskPartConfig {\n\tmaskChar: string;\n\tallowedChars: RegExp;\n}\n\nconst defaultConfig: IMaskPartConfig = {\n\tmaskChar: '_',\n\tallowedChars: /^[\\d]$/,\n};\n\nconst round = (year: number, to = 100) => year - (year % to);\n\n/**\n * Find boundaries of mask field in specified cursor position.\n *\n * Returns array with start and end index of a field.\n * End index points next character after field (useful for `String.substring`).\n * If values are the same most probably passed cursor position is not a correct value (eg. separator).\n *\n * @param mask\n * @param cursorPosition\n * @param config\n * @return [number, number]\n */\nexport const findMaskFieldBoundariesAtPosition = (\n\tmask: string,\n\tcursorPosition = 0,\n\tconfig: Partial<IMaskPartConfig> = {}\n): [number, number] => {\n\tconst conf: IMaskPartConfig = Object.assign(defaultConfig, config);\n\n\tconst isAllowedChar = (char: string) =>\n\t\tconf.allowedChars.test(char) || char === conf.maskChar;\n\n\tlet startIndex: number = cursorPosition;\n\tlet endIndex: number = cursorPosition;\n\n\tif (isAllowedChar(mask[cursorPosition])) {\n\t\twhile (\n\t\t\tmask[startIndex - 1] &&\n\t\t\tisAllowedChar(mask[startIndex - 1]) &&\n\t\t\tstartIndex - 1 >= 0\n\t\t) {\n\t\t\tstartIndex--;\n\t\t}\n\n\t\twhile (\n\t\t\tmask[endIndex + 1] &&\n\t\t\tisAllowedChar(mask[endIndex + 1]) &&\n\t\t\tendIndex + 1 < mask.length\n\t\t) {\n\t\t\tendIndex++;\n\t\t}\n\t} else {\n\t\treturn [cursorPosition, cursorPosition];\n\t}\n\n\treturn [startIndex, endIndex + 1];\n};\n\nexport const getValueAtIndex = (\n\tmask: string,\n\tindex: number,\n\tconfig: Partial<IMaskPartConfig> = {}\n): string | null => {\n\tconst [startIndex, endIndex] = findMaskFieldBoundariesAtPosition(\n\t\tmask,\n\t\tindex,\n\t\tconfig\n\t);\n\n\tif (startIndex === endIndex) {\n\t\treturn null;\n\t}\n\n\treturn mask\n\t\t.substring(startIndex, endIndex)\n\t\t.split('')\n\t\t.filter((c) => c !== '_')\n\t\t.join('');\n};\n\nexport function setValueAtIndex(\n\tmask: string,\n\tindex: number,\n\tvalue: string | number,\n\tconfig: Partial<IMaskPartConfig> = {}\n): string {\n\tconst conf: IMaskPartConfig = Object.assign(defaultConfig, config);\n\tconst [start, end] = findMaskFieldBoundariesAtPosition(mask, index, config);\n\n\tif (start === end) {\n\t\treturn mask;\n\t}\n\n\tconst valueToSet = value === '' ? conf.maskChar.repeat(end - start) : value;\n\tconst valueWithZeros = String(valueToSet).padStart(end - start, '0');\n\n\treturn mask.substring(0, start) + valueWithZeros + mask.substring(end);\n}\n\nexport function expandValueAtIndex(\n\tmask: string,\n\tindex: number,\n\tconfig: Partial<IMaskPartConfig> = {}\n): string {\n\treturn setValueAtIndex(\n\t\tmask,\n\t\tindex,\n\t\tgetValueAtIndex(mask, index, config),\n\t\tconfig\n\t);\n}\n\nexport const expandMaskValue = (\n\tmask: string,\n\tcursorPosition: number\n): string => {\n\tlet value: string = mask;\n\n\tconst parsedValue = parseInt(getValueAtIndex(mask, cursorPosition), 10);\n\tif (!parsedValue) return value;\n\n\tconst [startIndex, endIndex] = findMaskFieldBoundariesAtPosition(\n\t\tmask,\n\t\tcursorPosition\n\t);\n\n\tconst desiredMaskLength = endIndex - startIndex;\n\n\tif (desiredMaskLength === 4) {\n\t\t// End early if full year already exists\n\t\tif (parsedValue.toString().length === 4) return value;\n\n\t\t/**\n\t\t * auto fills year if value is between the beginning of century\n\t\t * and 5 years ahead\n\t\t *\n\t\t * @todo: Change year calculations to use current year for all non-existant values\n\t\t * E.g. 7 -> 2027, 20 -> 2020, 181 -> 2181, assuming current year is 2021\n\t\t */\n\n\t\tconst currentYear = new Date().getFullYear();\n\n\t\tconst beginningOfCentury = round(currentYear, 100);\n\n\t\tconst yearsFromBeginningOfCentury =\n\t\t\tcurrentYear - beginningOfCentury + 5;\n\n\t\tlet year = parsedValue + beginningOfCentury;\n\n\t\tif (parsedValue > yearsFromBeginningOfCentury) {\n\t\t\tyear -= parsedValue >= 100 ? 1000 : 100;\n\t\t}\n\n\t\tvalue = setValueAtIndex(mask, cursorPosition, year);\n\t} else {\n\t\tvalue = expandValueAtIndex(mask, cursorPosition);\n\t}\n\n\treturn value;\n};\n"]}