@veeqo/ui 15.8.0 → 15.10.0

package/dist/components/Tooltip/components/TooltipPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipPopover.js","sources":["../../../../src/components/Tooltip/components/TooltipPopover.tsx"],"sourcesContent":["import React from 'react';\nimport { motion } from 'framer-motion';\nimport { useFloating, offset, flip, shift, limitShift, autoUpdate, Placement } from '@floating-ui/react';\nimport { IConfig, Sides } from '../types';\nimport { TooltipPopoverProps } from './types';\nimport { Text } from '../../Text';\nimport { assignCssVars, buildClassnames } from '../../../utils';\nimport tooltipStyles from '../Tooltip.module.scss';\n\nconst defaultConfig: IConfig = {\n  side: Sides.TOP,\n  tipMinWidth: 60,\n  tipMaxWidth: 340,\n};\n\nexport const TooltipPopover = ({\n  content,\n  text,\n  hoverableElement,\n  config,\n  reversed,\n  withTriangle,\n  legacyClassNames,\n}: TooltipPopoverProps) => {\n  const usedConfig = { ...defaultConfig, ...config };\n  const { side, tipMinWidth, tipMaxWidth } = usedConfig;\n\n  const { refs, floatingStyles, placement } = useFloating({\n    elements: { reference: hoverableElement },\n    placement: `${side}-${reversed ? 'end' : 'start'}` as Placement,\n    middleware: [offset(8), flip(), shift({ limiter: limitShift() })],\n    whileElementsMounted: autoUpdate,\n  });\n\n  return (\n    <motion.div\n      key=\"tooltip-tip\"\n      className={buildClassnames([tooltipStyles.tip, legacyClassNames?.tip])}\n      ref={refs.setFloating}\n      style={floatingStyles}\n      initial={{ opacity: 0 }}\n      animate={{ opacity: 1 }}\n      exit={{ opacity: 0 }}\n      transition={{ duration: 0.15 }}\n      data-placement={placement}\n      role=\"tooltip\"\n    >\n      <div\n        className={buildClassnames([tooltipStyles.wrap, legacyClassNames?.wrap])}\n        style={assignCssVars({ tipMinWidth: `${tipMinWidth}px`, tipMaxWidth: `${tipMaxWidth}px` })}\n      >\n        {content ?? (\n          <Text variant=\"bodySmall\" style={{ color: 'white' }}>\n            {text}\n          </Text>\n        )}\n      </div>\n      {withTriangle && <div id=\"veeqo-components-triangle\" className={buildClassnames([tooltipStyles.triangle, legacyClassNames?.triangle])} />}\n    </motion.div>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;AASA,MAAM,aAAa,GAAY;IAC7B,IAAI,EAAE,KAAK,CAAC,GAAG;AACf,IAAA,WAAW,EAAE,EAAE;AACf,IAAA,WAAW,EAAE,GAAG;CACjB;MAEY,cAAc,GAAG,CAAC,EAC7B,OAAO,EACP,IAAI,EACJ,gBAAgB,EAChB,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,gBAAgB,GACI,KAAI;IACxB,MAAM,UAAU,GAAG,EAAE,GAAG,aAAa,EAAE,GAAG,MAAM,EAAE;IAClD,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,UAAU;IAErD,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,WAAW,CAAC;AACtD,QAAA,QAAQ,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE;AACzC,QAAA,SAAS,EAAE,CAAA,EAAG,IAAI,CAAA,CAAA,EAAI,QAAQ,GAAG,KAAK,GAAG,OAAO,CAAA,CAAe;AAC/D,QAAA,UAAU,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC;AACjE,QAAA,oBAAoB,EAAE,UAAU;AACjC,KAAA,CAAC;AAEF,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,MAAM,CAAC,GAAG,EAAA,EACT,GAAG,EAAC,aAAa,EACjB,SAAS,EAAE,eAAe,CAAC,CAAC,aAAa,CAAC,GAAG,EAAE,gBAAgB,KAAA,IAAA,IAAhB,gBAAgB,KAAA,MAAA,GAAA,MAAA,GAAhB,gBAAgB,CAAE,GAAG,CAAC,CAAC,EACtE,GAAG,EAAE,IAAI,CAAC,WAAW,EACrB,KAAK,EAAE,cAAc,EACrB,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EACvB,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EACvB,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EACpB,UAAU,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAA,gBAAA,EACd,SAAS,EACzB,IAAI,EAAC,SAAS,EAAA;AAEd,QAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,eAAe,CAAC,CAAC,aAAa,CAAC,IAAI,EAAE,gBAAgB,KAAA,IAAA,IAAhB,gBAAgB,KAAA,MAAA,GAAA,MAAA,GAAhB,gBAAgB,CAAE,IAAI,CAAC,CAAC,EACxE,KAAK,EAAE,aAAa,CAAC,EAAE,WAAW,EAAE,CAAA,EAAG,WAAW,IAAI,EAAE,WAAW,EAAE,CAAA,EAAG,WAAW,CAAA,EAAA,CAAI,EAAE,CAAC,EAAA,EAEzF,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAP,OAAO,IACNA,6BAAC,IAAI,EAAA,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAA,EAChD,IAAI,CACA,CACR,CACG;QACL,YAAY,IAAIA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,EAAE,EAAC,2BAA2B,EAAC,SAAS,EAAE,eAAe,CAAC,CAAC,aAAa,CAAC,QAAQ,EAAE,gBAAgB,KAAA,IAAA,IAAhB,gBAAgB,KAAA,MAAA,GAAA,MAAA,GAAhB,gBAAgB,CAAE,QAAQ,CAAC,CAAC,EAAA,CAAI,CAC9H;AAEjB;;;;"}
+{"version":3,"file":"TooltipPopover.js","sources":["../../../../src/components/Tooltip/components/TooltipPopover.tsx"],"sourcesContent":["import {\n  autoUpdate,\n  flip,\n  limitShift,\n  offset,\n  Placement,\n  shift,\n  useFloating,\n} from '@floating-ui/react';\nimport { motion } from 'framer-motion';\nimport React from 'react';\nimport { assignCssVars, buildClassnames } from '../../../utils';\nimport { Text } from '../../Text';\nimport tooltipStyles from '../Tooltip.module.scss';\nimport { IConfig, Sides } from '../types';\nimport { TooltipPopoverProps } from './types';\n\nconst defaultConfig: IConfig = {\n  side: Sides.TOP,\n  tipMinWidth: 60,\n  tipMaxWidth: 340,\n};\n\nexport const TooltipPopover = ({\n  content,\n  text,\n  hoverableElement,\n  config,\n  reversed,\n  withTriangle,\n  legacyClassNames,\n}: TooltipPopoverProps) => {\n  const usedConfig = { ...defaultConfig, ...config };\n  const { side, tipMinWidth, tipMaxWidth } = usedConfig;\n\n  const { refs, floatingStyles, placement } = useFloating({\n    elements: { reference: hoverableElement },\n    placement: `${side}-${reversed ? 'end' : 'start'}` as Placement,\n    middleware: [offset(8), flip(), shift({ limiter: limitShift() })],\n    whileElementsMounted: autoUpdate,\n  });\n\n  return (\n    <motion.div\n      key=\"tooltip-tip\"\n      className={buildClassnames([tooltipStyles.tip, legacyClassNames?.tip])}\n      ref={refs.setFloating}\n      style={floatingStyles}\n      initial={{ opacity: 0 }}\n      animate={{ opacity: 1 }}\n      exit={{ opacity: 0 }}\n      transition={{ duration: 0.15 }}\n      data-placement={placement}\n      role=\"tooltip\"\n    >\n      <div\n        className={buildClassnames([tooltipStyles.wrap, legacyClassNames?.wrap])}\n        style={assignCssVars({ tipMinWidth: `${tipMinWidth}px`, tipMaxWidth: `${tipMaxWidth}px` })}\n      >\n        {content ?? (\n          <Text variant=\"bodySmall\" style={{ color: 'white' }}>\n            {text}\n          </Text>\n        )}\n      </div>\n      {withTriangle && (\n        <div\n          data-testid=\"tooltip-triangle\"\n          className={buildClassnames([tooltipStyles.triangle, legacyClassNames?.triangle])}\n        />\n      )}\n    </motion.div>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;AAiBA,MAAM,aAAa,GAAY;IAC7B,IAAI,EAAE,KAAK,CAAC,GAAG;AACf,IAAA,WAAW,EAAE,EAAE;AACf,IAAA,WAAW,EAAE,GAAG;CACjB;MAEY,cAAc,GAAG,CAAC,EAC7B,OAAO,EACP,IAAI,EACJ,gBAAgB,EAChB,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,gBAAgB,GACI,KAAI;IACxB,MAAM,UAAU,GAAG,EAAE,GAAG,aAAa,EAAE,GAAG,MAAM,EAAE;IAClD,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,UAAU;IAErD,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,WAAW,CAAC;AACtD,QAAA,QAAQ,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE;AACzC,QAAA,SAAS,EAAE,CAAA,EAAG,IAAI,CAAA,CAAA,EAAI,QAAQ,GAAG,KAAK,GAAG,OAAO,CAAA,CAAe;AAC/D,QAAA,UAAU,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC;AACjE,QAAA,oBAAoB,EAAE,UAAU;AACjC,KAAA,CAAC;AAEF,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,MAAM,CAAC,GAAG,EAAA,EACT,GAAG,EAAC,aAAa,EACjB,SAAS,EAAE,eAAe,CAAC,CAAC,aAAa,CAAC,GAAG,EAAE,gBAAgB,KAAA,IAAA,IAAhB,gBAAgB,KAAA,MAAA,GAAA,MAAA,GAAhB,gBAAgB,CAAE,GAAG,CAAC,CAAC,EACtE,GAAG,EAAE,IAAI,CAAC,WAAW,EACrB,KAAK,EAAE,cAAc,EACrB,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EACvB,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EACvB,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EACpB,UAAU,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAA,gBAAA,EACd,SAAS,EACzB,IAAI,EAAC,SAAS,EAAA;AAEd,QAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,eAAe,CAAC,CAAC,aAAa,CAAC,IAAI,EAAE,gBAAgB,KAAA,IAAA,IAAhB,gBAAgB,KAAA,MAAA,GAAA,MAAA,GAAhB,gBAAgB,CAAE,IAAI,CAAC,CAAC,EACxE,KAAK,EAAE,aAAa,CAAC,EAAE,WAAW,EAAE,CAAA,EAAG,WAAW,IAAI,EAAE,WAAW,EAAE,CAAA,EAAG,WAAW,CAAA,EAAA,CAAI,EAAE,CAAC,EAAA,EAEzF,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAP,OAAO,IACNA,6BAAC,IAAI,EAAA,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAA,EAChD,IAAI,CACA,CACR,CACG;QACL,YAAY,KACXA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,kBAAkB,EAC9B,SAAS,EAAE,eAAe,CAAC,CAAC,aAAa,CAAC,QAAQ,EAAE,gBAAgB,KAAA,IAAA,IAAhB,gBAAgB,KAAA,MAAA,GAAA,MAAA,GAAhB,gBAAgB,CAAE,QAAQ,CAAC,CAAC,EAAA,CAChF,CACH,CACU;AAEjB;;;;"}

package/dist/components/Tooltip/types.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"types.cjs","sources":["../../../src/components/Tooltip/types.ts"],"sourcesContent":["import { ReactNode } from 'react';\n\nexport enum Sides {\n  BOTTOM = 'bottom',\n  TOP = 'top',\n}\n\nexport interface IConfig {\n  side: Sides.TOP | Sides.BOTTOM;\n  /** @deprecated No longer used. Triangle positioning is handled by CSS Module classes. */\n  triangleOffset?: number;\n  tipMinWidth: number;\n  tipMaxWidth: number;\n  tipOffset?: number;\n}\n\nexport interface TooltipProps {\n  children?: any;\n  text?: string;\n  content?: ReactNode;\n  config?: IConfig;\n  reversed?: boolean;\n  additionalOffset?: number;\n  className?: string;\n  hoverableClassName?: string;\n  withTriangle?: boolean;\n  unmountOnExit?: boolean;\n  initialShouldShow?: boolean;\n  useReactPortal?: boolean;\n}\n"],"names":["Sides"],"mappings":";;AAEYA;AAAZ,CAAA,UAAY,KAAK,EAAA;AACf,IAAA,KAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjB,IAAA,KAAA,CAAA,KAAA,CAAA,GAAA,KAAW;AACb,CAAC,EAHWA,aAAK,KAALA,aAAK,GAAA,EAAA,CAAA,CAAA;;"}
+{"version":3,"file":"types.cjs","sources":["../../../src/components/Tooltip/types.ts"],"sourcesContent":["import { ReactNode } from 'react';\n\nexport enum Sides {\n  BOTTOM = 'bottom',\n  TOP = 'top',\n}\n\nexport interface IConfig {\n  side: Sides.TOP | Sides.BOTTOM;\n  tipMinWidth: number;\n  tipMaxWidth: number;\n}\n\nexport interface TooltipProps {\n  children?: ReactNode;\n  text?: string;\n  content?: ReactNode;\n  config?: IConfig;\n  reversed?: boolean;\n  className?: string;\n  hoverableClassName?: string;\n  withTriangle?: boolean;\n  initialShouldShow?: boolean;\n  useReactPortal?: boolean;\n}\n"],"names":["Sides"],"mappings":";;AAEYA;AAAZ,CAAA,UAAY,KAAK,EAAA;AACf,IAAA,KAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjB,IAAA,KAAA,CAAA,KAAA,CAAA,GAAA,KAAW;AACb,CAAC,EAHWA,aAAK,KAALA,aAAK,GAAA,EAAA,CAAA,CAAA;;"}

package/dist/components/Tooltip/types.d.ts

@@ -5,23 +5,18 @@ export declare enum Sides {
 }
 export interface IConfig {
     side: Sides.TOP | Sides.BOTTOM;
-    /** @deprecated No longer used. Triangle positioning is handled by CSS Module classes. */
-    triangleOffset?: number;
     tipMinWidth: number;
     tipMaxWidth: number;
-    tipOffset?: number;
 }
 export interface TooltipProps {
-    children?: any;
+    children?: ReactNode;
     text?: string;
     content?: ReactNode;
     config?: IConfig;
     reversed?: boolean;
-    additionalOffset?: number;
     className?: string;
     hoverableClassName?: string;
     withTriangle?: boolean;
-    unmountOnExit?: boolean;
     initialShouldShow?: boolean;
     useReactPortal?: boolean;
 }

package/dist/components/Tooltip/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../src/components/Tooltip/types.ts"],"sourcesContent":["import { ReactNode } from 'react';\n\nexport enum Sides {\n  BOTTOM = 'bottom',\n  TOP = 'top',\n}\n\nexport interface IConfig {\n  side: Sides.TOP | Sides.BOTTOM;\n  /** @deprecated No longer used. Triangle positioning is handled by CSS Module classes. */\n  triangleOffset?: number;\n  tipMinWidth: number;\n  tipMaxWidth: number;\n  tipOffset?: number;\n}\n\nexport interface TooltipProps {\n  children?: any;\n  text?: string;\n  content?: ReactNode;\n  config?: IConfig;\n  reversed?: boolean;\n  additionalOffset?: number;\n  className?: string;\n  hoverableClassName?: string;\n  withTriangle?: boolean;\n  unmountOnExit?: boolean;\n  initialShouldShow?: boolean;\n  useReactPortal?: boolean;\n}\n"],"names":[],"mappings":"IAEY;AAAZ,CAAA,UAAY,KAAK,EAAA;AACf,IAAA,KAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjB,IAAA,KAAA,CAAA,KAAA,CAAA,GAAA,KAAW;AACb,CAAC,EAHW,KAAK,KAAL,KAAK,GAAA,EAAA,CAAA,CAAA;;;;"}
+{"version":3,"file":"types.js","sources":["../../../src/components/Tooltip/types.ts"],"sourcesContent":["import { ReactNode } from 'react';\n\nexport enum Sides {\n  BOTTOM = 'bottom',\n  TOP = 'top',\n}\n\nexport interface IConfig {\n  side: Sides.TOP | Sides.BOTTOM;\n  tipMinWidth: number;\n  tipMaxWidth: number;\n}\n\nexport interface TooltipProps {\n  children?: ReactNode;\n  text?: string;\n  content?: ReactNode;\n  config?: IConfig;\n  reversed?: boolean;\n  className?: string;\n  hoverableClassName?: string;\n  withTriangle?: boolean;\n  initialShouldShow?: boolean;\n  useReactPortal?: boolean;\n}\n"],"names":[],"mappings":"IAEY;AAAZ,CAAA,UAAY,KAAK,EAAA;AACf,IAAA,KAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjB,IAAA,KAAA,CAAA,KAAA,CAAA,GAAA,KAAW;AACb,CAAC,EAHW,KAAK,KAAL,KAAK,GAAA,EAAA,CAAA,CAAA;;;;"}

package/dist/components/index.d.ts

@@ -40,7 +40,7 @@ export { InputGroup, type InputGroupProps } from './InputGroup';
 export { LegacyDataTable } from './LegacyDataTable';
 export { Loader } from './Loader';
 export { LoginWithAmazonButton } from './LoginWithAmazonButton';
-export { Modal, type Action as ModalAction } from './Modal';
+export { Modal, type Action as ModalAction, type ModalProps } from './Modal';
 export { Pagination } from './Pagination';
 export { Popover } from './Popover';
 export { Popup, type PopupProps } from './Popup';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veeqo/ui",
-  "version": "15.8.0",
+  "version": "15.10.0",
   "description": "New optimised component library for Veeqo.",
   "author": "Robert Wealthall",
   "license": "ISC",