se-design 1.0.75 → 1.0.76-dev2
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.
- package/dist/assets/style.css +1 -1
- package/dist/components/AccessibleDiv/index.d.ts +24 -0
- package/dist/components/Checkbox/index.d.ts +12 -0
- package/dist/components/CustomAccordion/index.d.ts +1 -0
- package/dist/components/CustomModal/index.d.ts +15 -12
- package/dist/components/DatePicker/useDatePickerA11y.d.ts +50 -0
- package/dist/components/Dropdown/index.d.ts +15 -0
- package/dist/components/DropdownWithInputTags/index.d.ts +1 -0
- package/dist/components/Icon/index.d.ts +8 -2
- package/dist/components/InputWithIcon/index.d.ts +9 -1
- package/dist/components/LabelChip/index.d.ts +1 -0
- package/dist/components/Modal/index.d.ts +1 -0
- package/dist/components/PhoneInput/index.d.ts +13 -5
- package/dist/components/Popover/index.d.ts +2 -0
- package/dist/components/SidebarOverlay/index.d.ts +8 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/index.js +144 -133
- package/dist/index.js.map +1 -1
- package/dist/index10.js +23 -59
- package/dist/index10.js.map +1 -1
- package/dist/index100.js +1 -1
- package/dist/index100.js.map +1 -1
- package/dist/index101.js +1 -1
- package/dist/index101.js.map +1 -1
- package/dist/index102.js +2 -2
- package/dist/index102.js.map +1 -1
- package/dist/index103.js +2 -2
- package/dist/index103.js.map +1 -1
- package/dist/index104.js +1 -1
- package/dist/index104.js.map +1 -1
- package/dist/index105.js +1 -1
- package/dist/index105.js.map +1 -1
- package/dist/index106.js +1 -1
- package/dist/index106.js.map +1 -1
- package/dist/index107.js +2 -2
- package/dist/index107.js.map +1 -1
- package/dist/index108.js +2 -2
- package/dist/index108.js.map +1 -1
- package/dist/index109.js +2 -2
- package/dist/index109.js.map +1 -1
- package/dist/index11.js +70 -63
- package/dist/index11.js.map +1 -1
- package/dist/index110.js +2 -2
- package/dist/index110.js.map +1 -1
- package/dist/index111.js +1 -1
- package/dist/index111.js.map +1 -1
- package/dist/index112.js +1 -1
- package/dist/index112.js.map +1 -1
- package/dist/index113.js +2 -2
- package/dist/index113.js.map +1 -1
- package/dist/index114.js +2 -2
- package/dist/index114.js.map +1 -1
- package/dist/index115.js +1 -1
- package/dist/index115.js.map +1 -1
- package/dist/index116.js +1 -1
- package/dist/index116.js.map +1 -1
- package/dist/index117.js +1 -1
- package/dist/index117.js.map +1 -1
- package/dist/index118.js +2 -2
- package/dist/index118.js.map +1 -1
- package/dist/index119.js +1 -1
- package/dist/index119.js.map +1 -1
- package/dist/index12.js +68 -33
- package/dist/index12.js.map +1 -1
- package/dist/index120.js +2 -2
- package/dist/index120.js.map +1 -1
- package/dist/index121.js +2 -2
- package/dist/index121.js.map +1 -1
- package/dist/index122.js +2 -2
- package/dist/index122.js.map +1 -1
- package/dist/index123.js +2 -2
- package/dist/index123.js.map +1 -1
- package/dist/index124.js +2 -2
- package/dist/index124.js.map +1 -1
- package/dist/index125.js +2 -2
- package/dist/index125.js.map +1 -1
- package/dist/index126.js +1 -1
- package/dist/index126.js.map +1 -1
- package/dist/index127.js +1 -1
- package/dist/index127.js.map +1 -1
- package/dist/index128.js +1 -1
- package/dist/index128.js.map +1 -1
- package/dist/index129.js +1 -1
- package/dist/index129.js.map +1 -1
- package/dist/index13.js +48 -14
- package/dist/index13.js.map +1 -1
- package/dist/index130.js +2 -2
- package/dist/index130.js.map +1 -1
- package/dist/index131.js +2 -2
- package/dist/index131.js.map +1 -1
- package/dist/index132.js +1 -1
- package/dist/index132.js.map +1 -1
- package/dist/index133.js +1 -1
- package/dist/index133.js.map +1 -1
- package/dist/index134.js +2 -2
- package/dist/index134.js.map +1 -1
- package/dist/index135.js +1 -1
- package/dist/index135.js.map +1 -1
- package/dist/index136.js +1 -1
- package/dist/index136.js.map +1 -1
- package/dist/index137.js +1 -1
- package/dist/index137.js.map +1 -1
- package/dist/index138.js +1 -1
- package/dist/index138.js.map +1 -1
- package/dist/index139.js +1 -1
- package/dist/index139.js.map +1 -1
- package/dist/index14.js +15 -9
- package/dist/index14.js.map +1 -1
- package/dist/index140.js +1 -1
- package/dist/index140.js.map +1 -1
- package/dist/index141.js +2 -2
- package/dist/index141.js.map +1 -1
- package/dist/index142.js +1 -1
- package/dist/index142.js.map +1 -1
- package/dist/index143.js +2 -2
- package/dist/index143.js.map +1 -1
- package/dist/index144.js +2 -2
- package/dist/index144.js.map +1 -1
- package/dist/index145.js +1 -1
- package/dist/index145.js.map +1 -1
- package/dist/index146.js +2 -2
- package/dist/index146.js.map +1 -1
- package/dist/index147.js +2 -2
- package/dist/index147.js.map +1 -1
- package/dist/index148.js +1 -1
- package/dist/index148.js.map +1 -1
- package/dist/index149.js +1 -1
- package/dist/index149.js.map +1 -1
- package/dist/index15.js +10 -218
- package/dist/index15.js.map +1 -1
- package/dist/index150.js +2 -2
- package/dist/index150.js.map +1 -1
- package/dist/index151.js +2 -2
- package/dist/index151.js.map +1 -1
- package/dist/index152.js +1 -1
- package/dist/index152.js.map +1 -1
- package/dist/index153.js +2 -2
- package/dist/index153.js.map +1 -1
- package/dist/index154.js +2 -2
- package/dist/index154.js.map +1 -1
- package/dist/index155.js +1 -1
- package/dist/index155.js.map +1 -1
- package/dist/index156.js +1 -1
- package/dist/index156.js.map +1 -1
- package/dist/index157.js +1 -1
- package/dist/index157.js.map +1 -1
- package/dist/index158.js +1 -1
- package/dist/index158.js.map +1 -1
- package/dist/index159.js +1 -1
- package/dist/index159.js.map +1 -1
- package/dist/index16.js +220 -60
- package/dist/index16.js.map +1 -1
- package/dist/index160.js +1 -1
- package/dist/index160.js.map +1 -1
- package/dist/index161.js +1 -1
- package/dist/index161.js.map +1 -1
- package/dist/index162.js +1 -1
- package/dist/index162.js.map +1 -1
- package/dist/index163.js +1 -1
- package/dist/index163.js.map +1 -1
- package/dist/index164.js +1 -1
- package/dist/index164.js.map +1 -1
- package/dist/index165.js +1 -1
- package/dist/index165.js.map +1 -1
- package/dist/index166.js +1 -1
- package/dist/index166.js.map +1 -1
- package/dist/index167.js +1 -1
- package/dist/index167.js.map +1 -1
- package/dist/index168.js +1 -1
- package/dist/index168.js.map +1 -1
- package/dist/index169.js +1 -1
- package/dist/index169.js.map +1 -1
- package/dist/index17.js +60 -99
- package/dist/index17.js.map +1 -1
- package/dist/index170.js +1 -1
- package/dist/index170.js.map +1 -1
- package/dist/index171.js +1 -1
- package/dist/index171.js.map +1 -1
- package/dist/index172.js +1 -1
- package/dist/index172.js.map +1 -1
- package/dist/index173.js +2 -2
- package/dist/index173.js.map +1 -1
- package/dist/index174.js +1 -1
- package/dist/index174.js.map +1 -1
- package/dist/index175.js +1 -1
- package/dist/index175.js.map +1 -1
- package/dist/index176.js +1 -1
- package/dist/index176.js.map +1 -1
- package/dist/index177.js +2 -2
- package/dist/index177.js.map +1 -1
- package/dist/index178.js +1 -1
- package/dist/index178.js.map +1 -1
- package/dist/index179.js +1 -1
- package/dist/index179.js.map +1 -1
- package/dist/index18.js +95 -282
- package/dist/index18.js.map +1 -1
- package/dist/index180.js +2 -2
- package/dist/index180.js.map +1 -1
- package/dist/index181.js +1 -1
- package/dist/index181.js.map +1 -1
- package/dist/index182.js +1 -1
- package/dist/index182.js.map +1 -1
- package/dist/index183.js +1 -1
- package/dist/index183.js.map +1 -1
- package/dist/index184.js +2 -2
- package/dist/index184.js.map +1 -1
- package/dist/index185.js +1 -1
- package/dist/index185.js.map +1 -1
- package/dist/index186.js +1 -1
- package/dist/index186.js.map +1 -1
- package/dist/index187.js +2 -2
- package/dist/index187.js.map +1 -1
- package/dist/index188.js +1 -1
- package/dist/index188.js.map +1 -1
- package/dist/index189.js +2 -2
- package/dist/index189.js.map +1 -1
- package/dist/index19.js +323 -16
- package/dist/index19.js.map +1 -1
- package/dist/index190.js +2 -149
- package/dist/index190.js.map +1 -1
- package/dist/index191.js +2 -9
- package/dist/index191.js.map +1 -1
- package/dist/index192.js +2 -6
- package/dist/index192.js.map +1 -1
- package/dist/index193.js +2 -5
- package/dist/index193.js.map +1 -1
- package/dist/index194.js +2 -40
- package/dist/index194.js.map +1 -1
- package/dist/index195.js +2 -59
- package/dist/index195.js.map +1 -1
- package/dist/index196.js +2 -23
- package/dist/index196.js.map +1 -1
- package/dist/index197.js +152 -0
- package/dist/index197.js.map +1 -0
- package/dist/index198.js +12 -0
- package/dist/index198.js.map +1 -0
- package/dist/index199.js +5 -23
- package/dist/index199.js.map +1 -1
- package/dist/index20.js +15 -31
- package/dist/index20.js.map +1 -1
- package/dist/index200.js +8 -0
- package/dist/index200.js.map +1 -0
- package/dist/index201.js +36 -80
- package/dist/index201.js.map +1 -1
- package/dist/index206.js +26 -0
- package/dist/index206.js.map +1 -0
- package/dist/index207.js +71 -0
- package/dist/index207.js.map +1 -0
- package/dist/index21.js +33 -61
- package/dist/index21.js.map +1 -1
- package/dist/{index210.js → index215.js} +1 -1
- package/dist/{index210.js.map → index215.js.map} +1 -1
- package/dist/index22.js +57 -76
- package/dist/index22.js.map +1 -1
- package/dist/{index218.js → index223.js} +1 -1
- package/dist/{index218.js.map → index223.js.map} +1 -1
- package/dist/{index221.js → index226.js} +2 -2
- package/dist/{index221.js.map → index226.js.map} +1 -1
- package/dist/index23.js +83 -21
- package/dist/index23.js.map +1 -1
- package/dist/index235.js +171 -8
- package/dist/index235.js.map +1 -1
- package/dist/index236.js +3 -9
- package/dist/index236.js.map +1 -1
- package/dist/index238.js +18 -169
- package/dist/index238.js.map +1 -1
- package/dist/index239.js +10 -11
- package/dist/index239.js.map +1 -1
- package/dist/index24.js +20 -222
- package/dist/index24.js.map +1 -1
- package/dist/index240.js +8 -4
- package/dist/index240.js.map +1 -1
- package/dist/index241.js +4 -5
- package/dist/index241.js.map +1 -1
- package/dist/index242.js +168 -36
- package/dist/index242.js.map +1 -1
- package/dist/index243.js +11 -2
- package/dist/index243.js.map +1 -1
- package/dist/index244.js +5 -7
- package/dist/index244.js.map +1 -1
- package/dist/index245.js +5 -326
- package/dist/index245.js.map +1 -1
- package/dist/index246.js +36 -48
- package/dist/index246.js.map +1 -1
- package/dist/index247.js +2 -2
- package/dist/index248.js +7 -75
- package/dist/index248.js.map +1 -1
- package/dist/index249.js +308 -74
- package/dist/index249.js.map +1 -1
- package/dist/index25.js +299 -43
- package/dist/index25.js.map +1 -1
- package/dist/index250.js +45 -47
- package/dist/index250.js.map +1 -1
- package/dist/index251.js +2 -8
- package/dist/index251.js.map +1 -1
- package/dist/index252.js +75 -4
- package/dist/index252.js.map +1 -1
- package/dist/index253.js +89 -48
- package/dist/index253.js.map +1 -1
- package/dist/index254.js +52 -2
- package/dist/index254.js.map +1 -1
- package/dist/index255.js +8 -2
- package/dist/index255.js.map +1 -1
- package/dist/index256.js +8 -0
- package/dist/index256.js.map +1 -0
- package/dist/index257.js +55 -0
- package/dist/index257.js.map +1 -0
- package/dist/index258.js +5 -0
- package/dist/index258.js.map +1 -0
- package/dist/index259.js +5 -0
- package/dist/index259.js.map +1 -0
- package/dist/index26.js +48 -23
- package/dist/index26.js.map +1 -1
- package/dist/index27.js +21 -81
- package/dist/index27.js.map +1 -1
- package/dist/index28.js +101 -138
- package/dist/index28.js.map +1 -1
- package/dist/index29.js +139 -128
- package/dist/index29.js.map +1 -1
- package/dist/index3.js +57 -98
- package/dist/index3.js.map +1 -1
- package/dist/index30.js +133 -69
- package/dist/index30.js.map +1 -1
- package/dist/index31.js +67 -96
- package/dist/index31.js.map +1 -1
- package/dist/index32.js +96 -71
- package/dist/index32.js.map +1 -1
- package/dist/index33.js +70 -38
- package/dist/index33.js.map +1 -1
- package/dist/index34.js +40 -71
- package/dist/index34.js.map +1 -1
- package/dist/index35.js +67 -82
- package/dist/index35.js.map +1 -1
- package/dist/index36.js +99 -54
- package/dist/index36.js.map +1 -1
- package/dist/index37.js +53 -280
- package/dist/index37.js.map +1 -1
- package/dist/index38.js +283 -70
- package/dist/index38.js.map +1 -1
- package/dist/index39.js +69 -80
- package/dist/index39.js.map +1 -1
- package/dist/index4.js +102 -42
- package/dist/index4.js.map +1 -1
- package/dist/index40.js +82 -32
- package/dist/index40.js.map +1 -1
- package/dist/index41.js +26 -44
- package/dist/index41.js.map +1 -1
- package/dist/index42.js +45 -67
- package/dist/index42.js.map +1 -1
- package/dist/index43.js +65 -49
- package/dist/index43.js.map +1 -1
- package/dist/index44.js +53 -139
- package/dist/index44.js.map +1 -1
- package/dist/index45.js +132 -179
- package/dist/index45.js.map +1 -1
- package/dist/index46.js +194 -35
- package/dist/index46.js.map +1 -1
- package/dist/index47.js +34 -29
- package/dist/index47.js.map +1 -1
- package/dist/index48.js +31 -145
- package/dist/index48.js.map +1 -1
- package/dist/index49.js +131 -70
- package/dist/index49.js.map +1 -1
- package/dist/index5.js +40 -315
- package/dist/index5.js.map +1 -1
- package/dist/index50.js +80 -371
- package/dist/index50.js.map +1 -1
- package/dist/index51.js +451 -91
- package/dist/index51.js.map +1 -1
- package/dist/index52.js +98 -38
- package/dist/index52.js.map +1 -1
- package/dist/index53.js +35 -35
- package/dist/index53.js.map +1 -1
- package/dist/index54.js +35 -90
- package/dist/index54.js.map +1 -1
- package/dist/index55.js +89 -159
- package/dist/index55.js.map +1 -1
- package/dist/index56.js +157 -143
- package/dist/index56.js.map +1 -1
- package/dist/index57.js +149 -33
- package/dist/index57.js.map +1 -1
- package/dist/index58.js +33 -86
- package/dist/index58.js.map +1 -1
- package/dist/index59.js +80 -113
- package/dist/index59.js.map +1 -1
- package/dist/index6.js +323 -43
- package/dist/index6.js.map +1 -1
- package/dist/index60.js +114 -62
- package/dist/index60.js.map +1 -1
- package/dist/index61.js +62 -147
- package/dist/index61.js.map +1 -1
- package/dist/index62.js +146 -312
- package/dist/index62.js.map +1 -1
- package/dist/index63.js +317 -44
- package/dist/index63.js.map +1 -1
- package/dist/index64.js +44 -143
- package/dist/index64.js.map +1 -1
- package/dist/index65.js +145 -12
- package/dist/index65.js.map +1 -1
- package/dist/index66.js +10 -44
- package/dist/index66.js.map +1 -1
- package/dist/index67.js +42 -15
- package/dist/index67.js.map +1 -1
- package/dist/index68.js +76 -48
- package/dist/index68.js.map +1 -1
- package/dist/index69.js +18 -58
- package/dist/index69.js.map +1 -1
- package/dist/index7.js +44 -51
- package/dist/index7.js.map +1 -1
- package/dist/index70.js +66 -5
- package/dist/index70.js.map +1 -1
- package/dist/index71.js +25 -7
- package/dist/index71.js.map +1 -1
- package/dist/index72.js +105 -0
- package/dist/index72.js.map +1 -0
- package/dist/index73.js +62 -2
- package/dist/index73.js.map +1 -1
- package/dist/index74.js +21 -2
- package/dist/index74.js.map +1 -1
- package/dist/index75.js +5 -2
- package/dist/index75.js.map +1 -1
- package/dist/index76.js +54 -2
- package/dist/index76.js.map +1 -1
- package/dist/index77.js +24 -2
- package/dist/index77.js.map +1 -1
- package/dist/index78.js +9 -2
- package/dist/index78.js.map +1 -1
- package/dist/index8.js +48 -85
- package/dist/index8.js.map +1 -1
- package/dist/index80.js +2 -2
- package/dist/index80.js.map +1 -1
- package/dist/index81.js +2 -2
- package/dist/index81.js.map +1 -1
- package/dist/index82.js +1 -1
- package/dist/index82.js.map +1 -1
- package/dist/index83.js +2 -2
- package/dist/index83.js.map +1 -1
- package/dist/index84.js +1 -1
- package/dist/index84.js.map +1 -1
- package/dist/index85.js +1 -1
- package/dist/index85.js.map +1 -1
- package/dist/index86.js +1 -1
- package/dist/index86.js.map +1 -1
- package/dist/index87.js +1 -1
- package/dist/index87.js.map +1 -1
- package/dist/index88.js +1 -1
- package/dist/index88.js.map +1 -1
- package/dist/index89.js +1 -1
- package/dist/index89.js.map +1 -1
- package/dist/index9.js +91 -27
- package/dist/index9.js.map +1 -1
- package/dist/index90.js +1 -1
- package/dist/index90.js.map +1 -1
- package/dist/index91.js +1 -1
- package/dist/index91.js.map +1 -1
- package/dist/index92.js +1 -1
- package/dist/index92.js.map +1 -1
- package/dist/index93.js +1 -1
- package/dist/index93.js.map +1 -1
- package/dist/index94.js +1 -1
- package/dist/index94.js.map +1 -1
- package/dist/index95.js +1 -1
- package/dist/index95.js.map +1 -1
- package/dist/index96.js +1 -1
- package/dist/index96.js.map +1 -1
- package/dist/index97.js +1 -1
- package/dist/index97.js.map +1 -1
- package/dist/index98.js +1 -1
- package/dist/index98.js.map +1 -1
- package/dist/index99.js +1 -1
- package/dist/index99.js.map +1 -1
- package/package.json +1 -1
- package/dist/index230.js +0 -7
- package/dist/index230.js.map +0 -1
- package/dist/index232.js +0 -25
- package/dist/index232.js.map +0 -1
- package/dist/index233.js +0 -57
- package/dist/index233.js.map +0 -1
- package/dist/index234.js +0 -22
- package/dist/index234.js.map +0 -1
- package/dist/index237.js +0 -8
- package/dist/index237.js.map +0 -1
- package/dist/index79.js +0 -5
- package/dist/index79.js.map +0 -1
package/dist/index16.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index16.js","sources":["../src/components/MenuItem/index.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Badge } from 'src/components/Badge';\nimport { Icon } from 'components/Icon';\n\nexport type MenuItemProps = {\n /**\n * Stable unique identifier for the menu item.\n * Recommended for roving focus + React keys, especially when the list can be filtered/reordered.\n */\n id?: string;\n type?: 'item' | 'header' | 'separator';\n label?: string;\n tag?: string;\n isDisabled?: boolean;\n isActive?: boolean;\n icon?: string;\n iconPosition?: 'left' | 'right';\n onClick?: (item: MenuItemProps) => void;\n showCheckMarkForSelected?: boolean;\n automationId?: string;\n renderJSX?: (item: MenuItemProps) => React.ReactNode;\n tabIndex?: number;\n onKeyDown?: (e: React.KeyboardEvent) => void;\n onFocus?: () => void;\n ariaLabel?: string;\n};\n\nexport const MenuItem = forwardRef<HTMLDivElement, MenuItemProps>((props, ref) => {\n const {\n label = '',\n icon,\n tag = '',\n iconPosition = 'right',\n onClick,\n isActive = false,\n showCheckMarkForSelected = false,\n isDisabled = false,\n automationId = '',\n renderJSX = null,\n tabIndex,\n onKeyDown: onKeyDownProp,\n onFocus: onFocusProp,\n ariaLabel\n } = props;\n\n const getIconJsx = (icon: string) => {\n return <Icon name={icon} />;\n };\n\n return (\n <div\n ref={ref}\n className={`se-design-menu-item flex items-center justify-between p-2 mx-1 text-[var(--color-gray-900)] hover:bg-[var(--color-blue-100)] focus-visible:bg-[var(--color-blue-100)] [&.se-design-menu-item:focus-visible]:!outline-none rounded-[6px] gap-2\n ${isActive && !showCheckMarkForSelected ? 'bg-[var(--color-blue-100)]' : ''}\n ${isDisabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer'}\n `}\n onClick={isDisabled ? undefined : () => onClick?.({ label, tag, icon, iconPosition })}\n onKeyDown={(e) => {\n // Call parent's keyboard handler first (for roving focus navigation)\n onKeyDownProp?.(e);\n \n // Then handle activation (Enter/Space)\n if (!isDisabled && (e.key === 'Enter' || e.key === ' ')) {\n e.preventDefault();\n onClick?.({ label, tag, icon, iconPosition });\n }\n }}\n role={showCheckMarkForSelected ? 'menuitemradio' : 'menuitem'}\n aria-checked={showCheckMarkForSelected ? isActive : undefined}\n aria-disabled={isDisabled}\n aria-label={ariaLabel || label}\n tabIndex={isDisabled ? -1 : (tabIndex ?? 0)}\n data-automation-id={automationId}\n onFocus={onFocusProp}\n >\n {renderJSX ? (\n renderJSX(props)\n ) : (\n <>\n <div className=\"flex items-center gap-1\">\n {iconPosition === 'left' && icon && getIconJsx(icon)}\n <span className=\"text-[var(--color-gray-900)]\">{label}</span>\n {iconPosition === 'right' && icon && getIconJsx(icon)}\n </div>\n {tag && <Badge label={tag} />}\n {showCheckMarkForSelected && isActive && <Icon name=\"checkmark\" stroke=\"var(--color-blue-500)\" />}\n </>\n )}\n </div>\n );\n});\n\nMenuItem.displayName = 'MenuItem';\n"],"names":["MenuItem","forwardRef","props","ref","label","icon","tag","iconPosition","onClick","isActive","showCheckMarkForSelected","isDisabled","automationId","renderJSX","tabIndex","onKeyDown","onKeyDownProp","onFocus","onFocusProp","ariaLabel","getIconJsx","React","createElement","Icon","name","className","undefined","e","key","preventDefault","role","Fragment","Badge","stroke","displayName"],"mappings":";;;AA2BO,MAAMA,IAAWC,gBAAAA,EAA0C,CAACC,GAAOC,MAAQ;AAC1E,QAAA;AAAA,IACJC,OAAAA,IAAQ;AAAA,IACRC,MAAAA;AAAAA,IACAC,KAAAA,IAAM;AAAA,IACNC,cAAAA,IAAe;AAAA,IACfC,SAAAA;AAAAA,IACAC,UAAAA,IAAW;AAAA,IACXC,0BAAAA,IAA2B;AAAA,IAC3BC,YAAAA,IAAa;AAAA,IACbC,cAAAA,IAAe;AAAA,IACfC,WAAAA,IAAY;AAAA,IACZC,UAAAA;AAAAA,IACAC,WAAWC;AAAAA,IACXC,SAASC;AAAAA,IACTC,WAAAA;AAAAA,EACEjB,IAAAA,GAEEkB,IAAaA,CAACf,MACXgB,gBAAAA,EAAAC,cAACC,GAAI;AAAA,IAACC,MAAMnB;AAAAA,EAAAA,CAAO;AAI1BgB,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEnB,KAAAA;AAAAA,IACAsB,WAAW;AAAA,UACPhB,KAAY,CAACC,IAA2B,+BAA+B,EAAE;AAAA,UACzEC,IAAa,kCAAkC,gBAAgB;AAAA;AAAA,IAEnEH,SAASG,IAAae,SAAY,MAAMlB,IAAU;AAAA,MAAEJ,OAAAA;AAAAA,MAAOE,KAAAA;AAAAA,MAAKD,MAAAA;AAAAA,MAAME,cAAAA;AAAAA,IAAAA,CAAc;AAAA,IACpFQ,WAAYY,CAAMA,MAAA;AAEhBX,MAAAA,IAAgBW,CAAC,GAGb,CAAChB,MAAegB,EAAEC,QAAQ,WAAWD,EAAEC,QAAQ,SACjDD,EAAEE,eAAe,GACPrB,IAAA;AAAA,QAAEJ,OAAAA;AAAAA,QAAOE,KAAAA;AAAAA,QAAKD,MAAAA;AAAAA,QAAME,cAAAA;AAAAA,MAAAA,CAAc;AAAA,IAEhD;AAAA,IACAuB,MAAMpB,IAA2B,kBAAkB;AAAA,IACnD,gBAAcA,IAA2BD,IAAWiB;AAAAA,IACpD,iBAAef;AAAAA,IACf,cAAYQ,KAAaf;AAAAA,IACzBU,UAAUH,IAAa,KAAMG,KAAY;AAAA,IACzC,sBAAoBF;AAAAA,IACpBK,SAASC;AAAAA,EAERL,GAAAA,IACCA,EAAUX,CAAK,IAEfmB,gBAAAA,EAAAC,cAAAD,EAAAU,UACEV,MAAAC,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKG,WAAU;AAAA,EAAA,GACZlB,MAAiB,UAAUF,KAAQe,EAAWf,CAAI,GACnDiB,gBAAAA,EAAAA,cAAA,QAAA;AAAA,IAAMG,WAAU;AAAA,EAAgCrB,GAAAA,CAAY,GAC3DG,MAAiB,WAAWF,KAAQe,EAAWf,CAAI,CACjD,GACJC,KAAOe,gBAAAA,EAAAC,cAACU,GAAK;AAAA,IAAC5B,OAAOE;AAAAA,EAAM,CAAA,GAC3BI,KAA4BD,KAAYY,gBAAAA,EAAAC,cAACC,GAAI;AAAA,IAACC,MAAK;AAAA,IAAYS,QAAO;AAAA,EAAyB,CAAA,CAChG,CAED;AAET,CAAC;AAEDjC,EAASkC,cAAc;"}
|
|
1
|
+
{"version":3,"file":"index16.js","sources":["../src/components/Tooltip/index.tsx"],"sourcesContent":["import React, { useEffect, useState, useRef } from 'react';\nimport ReactDOM, { flushSync } from 'react-dom';\nimport { useStableId } from '../../utils/useStableId';\nimport { useDismissOnFocusOut } from '../../utils/a11y';\n\nexport interface TooltipProps {\n /**\n * Tooltip contents\n */\n content: string | React.ReactNode;\n /**\n * Tooltip position\n */\n position?:\n | 'top-left'\n | 'top-center'\n | 'top-right'\n | 'bottom-left'\n | 'bottom-center'\n | 'bottom-right'\n | 'left-top'\n | 'left-center'\n | 'left-bottom'\n | 'right-top'\n | 'right-center'\n | 'right-bottom';\n /**\n * Display tooltip on Hover, Click or Always\n */\n displayOn?: 'hover' | 'click' | 'always-on';\n /**\n * Tooltip trigger contents\n */\n tooltipSrc?: React.ReactNode;\n /**\n * Tooltip trigger contents ref\n */\n tooltipSrcRef?: React.RefObject<HTMLElement>;\n /**\n * When true, the real trigger is disabled and cannot receive focus.\n * Tooltip will make its wrapper focusable and treat it as a \"button\" that reveals tooltip content.\n */\n isTriggerDisabled?: boolean;\n /**\n * Required when isTriggerDisabled is true. Provides an accessible name for the focusable wrapper trigger.\n */\n disabledTriggerAriaLabel?: string;\n /**\n * Max width of the tooltip content\n */\n maxWidth?: number;\n /**\n * Whether to use portal for the tooltip content\n */\n isWithPortal?: boolean;\n /**\n * Tooltip content classes\n */\n tooltipContentClasses?: string;\n /**\n * Tooltip offset\n */\n tooltipOffset?: number;\n /**\n * Automation ID for testing\n */\n automationId?: string;\n}\n\nexport const Tooltip = ({\n content,\n tooltipSrc,\n position = 'bottom-center',\n displayOn = 'hover',\n maxWidth = 240,\n isWithPortal = false,\n tooltipSrcRef = undefined,\n isTriggerDisabled = false,\n disabledTriggerAriaLabel = undefined,\n tooltipContentClasses = '',\n tooltipOffset = 8,\n automationId = ''\n}: TooltipProps) => {\n const [displayTooltip, setDisplayTooltip] = useState(false);\n const tooltipContentRef = useRef<HTMLDivElement>(null);\n // Support for external ref when provided\n const internalToolTipSrcRef = useRef<HTMLDivElement>(null);\n const tooltipSourceRef = (tooltipSrcRef || internalToolTipSrcRef) as React.RefObject<HTMLElement>;\n const [tooltipPortalStyle, setTooltipPortalStyle] = useState({});\n const [isPortalPositioned, setIsPortalPositioned] = useState(false);\n const hideTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n const isContentString = typeof content === 'string';\n const tooltipContentId = useStableId(undefined, 'tooltip-content');\n\n // Helper to clear hide timeout\n const clearHideTimeout = () => {\n if (hideTimeoutRef.current) {\n clearTimeout(hideTimeoutRef.current);\n hideTimeoutRef.current = null;\n }\n };\n\n // Helper to schedule hide\n const scheduleHide = () => {\n if (displayOn !== 'always-on') {\n clearHideTimeout();\n hideTimeoutRef.current = setTimeout(() => setDisplayTooltip(false), 150);\n }\n };\n\n const showTooltip = () => {\n clearHideTimeout();\n setDisplayTooltip(true);\n };\n\n const onDisabledTriggerKeyDown = (e: React.KeyboardEvent) => {\n if (!isTriggerDisabled) return;\n if (e.key === 'Escape') {\n e.preventDefault();\n setDisplayTooltip(false);\n return;\n }\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n setDisplayTooltip((prev) => !prev);\n }\n };\n\n // Enabled trigger: use React focus/blur capture handlers (no native event listeners).\n // This keeps the tooltip open while focus stays anywhere inside the tooltip wrapper.\n const dismissOnFocusOutProps = useDismissOnFocusOut<HTMLDivElement>({\n disabled: isTriggerDisabled,\n onFocusIn: showTooltip,\n onFocusOut: scheduleHide,\n onEscape: () => setDisplayTooltip(false)\n });\n\n useEffect(() => {\n const tooltipContent = tooltipContentRef.current;\n\n if (!tooltipContent) {\n return;\n }\n\n if (position == 'bottom-center') {\n tooltipContent.setAttribute('style', `left: 50%;transform: translateX(-50%);`);\n tooltipContent.classList.add(`before:left-[calc(50%-7px)]`);\n tooltipContent.classList.add(`before:top-[-7px]`);\n } else if (position == 'bottom-left') {\n tooltipContent.classList.add(`before:left-[calc(10%-7px)]`);\n tooltipContent.classList.add(`before:top-[-7px]`);\n } else if (position == 'bottom-right') {\n tooltipContent.setAttribute('style', `right: 0;`);\n tooltipContent.classList.add(`before:right-[calc(10%+7px)]`);\n tooltipContent.classList.add(`before:top-[-7px]`);\n } else if (position == 'top-center') {\n tooltipContent.setAttribute('style', `left: 50%;transform: translateX(-50%);bottom: calc(100% + 8px);`);\n tooltipContent.classList.add(`before:left-[calc(50%-7px)]`);\n tooltipContent.classList.add(`before:bottom-[-7px]`);\n } else if (position == 'top-left') {\n tooltipContent.setAttribute('style', `bottom: calc(100% + 8px);`);\n tooltipContent.classList.add(`before:left-[calc(10%-7px)]`);\n tooltipContent.classList.add(`before:bottom-[-7px]`);\n } else if (position == 'top-right') {\n tooltipContent.setAttribute('style', `right: 0;bottom: calc(100% + 8px);`);\n tooltipContent.classList.add(`before:right-[calc(10%+7px)]`);\n tooltipContent.classList.add(`before:bottom-[-7px]`);\n } else if (position == 'left-top') {\n tooltipContent.setAttribute('style', `right: calc(100% + 10px);top:0;`);\n tooltipContent.classList.add(`before:right-[-6px]`);\n tooltipContent.classList.add(`before:top-[7px]`);\n } else if (position == 'left-center') {\n tooltipContent.setAttribute('style', `right: calc(100% + 10px);top: 50%;transform: translateY(-50%);`);\n tooltipContent.classList.add(`before:right-[-6px]`);\n tooltipContent.classList.add(`before:top-[calc(50%-7px)]`);\n } else if (position == 'left-bottom') {\n tooltipContent.setAttribute('style', `right: calc(100% + 10px);bottom:0;`);\n tooltipContent.classList.add(`before:right-[-6px]`);\n tooltipContent.classList.add(`before:bottom-[7px]`);\n } else if (position == 'right-top') {\n tooltipContent.setAttribute('style', `left: calc(100% + 10px);top:0;`);\n tooltipContent.classList.add(`before:left-[-6px]`);\n tooltipContent.classList.add(`before:top-[7px]`);\n } else if (position == 'right-center') {\n tooltipContent.setAttribute('style', `left: calc(100% + 10px);top: 50%;transform: translateY(-50%);`);\n tooltipContent.classList.add(`before:left-[-6px]`);\n tooltipContent.classList.add(`before:top-[calc(50%-7px)]`);\n } else if (position == 'right-bottom') {\n tooltipContent.setAttribute('style', `left: calc(100% + 10px);bottom:0;`);\n tooltipContent.classList.add(`before:left-[-6px]`);\n tooltipContent.classList.add(`before:bottom-[7px]`);\n }\n\n if (displayOn == 'hover') {\n tooltipContent.classList.add(`group-hover:visible`);\n }\n }, [content]);\n\n useEffect(() => {\n const tooltipContent = tooltipContentRef.current;\n\n if (!tooltipContent) {\n return;\n }\n if (displayTooltip) {\n tooltipContent.classList.remove(`invisible`);\n } else {\n tooltipContent.classList.add(`invisible`);\n }\n }, [displayTooltip]);\n\n // Ensure tooltip stays open when displayOn is always-on\n useEffect(() => {\n if (displayOn === 'always-on') {\n setDisplayTooltip(true);\n }\n }, [displayOn]);\n\n const onTooltipSrcClick = () => {\n if (displayOn == 'click') {\n setDisplayTooltip((displayTooltip) => !displayTooltip);\n }\n };\n\n const toggleTooltip = () => {\n setDisplayTooltip((displayTooltip) => !displayTooltip);\n };\n\n const events = {\n ...(displayOn === 'click' && { onClick: toggleTooltip }),\n ...(displayOn === 'hover' && {\n onMouseEnter: () => setDisplayTooltip(true),\n onMouseLeave: () => setDisplayTooltip(false)\n })\n };\n\n const calculateTooltipPortalStyle = () => {\n const refToUse = tooltipSourceRef.current;\n if (!refToUse) {\n return {};\n }\n\n const srcRect = refToUse.getBoundingClientRect();\n const scrollX = window.scrollX || window.pageXOffset;\n const scrollY = window.scrollY || window.pageYOffset;\n const arrowSize = 14; // 14px (3.5 * 4 = 14px in Tailwind)\n\n // Get tooltip content dimensions if available\n const tooltipElement = document.getElementById(tooltipContentId);\n const tooltipWidth = tooltipElement?.offsetWidth || 0;\n const tooltipHeight = tooltipElement?.offsetHeight || 0;\n\n let top = 0;\n let left = 0;\n let arrowLeft = 0;\n let arrowTop = 0;\n\n switch (position) {\n case 'bottom-center':\n top = srcRect.bottom + scrollY + tooltipOffset;\n left = srcRect.left + scrollX + srcRect.width / 2 - tooltipWidth / 2;\n arrowLeft = tooltipWidth / 2 - arrowSize / 2;\n arrowTop = -arrowSize / 2;\n break;\n case 'bottom-left':\n top = srcRect.bottom + scrollY + tooltipOffset;\n left = srcRect.left + scrollX;\n arrowLeft = tooltipWidth * 0.1 - arrowSize / 2;\n arrowTop = -arrowSize / 2;\n break;\n case 'bottom-right':\n top = srcRect.bottom + scrollY + tooltipOffset;\n left = srcRect.right + scrollX - tooltipWidth;\n arrowLeft = tooltipWidth - tooltipWidth * 0.1 - arrowSize / 2;\n arrowTop = -arrowSize / 2;\n break;\n case 'top-center':\n top = srcRect.top + scrollY - tooltipHeight - tooltipOffset;\n left = srcRect.left + scrollX + srcRect.width / 2 - tooltipWidth / 2;\n arrowLeft = tooltipWidth / 2 - arrowSize / 2;\n arrowTop = tooltipHeight - arrowSize / 2;\n break;\n case 'top-left':\n top = srcRect.top + scrollY - tooltipHeight - tooltipOffset;\n left = srcRect.left + scrollX;\n arrowLeft = tooltipWidth * 0.1 - arrowSize / 2;\n arrowTop = tooltipHeight - arrowSize / 2;\n break;\n case 'top-right':\n top = srcRect.top + scrollY - tooltipHeight - tooltipOffset;\n left = srcRect.right + scrollX - tooltipWidth;\n arrowLeft = tooltipWidth - tooltipWidth * 0.1 - arrowSize / 2;\n arrowTop = tooltipHeight - arrowSize / 2;\n break;\n case 'left-top':\n top = srcRect.top + scrollY;\n left = srcRect.left + scrollX - tooltipWidth - tooltipOffset;\n arrowLeft = tooltipWidth - arrowSize / 2;\n arrowTop = arrowSize / 2;\n break;\n case 'left-center':\n top = srcRect.top + scrollY + srcRect.height / 2 - tooltipHeight / 2;\n left = srcRect.left + scrollX - tooltipWidth - tooltipOffset;\n arrowLeft = tooltipWidth - arrowSize / 2;\n arrowTop = tooltipHeight / 2 - arrowSize / 2;\n break;\n case 'left-bottom':\n top = srcRect.bottom + scrollY - tooltipHeight;\n left = srcRect.left + scrollX - tooltipWidth - tooltipOffset;\n arrowLeft = tooltipWidth - arrowSize / 2;\n arrowTop = tooltipHeight - arrowSize / 2;\n break;\n case 'right-top':\n top = srcRect.top + scrollY;\n left = srcRect.right + scrollX + tooltipOffset;\n arrowLeft = -arrowSize / 2;\n arrowTop = arrowSize / 2;\n break;\n case 'right-center':\n top = srcRect.top + scrollY + srcRect.height / 2 - tooltipHeight / 2;\n left = srcRect.right + scrollX + tooltipOffset;\n arrowLeft = -arrowSize / 2;\n arrowTop = tooltipHeight / 2 - arrowSize / 2;\n break;\n case 'right-bottom':\n top = srcRect.bottom + scrollY - tooltipHeight;\n left = srcRect.right + scrollX + tooltipOffset;\n arrowLeft = -arrowSize / 2;\n arrowTop = tooltipHeight - arrowSize / 2;\n break;\n default:\n top = srcRect.bottom + scrollY + tooltipOffset;\n left = srcRect.left + scrollX + srcRect.width / 2 - tooltipWidth / 2;\n arrowLeft = tooltipWidth / 2 - arrowSize / 2;\n arrowTop = -arrowSize / 2;\n break;\n }\n\n return {\n position: 'absolute',\n top: `${top}px`,\n left: `${left}px`,\n zIndex: 9999,\n '--arrow-left': `${arrowLeft}px`,\n '--arrow-top': `${arrowTop}px`\n } as React.CSSProperties & { '--arrow-left': string; '--arrow-top': string };\n };\n\n useEffect(() => {\n if (!displayTooltip || !isWithPortal) {\n setIsPortalPositioned(false);\n return;\n }\n\n const updatePosition = () => {\n const tooltipElement = document.getElementById(tooltipContentId);\n\n // Wait for tooltip to be rendered and have valid dimensions\n if (!tooltipElement || tooltipElement.offsetHeight === 0) {\n requestAnimationFrame(updatePosition);\n return;\n }\n\n const calculatedStyle = calculateTooltipPortalStyle();\n \n // Batch both state updates into a single synchronous render using flushSync\n flushSync(() => {\n setTooltipPortalStyle(calculatedStyle);\n setIsPortalPositioned(true);\n });\n };\n\n // Initial position calculation\n const timeout = setTimeout(updatePosition, tooltipSrcRef ? 60 : 10);\n\n const handleClick = (e: MouseEvent) => {\n const tooltip = document.getElementById(tooltipContentId);\n const source = tooltipSourceRef.current;\n const target = e.target as Node;\n\n if (tooltip && source && !tooltip.contains(target) && !source.contains(target)) {\n setDisplayTooltip(false);\n }\n };\n\n // Only add click listener if not always-on\n const shouldAddClickListener = displayOn !== 'always-on';\n if (shouldAddClickListener) {\n document.body.addEventListener('click', handleClick, true);\n }\n window.addEventListener('scroll', updatePosition, true);\n window.addEventListener('resize', updatePosition);\n\n // Watch for style changes on the source element when tooltipSrcRef is provided\n // This ensures the tooltip position updates when the blocker is repositioned\n let mutationObserver: MutationObserver | null = null;\n if (tooltipSrcRef && tooltipSourceRef.current) {\n mutationObserver = new MutationObserver(() => {\n updatePosition();\n });\n mutationObserver.observe(tooltipSourceRef.current, {\n attributes: true,\n attributeFilter: ['style', 'class']\n });\n }\n\n return () => {\n clearTimeout(timeout);\n clearHideTimeout();\n if (shouldAddClickListener) {\n document.body.removeEventListener('click', handleClick, true);\n }\n window.removeEventListener('scroll', updatePosition, true);\n window.removeEventListener('resize', updatePosition);\n if (mutationObserver) {\n mutationObserver.disconnect();\n }\n };\n }, [displayTooltip, isWithPortal, position, displayOn, tooltipSrcRef, tooltipContentId]);\n\n // For enabled triggers: link trigger to tooltip content via aria-describedby so screen\n // readers announce tooltip text on focus. Inject both kebab (native elements, Button via\n // ...props) and camelCase (Icon/Button via explicit ariaDescribedBy prop).\n // Disabled trigger already wires aria-describedby in disabledTriggerProps.\n const linkedTooltipSrc =\n !isTriggerDisabled && React.isValidElement(tooltipSrc)\n ? React.cloneElement(tooltipSrc as React.ReactElement<any>, {\n 'aria-describedby': tooltipContentId,\n ariaDescribedBy: tooltipContentId\n })\n : tooltipSrc;\n\n const disabledTriggerProps = isTriggerDisabled\n ? {\n tabIndex: 0,\n role: 'button' as const,\n 'aria-label': disabledTriggerAriaLabel,\n 'aria-describedby': tooltipContentId,\n onFocus: showTooltip,\n onBlur: scheduleHide,\n onKeyDown: onDisabledTriggerKeyDown\n }\n : undefined;\n\n const enabledTriggerProps = !isTriggerDisabled\n ? dismissOnFocusOutProps\n : undefined;\n\n return !isWithPortal ? (\n <div\n className=\"se-design-tooltip group relative\"\n onClick={onTooltipSrcClick}\n {...disabledTriggerProps}\n {...enabledTriggerProps}\n >\n <div className=\"cursor-pointer\">\n {linkedTooltipSrc}\n </div>\n <div\n ref={tooltipContentRef}\n id={tooltipContentId}\n role=\"tooltip\"\n className={`flex justify-center px-3 py-2 min-w-24 max-w-[${maxWidth}px]\n absolute top-[calc(100%+8px)] w-max bg-[var(--color-gray-800)] text-[var(--color-white)] text-base rounded-[3px]\n before:content-[' '] before:w-3.5 before:h-3.5 before:bg-[var(--color-gray-800)] before:inline-block\n before:absolute before:rounded-tl-sm before:rotate-45`}\n data-automation-id={automationId || 'tooltip-content'}\n >\n {isContentString ? <p className=\"leading-normal\">{content}</p> : content}\n </div>\n </div>\n ) : (\n <div\n className=\"se-design-tooltip group relative\"\n {...events}\n {...disabledTriggerProps}\n {...enabledTriggerProps}\n >\n <div\n className=\"cursor-pointer\"\n ref={tooltipSrcRef ? undefined : (tooltipSourceRef as React.RefObject<HTMLDivElement>)}\n onMouseEnter={displayOn === 'always-on' ? undefined : clearHideTimeout}\n onMouseLeave={scheduleHide}\n >\n {linkedTooltipSrc}\n </div>\n {displayTooltip &&\n ReactDOM.createPortal(\n <>\n <style>\n {`#${tooltipContentId}::before {\n left: var(--arrow-left, 0);\n top: var(--arrow-top, 0);\n }`}\n </style>\n <div\n id={tooltipContentId}\n role=\"tooltip\"\n className={`flex justify-center px-3 py-2 min-w-24 bg-[var(--color-gray-800)] text-[var(--color-white)] text-base rounded-[3px]\n before:content-[' '] before:w-3.5 before:h-3.5 before:bg-[var(--color-gray-800)] before:inline-block\n before:absolute before:rounded-tl-sm before:rotate-45 ${tooltipContentClasses}`}\n style={{\n ...tooltipPortalStyle,\n maxWidth: `${maxWidth}px`,\n wordBreak: 'break-word',\n overflowWrap: 'break-word',\n visibility: isPortalPositioned ? 'visible' : 'hidden',\n opacity: isPortalPositioned ? 1 : 0,\n pointerEvents: isPortalPositioned ? 'auto' : 'none',\n transition: isPortalPositioned ? 'opacity 0.15s ease-in' : 'none',\n // Ensure it stays at 0,0 until positioned to avoid any visual flash\n ...(isPortalPositioned ? {} : { position: 'fixed', top: '0px', left: '0px' })\n }}\n onMouseEnter={displayOn === 'always-on' ? undefined : clearHideTimeout}\n onMouseLeave={scheduleHide}\n >\n {isContentString ? <p className=\"leading-normal\">{content}</p> : content}\n </div>\n </>,\n document.body\n )}\n </div>\n );\n};\n"],"names":["Tooltip","content","tooltipSrc","position","displayOn","maxWidth","isWithPortal","tooltipSrcRef","undefined","isTriggerDisabled","disabledTriggerAriaLabel","tooltipContentClasses","tooltipOffset","automationId","displayTooltip","setDisplayTooltip","useState","tooltipContentRef","useRef","internalToolTipSrcRef","tooltipSourceRef","tooltipPortalStyle","setTooltipPortalStyle","isPortalPositioned","setIsPortalPositioned","hideTimeoutRef","isContentString","tooltipContentId","useStableId","clearHideTimeout","current","clearTimeout","scheduleHide","setTimeout","showTooltip","onDisabledTriggerKeyDown","e","key","preventDefault","prev","dismissOnFocusOutProps","useDismissOnFocusOut","disabled","onFocusIn","onFocusOut","onEscape","useEffect","tooltipContent","setAttribute","classList","add","remove","onTooltipSrcClick","events","onClick","toggleTooltip","onMouseEnter","onMouseLeave","calculateTooltipPortalStyle","refToUse","srcRect","getBoundingClientRect","scrollX","window","pageXOffset","scrollY","pageYOffset","arrowSize","tooltipElement","document","getElementById","tooltipWidth","offsetWidth","tooltipHeight","offsetHeight","top","left","arrowLeft","arrowTop","bottom","width","right","height","zIndex","updatePosition","requestAnimationFrame","calculatedStyle","flushSync","timeout","handleClick","tooltip","source","target","contains","shouldAddClickListener","body","addEventListener","mutationObserver","MutationObserver","observe","attributes","attributeFilter","removeEventListener","disconnect","linkedTooltipSrc","React","isValidElement","cloneElement","ariaDescribedBy","disabledTriggerProps","tabIndex","role","onFocus","onBlur","onKeyDown","enabledTriggerProps","createElement","_extends","className","ref","ReactDOM","createPortal","Fragment","id","style","wordBreak","overflowWrap","visibility","opacity","pointerEvents","transition"],"mappings":"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"}
|
package/dist/index160.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const e = "data:image/svg+xml,%3csvg%20width='
|
|
1
|
+
const e = "data:image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='7'%20cy='7'%20r='6.4'%20stroke='%23C9D4E3'%20stroke-width='1.2'/%3e%3c/svg%3e";
|
|
2
2
|
export {
|
|
3
3
|
e as default
|
|
4
4
|
};
|
package/dist/index160.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index160.js","sources":["../src/assets/icons/
|
|
1
|
+
{"version":3,"file":"index160.js","sources":["../src/assets/icons/radio.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='7'%20cy='7'%20r='6.4'%20stroke='%23C9D4E3'%20stroke-width='1.2'/%3e%3c/svg%3e\""],"names":["__vite_glob_0_80"],"mappings":"AAAA,MAAAA,IAAe;"}
|
package/dist/index161.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const e = "data:image/svg+xml,%3csvg%20width='
|
|
1
|
+
const e = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2020.9998C16.9706%2020.9998%2021%2016.9704%2021%2011.9998C21%207.02919%2016.9706%202.99976%2012%202.99976C7.02944%202.99976%203%207.02919%203%2011.9998C3%2016.9704%207.02944%2020.9998%2012%2020.9998Z'%20stroke='%23415575'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M12%202.99976V11.9998L18.3692%2018.369'%20stroke='%23415575'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
|
|
2
2
|
export {
|
|
3
3
|
e as default
|
|
4
4
|
};
|
package/dist/index161.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index161.js","sources":["../src/assets/icons/
|
|
1
|
+
{"version":3,"file":"index161.js","sources":["../src/assets/icons/reports.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2020.9998C16.9706%2020.9998%2021%2016.9704%2021%2011.9998C21%207.02919%2016.9706%202.99976%2012%202.99976C7.02944%202.99976%203%207.02919%203%2011.9998C3%2016.9704%207.02944%2020.9998%2012%2020.9998Z'%20stroke='%23415575'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M12%202.99976V11.9998L18.3692%2018.369'%20stroke='%23415575'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e\""],"names":["__vite_glob_0_81"],"mappings":"AAAA,MAAAA,IAAe;"}
|
package/dist/index162.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const e = "data:image/svg+xml,%3csvg%20width='
|
|
1
|
+
const e = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M18.6462%2010.5231V8.30772C18.6462%207.49205%2017.9849%206.8308%2017.1692%206.8308H9.78462L9.32584%204.99566C9.16146%204.3382%208.57072%203.87695%207.893%203.87695H3.87692C3.06124%203.87695%202.4%204.5382%202.4%205.35388V18.6462C2.4%2019.4619%203.06124%2020.1231%203.87692%2020.1231H11.2615'%20stroke='%23415575'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M11.2615%2020.1232H18.2314C18.9092%2020.1232%2019.5%2019.662%2019.6643%2019.0044L21.5804%2011.3402C21.5934%2011.288%2021.6%2011.2345%2021.6%2011.1807C21.6%2010.8176%2021.3056%2010.5232%2020.9425%2010.5232H8.72043C8.04362%2010.5232%207.45342%2010.9832%207.2882%2011.6396L6.08198%2016.4309'%20stroke='%23415575'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
|
|
2
2
|
export {
|
|
3
3
|
e as default
|
|
4
4
|
};
|
package/dist/index162.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index162.js","sources":["../src/assets/icons/
|
|
1
|
+
{"version":3,"file":"index162.js","sources":["../src/assets/icons/repository.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M18.6462%2010.5231V8.30772C18.6462%207.49205%2017.9849%206.8308%2017.1692%206.8308H9.78462L9.32584%204.99566C9.16146%204.3382%208.57072%203.87695%207.893%203.87695H3.87692C3.06124%203.87695%202.4%204.5382%202.4%205.35388V18.6462C2.4%2019.4619%203.06124%2020.1231%203.87692%2020.1231H11.2615'%20stroke='%23415575'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M11.2615%2020.1232H18.2314C18.9092%2020.1232%2019.5%2019.662%2019.6643%2019.0044L21.5804%2011.3402C21.5934%2011.288%2021.6%2011.2345%2021.6%2011.1807C21.6%2010.8176%2021.3056%2010.5232%2020.9425%2010.5232H8.72043C8.04362%2010.5232%207.45342%2010.9832%207.2882%2011.6396L6.08198%2016.4309'%20stroke='%23415575'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e\""],"names":["__vite_glob_0_82"],"mappings":"AAAA,MAAAA,IAAe;"}
|
package/dist/index163.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const e = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%
|
|
1
|
+
const e = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.18503%202.00115L3.87742%204.30876L6.18503%206.61637M3.41821%209.15518C3.41821%2011.8315%205.58784%2014.0012%208.2642%2014.0012C10.9406%2014.0012%2013.1102%2011.8315%2013.1102%209.15518C13.1102%206.47882%2010.9406%204.30919%208.2642%204.30919H3.87974'%20stroke='%23415575'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
|
|
2
2
|
export {
|
|
3
3
|
e as default
|
|
4
4
|
};
|
package/dist/index163.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index163.js","sources":["../src/assets/icons/
|
|
1
|
+
{"version":3,"file":"index163.js","sources":["../src/assets/icons/reset.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.18503%202.00115L3.87742%204.30876L6.18503%206.61637M3.41821%209.15518C3.41821%2011.8315%205.58784%2014.0012%208.2642%2014.0012C10.9406%2014.0012%2013.1102%2011.8315%2013.1102%209.15518C13.1102%206.47882%2010.9406%204.30919%208.2642%204.30919H3.87974'%20stroke='%23415575'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e\""],"names":["__vite_glob_0_83"],"mappings":"AAAA,MAAAA,IAAe;"}
|
package/dist/index164.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const e = "data:image/svg+xml,%3csvg%20width='
|
|
1
|
+
const e = "data:image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.988281%208.62031H9.66016C11.512%208.62031%2013.0133%207.11907%2013.0133%205.26719C13.0133%203.41531%2011.512%201.91406%209.66016%201.91406H6.53828'%20stroke='%236580A6'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M4.45703%205.15039L0.988281%208.61914L4.45703%2012.0879'%20stroke='%236580A6'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
|
|
2
2
|
export {
|
|
3
3
|
e as default
|
|
4
4
|
};
|
package/dist/index164.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index164.js","sources":["../src/assets/icons/
|
|
1
|
+
{"version":3,"file":"index164.js","sources":["../src/assets/icons/return.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.988281%208.62031H9.66016C11.512%208.62031%2013.0133%207.11907%2013.0133%205.26719C13.0133%203.41531%2011.512%201.91406%209.66016%201.91406H6.53828'%20stroke='%236580A6'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M4.45703%205.15039L0.988281%208.61914L4.45703%2012.0879'%20stroke='%236580A6'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e\""],"names":["__vite_glob_0_84"],"mappings":"AAAA,MAAAA,IAAe;"}
|
package/dist/index165.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const e = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.
|
|
1
|
+
const e = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.3997%202.8H1.60022M14.3997%206.3H4.80008M14.3997%209.8H7.99995M14.3997%2013.3H4.80008'%20stroke='currentColor'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
|
|
2
2
|
export {
|
|
3
3
|
e as default
|
|
4
4
|
};
|
package/dist/index165.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index165.js","sources":["../src/assets/icons/
|
|
1
|
+
{"version":3,"file":"index165.js","sources":["../src/assets/icons/right-align.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.3997%202.8H1.60022M14.3997%206.3H4.80008M14.3997%209.8H7.99995M14.3997%2013.3H4.80008'%20stroke='currentColor'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e\""],"names":["__vite_glob_0_85"],"mappings":"AAAA,MAAAA,IAAe;"}
|
package/dist/index166.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const e = "data:image/svg+xml,%3csvg%20width='
|
|
1
|
+
const e = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%3e%3cpath%20d='M9.33275%2013.3333L12.6661%2010L9.33275%206.66663'%20stroke='currentColor'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
|
|
2
2
|
export {
|
|
3
3
|
e as default
|
|
4
4
|
};
|
package/dist/index166.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index166.js","sources":["../src/assets/icons/
|
|
1
|
+
{"version":3,"file":"index166.js","sources":["../src/assets/icons/rightSide.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%3e%3cpath%20d='M9.33275%2013.3333L12.6661%2010L9.33275%206.66663'%20stroke='currentColor'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e\""],"names":["__vite_glob_0_86"],"mappings":"AAAA,MAAAA,IAAe;"}
|
package/dist/index167.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const e = "data:image/svg+xml,%3csvg%20width='
|
|
1
|
+
const e = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.9967%206.98863V4.98851C13.9967%203.88387%2013.1013%202.98839%2011.9966%202.98839H9.49644M9.49644%202.98839L10.9965%201.48854M9.49644%202.98839L10.9965%204.48872M8.99603%205.98806C9.54834%205.98806%209.99609%206.4358%209.99609%206.98812V12.9885C9.99609%2013.5408%209.54834%2013.9885%208.99603%2013.9885H2.99567C2.44335%2013.9885%201.99561%2013.5408%201.99561%2012.9885V6.98812C1.99561%206.4358%202.44335%205.98806%202.99567%205.98806H8.99603Z'%20stroke='%23415575'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
|
|
2
2
|
export {
|
|
3
3
|
e as default
|
|
4
4
|
};
|
package/dist/index167.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index167.js","sources":["../src/assets/icons/
|
|
1
|
+
{"version":3,"file":"index167.js","sources":["../src/assets/icons/rotate-left.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.9967%206.98863V4.98851C13.9967%203.88387%2013.1013%202.98839%2011.9966%202.98839H9.49644M9.49644%202.98839L10.9965%201.48854M9.49644%202.98839L10.9965%204.48872M8.99603%205.98806C9.54834%205.98806%209.99609%206.4358%209.99609%206.98812V12.9885C9.99609%2013.5408%209.54834%2013.9885%208.99603%2013.9885H2.99567C2.44335%2013.9885%201.99561%2013.5408%201.99561%2012.9885V6.98812C1.99561%206.4358%202.44335%205.98806%202.99567%205.98806H8.99603Z'%20stroke='%23415575'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e\""],"names":["__vite_glob_0_87"],"mappings":"AAAA,MAAAA,IAAe;"}
|
package/dist/index168.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const e = "data:image/svg+xml,%3csvg%
|
|
1
|
+
const e = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.00342%206.98864V4.98851C2.00342%203.88388%202.89887%202.98839%204.00354%202.98839H6.50369M6.50369%202.98839L5.0036%201.48855M6.50369%202.98839L5.0036%204.48873M7.00411%205.98806C6.45179%205.98806%206.00404%206.4358%206.00404%206.98812V12.9885C6.00404%2013.5408%206.45179%2013.9885%207.00411%2013.9885H13.0045C13.5568%2013.9885%2014.0045%2013.5408%2014.0045%2012.9885V6.98812C14.0045%206.4358%2013.5568%205.98806%2013.0045%205.98806H7.00411Z'%20stroke='%23415575'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
|
|
2
2
|
export {
|
|
3
3
|
e as default
|
|
4
4
|
};
|
package/dist/index168.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index168.js","sources":["../src/assets/icons/
|
|
1
|
+
{"version":3,"file":"index168.js","sources":["../src/assets/icons/rotate-right.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.00342%206.98864V4.98851C2.00342%203.88388%202.89887%202.98839%204.00354%202.98839H6.50369M6.50369%202.98839L5.0036%201.48855M6.50369%202.98839L5.0036%204.48873M7.00411%205.98806C6.45179%205.98806%206.00404%206.4358%206.00404%206.98812V12.9885C6.00404%2013.5408%206.45179%2013.9885%207.00411%2013.9885H13.0045C13.5568%2013.9885%2014.0045%2013.5408%2014.0045%2012.9885V6.98812C14.0045%206.4358%2013.5568%205.98806%2013.0045%205.98806H7.00411Z'%20stroke='%23415575'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e\""],"names":["__vite_glob_0_88"],"mappings":"AAAA,MAAAA,IAAe;"}
|
package/dist/index169.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const e = "data:image/svg+xml,%3csvg%20width='
|
|
1
|
+
const e = "data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_3824_45679)'%3e%3cpath%20d='M16%200C7.17706%200%200%207.17706%200%2016C0%2024.8229%207.17706%2032%2016%2032C24.8229%2032%2032%2024.8217%2032%2016C32%207.17831%2024.8229%200%2016%200ZM16%2029.5213C8.54531%2029.5213%202.47869%2023.4559%202.47869%2016C2.47869%208.54406%208.54531%202.47869%2016%202.47869C23.4547%202.47869%2029.5213%208.54406%2029.5213%2016C29.5213%2023.4559%2023.4559%2029.5213%2016%2029.5213Z'%20fill='%231B2636'/%3e%3cpath%20d='M22.1967%2014.6499H17.2393V9.6925C17.2393%209.00837%2016.6853%208.45312%2016%208.45312C15.3146%208.45312%2014.7606%209.00837%2014.7606%209.6925V14.6499H9.80322C9.11784%2014.6499%208.56384%2015.2051%208.56384%2015.8892C8.56384%2016.5734%209.11784%2017.1286%209.80322%2017.1286H14.7606V22.086C14.7606%2022.7701%2015.3146%2023.3254%2016%2023.3254C16.6853%2023.3254%2017.2393%2022.7701%2017.2393%2022.086V17.1286H22.1967C22.8821%2017.1286%2023.4361%2016.5734%2023.4361%2015.8892C23.4361%2015.2051%2022.8821%2014.6499%2022.1967%2014.6499Z'%20fill='%231B2636'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_3824_45679'%3e%3crect%20width='32'%20height='32'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
|
|
2
2
|
export {
|
|
3
3
|
e as default
|
|
4
4
|
};
|
package/dist/index169.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index169.js","sources":["../src/assets/icons/
|
|
1
|
+
{"version":3,"file":"index169.js","sources":["../src/assets/icons/rounded-plus.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_3824_45679)'%3e%3cpath%20d='M16%200C7.17706%200%200%207.17706%200%2016C0%2024.8229%207.17706%2032%2016%2032C24.8229%2032%2032%2024.8217%2032%2016C32%207.17831%2024.8229%200%2016%200ZM16%2029.5213C8.54531%2029.5213%202.47869%2023.4559%202.47869%2016C2.47869%208.54406%208.54531%202.47869%2016%202.47869C23.4547%202.47869%2029.5213%208.54406%2029.5213%2016C29.5213%2023.4559%2023.4559%2029.5213%2016%2029.5213Z'%20fill='%231B2636'/%3e%3cpath%20d='M22.1967%2014.6499H17.2393V9.6925C17.2393%209.00837%2016.6853%208.45312%2016%208.45312C15.3146%208.45312%2014.7606%209.00837%2014.7606%209.6925V14.6499H9.80322C9.11784%2014.6499%208.56384%2015.2051%208.56384%2015.8892C8.56384%2016.5734%209.11784%2017.1286%209.80322%2017.1286H14.7606V22.086C14.7606%2022.7701%2015.3146%2023.3254%2016%2023.3254C16.6853%2023.3254%2017.2393%2022.7701%2017.2393%2022.086V17.1286H22.1967C22.8821%2017.1286%2023.4361%2016.5734%2023.4361%2015.8892C23.4361%2015.2051%2022.8821%2014.6499%2022.1967%2014.6499Z'%20fill='%231B2636'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_3824_45679'%3e%3crect%20width='32'%20height='32'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e\""],"names":["__vite_glob_0_89"],"mappings":"AAAA,MAAAA,IAAe;"}
|
package/dist/index17.js
CHANGED
|
@@ -1,104 +1,65 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
}, I) => {
|
|
23
|
-
const [i, h] = F(""), x = () => i.trim() ? a.filter((e) => (e[v]?.toString().toLowerCase() || "").includes(i.toLowerCase())) : a, w = () => /* @__PURE__ */ t.createElement("div", {
|
|
24
|
-
className: "w-full relative flex items-center border-b border-[var(--color-gray-300)] px-1"
|
|
25
|
-
}, /* @__PURE__ */ t.createElement(S, {
|
|
26
|
-
leftIcon: {
|
|
27
|
-
name: "search",
|
|
28
|
-
position: "left",
|
|
29
|
-
style: {
|
|
30
|
-
color: "var(--color-gray-500)"
|
|
31
|
-
}
|
|
32
|
-
},
|
|
33
|
-
value: i,
|
|
34
|
-
onChange: (e) => h(e),
|
|
35
|
-
placeholder: l,
|
|
36
|
-
style: {
|
|
37
|
-
margin: 0,
|
|
38
|
-
gap: 0
|
|
39
|
-
},
|
|
40
|
-
inputStyle: {
|
|
41
|
-
width: "100%",
|
|
42
|
-
border: "none",
|
|
43
|
-
outline: "none"
|
|
44
|
-
},
|
|
45
|
-
automationId: "se-design-menu-list-search"
|
|
46
|
-
})), c = x(), E = o ? {
|
|
47
|
-
maxHeight: o,
|
|
48
|
-
overflowY: "auto"
|
|
49
|
-
} : {}, d = g(() => {
|
|
50
|
-
const e = /* @__PURE__ */ new WeakMap(), r = /* @__PURE__ */ new Set();
|
|
51
|
-
return a.forEach((s, f) => {
|
|
52
|
-
const y = s.id || s.automationId || `menu-item-${f}`;
|
|
53
|
-
let u = y;
|
|
54
|
-
r.has(u) && (u = `${y}-${f}`), r.add(u), e.set(s, u);
|
|
55
|
-
}), e;
|
|
56
|
-
}, [a]), N = g(() => c.filter((e) => e.type !== "header" && e.type !== "separator").map((e) => d.get(e)), [c, d]), {
|
|
57
|
-
getRovingItemProps: $,
|
|
58
|
-
handleKeyDown: M,
|
|
59
|
-
setFocusedId: R
|
|
60
|
-
} = C({
|
|
61
|
-
itemIds: N,
|
|
62
|
-
orientation: "vertical",
|
|
63
|
-
loop: !0
|
|
1
|
+
import e, { forwardRef as y } from "react";
|
|
2
|
+
import { Badge as E } from "./index10.js";
|
|
3
|
+
import { Icon as b } from "./index6.js";
|
|
4
|
+
const h = /* @__PURE__ */ y((s, f) => {
|
|
5
|
+
const {
|
|
6
|
+
label: r = "",
|
|
7
|
+
icon: o,
|
|
8
|
+
tag: n = "",
|
|
9
|
+
iconPosition: l = "right",
|
|
10
|
+
onClick: m,
|
|
11
|
+
isActive: c = !1,
|
|
12
|
+
showCheckMarkForSelected: i = !1,
|
|
13
|
+
isDisabled: t = !1,
|
|
14
|
+
automationId: g = "",
|
|
15
|
+
renderJSX: u = null,
|
|
16
|
+
tabIndex: v,
|
|
17
|
+
onKeyDown: p,
|
|
18
|
+
onFocus: k,
|
|
19
|
+
ariaLabel: x
|
|
20
|
+
} = s, d = (a) => /* @__PURE__ */ e.createElement(b, {
|
|
21
|
+
name: a
|
|
64
22
|
});
|
|
65
|
-
return /* @__PURE__ */
|
|
66
|
-
ref:
|
|
67
|
-
className: `se-design-menu-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
})
|
|
95
|
-
className: "
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
}, b
|
|
23
|
+
return /* @__PURE__ */ e.createElement("div", {
|
|
24
|
+
ref: f,
|
|
25
|
+
className: `se-design-menu-item flex items-center justify-between p-2 mx-1 text-[var(--color-gray-900)] hover:bg-[var(--color-blue-100)] focus-visible:bg-[var(--color-blue-100)] [&.se-design-menu-item:focus-visible]:!outline-none rounded-[6px] gap-2
|
|
26
|
+
${c && !i ? "bg-[var(--color-blue-100)]" : ""}
|
|
27
|
+
${t ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}
|
|
28
|
+
`,
|
|
29
|
+
onClick: t ? void 0 : () => m?.({
|
|
30
|
+
label: r,
|
|
31
|
+
tag: n,
|
|
32
|
+
icon: o,
|
|
33
|
+
iconPosition: l
|
|
34
|
+
}),
|
|
35
|
+
onKeyDown: (a) => {
|
|
36
|
+
p?.(a), !t && (a.key === "Enter" || a.key === " ") && (a.preventDefault(), m?.({
|
|
37
|
+
label: r,
|
|
38
|
+
tag: n,
|
|
39
|
+
icon: o,
|
|
40
|
+
iconPosition: l
|
|
41
|
+
}));
|
|
42
|
+
},
|
|
43
|
+
role: i ? "menuitemradio" : "menuitem",
|
|
44
|
+
"aria-checked": i ? c : void 0,
|
|
45
|
+
"aria-disabled": t,
|
|
46
|
+
"aria-label": x || r,
|
|
47
|
+
tabIndex: t ? -1 : v ?? 0,
|
|
48
|
+
"data-automation-id": g,
|
|
49
|
+
onFocus: k
|
|
50
|
+
}, u ? u(s) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", {
|
|
51
|
+
className: "flex items-center gap-1"
|
|
52
|
+
}, l === "left" && o && d(o), /* @__PURE__ */ e.createElement("span", {
|
|
53
|
+
className: "text-[var(--color-gray-900)]"
|
|
54
|
+
}, r), l === "right" && o && d(o)), n && /* @__PURE__ */ e.createElement(E, {
|
|
55
|
+
label: n
|
|
56
|
+
}), i && c && /* @__PURE__ */ e.createElement(b, {
|
|
57
|
+
name: "checkmark",
|
|
58
|
+
stroke: "var(--color-blue-500)"
|
|
59
|
+
})));
|
|
99
60
|
});
|
|
100
|
-
|
|
61
|
+
h.displayName = "MenuItem";
|
|
101
62
|
export {
|
|
102
|
-
|
|
63
|
+
h as MenuItem
|
|
103
64
|
};
|
|
104
65
|
//# sourceMappingURL=index17.js.map
|
package/dist/index17.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index17.js","sources":["../src/components/
|
|
1
|
+
{"version":3,"file":"index17.js","sources":["../src/components/MenuItem/index.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Badge } from 'src/components/Badge';\nimport { Icon } from 'components/Icon';\n\nexport type MenuItemProps = {\n /**\n * Stable unique identifier for the menu item.\n * Recommended for roving focus + React keys, especially when the list can be filtered/reordered.\n */\n id?: string;\n type?: 'item' | 'header' | 'separator';\n label?: string;\n tag?: string;\n isDisabled?: boolean;\n isActive?: boolean;\n icon?: string;\n iconPosition?: 'left' | 'right';\n onClick?: (item: MenuItemProps) => void;\n showCheckMarkForSelected?: boolean;\n automationId?: string;\n renderJSX?: (item: MenuItemProps) => React.ReactNode;\n tabIndex?: number;\n onKeyDown?: (e: React.KeyboardEvent) => void;\n onFocus?: () => void;\n ariaLabel?: string;\n};\n\nexport const MenuItem = forwardRef<HTMLDivElement, MenuItemProps>((props, ref) => {\n const {\n label = '',\n icon,\n tag = '',\n iconPosition = 'right',\n onClick,\n isActive = false,\n showCheckMarkForSelected = false,\n isDisabled = false,\n automationId = '',\n renderJSX = null,\n tabIndex,\n onKeyDown: onKeyDownProp,\n onFocus: onFocusProp,\n ariaLabel\n } = props;\n\n const getIconJsx = (icon: string) => {\n return <Icon name={icon} />;\n };\n\n return (\n <div\n ref={ref}\n className={`se-design-menu-item flex items-center justify-between p-2 mx-1 text-[var(--color-gray-900)] hover:bg-[var(--color-blue-100)] focus-visible:bg-[var(--color-blue-100)] [&.se-design-menu-item:focus-visible]:!outline-none rounded-[6px] gap-2\n ${isActive && !showCheckMarkForSelected ? 'bg-[var(--color-blue-100)]' : ''}\n ${isDisabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer'}\n `}\n onClick={isDisabled ? undefined : () => onClick?.({ label, tag, icon, iconPosition })}\n onKeyDown={(e) => {\n // Call parent's keyboard handler first (for roving focus navigation)\n onKeyDownProp?.(e);\n \n // Then handle activation (Enter/Space)\n if (!isDisabled && (e.key === 'Enter' || e.key === ' ')) {\n e.preventDefault();\n onClick?.({ label, tag, icon, iconPosition });\n }\n }}\n role={showCheckMarkForSelected ? 'menuitemradio' : 'menuitem'}\n aria-checked={showCheckMarkForSelected ? isActive : undefined}\n aria-disabled={isDisabled}\n aria-label={ariaLabel || label}\n tabIndex={isDisabled ? -1 : (tabIndex ?? 0)}\n data-automation-id={automationId}\n onFocus={onFocusProp}\n >\n {renderJSX ? (\n renderJSX(props)\n ) : (\n <>\n <div className=\"flex items-center gap-1\">\n {iconPosition === 'left' && icon && getIconJsx(icon)}\n <span className=\"text-[var(--color-gray-900)]\">{label}</span>\n {iconPosition === 'right' && icon && getIconJsx(icon)}\n </div>\n {tag && <Badge label={tag} />}\n {showCheckMarkForSelected && isActive && <Icon name=\"checkmark\" stroke=\"var(--color-blue-500)\" />}\n </>\n )}\n </div>\n );\n});\n\nMenuItem.displayName = 'MenuItem';\n"],"names":["MenuItem","forwardRef","props","ref","label","icon","tag","iconPosition","onClick","isActive","showCheckMarkForSelected","isDisabled","automationId","renderJSX","tabIndex","onKeyDown","onKeyDownProp","onFocus","onFocusProp","ariaLabel","getIconJsx","React","createElement","Icon","name","className","undefined","e","key","preventDefault","role","Fragment","Badge","stroke","displayName"],"mappings":";;;AA2BO,MAAMA,IAAWC,gBAAAA,EAA0C,CAACC,GAAOC,MAAQ;AAChF,QAAM;AAAA,IACJC,OAAAA,IAAQ;AAAA,IACRC,MAAAA;AAAAA,IACAC,KAAAA,IAAM;AAAA,IACNC,cAAAA,IAAe;AAAA,IACfC,SAAAA;AAAAA,IACAC,UAAAA,IAAW;AAAA,IACXC,0BAAAA,IAA2B;AAAA,IAC3BC,YAAAA,IAAa;AAAA,IACbC,cAAAA,IAAe;AAAA,IACfC,WAAAA,IAAY;AAAA,IACZC,UAAAA;AAAAA,IACAC,WAAWC;AAAAA,IACXC,SAASC;AAAAA,IACTC,WAAAA;AAAAA,EAAAA,IACEjB,GAEEkB,IAAaA,CAACf,MACXgB,gBAAAA,EAAAC,cAACC,GAAI;AAAA,IAACC,MAAMnB;AAAAA,EAAAA,CAAO;AAG5B,SACEgB,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEnB,KAAAA;AAAAA,IACAsB,WAAW;AAAA,UACPhB,KAAY,CAACC,IAA2B,+BAA+B,EAAE;AAAA,UACzEC,IAAa,kCAAkC,gBAAgB;AAAA;AAAA,IAEnEH,SAASG,IAAae,SAAY,MAAMlB,IAAU;AAAA,MAAEJ,OAAAA;AAAAA,MAAOE,KAAAA;AAAAA,MAAKD,MAAAA;AAAAA,MAAME,cAAAA;AAAAA,IAAAA,CAAc;AAAA,IACpFQ,WAAYY,CAAAA,MAAM;AAEhBX,MAAAA,IAAgBW,CAAC,GAGb,CAAChB,MAAegB,EAAEC,QAAQ,WAAWD,EAAEC,QAAQ,SACjDD,EAAEE,eAAAA,GACFrB,IAAU;AAAA,QAAEJ,OAAAA;AAAAA,QAAOE,KAAAA;AAAAA,QAAKD,MAAAA;AAAAA,QAAME,cAAAA;AAAAA,MAAAA,CAAc;AAAA,IAEhD;AAAA,IACAuB,MAAMpB,IAA2B,kBAAkB;AAAA,IACnD,gBAAcA,IAA2BD,IAAWiB;AAAAA,IACpD,iBAAef;AAAAA,IACf,cAAYQ,KAAaf;AAAAA,IACzBU,UAAUH,IAAa,KAAMG,KAAY;AAAA,IACzC,sBAAoBF;AAAAA,IACpBK,SAASC;AAAAA,EAAAA,GAERL,IACCA,EAAUX,CAAK,IAEfmB,gBAAAA,EAAAC,cAAAD,EAAAU,UAAA,MACEV,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKG,WAAU;AAAA,EAAA,GACZlB,MAAiB,UAAUF,KAAQe,EAAWf,CAAI,GACnDgB,gBAAAA,EAAAC,cAAA,QAAA;AAAA,IAAMG,WAAU;AAAA,EAAA,GAAgCrB,CAAY,GAC3DG,MAAiB,WAAWF,KAAQe,EAAWf,CAAI,CACjD,GACJC,KAAOe,gBAAAA,EAAAC,cAACU,GAAK;AAAA,IAAC5B,OAAOE;AAAAA,EAAAA,CAAM,GAC3BI,KAA4BD,KAAYY,gBAAAA,EAAAC,cAACC,GAAI;AAAA,IAACC,MAAK;AAAA,IAAYS,QAAO;AAAA,EAAA,CAAyB,CAChG,CAED;AAET,CAAC;AAEDjC,EAASkC,cAAc;"}
|