@reapit/elements 5.0.0-beta.24 → 5.0.0-beta.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/dist/js/components/avatar-button/styles.d.ts.map +1 -1
  2. package/dist/js/components/chip/chip.stories.d.ts +2 -0
  3. package/dist/js/components/chip/chip.stories.d.ts.map +1 -1
  4. package/dist/js/components/chip/styles.d.ts.map +1 -1
  5. package/dist/js/components/chip-group/chip-group.stories.d.ts.map +1 -1
  6. package/dist/js/components/nav-dropdown-button/styles.d.ts.map +1 -1
  7. package/dist/js/components/nav-icon-item/styles.d.ts.map +1 -1
  8. package/dist/js/components/nav-item/styles.d.ts.map +1 -1
  9. package/dist/js/components/nav-search-button/styles.d.ts.map +1 -1
  10. package/dist/js/components/table/table-head/styles.d.ts.map +1 -1
  11. package/dist/js/components/table/table-head/table-head.stories.d.ts.map +1 -1
  12. package/dist/js/components/table/table-header-cell/styles.d.ts +1 -1
  13. package/dist/js/components/table/table-header-cell/styles.d.ts.map +1 -1
  14. package/dist/js/components/table/table-header-cell/table-header-cell.stories.d.ts.map +1 -1
  15. package/dist/js/components/table/table-row/table-row.stories.d.ts.map +1 -1
  16. package/dist/js/components/tooltip/tooltip.d.ts +2 -1
  17. package/dist/js/components/tooltip/tooltip.d.ts.map +1 -1
  18. package/dist/js/components/tooltip/tooltip.stories.d.ts +33 -0
  19. package/dist/js/components/tooltip/tooltip.stories.d.ts.map +1 -1
  20. package/dist/js/components/tooltip/use-tooltip.d.ts.map +1 -1
  21. package/dist/js/components/top-bar/styles.d.ts.map +1 -1
  22. package/dist/js/helpers/calculatePopoverPosition.d.ts +26 -0
  23. package/dist/js/helpers/calculatePopoverPosition.d.ts.map +1 -0
  24. package/dist/js/index.cjs +2 -2
  25. package/dist/js/index.d.ts +1 -0
  26. package/dist/js/index.d.ts.map +1 -1
  27. package/dist/js/index.js +3092 -3026
  28. package/dist/js/style.css +1 -1
  29. package/dist/js/styles/globals.d.ts.map +1 -1
  30. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["../../../../components/avatar-button/components/avatar-button/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,iLAoB1B,CAAA"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["../../../../components/avatar-button/components/avatar-button/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,iLAmB1B,CAAA"}
@@ -36,6 +36,8 @@ export declare const SelectionChip: Story;
36
36
  export declare const Disabled: Story;
37
37
  /** By default, long labels will wrap if there is not enough space is available. */
38
38
  export declare const Wrapping: Story;
39
+ /** Line breaks within an otherwise unbreakable string are also permitted to prevent text from overflowing the chip. */
40
+ export declare const LongWords: Story;
39
41
  /**
40
42
  * Truncation is an optional behaviour that can be enabled to prevent the label from
41
43
  * wrapping on multiple lines
@@ -1 +1 @@
1
- {"version":3,"file":"chip.stories.d.ts","sourceRoot":"/","sources":["../../../../components/chip/components/chip/chip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAI7B,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEtD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;CAemB,CAAA;AAE7B,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,EAAE,KActB,CAAA;AAED,mFAAmF;AACnF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAA"}
1
+ {"version":3,"file":"chip.stories.d.ts","sourceRoot":"/","sources":["../../../../components/chip/components/chip/chip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAI7B,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEtD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;CAemB,CAAA;AAE7B,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,EAAE,KActB,CAAA;AAED,mFAAmF;AACnF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAA;AAED,uHAAuH;AACvH,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["../../../../components/chip/components/chip/styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1C,UAAU,mBAAoB,SAAQ,aAAa;IACjD;8FAC0F;IAC1F,kBAAkB,CAAC,EAAE,cAAc,MAAM,GAAG,CAAA;CAC7C;AAED,UAAU,WAAW;IACnB,cAAc,EAAE,QAAQ,GAAG,WAAW,CAAA;IACtC,KAAK,CAAC,EAAE,mBAAmB,CAAA;CAC5B;AAED,eAAO,MAAM,MAAM,sKAoDlB,CAAA;AAED,UAAU,gBAAgB;IACxB,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B;AAED,eAAO,MAAM,WAAW,iKAqBvB,CAAA;AAED,eAAO,MAAM,eAAe;;mDAW3B,CAAA"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["../../../../components/chip/components/chip/styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1C,UAAU,mBAAoB,SAAQ,aAAa;IACjD;8FAC0F;IAC1F,kBAAkB,CAAC,EAAE,cAAc,MAAM,GAAG,CAAA;CAC7C;AAED,UAAU,WAAW;IACnB,cAAc,EAAE,QAAQ,GAAG,WAAW,CAAA;IACtC,KAAK,CAAC,EAAE,mBAAmB,CAAA;CAC5B;AAED,eAAO,MAAM,MAAM,sKAoDlB,CAAA;AAED,UAAU,gBAAgB;IACxB,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B;AAED,eAAO,MAAM,WAAW,iKAwBvB,CAAA;AAED,eAAO,MAAM,eAAe;;mDAW3B,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"chip-group.stories.d.ts","sourceRoot":"/","sources":["../../../../components/chip-group/components/chip-group/chip-group.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,OAAO,KAAK,EAAmB,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEjE,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;CAwDwB,CAAA;AAElC,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAUlC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAoCxB,CAAA"}
1
+ {"version":3,"file":"chip-group.stories.d.ts","sourceRoot":"/","sources":["../../../../components/chip-group/components/chip-group/chip-group.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,OAAO,KAAK,EAAmB,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEjE,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;CAwDwB,CAAA;AAElC,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAUlC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAqCxB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["../../../../components/nav-dropdown-button/components/nav-dropdown-button/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,mBAAmB,iLAiC/B,CAAA"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["../../../../components/nav-dropdown-button/components/nav-dropdown-button/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,mBAAmB,iLA+B/B,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["../../../../components/nav-icon-item/components/nav-icon-item/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAsClE,eAAO,MAAM,kBAAkB,uKAQ9B,CAAA;AAED,eAAO,MAAM,mBAAmB,wIAE/B,CAAA;AAED,eAAO,MAAM,mBAAmB,wIAE/B,CAAA"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["../../../../components/nav-icon-item/components/nav-icon-item/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAiClE,eAAO,MAAM,kBAAkB,uKAQ9B,CAAA;AAED,eAAO,MAAM,mBAAmB,wIAE/B,CAAA;AAED,eAAO,MAAM,mBAAmB,wIAE/B,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["../../../../components/nav-item/components/nav-item/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,uBAAuB,uKAWnC,CAAA;AAiCD,eAAO,MAAM,eAAe,iLAE3B,CAAA;AAED,eAAO,MAAM,eAAe,iLAE3B,CAAA"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["../../../../components/nav-item/components/nav-item/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,uBAAuB,uKAYnC,CAAA;AAiCD,eAAO,MAAM,eAAe,iLAE3B,CAAA;AAED,eAAO,MAAM,eAAe,iLAE3B,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["../../../../components/nav-search-button/components/nav-search-button/styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,iBAAiB,iLAuB7B,CAAA;AAED,eAAO,MAAM,0BAA0B,qKAatC,CAAA;AAED,eAAO,MAAM,qBAAqB;;;;EAKjC,CAAA;AAQD,eAAO,MAAM,4BAA4B,uKASxC,CAAA;AAED,eAAO,MAAM,6BAA6B,uKAMzC,CAAA"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["../../../../components/nav-search-button/components/nav-search-button/styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,iBAAiB,iLAqB7B,CAAA;AAED,eAAO,MAAM,0BAA0B,qKAatC,CAAA;AAED,eAAO,MAAM,qBAAqB;;;;EAKjC,CAAA;AAQD,eAAO,MAAM,4BAA4B,uKASxC,CAAA;AAED,eAAO,MAAM,6BAA6B,uKAMzC,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["../../../../../components/table/table-head/components/table/table-head/styles.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,uLAUvB,CAAA"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["../../../../../components/table/table-head/components/table/table-head/styles.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,uLAQvB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"table-head.stories.d.ts","sourceRoot":"/","sources":["../../../../../components/table/table-head/components/table/table-head/table-head.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;wBAYnC,IAAI,CAAC,OAAO,SAAS,CAAC;AAH3B,wBAG2B;AAE3B,eAAO,MAAM,UAAU;;;;;CAiCtB,CAAA"}
1
+ {"version":3,"file":"table-head.stories.d.ts","sourceRoot":"/","sources":["../../../../../components/table/table-head/components/table/table-head/table-head.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;wBAcnC,IAAI,CAAC,OAAO,SAAS,CAAC;AAH3B,wBAG2B;AAE3B,eAAO,MAAM,UAAU;;;;;CAmCtB,CAAA"}
@@ -8,7 +8,7 @@ interface ElTableHeaderCellProps {
8
8
  style?: TableHeaderCellCSSProperties;
9
9
  'data-alignment': string;
10
10
  }
11
- export declare const ElTableHeaderCell: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLTableDataCellElement> & import('react').TdHTMLAttributes<HTMLTableDataCellElement> & ElTableHeaderCellProps>;
11
+ export declare const ElTableHeaderCell: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLTableHeaderCellElement> & import('react').ThHTMLAttributes<HTMLTableHeaderCellElement> & ElTableHeaderCellProps>;
12
12
  export declare const ElTableHeaderCellContent: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
13
13
  export {};
14
14
  //# sourceMappingURL=styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["../../../../../components/table/table-header-cell/components/table/table-header-cell/styles.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,UAAU,4BAA6B,SAAQ,aAAa;IAK1D,0BAA0B,CAAC,EAAE,MAAM,CAAA;IACnC,8BAA8B,CAAC,EAAE,MAAM,CAAA;IACvC,8BAA8B,CAAC,EAAE,MAAM,CAAA;CACxC;AAED,UAAU,sBAAsB;IAC9B,KAAK,CAAC,EAAE,4BAA4B,CAAA;IACpC,gBAAgB,EAAE,MAAM,CAAA;CACzB;AAED,eAAO,MAAM,iBAAiB,2LAoB7B,CAAA;AACD,eAAO,MAAM,wBAAwB,qKAepC,CAAA"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["../../../../../components/table/table-header-cell/components/table/table-header-cell/styles.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,UAAU,4BAA6B,SAAQ,aAAa;IAK1D,0BAA0B,CAAC,EAAE,MAAM,CAAA;IACnC,8BAA8B,CAAC,EAAE,MAAM,CAAA;IACvC,8BAA8B,CAAC,EAAE,MAAM,CAAA;CACxC;AAED,UAAU,sBAAsB;IAC9B,KAAK,CAAC,EAAE,4BAA4B,CAAA;IACpC,gBAAgB,EAAE,MAAM,CAAA;CACzB;AAED,eAAO,MAAM,iBAAiB,+LAoB7B,CAAA;AACD,eAAO,MAAM,wBAAwB,qKAgBpC,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"table-header-cell.stories.d.ts","sourceRoot":"/","sources":["../../../../../components/table/table-header-cell/components/table/table-header-cell/table-header-cell.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AASrD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CAGtC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,eAAO,MAAM,UAAU;;;;;CAmCtB,CAAA"}
1
+ {"version":3,"file":"table-header-cell.stories.d.ts","sourceRoot":"/","sources":["../../../../../components/table/table-header-cell/components/table/table-header-cell/table-header-cell.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAWrD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CAGtC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,eAAO,MAAM,UAAU;;;;;CAqCtB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"table-row.stories.d.ts","sourceRoot":"/","sources":["../../../../../components/table/table-row/components/table/table-row/table-row.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;wBAkBjC,IAAI,CAAC,OAAO,QAAQ,CAAC;AAH1B,wBAG0B;AAE1B,eAAO,MAAM,UAAU;;CA8BtB,CAAA"}
1
+ {"version":3,"file":"table-row.stories.d.ts","sourceRoot":"/","sources":["../../../../../components/table/table-row/components/table/table-row/table-row.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;wBAkBjC,IAAI,CAAC,OAAO,QAAQ,CAAC;AAH1B,wBAG0B;AAE1B,eAAO,MAAM,UAAU;;CAgCtB,CAAA"}
@@ -1,10 +1,11 @@
1
1
  import { FC, HTMLAttributes } from 'react';
2
+ import { PopoverPosition } from '../../helpers/calculatePopoverPosition';
2
3
  export interface TooltipProps extends HTMLAttributes<HTMLDivElement> {
3
4
  label?: string;
4
5
  description: string;
5
6
  isVisible?: boolean;
6
7
  maxWidth?: string;
7
- position?: 'top' | 'bottom' | 'right' | 'left' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'right-start' | 'right-end' | 'left-start' | 'left-end';
8
+ position?: PopoverPosition;
8
9
  }
9
10
  export declare const Tooltip: FC<TooltipProps>;
10
11
  //# sourceMappingURL=tooltip.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip.d.ts","sourceRoot":"/","sources":["../../../../components/tooltip/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAIjD,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EACL,KAAK,GACL,QAAQ,GACR,OAAO,GACP,MAAM,GACN,WAAW,GACX,SAAS,GACT,cAAc,GACd,YAAY,GACZ,aAAa,GACb,WAAW,GACX,YAAY,GACZ,UAAU,CAAA;CACf;AAED,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAkBpC,CAAA"}
1
+ {"version":3,"file":"tooltip.d.ts","sourceRoot":"/","sources":["../../../../components/tooltip/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAG1C,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAA;AAExE,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,eAAe,CAAA;CAC3B;AAED,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAkBpC,CAAA"}
@@ -18,6 +18,13 @@ export default meta;
18
18
  * to bind the necessary event handlers for displaying the tooltip.
19
19
  *
20
20
  * `getTooltipProps()`: Applied to the Tooltip component to manage its visibility, positioning, and accessibility.
21
+ *
22
+ *
23
+ * **Note**: The tooltip component ensures that the tooltip remains visible regardless of its
24
+ * initially declared position.
25
+ * If the tooltip overflows the viewport in any direction,
26
+ * it automatically adjusts to stay visible inside the viewport.
27
+ * This guarantees an optimal viewing experience without content being clipped or hidden.
21
28
  */
22
29
  export declare const BasicUsage: {
23
30
  args: {
@@ -99,4 +106,30 @@ export declare const DisplayTooltipWithoutTrigger: {
99
106
  };
100
107
  };
101
108
  };
109
+ /**
110
+ * This tooltip component ensures that the tooltip remains visible regardless of its initially declared position.
111
+ * If the tooltip overflows the viewport in any direction,
112
+ * it automatically adjusts to stay visible inside the viewport.
113
+ * This guarantees an optimal viewing experience without content being clipped or hidden.
114
+ */
115
+ export declare const DynamicDisplayTooltipExample: {
116
+ args: {
117
+ description: string;
118
+ label: string;
119
+ position: string;
120
+ maxWidth: string;
121
+ };
122
+ render: (args: any) => import("react/jsx-runtime").JSX.Element;
123
+ parameters: {
124
+ docs: {
125
+ canvas: {
126
+ sourceState: string;
127
+ };
128
+ story: {
129
+ inline: boolean;
130
+ iframeHeight: number;
131
+ };
132
+ };
133
+ };
134
+ };
102
135
  //# sourceMappingURL=tooltip.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip.stories.d.ts","sourceRoot":"/","sources":["../../../../components/tooltip/components/tooltip/tooltip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAGvC,OAAO,EAAE,OAAO,EAAgB,MAAM,WAAW,CAAA;AAIjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CA2C9B,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,UAAU;;;;;;mBAoBN,GAAG;;;;;;;;CAyBnB,CAAA;AAmBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;CAwF9B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;CAuBxC,CAAA"}
1
+ {"version":3,"file":"tooltip.stories.d.ts","sourceRoot":"/","sources":["../../../../components/tooltip/components/tooltip/tooltip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAGvC,OAAO,EAAE,OAAO,EAAgB,MAAM,WAAW,CAAA;AAKjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CA2C9B,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,UAAU;;;;;;mBAoBN,GAAG;;;;;;;;CAyBnB,CAAA;AAmBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;CAwF9B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;CAuBxC,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;CAoDxC,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"use-tooltip.d.ts","sourceRoot":"/","sources":["../../../../components/tooltip/components/tooltip/use-tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAA+B,MAAM,OAAO,CAAA;AAGnE,KAAK,iBAAiB,GAAG;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,UAAU,4BAA4B,iBAAiB;8BAiIjC,cAAc,CAAC,WAAW,CAAC;;;qBAI7C,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC;oBAI9B,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC;0BAIvB,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC;0BAI7B,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BAMhB,cAAc,CAAC,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAUhE,CAAA"}
1
+ {"version":3,"file":"use-tooltip.d.ts","sourceRoot":"/","sources":["../../../../components/tooltip/components/tooltip/use-tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAA+B,MAAM,OAAO,CAAA;AAInE,KAAK,iBAAiB,GAAG;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,UAAU,4BAA4B,iBAAiB;8BAgEjC,cAAc,CAAC,WAAW,CAAC;;;qBAI7C,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC;oBAI9B,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC;0BAIvB,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC;0BAI7B,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BAMhB,cAAc,CAAC,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAUhE,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["../../../../components/top-bar/components/top-bar/styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,mBAAmB,iLAM/B,CAAA;AAED,eAAO,MAAM,YAAY,iLAGxB,CAAA;AAED,eAAO,MAAM,eAAe,qKAE3B,CAAA;AAED,eAAO,MAAM,eAAe;;;eA6CxB,WAAM;EAtCT,CAAA;AAED,eAAO,MAAM,oBAAoB;;;eAoC7B,WAAM;EAjCT,CAAA;AAED,eAAO,MAAM,QAAQ,qKAyBpB,CAAA;AAED,eAAO,MAAM,cAAc,qKAO1B,CAAA;AAED,eAAO,MAAM,iBAAiB,qKAO7B,CAAA;AAED,eAAO,MAAM,mBAAmB,0CAI/B,CAAA"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["../../../../components/top-bar/components/top-bar/styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,mBAAmB,iLAM/B,CAAA;AAED,eAAO,MAAM,YAAY,iLAGxB,CAAA;AAED,eAAO,MAAM,eAAe,qKAAe,CAAA;AAE3C,eAAO,MAAM,eAAe;;;eAyCK,WAEzB;EApCP,CAAA;AAED,eAAO,MAAM,oBAAoB;;;eAgCA,WAEzB;EA/BP,CAAA;AAED,eAAO,MAAM,QAAQ,qKAwBpB,CAAA;AAED,eAAO,MAAM,cAAc,qKAO1B,CAAA;AAED,eAAO,MAAM,iBAAiB,qKAO7B,CAAA;AAED,eAAO,MAAM,mBAAmB,0CAI/B,CAAA"}
@@ -0,0 +1,26 @@
1
+ export type PopoverPosition = 'top' | 'bottom' | 'right' | 'left' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'right-start' | 'right-end' | 'left-start' | 'left-end';
2
+ export interface calculatePopoverPositionProps {
3
+ triggerElement: HTMLElement;
4
+ popoverElement: HTMLElement;
5
+ popoverOffset?: number;
6
+ position?: string;
7
+ }
8
+ /**
9
+ * Calculates and positions a popover element relative to a trigger element based on the specified direction.
10
+ *
11
+ * Supports 12 different placement positions (e.g., top-start, bottom-end, right, etc.).
12
+ * Automatically adjusts for screen boundaries, scroll positions, and scrollable parent containers to prevent overflow.
13
+ *
14
+ * Notes:
15
+ * - Fallbacks to `bottom-start` if an invalid position is provided.
16
+ * - Takes into account scrollbars and adjusts position accordingly.
17
+ * - Includes future TODO to use `useRef` once React 19 is adopted.
18
+ *
19
+ * @param {HTMLElement} triggerElement - The element that triggers the popover.
20
+ * @param {HTMLElement} popoverElement - The popover element to be positioned.
21
+ * @param {string} [position='bottom-start'] - Preferred position of the popover.
22
+ * @param {number} [popoverOffset=4] - The spacing between the trigger and popover.
23
+ */
24
+ declare const calculatePopoverPosition: ({ triggerElement, popoverElement, position, popoverOffset, }: calculatePopoverPositionProps) => void;
25
+ export default calculatePopoverPosition;
26
+ //# sourceMappingURL=calculatePopoverPosition.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"calculatePopoverPosition.d.ts","sourceRoot":"/","sources":["../../../helpers/helpers/calculatePopoverPosition.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GACvB,KAAK,GACL,QAAQ,GACR,OAAO,GACP,MAAM,GACN,WAAW,GACX,SAAS,GACT,cAAc,GACd,YAAY,GACZ,aAAa,GACb,WAAW,GACX,YAAY,GACZ,UAAU,CAAA;AAiBd,MAAM,WAAW,6BAA6B;IAC5C,cAAc,EAAE,WAAW,CAAA;IAC3B,cAAc,EAAE,WAAW,CAAA;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED;;;;;;;;;;;;;;;GAeG;AAEH,QAAA,MAAM,wBAAwB,iEAK3B,6BAA6B,KAAG,IAwMlC,CAAA;AAED,eAAe,wBAAwB,CAAA"}