@veeqo/ui 9.4.1 → 9.5.0

package/dist/components/VideoModal/components/Popup.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popup.js","sources":["../../../../src/components/VideoModal/components/Popup.tsx"],"sourcesContent":["import React, { ReactNode, FC } from 'react';\n\n// @ts-ignore\nimport ScrollLock from 'react-scrolllock-configurable';\nimport { Portal } from '../../Portal';\n\nimport { Container, Shadow, Wrap } from './styled';\nimport { buildClassnames } from '../../../utils/buildClassnames';\n\ninterface WithPortalProps {\n  usePortal?: boolean;\n  children: ReactNode;\n}\n\nconst WithPortal = ({ usePortal, children }: WithPortalProps) => (\n  // eslint-disable-next-line react/jsx-no-useless-fragment\n  <>{usePortal ? <Portal>{children}</Portal> : children}</>\n);\n\nexport interface PopupProps {\n  children: ReactNode;\n  shouldShow: boolean;\n  usePortal?: boolean;\n  className?: string;\n}\n\nexport const Popup: FC<PopupProps> = ({\n  className,\n  children = null,\n  shouldShow = false,\n  usePortal = true,\n}: PopupProps) => (\n  <WithPortal usePortal={usePortal}>\n    <Container\n      className={buildClassnames([`${className}-container`, className])}\n      shouldShow={shouldShow}\n    >\n      <Shadow />\n      <ScrollLock isActive={shouldShow}>\n        <Wrap className={buildClassnames([`${className}-wrap`, className])}>{children}</Wrap>\n      </ScrollLock>\n    </Container>\n  </WithPortal>\n);\n"],"names":[],"mappings":";;;;;;AAcA,MAAM,UAAU,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAmB;AAC1D;AACA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAG,SAAS,GAAG,oBAAC,MAAM,EAAA,IAAA,EAAE,QAAQ,CAAU,GAAG,QAAQ,CAAI,CAC1D;AASM,MAAM,KAAK,GAAmB,CAAC,EACpC,SAAS,EACT,QAAQ,GAAG,IAAI,EACf,UAAU,GAAG,KAAK,EAClB,SAAS,GAAG,IAAI,GACL,MACX,KAAC,CAAA,aAAA,CAAA,UAAU,EAAC,EAAA,SAAS,EAAE,SAAS,EAAA;AAC9B,IAAA,KAAA,CAAA,aAAA,CAAC,SAAS,EACR,EAAA,SAAS,EAAE,eAAe,CAAC,CAAC,CAAA,EAAG,SAAS,CAAA,UAAA,CAAY,EAAE,SAAS,CAAC,CAAC,EACjE,UAAU,EAAE,UAAU,EAAA;AAEtB,QAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAG,IAAA,CAAA;AACV,QAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,QAAQ,EAAE,UAAU,EAAA;YAC9B,KAAC,CAAA,aAAA,CAAA,IAAI,IAAC,SAAS,EAAE,eAAe,CAAC,CAAC,GAAG,SAAS,CAAA,KAAA,CAAO,EAAE,SAAS,CAAC,CAAC,EAAG,EAAA,QAAQ,CAAQ,CAC1E,CACH,CACD;;;;"}
+{"version":3,"file":"Popup.js","sources":["../../../../src/components/VideoModal/components/Popup.tsx"],"sourcesContent":["import React, { ReactNode, FC } from 'react';\n\n// @ts-ignore\nimport ScrollLock from 'react-scrolllock-configurable';\nimport { Portal } from '../../Portal';\n\nimport { Container, Shadow, Wrap } from './styled';\nimport { buildClassnames } from '../../../utils/buildClassnames';\n\ninterface WithPortalProps {\n  usePortal?: boolean;\n  children: ReactNode;\n}\n\nconst WithPortal = ({ usePortal, children }: WithPortalProps) => (\n  // eslint-disable-next-line react/jsx-no-useless-fragment\n  <>{usePortal ? <Portal>{children}</Portal> : children}</>\n);\n\nexport interface PopupProps {\n  children: ReactNode;\n  shouldShow: boolean;\n  usePortal?: boolean;\n  className?: string;\n}\n\nexport const Popup: FC<PopupProps> = ({\n  className,\n  children = null,\n  shouldShow = false,\n  usePortal = true,\n}: PopupProps) => (\n  <WithPortal usePortal={usePortal}>\n    <Container\n      className={buildClassnames([`${className}-container`, className])}\n      shouldShow={shouldShow}\n    >\n      <Shadow />\n      <ScrollLock isActive={shouldShow}>\n        <Wrap className={buildClassnames([`${className}-wrap`, className])}>{children}</Wrap>\n      </ScrollLock>\n    </Container>\n  </WithPortal>\n);\n"],"names":["React"],"mappings":";;;;;;AAcA,MAAM,UAAU,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAmB;AAC1D;AACAA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EAAG,SAAS,GAAGA,6BAAC,MAAM,EAAA,IAAA,EAAE,QAAQ,CAAU,GAAG,QAAQ,CAAI,CAC1D;AASM,MAAM,KAAK,GAAmB,CAAC,EACpC,SAAS,EACT,QAAQ,GAAG,IAAI,EACf,UAAU,GAAG,KAAK,EAClB,SAAS,GAAG,IAAI,GACL,MACXA,cAAC,CAAA,aAAA,CAAA,UAAU,EAAC,EAAA,SAAS,EAAE,SAAS,EAAA;AAC9B,IAAAA,cAAA,CAAA,aAAA,CAAC,SAAS,EACR,EAAA,SAAS,EAAE,eAAe,CAAC,CAAC,CAAA,EAAG,SAAS,CAAA,UAAA,CAAY,EAAE,SAAS,CAAC,CAAC,EACjE,UAAU,EAAE,UAAU,EAAA;AAEtB,QAAAA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAG,IAAA,CAAA;AACV,QAAAA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,QAAQ,EAAE,UAAU,EAAA;YAC9BA,cAAC,CAAA,aAAA,CAAA,IAAI,IAAC,SAAS,EAAE,eAAe,CAAC,CAAC,GAAG,SAAS,CAAA,KAAA,CAAO,EAAE,SAAS,CAAC,CAAC,EAAG,EAAA,QAAQ,CAAQ,CAC1E,CACH,CACD;;;;"}

package/dist/components/View/View.js

@@ -1,4 +1,4 @@
-import React, { useCallback } from 'react';
+import React__default, { useCallback } from 'react';
 import '../../hooks/useFocusVisible.js';
 import { useHover } from '../../hooks/useHover.js';
 import { buildClassnames } from '../../utils/buildClassnames.js';
@@ -43,14 +43,14 @@ const View = ({ id, iconSlot, name, type, className, colourPalette = colors.seco
     const isDraft = type === ViewTypes.draft;
     const isSaved = type === ViewTypes.saved;
     const fill = active ? colors.neutral.ink.dark : colors.neutral.ink.base;
-    return (React.createElement(Container, { className: `${buildClassnames([classNames === null || classNames === undefined ? undefined : classNames.container, e2eClassNames === null || e2eClassNames === undefined ? undefined : e2eClassNames.container])} ${(active && (e2eClassNames === null || e2eClassNames === undefined ? undefined : e2eClassNames.active)) || ''}`, onClick: handleClick },
-        React.createElement(Contour, { active: active, onMouseEnter: handleEnter, onMouseLeave: handleLeave, colourPalette: colourPalette, customTextColour: customTextColour },
-            iconSlot && React.createElement(CustomIconWrapper, null, iconSlot),
-            React.createElement(Text, { variant: "bodyBold" }, name),
-            count && (React.createElement(CounterContainer, { active: active || isHovered, colourPalette: colourPalette, customTextColour: customTextColour },
-                React.createElement(CounterText, { className: e2eClassNames === null || e2eClassNames === undefined ? undefined : e2eClassNames.counter, variant: "subheadingSmall" }, count))),
-            isDraft && (React.createElement(CrossIcon, { ...IconStyling, color: fill, className: e2eClassNames === null || e2eClassNames === undefined ? undefined : e2eClassNames.delete, onClick: handleDelete })),
-            isSaved && active && (React.createElement(EditIcon, { ...IconStyling, color: fill, className: e2eClassNames === null || e2eClassNames === undefined ? undefined : e2eClassNames.edit, onClick: handleEdit })))));
+    return (React__default.createElement(Container, { className: `${buildClassnames([classNames === null || classNames === undefined ? undefined : classNames.container, e2eClassNames === null || e2eClassNames === undefined ? undefined : e2eClassNames.container])} ${(active && (e2eClassNames === null || e2eClassNames === undefined ? undefined : e2eClassNames.active)) || ''}`, onClick: handleClick },
+        React__default.createElement(Contour, { active: active, onMouseEnter: handleEnter, onMouseLeave: handleLeave, colourPalette: colourPalette, customTextColour: customTextColour },
+            iconSlot && React__default.createElement(CustomIconWrapper, null, iconSlot),
+            React__default.createElement(Text, { variant: "bodyBold" }, name),
+            count && (React__default.createElement(CounterContainer, { active: active || isHovered, colourPalette: colourPalette, customTextColour: customTextColour },
+                React__default.createElement(CounterText, { className: e2eClassNames === null || e2eClassNames === undefined ? undefined : e2eClassNames.counter, variant: "subheadingSmall" }, count))),
+            isDraft && (React__default.createElement(CrossIcon, { ...IconStyling, color: fill, className: e2eClassNames === null || e2eClassNames === undefined ? undefined : e2eClassNames.delete, onClick: handleDelete })),
+            isSaved && active && (React__default.createElement(EditIcon, { ...IconStyling, color: fill, className: e2eClassNames === null || e2eClassNames === undefined ? undefined : e2eClassNames.edit, onClick: handleEdit })))));
 };
 
 export { View };

package/dist/components/View/View.js.map

@@ -1 +1 @@
-{"version":3,"file":"View.js","sources":["../../../src/components/View/View.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\n\nimport { useHover } from '../../hooks';\nimport { colors } from '../../theme/modules/colors';\n\nimport { ViewProps, ViewTypes } from './types';\n\nimport {\n  Container,\n  Contour,\n  CounterContainer,\n  CounterText,\n  CustomIconWrapper,\n  IconStyling,\n  Text,\n} from './styled';\nimport { buildClassnames } from '../../utils/buildClassnames';\nimport { CrossIcon } from '../../tempIcons/CrossIcon';\nimport { EditIcon } from '../../tempIcons/EditIcon';\n\nexport interface ClassNamesReturnPayload {\n  delete?: string;\n  options?: string;\n  edit?: string;\n  container?: string;\n  active?: string;\n  counter?: string;\n}\n\nconst generateClassNames = (prefix?: string): ClassNamesReturnPayload => ({\n  delete: prefix ? `${prefix}-delete` : undefined,\n  options: prefix ? `${prefix}-options` : undefined,\n  edit: prefix ? `${prefix}-edit` : undefined,\n  container: prefix ? `${prefix}-container` : undefined,\n  active: prefix ? `${prefix}-active` : undefined,\n  counter: prefix ? `${prefix}-counter` : undefined,\n});\n\n/**\n *\n * @deprecated\n *\n * use ViewTab component instead\n *\n */\nexport const View = ({\n  id,\n  iconSlot,\n  name,\n  type,\n  className,\n  colourPalette = colors.secondary.blue,\n  customTextColour,\n  count,\n  active = false,\n  onClick,\n  onDelete,\n  onEdit,\n  e2eClassName,\n}: ViewProps) => {\n  const classNames = generateClassNames(className);\n  const e2eClassNames = generateClassNames(e2eClassName);\n  const [isHovered, handleEnter, handleLeave] = useHover();\n\n  const handleClick = useCallback(() => onClick(id), [id, onClick]);\n  const handleDelete = useCallback(\n    (event) => {\n      event.stopPropagation();\n      if (onDelete) onDelete(id);\n    },\n    [onDelete, id],\n  );\n  const handleEdit = useCallback(\n    (event) => {\n      event.stopPropagation();\n      if (onEdit) onEdit(id);\n    },\n    [onEdit, id],\n  );\n\n  const isDraft = type === ViewTypes.draft;\n  const isSaved = type === ViewTypes.saved;\n  const fill = active ? colors.neutral.ink.dark : colors.neutral.ink.base;\n\n  return (\n    <Container\n      className={`${buildClassnames([classNames?.container, e2eClassNames?.container])} ${\n        (active && e2eClassNames?.active) || ''\n      }`}\n      onClick={handleClick}\n    >\n      <Contour\n        active={active}\n        onMouseEnter={handleEnter}\n        onMouseLeave={handleLeave}\n        colourPalette={colourPalette}\n        customTextColour={customTextColour}\n      >\n        {iconSlot && <CustomIconWrapper>{iconSlot}</CustomIconWrapper>}\n        <Text variant=\"bodyBold\">{name}</Text>\n        {count && (\n          <CounterContainer\n            active={active || isHovered}\n            colourPalette={colourPalette}\n            customTextColour={customTextColour}\n          >\n            <CounterText className={e2eClassNames?.counter} variant=\"subheadingSmall\">\n              {count}\n            </CounterText>\n          </CounterContainer>\n        )}\n        {isDraft && (\n          <CrossIcon\n            {...IconStyling}\n            color={fill}\n            className={e2eClassNames?.delete}\n            onClick={handleDelete}\n          />\n        )}\n        {isSaved && active && (\n          <EditIcon\n            {...IconStyling}\n            color={fill}\n            className={e2eClassNames?.edit}\n            onClick={handleEdit}\n          />\n        )}\n      </Contour>\n    </Container>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"View.js","sources":["../../../src/components/View/View.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\n\nimport { useHover } from '../../hooks';\nimport { colors } from '../../theme/modules/colors';\n\nimport { ViewProps, ViewTypes } from './types';\n\nimport {\n  Container,\n  Contour,\n  CounterContainer,\n  CounterText,\n  CustomIconWrapper,\n  IconStyling,\n  Text,\n} from './styled';\nimport { buildClassnames } from '../../utils/buildClassnames';\nimport { CrossIcon } from '../../tempIcons/CrossIcon';\nimport { EditIcon } from '../../tempIcons/EditIcon';\n\nexport interface ClassNamesReturnPayload {\n  delete?: string;\n  options?: string;\n  edit?: string;\n  container?: string;\n  active?: string;\n  counter?: string;\n}\n\nconst generateClassNames = (prefix?: string): ClassNamesReturnPayload => ({\n  delete: prefix ? `${prefix}-delete` : undefined,\n  options: prefix ? `${prefix}-options` : undefined,\n  edit: prefix ? `${prefix}-edit` : undefined,\n  container: prefix ? `${prefix}-container` : undefined,\n  active: prefix ? `${prefix}-active` : undefined,\n  counter: prefix ? `${prefix}-counter` : undefined,\n});\n\n/**\n *\n * @deprecated\n *\n * use ViewTab component instead\n *\n */\nexport const View = ({\n  id,\n  iconSlot,\n  name,\n  type,\n  className,\n  colourPalette = colors.secondary.blue,\n  customTextColour,\n  count,\n  active = false,\n  onClick,\n  onDelete,\n  onEdit,\n  e2eClassName,\n}: ViewProps) => {\n  const classNames = generateClassNames(className);\n  const e2eClassNames = generateClassNames(e2eClassName);\n  const [isHovered, handleEnter, handleLeave] = useHover();\n\n  const handleClick = useCallback(() => onClick(id), [id, onClick]);\n  const handleDelete = useCallback(\n    (event) => {\n      event.stopPropagation();\n      if (onDelete) onDelete(id);\n    },\n    [onDelete, id],\n  );\n  const handleEdit = useCallback(\n    (event) => {\n      event.stopPropagation();\n      if (onEdit) onEdit(id);\n    },\n    [onEdit, id],\n  );\n\n  const isDraft = type === ViewTypes.draft;\n  const isSaved = type === ViewTypes.saved;\n  const fill = active ? colors.neutral.ink.dark : colors.neutral.ink.base;\n\n  return (\n    <Container\n      className={`${buildClassnames([classNames?.container, e2eClassNames?.container])} ${\n        (active && e2eClassNames?.active) || ''\n      }`}\n      onClick={handleClick}\n    >\n      <Contour\n        active={active}\n        onMouseEnter={handleEnter}\n        onMouseLeave={handleLeave}\n        colourPalette={colourPalette}\n        customTextColour={customTextColour}\n      >\n        {iconSlot && <CustomIconWrapper>{iconSlot}</CustomIconWrapper>}\n        <Text variant=\"bodyBold\">{name}</Text>\n        {count && (\n          <CounterContainer\n            active={active || isHovered}\n            colourPalette={colourPalette}\n            customTextColour={customTextColour}\n          >\n            <CounterText className={e2eClassNames?.counter} variant=\"subheadingSmall\">\n              {count}\n            </CounterText>\n          </CounterContainer>\n        )}\n        {isDraft && (\n          <CrossIcon\n            {...IconStyling}\n            color={fill}\n            className={e2eClassNames?.delete}\n            onClick={handleDelete}\n          />\n        )}\n        {isSaved && active && (\n          <EditIcon\n            {...IconStyling}\n            color={fill}\n            className={e2eClassNames?.edit}\n            onClick={handleEdit}\n          />\n        )}\n      </Contour>\n    </Container>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;AA6BA,MAAM,kBAAkB,GAAG,CAAC,MAAe,MAA+B;IACxE,MAAM,EAAE,MAAM,GAAG,CAAG,EAAA,MAAM,CAAS,OAAA,CAAA,GAAG,SAAS;IAC/C,OAAO,EAAE,MAAM,GAAG,CAAG,EAAA,MAAM,CAAU,QAAA,CAAA,GAAG,SAAS;IACjD,IAAI,EAAE,MAAM,GAAG,CAAG,EAAA,MAAM,CAAO,KAAA,CAAA,GAAG,SAAS;IAC3C,SAAS,EAAE,MAAM,GAAG,CAAG,EAAA,MAAM,CAAY,UAAA,CAAA,GAAG,SAAS;IACrD,MAAM,EAAE,MAAM,GAAG,CAAG,EAAA,MAAM,CAAS,OAAA,CAAA,GAAG,SAAS;IAC/C,OAAO,EAAE,MAAM,GAAG,CAAG,EAAA,MAAM,CAAU,QAAA,CAAA,GAAG,SAAS;AAClD,CAAA,CAAC;AAEF;;;;;;AAMG;AACU,MAAA,IAAI,GAAG,CAAC,EACnB,EAAE,EACF,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,aAAa,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,EACrC,gBAAgB,EAChB,KAAK,EACL,MAAM,GAAG,KAAK,EACd,OAAO,EACP,QAAQ,EACR,MAAM,EACN,YAAY,GACF,KAAI;AACd,IAAA,MAAM,UAAU,GAAG,kBAAkB,CAAC,SAAS,CAAC;AAChD,IAAA,MAAM,aAAa,GAAG,kBAAkB,CAAC,YAAY,CAAC;IACtD,MAAM,CAAC,SAAS,EAAE,WAAW,EAAE,WAAW,CAAC,GAAG,QAAQ,EAAE;AAExD,IAAA,MAAM,WAAW,GAAG,WAAW,CAAC,MAAM,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;AACjE,IAAA,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAK,KAAI;QACR,KAAK,CAAC,eAAe,EAAE;AACvB,QAAA,IAAI,QAAQ;YAAE,QAAQ,CAAC,EAAE,CAAC;AAC5B,KAAC,EACD,CAAC,QAAQ,EAAE,EAAE,CAAC,CACf;AACD,IAAA,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,KAAK,KAAI;QACR,KAAK,CAAC,eAAe,EAAE;AACvB,QAAA,IAAI,MAAM;YAAE,MAAM,CAAC,EAAE,CAAC;AACxB,KAAC,EACD,CAAC,MAAM,EAAE,EAAE,CAAC,CACb;AAED,IAAA,MAAM,OAAO,GAAG,IAAI,KAAK,SAAS,CAAC,KAAK;AACxC,IAAA,MAAM,OAAO,GAAG,IAAI,KAAK,SAAS,CAAC,KAAK;IACxC,MAAM,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;IAEvE,QACEA,6BAAC,SAAS,EAAA,EACR,SAAS,EAAE,CAAA,EAAG,eAAe,CAAC,CAAC,UAAU,KAAV,IAAA,IAAA,UAAU,6BAAV,UAAU,CAAE,SAAS,EAAE,aAAa,KAAb,IAAA,IAAA,aAAa,KAAb,SAAA,GAAA,SAAA,GAAA,aAAa,CAAE,SAAS,CAAC,CAAC,CAC9E,CAAA,EAAA,CAAC,MAAM,KAAI,aAAa,aAAb,aAAa,KAAA,SAAA,GAAA,SAAA,GAAb,aAAa,CAAE,MAAM,CAAA,KAAK,EACvC,CAAE,CAAA,EACF,OAAO,EAAE,WAAW,EAAA;QAEpBA,cAAC,CAAA,aAAA,CAAA,OAAO,IACN,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,WAAW,EACzB,YAAY,EAAE,WAAW,EACzB,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,EAAA;AAEjC,YAAA,QAAQ,IAAIA,cAAA,CAAA,aAAA,CAAC,iBAAiB,EAAA,IAAA,EAAE,QAAQ,CAAqB;AAC9D,YAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,OAAO,EAAC,UAAU,EAAA,EAAE,IAAI,CAAQ;AACrC,YAAA,KAAK,KACJA,cAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,EACf,MAAM,EAAE,MAAM,IAAI,SAAS,EAC3B,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,EAAA;AAElC,gBAAAA,cAAA,CAAA,aAAA,CAAC,WAAW,EAAC,EAAA,SAAS,EAAE,aAAa,KAAA,IAAA,IAAb,aAAa,KAAb,SAAA,GAAA,SAAA,GAAA,aAAa,CAAE,OAAO,EAAE,OAAO,EAAC,iBAAiB,IACtE,KAAK,CACM,CACG,CACpB;YACA,OAAO,KACNA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAA,GACJ,WAAW,EACf,KAAK,EAAE,IAAI,EACX,SAAS,EAAE,aAAa,KAAA,IAAA,IAAb,aAAa,KAAA,SAAA,GAAA,SAAA,GAAb,aAAa,CAAE,MAAM,EAChC,OAAO,EAAE,YAAY,EAAA,CACrB,CACH;AACA,YAAA,OAAO,IAAI,MAAM,KAChBA,cAAC,CAAA,aAAA,CAAA,QAAQ,EACH,EAAA,GAAA,WAAW,EACf,KAAK,EAAE,IAAI,EACX,SAAS,EAAE,aAAa,KAAA,IAAA,IAAb,aAAa,KAAA,SAAA,GAAA,SAAA,GAAb,aAAa,CAAE,IAAI,EAC9B,OAAO,EAAE,UAAU,EACnB,CAAA,CACH,CACO,CACA;AAEhB;;;;"}

package/dist/components/ViewTab/ViewTab.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import '../../hooks/useFocusVisible.js';
 import { useHover } from '../../hooks/useHover.js';
 import { buildClassnames } from '../../utils/buildClassnames.js';
@@ -15,7 +15,7 @@ const generateClassNames = (prefix) => ({
     active: prefix ? `${prefix}-active` : undefined,
     counter: prefix ? `${prefix}-counter` : undefined,
 });
-const ViewTab = React.forwardRef(({ id, iconSlot, name, type, className, colourPalette = colors.secondary.blue, customTextColour, count, active = false, onClick, subAction, ariaContext, ...props }, ref) => {
+const ViewTab = React__default.forwardRef(({ id, iconSlot, name, type, className, colourPalette = colors.secondary.blue, customTextColour, count, active = false, onClick, subAction, ariaContext, ...props }, ref) => {
     const classNames = generateClassNames(className);
     const [isHovered, handleEnter, handleLeave] = useHover();
     const action = active && subAction ? subAction : onClick;
@@ -29,14 +29,14 @@ const ViewTab = React.forwardRef(({ id, iconSlot, name, type, className, colourP
             return 'Edit';
         return '';
     };
-    return (React.createElement(ViewButton, { className: buildClassnames([classNames === null || classNames === undefined ? undefined : classNames.container]), onClick: handleAction, role: "tab", "aria-selected": active, "aria-label": `${getLabelAction()} ${name} view ${count ? `with ${count} ${ariaContext}` : ''}`, customTextColour: customTextColour, ref: ref, ...props },
-        React.createElement(Contour, { active: active, onMouseEnter: handleEnter, onMouseLeave: handleLeave, colourPalette: colourPalette, customTextColour: customTextColour },
-            iconSlot && React.createElement(CustomIconWrapper, null, iconSlot),
-            React.createElement(Text, { variant: "bodyBold" }, name),
-            count !== undefined && count !== null && (React.createElement(CounterContainer, { "data-testid": "countContainer", active: active || isHovered, colourPalette: colourPalette, customTextColour: customTextColour },
-                React.createElement(CounterText, { variant: "subheadingSmall" }, count))),
-            isDraft && React.createElement(CrossIconStyling, { ...IconStyling, "aria-label": "delete icon" }),
-            isSaved && active && React.createElement(ThreeDotsIconStyling, { ...IconStyling, "aria-label": "edit icon" }))));
+    return (React__default.createElement(ViewButton, { className: buildClassnames([classNames === null || classNames === undefined ? undefined : classNames.container]), onClick: handleAction, role: "tab", "aria-selected": active, "aria-label": `${getLabelAction()} ${name} view ${count ? `with ${count} ${ariaContext}` : ''}`, customTextColour: customTextColour, ref: ref, ...props },
+        React__default.createElement(Contour, { active: active, onMouseEnter: handleEnter, onMouseLeave: handleLeave, colourPalette: colourPalette, customTextColour: customTextColour },
+            iconSlot && React__default.createElement(CustomIconWrapper, null, iconSlot),
+            React__default.createElement(Text, { variant: "bodyBold" }, name),
+            count !== undefined && count !== null && (React__default.createElement(CounterContainer, { "data-testid": "countContainer", active: active || isHovered, colourPalette: colourPalette, customTextColour: customTextColour },
+                React__default.createElement(CounterText, { variant: "subheadingSmall" }, count))),
+            isDraft && React__default.createElement(CrossIconStyling, { ...IconStyling, "aria-label": "delete icon" }),
+            isSaved && active && React__default.createElement(ThreeDotsIconStyling, { ...IconStyling, "aria-label": "edit icon" }))));
 });
 
 export { ViewTab };

package/dist/components/ViewTab/ViewTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewTab.js","sources":["../../../src/components/ViewTab/ViewTab.tsx"],"sourcesContent":["import React, { Ref } from 'react';\n\nimport { useHover } from '../../hooks';\nimport { colors } from '../../theme/modules/colors';\n\nimport { ViewTabProps, ViewTabTypes } from './types';\n\nimport {\n  Contour,\n  CounterContainer,\n  CounterText,\n  CrossIconStyling,\n  CustomIconWrapper,\n  IconStyling,\n  Text,\n  ThreeDotsIconStyling,\n  ViewButton,\n} from './styled';\nimport { buildClassnames } from '../../utils/buildClassnames';\n\nexport interface ClassNamesReturnPayload {\n  delete?: string;\n  edit?: string;\n  container?: string;\n  active?: string;\n  counter?: string;\n}\n\nconst generateClassNames = (prefix?: string): ClassNamesReturnPayload => ({\n  delete: prefix ? `${prefix}-delete` : undefined,\n  edit: prefix ? `${prefix}-edit` : undefined,\n  container: prefix ? `${prefix}-view` : undefined,\n  active: prefix ? `${prefix}-active` : undefined,\n  counter: prefix ? `${prefix}-counter` : undefined,\n});\n\nexport const ViewTab = React.forwardRef<HTMLButtonElement, ViewTabProps>(\n  (\n    {\n      id,\n      iconSlot,\n      name,\n      type,\n      className,\n      colourPalette = colors.secondary.blue,\n      customTextColour,\n      count,\n      active = false,\n      onClick,\n      subAction,\n      ariaContext,\n      ...props\n    }: ViewTabProps,\n    ref: Ref<HTMLButtonElement>,\n  ) => {\n    const classNames = generateClassNames(className);\n    const [isHovered, handleEnter, handleLeave] = useHover();\n\n    const action = active && subAction ? subAction : onClick;\n    const handleAction = () => action(id);\n\n    const isDraft = type === ViewTabTypes.draft;\n    const isSaved = type === ViewTabTypes.saved;\n\n    const getLabelAction = () => {\n      if (active && isDraft) return 'Delete';\n      if (active && isSaved) return 'Edit';\n      return '';\n    };\n\n    return (\n      <ViewButton\n        className={buildClassnames([classNames?.container])}\n        onClick={handleAction}\n        role=\"tab\"\n        aria-selected={active}\n        aria-label={`${getLabelAction()} ${name} view ${\n          count ? `with ${count} ${ariaContext}` : ''\n        }`}\n        customTextColour={customTextColour}\n        ref={ref}\n        {...props}\n      >\n        <Contour\n          active={active}\n          onMouseEnter={handleEnter}\n          onMouseLeave={handleLeave}\n          colourPalette={colourPalette}\n          customTextColour={customTextColour}\n        >\n          {iconSlot && <CustomIconWrapper>{iconSlot}</CustomIconWrapper>}\n          <Text variant=\"bodyBold\">{name}</Text>\n          {count !== undefined && count !== null && (\n            <CounterContainer\n              data-testid=\"countContainer\"\n              active={active || isHovered}\n              colourPalette={colourPalette}\n              customTextColour={customTextColour}\n            >\n              <CounterText variant=\"subheadingSmall\">{count}</CounterText>\n            </CounterContainer>\n          )}\n          {isDraft && <CrossIconStyling {...IconStyling} aria-label=\"delete icon\" />}\n          {isSaved && active && <ThreeDotsIconStyling {...IconStyling} aria-label=\"edit icon\" />}\n        </Contour>\n      </ViewButton>\n    );\n  },\n);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ViewTab.js","sources":["../../../src/components/ViewTab/ViewTab.tsx"],"sourcesContent":["import React, { Ref } from 'react';\n\nimport { useHover } from '../../hooks';\nimport { colors } from '../../theme/modules/colors';\n\nimport { ViewTabProps, ViewTabTypes } from './types';\n\nimport {\n  Contour,\n  CounterContainer,\n  CounterText,\n  CrossIconStyling,\n  CustomIconWrapper,\n  IconStyling,\n  Text,\n  ThreeDotsIconStyling,\n  ViewButton,\n} from './styled';\nimport { buildClassnames } from '../../utils/buildClassnames';\n\nexport interface ClassNamesReturnPayload {\n  delete?: string;\n  edit?: string;\n  container?: string;\n  active?: string;\n  counter?: string;\n}\n\nconst generateClassNames = (prefix?: string): ClassNamesReturnPayload => ({\n  delete: prefix ? `${prefix}-delete` : undefined,\n  edit: prefix ? `${prefix}-edit` : undefined,\n  container: prefix ? `${prefix}-view` : undefined,\n  active: prefix ? `${prefix}-active` : undefined,\n  counter: prefix ? `${prefix}-counter` : undefined,\n});\n\nexport const ViewTab = React.forwardRef<HTMLButtonElement, ViewTabProps>(\n  (\n    {\n      id,\n      iconSlot,\n      name,\n      type,\n      className,\n      colourPalette = colors.secondary.blue,\n      customTextColour,\n      count,\n      active = false,\n      onClick,\n      subAction,\n      ariaContext,\n      ...props\n    }: ViewTabProps,\n    ref: Ref<HTMLButtonElement>,\n  ) => {\n    const classNames = generateClassNames(className);\n    const [isHovered, handleEnter, handleLeave] = useHover();\n\n    const action = active && subAction ? subAction : onClick;\n    const handleAction = () => action(id);\n\n    const isDraft = type === ViewTabTypes.draft;\n    const isSaved = type === ViewTabTypes.saved;\n\n    const getLabelAction = () => {\n      if (active && isDraft) return 'Delete';\n      if (active && isSaved) return 'Edit';\n      return '';\n    };\n\n    return (\n      <ViewButton\n        className={buildClassnames([classNames?.container])}\n        onClick={handleAction}\n        role=\"tab\"\n        aria-selected={active}\n        aria-label={`${getLabelAction()} ${name} view ${\n          count ? `with ${count} ${ariaContext}` : ''\n        }`}\n        customTextColour={customTextColour}\n        ref={ref}\n        {...props}\n      >\n        <Contour\n          active={active}\n          onMouseEnter={handleEnter}\n          onMouseLeave={handleLeave}\n          colourPalette={colourPalette}\n          customTextColour={customTextColour}\n        >\n          {iconSlot && <CustomIconWrapper>{iconSlot}</CustomIconWrapper>}\n          <Text variant=\"bodyBold\">{name}</Text>\n          {count !== undefined && count !== null && (\n            <CounterContainer\n              data-testid=\"countContainer\"\n              active={active || isHovered}\n              colourPalette={colourPalette}\n              customTextColour={customTextColour}\n            >\n              <CounterText variant=\"subheadingSmall\">{count}</CounterText>\n            </CounterContainer>\n          )}\n          {isDraft && <CrossIconStyling {...IconStyling} aria-label=\"delete icon\" />}\n          {isSaved && active && <ThreeDotsIconStyling {...IconStyling} aria-label=\"edit icon\" />}\n        </Contour>\n      </ViewButton>\n    );\n  },\n);\n"],"names":["React"],"mappings":"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"}

package/dist/components/ViewsContainer/ViewsContainer.js

@@ -1,17 +1,17 @@
-import React, { useRef } from 'react';
+import React__default, { useRef } from 'react';
 import { Container, ViewsWrapper, StyledInputGroup, StyledLeftButton, StyledLeftIcon, StyledRightButton, StyledRightIcon, StyledMenuButton, StyledMenuIcon } from './styled.js';
 import { useSetScrollPosition } from './hooks/useSetScrollPosition.js';
 
-const ViewsContainer = React.forwardRef(({ children, onClickMenu, ariaMenuControls, ariaMenuExpanded }, menuRef) => {
+const ViewsContainer = React__default.forwardRef(({ children, onClickMenu, ariaMenuControls, ariaMenuExpanded }, menuRef) => {
     const viewsRef = useRef(null);
     const { rightDisabled, leftDisabled, toNextScrollPosition, toPrevScrollPosition } = useSetScrollPosition(viewsRef, children);
-    return (React.createElement(Container, { direction: "horizontal", alignY: "center", alignX: "between" },
-        React.createElement(ViewsWrapper, { ref: viewsRef, id: "views", role: "tablist", alignY: "center", direction: "horizontal" }, children),
-        React.createElement(StyledInputGroup, null,
-            (!leftDisabled || !rightDisabled) && (React.createElement(React.Fragment, null,
-                React.createElement(StyledLeftButton, { id: "left-arrow", iconSlot: React.createElement(StyledLeftIcon, null), disabled: leftDisabled, onClick: toPrevScrollPosition, variant: "flat", "aria-label": "move views to the left" }),
-                React.createElement(StyledRightButton, { id: "right-arrow", iconSlot: React.createElement(StyledRightIcon, null), disabled: rightDisabled, onClick: toNextScrollPosition, variant: "flat", "aria-label": "move views to the right" }))),
-            React.createElement(StyledMenuButton, { iconSlot: React.createElement(StyledMenuIcon, null), variant: "flat", onClick: onClickMenu, "aria-label": "open menu", "aria-controls": ariaMenuControls, "aria-expanded": ariaMenuExpanded, "aria-haspopup": ariaMenuControls ? 'dialog' : undefined, ref: menuRef }))));
+    return (React__default.createElement(Container, { direction: "horizontal", alignY: "center", alignX: "between" },
+        React__default.createElement(ViewsWrapper, { ref: viewsRef, id: "views", role: "tablist", alignY: "center", direction: "horizontal" }, children),
+        React__default.createElement(StyledInputGroup, null,
+            (!leftDisabled || !rightDisabled) && (React__default.createElement(React__default.Fragment, null,
+                React__default.createElement(StyledLeftButton, { id: "left-arrow", iconSlot: React__default.createElement(StyledLeftIcon, null), disabled: leftDisabled, onClick: toPrevScrollPosition, variant: "flat", "aria-label": "move views to the left" }),
+                React__default.createElement(StyledRightButton, { id: "right-arrow", iconSlot: React__default.createElement(StyledRightIcon, null), disabled: rightDisabled, onClick: toNextScrollPosition, variant: "flat", "aria-label": "move views to the right" }))),
+            React__default.createElement(StyledMenuButton, { iconSlot: React__default.createElement(StyledMenuIcon, null), variant: "flat", onClick: onClickMenu, "aria-label": "open menu", "aria-controls": ariaMenuControls, "aria-expanded": ariaMenuExpanded, "aria-haspopup": ariaMenuControls ? 'dialog' : undefined, ref: menuRef }))));
 });
 
 export { ViewsContainer };

package/dist/components/ViewsContainer/ViewsContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewsContainer.js","sources":["../../../src/components/ViewsContainer/ViewsContainer.tsx"],"sourcesContent":["import React, { useRef, MutableRefObject, Ref } from 'react';\n\nimport { ViewContainerProps } from './types';\nimport {\n  Container,\n  StyledLeftButton,\n  StyledLeftIcon,\n  StyledMenuButton,\n  StyledMenuIcon,\n  StyledRightButton,\n  StyledRightIcon,\n  StyledInputGroup,\n  ViewsWrapper,\n} from './styled';\nimport { useSetScrollPosition } from './hooks/useSetScrollPosition';\n\nexport const ViewsContainer = React.forwardRef<HTMLButtonElement, ViewContainerProps>(\n  (\n    { children, onClickMenu, ariaMenuControls, ariaMenuExpanded }: ViewContainerProps,\n    menuRef: Ref<HTMLButtonElement>,\n  ) => {\n    const viewsRef = useRef<HTMLDivElement>(null) as MutableRefObject<HTMLDivElement>;\n    const { rightDisabled, leftDisabled, toNextScrollPosition, toPrevScrollPosition } =\n      useSetScrollPosition(viewsRef, children);\n\n    return (\n      <Container direction=\"horizontal\" alignY=\"center\" alignX=\"between\">\n        <ViewsWrapper\n          ref={viewsRef}\n          id=\"views\"\n          role=\"tablist\"\n          alignY=\"center\"\n          direction=\"horizontal\"\n        >\n          {children}\n        </ViewsWrapper>\n\n        <StyledInputGroup>\n          {(!leftDisabled || !rightDisabled) && (\n            <>\n              <StyledLeftButton\n                id=\"left-arrow\"\n                iconSlot={<StyledLeftIcon />}\n                disabled={leftDisabled}\n                onClick={toPrevScrollPosition}\n                variant=\"flat\"\n                aria-label=\"move views to the left\"\n              />\n              <StyledRightButton\n                id=\"right-arrow\"\n                iconSlot={<StyledRightIcon />}\n                disabled={rightDisabled}\n                onClick={toNextScrollPosition}\n                variant=\"flat\"\n                aria-label=\"move views to the right\"\n              />\n            </>\n          )}\n          <StyledMenuButton\n            iconSlot={<StyledMenuIcon />}\n            variant=\"flat\"\n            onClick={onClickMenu}\n            aria-label=\"open menu\"\n            aria-controls={ariaMenuControls}\n            aria-expanded={ariaMenuExpanded}\n            aria-haspopup={ariaMenuControls ? 'dialog' : undefined}\n            ref={menuRef}\n          />\n        </StyledInputGroup>\n      </Container>\n    );\n  },\n);\n"],"names":[],"mappings":";;;;MAgBa,cAAc,GAAG,KAAK,CAAC,UAAU,CAC5C,CACE,EAAE,QAAQ,EAAE,WAAW,EAAE,gBAAgB,EAAE,gBAAgB,EAAsB,EACjF,OAA+B,KAC7B;AACF,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAqC;AACjF,IAAA,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,GAC/E,oBAAoB,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAE1C,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,SAAS,EAAC,YAAY,EAAC,MAAM,EAAC,QAAQ,EAAC,MAAM,EAAC,SAAS,EAAA;QAChE,KAAC,CAAA,aAAA,CAAA,YAAY,IACX,GAAG,EAAE,QAAQ,EACb,EAAE,EAAC,OAAO,EACV,IAAI,EAAC,SAAS,EACd,MAAM,EAAC,QAAQ,EACf,SAAS,EAAC,YAAY,EAErB,EAAA,QAAQ,CACI;AAEf,QAAA,KAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,IAAA;AACd,YAAA,CAAC,CAAC,YAAY,IAAI,CAAC,aAAa,MAC/B,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;gBACE,KAAC,CAAA,aAAA,CAAA,gBAAgB,EACf,EAAA,EAAE,EAAC,YAAY,EACf,QAAQ,EAAE,KAAC,CAAA,aAAA,CAAA,cAAc,EAAG,IAAA,CAAA,EAC5B,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,oBAAoB,EAC7B,OAAO,EAAC,MAAM,EACH,YAAA,EAAA,wBAAwB,EACnC,CAAA;gBACF,KAAC,CAAA,aAAA,CAAA,iBAAiB,EAChB,EAAA,EAAE,EAAC,aAAa,EAChB,QAAQ,EAAE,KAAA,CAAA,aAAA,CAAC,eAAe,EAAA,IAAA,CAAG,EAC7B,QAAQ,EAAE,aAAa,EACvB,OAAO,EAAE,oBAAoB,EAC7B,OAAO,EAAC,MAAM,EACH,YAAA,EAAA,yBAAyB,EACpC,CAAA,CACD,CACJ;AACD,YAAA,KAAA,CAAA,aAAA,CAAC,gBAAgB,EACf,EAAA,QAAQ,EAAE,KAAA,CAAA,aAAA,CAAC,cAAc,EAAG,IAAA,CAAA,EAC5B,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,WAAW,EAAA,YAAA,EACT,WAAW,EACP,eAAA,EAAA,gBAAgB,EAChB,eAAA,EAAA,gBAAgB,mBAChB,gBAAgB,GAAG,QAAQ,GAAG,SAAS,EACtD,GAAG,EAAE,OAAO,GACZ,CACe,CACT;AAEhB,CAAC;;;;"}
+{"version":3,"file":"ViewsContainer.js","sources":["../../../src/components/ViewsContainer/ViewsContainer.tsx"],"sourcesContent":["import React, { useRef, MutableRefObject, Ref } from 'react';\n\nimport { ViewContainerProps } from './types';\nimport {\n  Container,\n  StyledLeftButton,\n  StyledLeftIcon,\n  StyledMenuButton,\n  StyledMenuIcon,\n  StyledRightButton,\n  StyledRightIcon,\n  StyledInputGroup,\n  ViewsWrapper,\n} from './styled';\nimport { useSetScrollPosition } from './hooks/useSetScrollPosition';\n\nexport const ViewsContainer = React.forwardRef<HTMLButtonElement, ViewContainerProps>(\n  (\n    { children, onClickMenu, ariaMenuControls, ariaMenuExpanded }: ViewContainerProps,\n    menuRef: Ref<HTMLButtonElement>,\n  ) => {\n    const viewsRef = useRef<HTMLDivElement>(null) as MutableRefObject<HTMLDivElement>;\n    const { rightDisabled, leftDisabled, toNextScrollPosition, toPrevScrollPosition } =\n      useSetScrollPosition(viewsRef, children);\n\n    return (\n      <Container direction=\"horizontal\" alignY=\"center\" alignX=\"between\">\n        <ViewsWrapper\n          ref={viewsRef}\n          id=\"views\"\n          role=\"tablist\"\n          alignY=\"center\"\n          direction=\"horizontal\"\n        >\n          {children}\n        </ViewsWrapper>\n\n        <StyledInputGroup>\n          {(!leftDisabled || !rightDisabled) && (\n            <>\n              <StyledLeftButton\n                id=\"left-arrow\"\n                iconSlot={<StyledLeftIcon />}\n                disabled={leftDisabled}\n                onClick={toPrevScrollPosition}\n                variant=\"flat\"\n                aria-label=\"move views to the left\"\n              />\n              <StyledRightButton\n                id=\"right-arrow\"\n                iconSlot={<StyledRightIcon />}\n                disabled={rightDisabled}\n                onClick={toNextScrollPosition}\n                variant=\"flat\"\n                aria-label=\"move views to the right\"\n              />\n            </>\n          )}\n          <StyledMenuButton\n            iconSlot={<StyledMenuIcon />}\n            variant=\"flat\"\n            onClick={onClickMenu}\n            aria-label=\"open menu\"\n            aria-controls={ariaMenuControls}\n            aria-expanded={ariaMenuExpanded}\n            aria-haspopup={ariaMenuControls ? 'dialog' : undefined}\n            ref={menuRef}\n          />\n        </StyledInputGroup>\n      </Container>\n    );\n  },\n);\n"],"names":["React"],"mappings":";;;;MAgBa,cAAc,GAAGA,cAAK,CAAC,UAAU,CAC5C,CACE,EAAE,QAAQ,EAAE,WAAW,EAAE,gBAAgB,EAAE,gBAAgB,EAAsB,EACjF,OAA+B,KAC7B;AACF,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAqC;AACjF,IAAA,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,GAC/E,oBAAoB,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAE1C,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,SAAS,EAAC,YAAY,EAAC,MAAM,EAAC,QAAQ,EAAC,MAAM,EAAC,SAAS,EAAA;QAChEA,cAAC,CAAA,aAAA,CAAA,YAAY,IACX,GAAG,EAAE,QAAQ,EACb,EAAE,EAAC,OAAO,EACV,IAAI,EAAC,SAAS,EACd,MAAM,EAAC,QAAQ,EACf,SAAS,EAAC,YAAY,EAErB,EAAA,QAAQ,CACI;AAEf,QAAAA,cAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,IAAA;AACd,YAAA,CAAC,CAAC,YAAY,IAAI,CAAC,aAAa,MAC/BA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA;gBACEA,cAAC,CAAA,aAAA,CAAA,gBAAgB,EACf,EAAA,EAAE,EAAC,YAAY,EACf,QAAQ,EAAEA,cAAC,CAAA,aAAA,CAAA,cAAc,EAAG,IAAA,CAAA,EAC5B,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,oBAAoB,EAC7B,OAAO,EAAC,MAAM,EACH,YAAA,EAAA,wBAAwB,EACnC,CAAA;gBACFA,cAAC,CAAA,aAAA,CAAA,iBAAiB,EAChB,EAAA,EAAE,EAAC,aAAa,EAChB,QAAQ,EAAEA,cAAA,CAAA,aAAA,CAAC,eAAe,EAAA,IAAA,CAAG,EAC7B,QAAQ,EAAE,aAAa,EACvB,OAAO,EAAE,oBAAoB,EAC7B,OAAO,EAAC,MAAM,EACH,YAAA,EAAA,yBAAyB,EACpC,CAAA,CACD,CACJ;AACD,YAAAA,cAAA,CAAA,aAAA,CAAC,gBAAgB,EACf,EAAA,QAAQ,EAAEA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAG,IAAA,CAAA,EAC5B,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,WAAW,EAAA,YAAA,EACT,WAAW,EACP,eAAA,EAAA,gBAAgB,EAChB,eAAA,EAAA,gBAAgB,mBAChB,gBAAgB,GAAG,QAAQ,GAAG,SAAS,EACtD,GAAG,EAAE,OAAO,GACZ,CACe,CACT;AAEhB,CAAC;;;;"}

package/dist/components/WeightInput/WeightInput.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { theme } from '../../theme/index.js';
 import { isWeightMetric, isWeightImperial } from './types.js';
 import { ComponentSize } from '../types.js';
@@ -9,18 +9,18 @@ import { invalidCharsList } from '../../utils/invalidCharactersNumeric.js';
 import { InputGroupLabel } from '../InputGroup/components/InputGroupLabel/InputGroupLabel.js';
 
 const blockInvalidChars = (e) => blockInvalidCharacters(e, invalidCharsList);
-const WeightInput = ({ size = ComponentSize.base, hasError, className, ...rest }) => (React.createElement(Container, { className: className, role: "group", "aria-label": "Weight" },
-    React.createElement(Row, null,
-        isWeightMetric(rest) && (React.createElement(InputGroup, null,
-            React.createElement(StyledTextField, { name: "gram", type: "number", value: rest.gram, "aria-label": "Grams", min: "0", step: "any", size: size, hasError: hasError, onChange: rest.handleChangeGram, onKeyDown: blockInvalidChars }),
-            React.createElement(InputGroupLabel, { unit: "g", size: size }))),
-        isWeightImperial(rest) && (React.createElement(React.Fragment, null,
-            React.createElement(InputGroup, { style: { marginRight: theme.sizes.xs } },
-                React.createElement(StyledTextField, { name: "pound", type: "number", value: rest.pound, "aria-label": "Pounds", min: "0", step: "any", size: size, hasError: hasError, onChange: rest.handleChangePound, onKeyDown: blockInvalidChars }),
-                React.createElement(InputGroupLabel, { unit: "lb", size: size })),
-            React.createElement(InputGroup, null,
-                React.createElement(StyledTextField, { name: "ounce", type: "number", value: rest.ounce, "aria-label": "Ounces", min: "0", step: "any", size: size, hasError: hasError, onChange: rest.handleChangeOunce, onKeyDown: blockInvalidChars }),
-                React.createElement(InputGroupLabel, { unit: "oz", size: size })))))));
+const WeightInput = ({ size = ComponentSize.base, hasError, className, ...rest }) => (React__default.createElement(Container, { className: className, role: "group", "aria-label": "Weight" },
+    React__default.createElement(Row, null,
+        isWeightMetric(rest) && (React__default.createElement(InputGroup, null,
+            React__default.createElement(StyledTextField, { name: "gram", type: "number", value: rest.gram, "aria-label": "Grams", min: "0", step: "any", size: size, hasError: hasError, onChange: rest.handleChangeGram, onKeyDown: blockInvalidChars }),
+            React__default.createElement(InputGroupLabel, { unit: "g", size: size }))),
+        isWeightImperial(rest) && (React__default.createElement(React__default.Fragment, null,
+            React__default.createElement(InputGroup, { style: { marginRight: theme.sizes.xs } },
+                React__default.createElement(StyledTextField, { name: "pound", type: "number", value: rest.pound, "aria-label": "Pounds", min: "0", step: "any", size: size, hasError: hasError, onChange: rest.handleChangePound, onKeyDown: blockInvalidChars }),
+                React__default.createElement(InputGroupLabel, { unit: "lb", size: size })),
+            React__default.createElement(InputGroup, null,
+                React__default.createElement(StyledTextField, { name: "ounce", type: "number", value: rest.ounce, "aria-label": "Ounces", min: "0", step: "any", size: size, hasError: hasError, onChange: rest.handleChangeOunce, onKeyDown: blockInvalidChars }),
+                React__default.createElement(InputGroupLabel, { unit: "oz", size: size })))))));
 WeightInput.displayName = 'WeightInput';
 WeightInput.defaultProps = {
     weightUnit: 'lb',

package/dist/components/WeightInput/WeightInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"WeightInput.js","sources":["../../../src/components/WeightInput/WeightInput.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport { theme } from 'Theme';\nimport { WeightProps, isWeightImperial, isWeightMetric } from './types';\nimport { ComponentSize } from '../types';\nimport { InputGroup, InputGroupLabel } from '../InputGroup';\n\nimport { Container, TextField, Row } from './styled';\nimport { blockInvalidCharacters } from '../../utils/blockInvalidCharacters';\nimport { invalidCharsList } from '../../utils/invalidCharactersNumeric';\n\nconst blockInvalidChars = (e: React.KeyboardEvent) => blockInvalidCharacters(e, invalidCharsList);\n\nexport const WeightInput: FC<WeightProps> = ({\n  size = ComponentSize.base,\n  hasError,\n  className,\n  ...rest\n}: WeightProps) => (\n  <Container className={className} role=\"group\" aria-label=\"Weight\">\n    <Row>\n      {isWeightMetric(rest) && (\n        <InputGroup>\n          <TextField\n            name=\"gram\"\n            type=\"number\"\n            value={rest.gram}\n            aria-label=\"Grams\"\n            min=\"0\"\n            step=\"any\"\n            size={size}\n            hasError={hasError}\n            onChange={rest.handleChangeGram}\n            onKeyDown={blockInvalidChars}\n          />\n          <InputGroupLabel unit=\"g\" size={size} />\n        </InputGroup>\n      )}\n\n      {isWeightImperial(rest) && (\n        <>\n          <InputGroup style={{ marginRight: theme.sizes.xs }}>\n            <TextField\n              name=\"pound\"\n              type=\"number\"\n              value={rest.pound}\n              aria-label=\"Pounds\"\n              min=\"0\"\n              step=\"any\"\n              size={size}\n              hasError={hasError}\n              onChange={rest.handleChangePound}\n              onKeyDown={blockInvalidChars}\n            />\n            <InputGroupLabel unit=\"lb\" size={size} />\n          </InputGroup>\n          <InputGroup>\n            <TextField\n              name=\"ounce\"\n              type=\"number\"\n              value={rest.ounce}\n              aria-label=\"Ounces\"\n              min=\"0\"\n              step=\"any\"\n              size={size}\n              hasError={hasError}\n              onChange={rest.handleChangeOunce}\n              onKeyDown={blockInvalidChars}\n            />\n            <InputGroupLabel unit=\"oz\" size={size} />\n          </InputGroup>\n        </>\n      )}\n    </Row>\n  </Container>\n);\n\nWeightInput.displayName = 'WeightInput';\n\nWeightInput.defaultProps = {\n  weightUnit: 'lb',\n};\n"],"names":["TextField"],"mappings":";;;;;;;;;;AAWA,MAAM,iBAAiB,GAAG,CAAC,CAAsB,KAAK,sBAAsB,CAAC,CAAC,EAAE,gBAAgB,CAAC;AAE1F,MAAM,WAAW,GAAoB,CAAC,EAC3C,IAAI,GAAG,aAAa,CAAC,IAAI,EACzB,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACK,MACZ,oBAAC,SAAS,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAC,OAAO,gBAAY,QAAQ,EAAA;AAC/D,IAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,IAAA;AACD,QAAA,cAAc,CAAC,IAAI,CAAC,KACnB,oBAAC,UAAU,EAAA,IAAA;AACT,YAAA,KAAA,CAAA,aAAA,CAACA,eAAS,EACR,EAAA,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,IAAI,CAAC,IAAI,gBACL,OAAO,EAClB,GAAG,EAAC,GAAG,EACP,IAAI,EAAC,KAAK,EACV,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,IAAI,CAAC,gBAAgB,EAC/B,SAAS,EAAE,iBAAiB,EAC5B,CAAA;YACF,KAAC,CAAA,aAAA,CAAA,eAAe,EAAC,EAAA,IAAI,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,EAAI,CAAA,CAC7B,CACd;AAEA,QAAA,gBAAgB,CAAC,IAAI,CAAC,KACrB,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;AACE,YAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,EAAA;AAChD,gBAAA,KAAA,CAAA,aAAA,CAACA,eAAS,EACR,EAAA,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,IAAI,CAAC,KAAK,gBACN,QAAQ,EACnB,GAAG,EAAC,GAAG,EACP,IAAI,EAAC,KAAK,EACV,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,IAAI,CAAC,iBAAiB,EAChC,SAAS,EAAE,iBAAiB,EAC5B,CAAA;gBACF,KAAC,CAAA,aAAA,CAAA,eAAe,EAAC,EAAA,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,IAAI,EAAA,CAAI,CAC9B;AACb,YAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,IAAA;AACT,gBAAA,KAAA,CAAA,aAAA,CAACA,eAAS,EACR,EAAA,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,IAAI,CAAC,KAAK,gBACN,QAAQ,EACnB,GAAG,EAAC,GAAG,EACP,IAAI,EAAC,KAAK,EACV,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,IAAI,CAAC,iBAAiB,EAChC,SAAS,EAAE,iBAAiB,EAC5B,CAAA;AACF,gBAAA,KAAA,CAAA,aAAA,CAAC,eAAe,EAAC,EAAA,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,IAAI,EAAA,CAAI,CAC9B,CACZ,CACJ,CACG,CACI;AAGd,WAAW,CAAC,WAAW,GAAG,aAAa;AAEvC,WAAW,CAAC,YAAY,GAAG;AACzB,IAAA,UAAU,EAAE,IAAI;CACjB;;;;"}
+{"version":3,"file":"WeightInput.js","sources":["../../../src/components/WeightInput/WeightInput.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport { theme } from 'Theme';\nimport { WeightProps, isWeightImperial, isWeightMetric } from './types';\nimport { ComponentSize } from '../types';\nimport { InputGroup, InputGroupLabel } from '../InputGroup';\n\nimport { Container, TextField, Row } from './styled';\nimport { blockInvalidCharacters } from '../../utils/blockInvalidCharacters';\nimport { invalidCharsList } from '../../utils/invalidCharactersNumeric';\n\nconst blockInvalidChars = (e: React.KeyboardEvent) => blockInvalidCharacters(e, invalidCharsList);\n\nexport const WeightInput: FC<WeightProps> = ({\n  size = ComponentSize.base,\n  hasError,\n  className,\n  ...rest\n}: WeightProps) => (\n  <Container className={className} role=\"group\" aria-label=\"Weight\">\n    <Row>\n      {isWeightMetric(rest) && (\n        <InputGroup>\n          <TextField\n            name=\"gram\"\n            type=\"number\"\n            value={rest.gram}\n            aria-label=\"Grams\"\n            min=\"0\"\n            step=\"any\"\n            size={size}\n            hasError={hasError}\n            onChange={rest.handleChangeGram}\n            onKeyDown={blockInvalidChars}\n          />\n          <InputGroupLabel unit=\"g\" size={size} />\n        </InputGroup>\n      )}\n\n      {isWeightImperial(rest) && (\n        <>\n          <InputGroup style={{ marginRight: theme.sizes.xs }}>\n            <TextField\n              name=\"pound\"\n              type=\"number\"\n              value={rest.pound}\n              aria-label=\"Pounds\"\n              min=\"0\"\n              step=\"any\"\n              size={size}\n              hasError={hasError}\n              onChange={rest.handleChangePound}\n              onKeyDown={blockInvalidChars}\n            />\n            <InputGroupLabel unit=\"lb\" size={size} />\n          </InputGroup>\n          <InputGroup>\n            <TextField\n              name=\"ounce\"\n              type=\"number\"\n              value={rest.ounce}\n              aria-label=\"Ounces\"\n              min=\"0\"\n              step=\"any\"\n              size={size}\n              hasError={hasError}\n              onChange={rest.handleChangeOunce}\n              onKeyDown={blockInvalidChars}\n            />\n            <InputGroupLabel unit=\"oz\" size={size} />\n          </InputGroup>\n        </>\n      )}\n    </Row>\n  </Container>\n);\n\nWeightInput.displayName = 'WeightInput';\n\nWeightInput.defaultProps = {\n  weightUnit: 'lb',\n};\n"],"names":["React","TextField"],"mappings":";;;;;;;;;;AAWA,MAAM,iBAAiB,GAAG,CAAC,CAAsB,KAAK,sBAAsB,CAAC,CAAC,EAAE,gBAAgB,CAAC;AAE1F,MAAM,WAAW,GAAoB,CAAC,EAC3C,IAAI,GAAG,aAAa,CAAC,IAAI,EACzB,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACK,MACZA,6BAAC,SAAS,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAC,OAAO,gBAAY,QAAQ,EAAA;AAC/D,IAAAA,cAAA,CAAA,aAAA,CAAC,GAAG,EAAA,IAAA;AACD,QAAA,cAAc,CAAC,IAAI,CAAC,KACnBA,6BAAC,UAAU,EAAA,IAAA;AACT,YAAAA,cAAA,CAAA,aAAA,CAACC,eAAS,EACR,EAAA,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,IAAI,CAAC,IAAI,gBACL,OAAO,EAClB,GAAG,EAAC,GAAG,EACP,IAAI,EAAC,KAAK,EACV,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,IAAI,CAAC,gBAAgB,EAC/B,SAAS,EAAE,iBAAiB,EAC5B,CAAA;YACFD,cAAC,CAAA,aAAA,CAAA,eAAe,EAAC,EAAA,IAAI,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,EAAI,CAAA,CAC7B,CACd;AAEA,QAAA,gBAAgB,CAAC,IAAI,CAAC,KACrBA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA;AACE,YAAAA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,EAAA;AAChD,gBAAAA,cAAA,CAAA,aAAA,CAACC,eAAS,EACR,EAAA,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,IAAI,CAAC,KAAK,gBACN,QAAQ,EACnB,GAAG,EAAC,GAAG,EACP,IAAI,EAAC,KAAK,EACV,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,IAAI,CAAC,iBAAiB,EAChC,SAAS,EAAE,iBAAiB,EAC5B,CAAA;gBACFD,cAAC,CAAA,aAAA,CAAA,eAAe,EAAC,EAAA,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,IAAI,EAAA,CAAI,CAC9B;AACb,YAAAA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,IAAA;AACT,gBAAAA,cAAA,CAAA,aAAA,CAACC,eAAS,EACR,EAAA,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,IAAI,CAAC,KAAK,gBACN,QAAQ,EACnB,GAAG,EAAC,GAAG,EACP,IAAI,EAAC,KAAK,EACV,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,IAAI,CAAC,iBAAiB,EAChC,SAAS,EAAE,iBAAiB,EAC5B,CAAA;AACF,gBAAAD,cAAA,CAAA,aAAA,CAAC,eAAe,EAAC,EAAA,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,IAAI,EAAA,CAAI,CAC9B,CACZ,CACJ,CACG,CACI;AAGd,WAAW,CAAC,WAAW,GAAG,aAAa;AAEvC,WAAW,CAAC,YAAY,GAAG;AACzB,IAAA,UAAU,EAAE,IAAI;CACjB;;;;"}

package/dist/hoc/withDeprecated.js

@@ -1,11 +1,11 @@
-import React, { useEffect } from 'react';
+import React__default, { useEffect } from 'react';
 
 const withDeprecated = (Component) => (props) => {
     useEffect(() => {
         // eslint-disable-next-line no-console
         console.warn(`${Component.name} is deprecated.`);
     }, []);
-    return React.createElement(Component, { ...props });
+    return React__default.createElement(Component, { ...props });
 };
 
 export { withDeprecated };

package/dist/hoc/withDeprecated.js.map

@@ -1 +1 @@
-{"version":3,"file":"withDeprecated.js","sources":["../../src/hoc/withDeprecated.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\n\nexport const withDeprecated =\n  <P extends object>(Component: React.ComponentType<P>): React.FC<P> =>\n  (props: P) => {\n    useEffect(() => {\n      // eslint-disable-next-line no-console\n      console.warn(`${Component.name} is deprecated.`);\n    }, []);\n    return <Component {...(props as P)} />;\n  };\n"],"names":[],"mappings":";;AAEO,MAAM,cAAc,GACzB,CAAmB,SAAiC,KACpD,CAAC,KAAQ,KAAI;IACX,SAAS,CAAC,MAAK;;QAEb,OAAO,CAAC,IAAI,CAAC,CAAA,EAAG,SAAS,CAAC,IAAI,CAAiB,eAAA,CAAA,CAAC;KACjD,EAAE,EAAE,CAAC;AACN,IAAA,OAAO,KAAC,CAAA,aAAA,CAAA,SAAS,EAAM,EAAA,GAAA,KAAW,GAAI;AACxC;;;;"}
+{"version":3,"file":"withDeprecated.js","sources":["../../src/hoc/withDeprecated.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\n\nexport const withDeprecated =\n  <P extends object>(Component: React.ComponentType<P>): React.FC<P> =>\n  (props: P) => {\n    useEffect(() => {\n      // eslint-disable-next-line no-console\n      console.warn(`${Component.name} is deprecated.`);\n    }, []);\n    return <Component {...(props as P)} />;\n  };\n"],"names":["React"],"mappings":";;AAEO,MAAM,cAAc,GACzB,CAAmB,SAAiC,KACpD,CAAC,KAAQ,KAAI;IACX,SAAS,CAAC,MAAK;;QAEb,OAAO,CAAC,IAAI,CAAC,CAAA,EAAG,SAAS,CAAC,IAAI,CAAiB,eAAA,CAAA,CAAC;KACjD,EAAE,EAAE,CAAC;AACN,IAAA,OAAOA,cAAC,CAAA,aAAA,CAAA,SAAS,EAAM,EAAA,GAAA,KAAW,GAAI;AACxC;;;;"}

package/dist/hoc/withLabels/withLabels.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { AttentionIcon } from '../../tempIcons/AttentionIcon.js';
 import { theme } from '../../theme/index.js';
 import { Stack } from '../../components/Stack/Stack.js';
@@ -9,18 +9,18 @@ import { useId } from '../../hooks/useId.js';
 const withLabels = (Component) => ({ label, hint, error, tooltip, tooltipContent, ...otherProps }) => {
     const componentId = useId({ id: otherProps === null || otherProps === undefined ? undefined : otherProps.id, prefix: Component.name });
     if (!label)
-        return React.createElement(Component, { hasError: !!error, ...otherProps });
-    return (React.createElement(RootStack, { spacing: "sm", alignX: "stretch" },
-        React.createElement("div", { style: { marginBottom: theme.sizes.xs } },
-            React.createElement(Stack, { direction: "horizontal", alignY: "center", spacing: "sm" },
-                React.createElement(Label, { id: `${componentId}-label`, htmlFor: componentId }, label),
-                (tooltip || tooltipContent) && (React.createElement(BlockTooltip, { text: tooltip, content: tooltipContent },
-                    React.createElement(HelpIcon, { "data-testid": "tooltip-help", width: theme.sizes.base, height: theme.sizes.base, color: theme.colors.neutral.ink.light })))),
-            hint && React.createElement(Hint, { id: `${componentId}-hint` }, hint)),
-        React.createElement(Component, { id: componentId, hasError: !!error, ...otherProps }),
-        error && (React.createElement(Stack, { direction: "horizontal", alignY: "center", spacing: "xs" },
-            React.createElement(AttentionIcon, { width: 16, height: 16, color: theme.colors.secondary.red.base }),
-            React.createElement(Error, null, error)))));
+        return React__default.createElement(Component, { hasError: !!error, ...otherProps });
+    return (React__default.createElement(RootStack, { spacing: "sm", alignX: "stretch" },
+        React__default.createElement("div", { style: { marginBottom: theme.sizes.xs } },
+            React__default.createElement(Stack, { direction: "horizontal", alignY: "center", spacing: "sm" },
+                React__default.createElement(Label, { id: `${componentId}-label`, htmlFor: componentId }, label),
+                (tooltip || tooltipContent) && (React__default.createElement(BlockTooltip, { text: tooltip, content: tooltipContent },
+                    React__default.createElement(HelpIcon, { "data-testid": "tooltip-help", width: theme.sizes.base, height: theme.sizes.base, color: theme.colors.neutral.ink.light })))),
+            hint && React__default.createElement(Hint, { id: `${componentId}-hint` }, hint)),
+        React__default.createElement(Component, { id: componentId, hasError: !!error, ...otherProps }),
+        error && (React__default.createElement(Stack, { direction: "horizontal", alignY: "center", spacing: "xs" },
+            React__default.createElement(AttentionIcon, { width: 16, height: 16, color: theme.colors.secondary.red.base }),
+            React__default.createElement(Error, null, error)))));
 };
 
 export { withLabels };

package/dist/hoc/withLabels/withLabels.js.map

@@ -1 +1 @@
-{"version":3,"file":"withLabels.js","sources":["../../../src/hoc/withLabels/withLabels.tsx"],"sourcesContent":["import React, { ComponentType, FC, ReactNode } from 'react';\nimport { AttentionIcon } from '../../tempIcons/AttentionIcon';\nimport { theme } from '../../theme';\nimport { Stack } from '../../components/Stack';\n\nimport { RootStack, Label, Hint, Error, BlockTooltip } from './styled';\nimport { HelpIcon } from '../../tempIcons/HelpIcon';\nimport { useId } from '../../hooks/useId';\n\nexport interface WithLabelsProps {\n  id?: string;\n  label?: ReactNode;\n  hint?: ReactNode;\n  error?: ReactNode;\n  tooltip?: string;\n  tooltipContent?: ReactNode;\n}\n\nexport const withLabels =\n  <P extends object>(Component: ComponentType<P>): FC<P & WithLabelsProps> =>\n  ({ label, hint, error, tooltip, tooltipContent, ...otherProps }: WithLabelsProps) => {\n    const componentId = useId({ id: otherProps?.id, prefix: Component.name });\n\n    if (!label) return <Component hasError={!!error} {...(otherProps as P)} />;\n\n    return (\n      <RootStack spacing=\"sm\" alignX=\"stretch\">\n        <div style={{ marginBottom: theme.sizes.xs }}>\n          <Stack direction=\"horizontal\" alignY=\"center\" spacing=\"sm\">\n            <Label id={`${componentId}-label`} htmlFor={componentId}>\n              {label}\n            </Label>\n            {(tooltip || tooltipContent) && (\n              <BlockTooltip text={tooltip} content={tooltipContent}>\n                <HelpIcon\n                  data-testid=\"tooltip-help\"\n                  width={theme.sizes.base}\n                  height={theme.sizes.base}\n                  color={theme.colors.neutral.ink.light}\n                />\n              </BlockTooltip>\n            )}\n          </Stack>\n          {hint && <Hint id={`${componentId}-hint`}>{hint}</Hint>}\n        </div>\n        <Component id={componentId} hasError={!!error} {...(otherProps as P)} />\n        {error && (\n          <Stack direction=\"horizontal\" alignY=\"center\" spacing=\"xs\">\n            <AttentionIcon width={16} height={16} color={theme.colors.secondary.red.base} />\n            <Error>{error}</Error>\n          </Stack>\n        )}\n      </RootStack>\n    );\n  };\n"],"names":[],"mappings":";;;;;;;;AAkBa,MAAA,UAAU,GACrB,CAAmB,SAA2B,KAC9C,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,UAAU,EAAmB,KAAI;IAClF,MAAM,WAAW,GAAG,KAAK,CAAC,EAAE,EAAE,EAAE,UAAU,KAAA,IAAA,IAAV,UAAU,KAAA,SAAA,GAAA,SAAA,GAAV,UAAU,CAAE,EAAE,EAAE,MAAM,EAAE,SAAS,CAAC,IAAI,EAAE,CAAC;AAEzE,IAAA,IAAI,CAAC,KAAK;QAAE,OAAO,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAA,GAAO,UAAgB,EAAA,CAAI;IAE1E,QACE,KAAC,CAAA,aAAA,CAAA,SAAS,EAAC,EAAA,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAA;QACtC,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,EAAE,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,EAAA;AAC1C,YAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,SAAS,EAAC,YAAY,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAA;AACxD,gBAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,EAAE,EAAE,CAAG,EAAA,WAAW,CAAQ,MAAA,CAAA,EAAE,OAAO,EAAE,WAAW,EAAA,EACpD,KAAK,CACA;AACP,gBAAA,CAAC,OAAO,IAAI,cAAc,MACzB,KAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAA;AAClD,oBAAA,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EAAA,aAAA,EACK,cAAc,EAC1B,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EACvB,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EACxB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,EACrC,CAAA,CACW,CAChB,CACK;AACP,YAAA,IAAI,IAAI,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,CAAG,EAAA,WAAW,CAAO,KAAA,CAAA,EAAA,EAAG,IAAI,CAAQ,CACnD;AACN,QAAA,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAA,GAAO,UAAgB,EAAI,CAAA;AACvE,QAAA,KAAK,KACJ,KAAC,CAAA,aAAA,CAAA,KAAK,IAAC,SAAS,EAAC,YAAY,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAA;YACxD,KAAC,CAAA,aAAA,CAAA,aAAa,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAI,CAAA;YAChF,KAAC,CAAA,aAAA,CAAA,KAAK,QAAE,KAAK,CAAS,CAChB,CACT,CACS;AAEhB;;;;"}
+{"version":3,"file":"withLabels.js","sources":["../../../src/hoc/withLabels/withLabels.tsx"],"sourcesContent":["import React, { ComponentType, FC, ReactNode } from 'react';\nimport { AttentionIcon } from '../../tempIcons/AttentionIcon';\nimport { theme } from '../../theme';\nimport { Stack } from '../../components/Stack';\n\nimport { RootStack, Label, Hint, Error, BlockTooltip } from './styled';\nimport { HelpIcon } from '../../tempIcons/HelpIcon';\nimport { useId } from '../../hooks/useId';\n\nexport interface WithLabelsProps {\n  id?: string;\n  label?: ReactNode;\n  hint?: ReactNode;\n  error?: ReactNode;\n  tooltip?: string;\n  tooltipContent?: ReactNode;\n}\n\nexport const withLabels =\n  <P extends object>(Component: ComponentType<P>): FC<P & WithLabelsProps> =>\n  ({ label, hint, error, tooltip, tooltipContent, ...otherProps }: WithLabelsProps) => {\n    const componentId = useId({ id: otherProps?.id, prefix: Component.name });\n\n    if (!label) return <Component hasError={!!error} {...(otherProps as P)} />;\n\n    return (\n      <RootStack spacing=\"sm\" alignX=\"stretch\">\n        <div style={{ marginBottom: theme.sizes.xs }}>\n          <Stack direction=\"horizontal\" alignY=\"center\" spacing=\"sm\">\n            <Label id={`${componentId}-label`} htmlFor={componentId}>\n              {label}\n            </Label>\n            {(tooltip || tooltipContent) && (\n              <BlockTooltip text={tooltip} content={tooltipContent}>\n                <HelpIcon\n                  data-testid=\"tooltip-help\"\n                  width={theme.sizes.base}\n                  height={theme.sizes.base}\n                  color={theme.colors.neutral.ink.light}\n                />\n              </BlockTooltip>\n            )}\n          </Stack>\n          {hint && <Hint id={`${componentId}-hint`}>{hint}</Hint>}\n        </div>\n        <Component id={componentId} hasError={!!error} {...(otherProps as P)} />\n        {error && (\n          <Stack direction=\"horizontal\" alignY=\"center\" spacing=\"xs\">\n            <AttentionIcon width={16} height={16} color={theme.colors.secondary.red.base} />\n            <Error>{error}</Error>\n          </Stack>\n        )}\n      </RootStack>\n    );\n  };\n"],"names":["React"],"mappings":";;;;;;;;AAkBa,MAAA,UAAU,GACrB,CAAmB,SAA2B,KAC9C,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,UAAU,EAAmB,KAAI;IAClF,MAAM,WAAW,GAAG,KAAK,CAAC,EAAE,EAAE,EAAE,UAAU,KAAA,IAAA,IAAV,UAAU,KAAA,SAAA,GAAA,SAAA,GAAV,UAAU,CAAE,EAAE,EAAE,MAAM,EAAE,SAAS,CAAC,IAAI,EAAE,CAAC;AAEzE,IAAA,IAAI,CAAC,KAAK;QAAE,OAAOA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAA,GAAO,UAAgB,EAAA,CAAI;IAE1E,QACEA,cAAC,CAAA,aAAA,CAAA,SAAS,EAAC,EAAA,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAA;QACtCA,cAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,EAAE,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,EAAA;AAC1C,YAAAA,cAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,SAAS,EAAC,YAAY,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAA;AACxD,gBAAAA,cAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,EAAE,EAAE,CAAG,EAAA,WAAW,CAAQ,MAAA,CAAA,EAAE,OAAO,EAAE,WAAW,EAAA,EACpD,KAAK,CACA;AACP,gBAAA,CAAC,OAAO,IAAI,cAAc,MACzBA,cAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAA;AAClD,oBAAAA,cAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EAAA,aAAA,EACK,cAAc,EAC1B,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EACvB,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EACxB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,EACrC,CAAA,CACW,CAChB,CACK;AACP,YAAA,IAAI,IAAIA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,CAAG,EAAA,WAAW,CAAO,KAAA,CAAA,EAAA,EAAG,IAAI,CAAQ,CACnD;AACN,QAAAA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAA,GAAO,UAAgB,EAAI,CAAA;AACvE,QAAA,KAAK,KACJA,cAAC,CAAA,aAAA,CAAA,KAAK,IAAC,SAAS,EAAC,YAAY,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAA;YACxDA,cAAC,CAAA,aAAA,CAAA,aAAa,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAI,CAAA;YAChFA,cAAC,CAAA,aAAA,CAAA,KAAK,QAAE,KAAK,CAAS,CAChB,CACT,CACS;AAEhB;;;;"}

package/dist/hooks/useFocusVisible.js

@@ -1,7 +1,7 @@
-import React, { useState, useEffect } from 'react';
+import React__default, { useState, useEffect } from 'react';
 
 // A React hook based on: https://github.com/WICG/focus-visible
-const FocusVisibleContext = React.createContext({
+const FocusVisibleContext = React__default.createContext({
     hadKeyboardEvent: true,
     isInitialized: false,
 });
@@ -106,16 +106,16 @@ function FocusVisibleManager({ children }) {
     }, [setHadKeyboardEvent]);
     return (
     // eslint-disable-next-line react/jsx-no-constructed-context-values
-    React.createElement(FocusVisibleContext.Provider, { value: { hadKeyboardEvent, isInitialized: true } }, children));
+    React__default.createElement(FocusVisibleContext.Provider, { value: { hadKeyboardEvent, isInitialized: true } }, children));
 }
 function useFocusVisible() {
-    const [isFocused, setIsFocused] = React.useState(false);
-    const { hadKeyboardEvent, isInitialized } = React.useContext(FocusVisibleContext);
-    const onFocus = React.useCallback(() => {
+    const [isFocused, setIsFocused] = React__default.useState(false);
+    const { hadKeyboardEvent, isInitialized } = React__default.useContext(FocusVisibleContext);
+    const onFocus = React__default.useCallback(() => {
         if (!isFocused)
             setIsFocused(true);
     }, [isFocused]);
-    const onBlur = React.useCallback(() => {
+    const onBlur = React__default.useCallback(() => {
         if (isFocused)
             setIsFocused(false);
     }, [isFocused]);
@@ -127,7 +127,7 @@ function useFocusVisible() {
         // Fallback to focused when the `FocusVisibleManager` is not used.
         focusVisible = isFocused;
     }
-    return React.useMemo(() => ({
+    return React__default.useMemo(() => ({
         focusVisible,
         onFocus,
         onBlur,

package/dist/hooks/useFocusVisible.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFocusVisible.js","sources":["../../src/hooks/useFocusVisible.tsx"],"sourcesContent":["import React, { PropsWithChildren, useEffect, useState } from 'react';\n\n// A React hook based on: https://github.com/WICG/focus-visible\n\nexport const FocusVisibleContext = React.createContext({\n  hadKeyboardEvent: true,\n  isInitialized: false,\n});\n\nexport function FocusVisibleManager({ children }: PropsWithChildren<{}>) {\n  const [hadKeyboardEvent, setHadKeyboardEvent] = useState(true);\n\n  useEffect(() => {\n    function onPointerDown() {\n      setHadKeyboardEvent(false);\n    }\n\n    /**\n     * When the polfyill first loads, assume the user is in keyboard modality.\n     * If any event is received from a pointing device (e.g. mouse, pointer,\n     * touch), turn off keyboard modality.\n     * This accounts for situations where focus enters the page from the URL bar.\n     * @param {Event} e\n     */\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    function onInitialPointerMove(e: any) {\n      // Work around a Safari quirk that fires a mousemove on <html> whenever the\n      // window blurs, even if you're tabbing out of the page. ¯\\_(ツ)_/¯\n      if (e.target.nodeName && e.target.nodeName.toLowerCase() === 'html') {\n        return;\n      }\n\n      setHadKeyboardEvent(false);\n      // eslint-disable-next-line @typescript-eslint/no-use-before-define\n      removeInitialPointerMoveListeners();\n    }\n\n    /**\n     * Add a group of listeners to detect usage of any pointing devices.\n     * These listeners will be added when the polyfill first loads, and anytime\n     * the window is blurred, so that they are active when the window regains\n     * focus.\n     */\n    function addInitialPointerMoveListeners() {\n      document.addEventListener('mousemove', onInitialPointerMove);\n      document.addEventListener('mousedown', onInitialPointerMove);\n      document.addEventListener('mouseup', onInitialPointerMove);\n      document.addEventListener('pointermove', onInitialPointerMove);\n      document.addEventListener('pointerdown', onInitialPointerMove);\n      document.addEventListener('pointerup', onInitialPointerMove);\n      document.addEventListener('touchmove', onInitialPointerMove);\n      document.addEventListener('touchstart', onInitialPointerMove);\n      document.addEventListener('touchend', onInitialPointerMove);\n    }\n\n    function removeInitialPointerMoveListeners() {\n      document.removeEventListener('mousemove', onInitialPointerMove);\n      document.removeEventListener('mousedown', onInitialPointerMove);\n      document.removeEventListener('mouseup', onInitialPointerMove);\n      document.removeEventListener('pointermove', onInitialPointerMove);\n      document.removeEventListener('pointerdown', onInitialPointerMove);\n      document.removeEventListener('pointerup', onInitialPointerMove);\n      document.removeEventListener('touchmove', onInitialPointerMove);\n      document.removeEventListener('touchstart', onInitialPointerMove);\n      document.removeEventListener('touchend', onInitialPointerMove);\n    }\n\n    /**\n     * If the most recent user interaction was via the keyboard;\n     * and the key press did not include a meta, alt/option, or control key;\n     * then the modality is keyboard. Otherwise, the modality is not keyboard.\n     * Apply `focus-visible` to any current active element and keep track\n     * of our keyboard modality state with `hadKeyboardEvent`.\n     * @param {KeyboardEvent} e\n     */\n    function onKeyDown(e: KeyboardEvent) {\n      if (e.metaKey || e.altKey || e.ctrlKey) {\n        return;\n      }\n\n      setHadKeyboardEvent(true);\n    }\n    /**\n     * If the user changes tabs, keep track of whether or not the previously\n     * focused element had .focus-visible.\n     * @param {Event} e\n     */\n    function onVisibilityChange() {\n      if (document.visibilityState === 'hidden') {\n        // If the tab becomes active again, the browser will handle calling focus\n        // on the element (Safari actually calls it twice).\n        // If this tab change caused a blur on an element with focus-visible,\n        // re-apply the class when the user switches back to the tab.\n        setHadKeyboardEvent(true);\n        addInitialPointerMoveListeners();\n      }\n    }\n\n    // For some kinds of state, we are interested in changes at the global scope\n    // only. For example, global pointer input, global key presses and global\n    // visibility change should affect the state at every scope:\n    document.addEventListener('keydown', onKeyDown, true);\n    document.addEventListener('mousedown', onPointerDown, true);\n    document.addEventListener('pointerdown', onPointerDown, true);\n    document.addEventListener('touchstart', onPointerDown, true);\n    document.addEventListener('visibilitychange', onVisibilityChange, true);\n\n    addInitialPointerMoveListeners();\n\n    return () => {\n      document.removeEventListener('keydown', onKeyDown, true);\n      document.removeEventListener('mousedown', onPointerDown, true);\n      document.removeEventListener('pointerdown', onPointerDown, true);\n      document.removeEventListener('touchstart', onPointerDown, true);\n      document.removeEventListener('visibilitychange', onVisibilityChange, true);\n\n      removeInitialPointerMoveListeners();\n    };\n  }, [setHadKeyboardEvent]);\n\n  return (\n    // eslint-disable-next-line react/jsx-no-constructed-context-values\n    <FocusVisibleContext.Provider value={{ hadKeyboardEvent, isInitialized: true }}>\n      {children}\n    </FocusVisibleContext.Provider>\n  );\n}\n\nexport function useFocusVisible() {\n  const [isFocused, setIsFocused] = React.useState(false);\n  const { hadKeyboardEvent, isInitialized } = React.useContext(FocusVisibleContext);\n\n  const onFocus = React.useCallback(() => {\n    if (!isFocused) setIsFocused(true);\n  }, [isFocused]);\n\n  const onBlur = React.useCallback(() => {\n    if (isFocused) setIsFocused(false);\n  }, [isFocused]);\n\n  let focusVisible: boolean;\n  if (isInitialized) {\n    focusVisible = hadKeyboardEvent && isFocused;\n  } else {\n    // Fallback to focused when the `FocusVisibleManager` is not used.\n    focusVisible = isFocused;\n  }\n\n  return React.useMemo(\n    () => ({\n      focusVisible,\n      onFocus,\n      onBlur,\n    }),\n    [focusVisible, onBlur, onFocus],\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useFocusVisible.js","sources":["../../src/hooks/useFocusVisible.tsx"],"sourcesContent":["import React, { PropsWithChildren, useEffect, useState } from 'react';\n\n// A React hook based on: https://github.com/WICG/focus-visible\n\nexport const FocusVisibleContext = React.createContext({\n  hadKeyboardEvent: true,\n  isInitialized: false,\n});\n\nexport function FocusVisibleManager({ children }: PropsWithChildren<{}>) {\n  const [hadKeyboardEvent, setHadKeyboardEvent] = useState(true);\n\n  useEffect(() => {\n    function onPointerDown() {\n      setHadKeyboardEvent(false);\n    }\n\n    /**\n     * When the polfyill first loads, assume the user is in keyboard modality.\n     * If any event is received from a pointing device (e.g. mouse, pointer,\n     * touch), turn off keyboard modality.\n     * This accounts for situations where focus enters the page from the URL bar.\n     * @param {Event} e\n     */\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    function onInitialPointerMove(e: any) {\n      // Work around a Safari quirk that fires a mousemove on <html> whenever the\n      // window blurs, even if you're tabbing out of the page. ¯\\_(ツ)_/¯\n      if (e.target.nodeName && e.target.nodeName.toLowerCase() === 'html') {\n        return;\n      }\n\n      setHadKeyboardEvent(false);\n      // eslint-disable-next-line @typescript-eslint/no-use-before-define\n      removeInitialPointerMoveListeners();\n    }\n\n    /**\n     * Add a group of listeners to detect usage of any pointing devices.\n     * These listeners will be added when the polyfill first loads, and anytime\n     * the window is blurred, so that they are active when the window regains\n     * focus.\n     */\n    function addInitialPointerMoveListeners() {\n      document.addEventListener('mousemove', onInitialPointerMove);\n      document.addEventListener('mousedown', onInitialPointerMove);\n      document.addEventListener('mouseup', onInitialPointerMove);\n      document.addEventListener('pointermove', onInitialPointerMove);\n      document.addEventListener('pointerdown', onInitialPointerMove);\n      document.addEventListener('pointerup', onInitialPointerMove);\n      document.addEventListener('touchmove', onInitialPointerMove);\n      document.addEventListener('touchstart', onInitialPointerMove);\n      document.addEventListener('touchend', onInitialPointerMove);\n    }\n\n    function removeInitialPointerMoveListeners() {\n      document.removeEventListener('mousemove', onInitialPointerMove);\n      document.removeEventListener('mousedown', onInitialPointerMove);\n      document.removeEventListener('mouseup', onInitialPointerMove);\n      document.removeEventListener('pointermove', onInitialPointerMove);\n      document.removeEventListener('pointerdown', onInitialPointerMove);\n      document.removeEventListener('pointerup', onInitialPointerMove);\n      document.removeEventListener('touchmove', onInitialPointerMove);\n      document.removeEventListener('touchstart', onInitialPointerMove);\n      document.removeEventListener('touchend', onInitialPointerMove);\n    }\n\n    /**\n     * If the most recent user interaction was via the keyboard;\n     * and the key press did not include a meta, alt/option, or control key;\n     * then the modality is keyboard. Otherwise, the modality is not keyboard.\n     * Apply `focus-visible` to any current active element and keep track\n     * of our keyboard modality state with `hadKeyboardEvent`.\n     * @param {KeyboardEvent} e\n     */\n    function onKeyDown(e: KeyboardEvent) {\n      if (e.metaKey || e.altKey || e.ctrlKey) {\n        return;\n      }\n\n      setHadKeyboardEvent(true);\n    }\n    /**\n     * If the user changes tabs, keep track of whether or not the previously\n     * focused element had .focus-visible.\n     * @param {Event} e\n     */\n    function onVisibilityChange() {\n      if (document.visibilityState === 'hidden') {\n        // If the tab becomes active again, the browser will handle calling focus\n        // on the element (Safari actually calls it twice).\n        // If this tab change caused a blur on an element with focus-visible,\n        // re-apply the class when the user switches back to the tab.\n        setHadKeyboardEvent(true);\n        addInitialPointerMoveListeners();\n      }\n    }\n\n    // For some kinds of state, we are interested in changes at the global scope\n    // only. For example, global pointer input, global key presses and global\n    // visibility change should affect the state at every scope:\n    document.addEventListener('keydown', onKeyDown, true);\n    document.addEventListener('mousedown', onPointerDown, true);\n    document.addEventListener('pointerdown', onPointerDown, true);\n    document.addEventListener('touchstart', onPointerDown, true);\n    document.addEventListener('visibilitychange', onVisibilityChange, true);\n\n    addInitialPointerMoveListeners();\n\n    return () => {\n      document.removeEventListener('keydown', onKeyDown, true);\n      document.removeEventListener('mousedown', onPointerDown, true);\n      document.removeEventListener('pointerdown', onPointerDown, true);\n      document.removeEventListener('touchstart', onPointerDown, true);\n      document.removeEventListener('visibilitychange', onVisibilityChange, true);\n\n      removeInitialPointerMoveListeners();\n    };\n  }, [setHadKeyboardEvent]);\n\n  return (\n    // eslint-disable-next-line react/jsx-no-constructed-context-values\n    <FocusVisibleContext.Provider value={{ hadKeyboardEvent, isInitialized: true }}>\n      {children}\n    </FocusVisibleContext.Provider>\n  );\n}\n\nexport function useFocusVisible() {\n  const [isFocused, setIsFocused] = React.useState(false);\n  const { hadKeyboardEvent, isInitialized } = React.useContext(FocusVisibleContext);\n\n  const onFocus = React.useCallback(() => {\n    if (!isFocused) setIsFocused(true);\n  }, [isFocused]);\n\n  const onBlur = React.useCallback(() => {\n    if (isFocused) setIsFocused(false);\n  }, [isFocused]);\n\n  let focusVisible: boolean;\n  if (isInitialized) {\n    focusVisible = hadKeyboardEvent && isFocused;\n  } else {\n    // Fallback to focused when the `FocusVisibleManager` is not used.\n    focusVisible = isFocused;\n  }\n\n  return React.useMemo(\n    () => ({\n      focusVisible,\n      onFocus,\n      onBlur,\n    }),\n    [focusVisible, onBlur, onFocus],\n  );\n}\n"],"names":["React"],"mappings":"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"}

package/dist/index.cjs

@@ -90,6 +90,43 @@ var color = require('./utils/color.cjs');
 var generateId = require('./utils/generateId.cjs');
 var isExternalLink = require('./utils/isExternalLink.cjs');
 var index$6 = require('./theme/index.cjs');
+var ActiveCheckboxIcon = require('./tempIcons/ActiveCheckboxIcon.cjs');
+var ActiveRadioIcon = require('./tempIcons/ActiveRadioIcon.cjs');
+var ArrowDownIcon = require('./tempIcons/ArrowDownIcon.cjs');
+var ArrowUpIcon = require('./tempIcons/ArrowUpIcon.cjs');
+var AttentionIcon = require('./tempIcons/AttentionIcon.cjs');
+var CalendarIcon = require('./tempIcons/CalendarIcon.cjs');
+var ClipboardIcon = require('./tempIcons/ClipboardIcon.cjs');
+var CrossIcon = require('./tempIcons/CrossIcon.cjs');
+var DashboardIcon = require('./tempIcons/DashboardIcon.cjs');
+var DestructiveIcon = require('./tempIcons/DestructiveIcon.cjs');
+var DoubleArrowAscIcon = require('./tempIcons/DoubleArrowAscIcon.cjs');
+var DoubleArrowDescIcon = require('./tempIcons/DoubleArrowDescIcon.cjs');
+var DoubleArrowIcon = require('./tempIcons/DoubleArrowIcon.cjs');
+var DownArrowIcon = require('./tempIcons/DownArrowIcon.cjs');
+var DragIndicatorIcon = require('./tempIcons/DragIndicatorIcon.cjs');
+var DropdownIcon = require('./tempIcons/DropdownIcon.cjs');
+var EditIcon = require('./tempIcons/EditIcon.cjs');
+var EndArrowIcon = require('./tempIcons/EndArrowIcon.cjs');
+var FailIcon = require('./tempIcons/FailIcon.cjs');
+var HelpIcon = require('./tempIcons/HelpIcon.cjs');
+var InactiveCheckboxIcon = require('./tempIcons/InactiveCheckboxIcon.cjs');
+var InactiveRadioIcon = require('./tempIcons/InactiveRadioIcon.cjs');
+var InfoIcon = require('./tempIcons/InfoIcon.cjs');
+var LeftArrowIcon = require('./tempIcons/LeftArrowIcon.cjs');
+var MergeIcon = require('./tempIcons/MergeIcon.cjs');
+var PlusIcon = require('./tempIcons/PlusIcon.cjs');
+var RecommendIcon = require('./tempIcons/RecommendIcon.cjs');
+var ReorderIcon = require('./tempIcons/ReorderIcon.cjs');
+var RightArrowIcon = require('./tempIcons/RightArrowIcon.cjs');
+var SearchIcon = require('./tempIcons/SearchIcon.cjs');
+var StartArrowIcon = require('./tempIcons/StartArrowIcon.cjs');
+var SuccessIcon = require('./tempIcons/SuccessIcon.cjs');
+var ThreeDotsIcon = require('./tempIcons/ThreeDotsIcon.cjs');
+var UpArrowIcon = require('./tempIcons/UpArrowIcon.cjs');
+var VisibilityIcon = require('./tempIcons/VisibilityIcon.cjs');
+var VisibilityOffIcon = require('./tempIcons/VisibilityOffIcon.cjs');
+var WarningIcon = require('./tempIcons/WarningIcon.cjs');
 var utils = require('./theme/utils.cjs');
 
 
@@ -200,5 +237,42 @@ exports.hexToRgb = color.hexToRgb;
 exports.generateId = generateId.generateId;
 exports.isExternalLink = isExternalLink.isExternalLink;
 exports.theme = index$6.theme;
+exports.ActiveCheckboxIcon = ActiveCheckboxIcon.ActiveCheckboxIcon;
+exports.ActiveRadioIcon = ActiveRadioIcon.ActiveRadioIcon;
+exports.ArrowDownIcon = ArrowDownIcon.ArrowDownIcon;
+exports.ArrowUpIcon = ArrowUpIcon.ArrowUpIcon;
+exports.AttentionIcon = AttentionIcon.AttentionIcon;
+exports.CalendarIcon = CalendarIcon.CalendarIcon;
+exports.ClipboardIcon = ClipboardIcon.ClipboardIcon;
+exports.CrossIcon = CrossIcon.CrossIcon;
+exports.DashboardIcon = DashboardIcon.DashboardIcon;
+exports.DestructiveIcon = DestructiveIcon.DestructiveIcon;
+exports.DoubleArrowAscIcon = DoubleArrowAscIcon.DoubleArrowAscIcon;
+exports.DoubleArrowDescIcon = DoubleArrowDescIcon.DoubleArrowDescIcon;
+exports.DoubleArrowIcon = DoubleArrowIcon.DoubleArrowIcon;
+exports.DownArrowIcon = DownArrowIcon.DownArrowIcon;
+exports.DragIndicatorIcon = DragIndicatorIcon.DragIndicatorIcon;
+exports.DropdownIcon = DropdownIcon.DropdownIcon;
+exports.EditIcon = EditIcon.EditIcon;
+exports.EndArrowIcon = EndArrowIcon.EndArrowIcon;
+exports.FailIcon = FailIcon.FailIcon;
+exports.HelpIcon = HelpIcon.HelpIcon;
+exports.InactiveCheckboxIcon = InactiveCheckboxIcon.InactiveCheckboxIcon;
+exports.InactiveRadioIcon = InactiveRadioIcon.InactiveRadioIcon;
+exports.InfoIcon = InfoIcon.InfoIcon;
+exports.LeftArrowIcon = LeftArrowIcon.LeftArrowIcon;
+exports.MergeIcon = MergeIcon.MergeIcon;
+exports.PlusIcon = PlusIcon.PlusIcon;
+exports.RecommendIcon = RecommendIcon.RecommendIcon;
+exports.ReorderIcon = ReorderIcon.ReorderIcon;
+exports.RightArrowIcon = RightArrowIcon.RightArrowIcon;
+exports.SearchIcon = SearchIcon.SearchIcon;
+exports.StartArrowIcon = StartArrowIcon.StartArrowIcon;
+exports.SuccessIcon = SuccessIcon.SuccessIcon;
+exports.ThreeDotsIcon = ThreeDotsIcon.ThreeDotsIcon;
+exports.UpArrowIcon = UpArrowIcon.UpArrowIcon;
+exports.VisibilityIcon = VisibilityIcon.VisibilityIcon;
+exports.VisibilityOffIcon = VisibilityOffIcon.VisibilityOffIcon;
+exports.WarningIcon = WarningIcon.WarningIcon;
 exports.getTextStyles = utils.getTextStyles;
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.d.ts

@@ -3,3 +3,4 @@ export * from './hooks';
 export * from './hoc';
 export * from './utils';
 export * from './theme';
+export * from './tempIcons';