@adam-milo/ui 1.0.128 → 1.0.130

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 (332) hide show
  1. package/dist/index.cjs +1 -1
  2. package/dist/index.js +1 -1
  3. package/dist/index10.cjs +1 -1
  4. package/dist/index10.js +2 -2
  5. package/dist/index100.cjs +1 -1
  6. package/dist/index100.js +1 -1
  7. package/dist/index101.cjs +1 -1
  8. package/dist/index101.js +1 -1
  9. package/dist/index102.cjs +1 -1
  10. package/dist/index102.js +1 -1
  11. package/dist/index103.cjs +1 -1
  12. package/dist/index103.js +1 -1
  13. package/dist/index104.cjs +1 -1
  14. package/dist/index104.js +1 -1
  15. package/dist/index105.cjs +1 -1
  16. package/dist/index105.js +1 -1
  17. package/dist/index106.cjs +1 -1
  18. package/dist/index106.js +1 -1
  19. package/dist/index107.cjs +1 -1
  20. package/dist/index107.js +1 -1
  21. package/dist/index108.cjs +1 -1
  22. package/dist/index108.js +1 -1
  23. package/dist/index109.cjs +1 -1
  24. package/dist/index109.js +1 -1
  25. package/dist/index11.cjs +1 -1
  26. package/dist/index11.js +1 -1
  27. package/dist/index110.cjs +1 -1
  28. package/dist/index110.js +1 -3
  29. package/dist/index111.cjs +1 -1
  30. package/dist/index111.js +1 -2
  31. package/dist/index112.cjs +1 -1
  32. package/dist/index112.js +1 -1
  33. package/dist/index113.cjs +1 -1
  34. package/dist/index113.js +1 -1
  35. package/dist/index114.cjs +1 -1
  36. package/dist/index114.js +1 -1
  37. package/dist/index115.cjs +1 -1
  38. package/dist/index115.js +1 -1
  39. package/dist/index116.cjs +1 -1
  40. package/dist/index116.js +1 -1
  41. package/dist/index117.cjs +1 -1
  42. package/dist/index117.js +1 -1
  43. package/dist/index118.cjs +1 -1
  44. package/dist/index118.js +1 -1
  45. package/dist/index119.cjs +1 -1
  46. package/dist/index119.js +1 -1
  47. package/dist/index12.cjs +1 -1
  48. package/dist/index12.js +1 -1
  49. package/dist/index120.cjs +1 -1
  50. package/dist/index120.js +1 -5
  51. package/dist/index121.cjs +1 -1
  52. package/dist/index121.js +1 -3
  53. package/dist/index122.cjs +1 -1
  54. package/dist/index122.js +1 -1
  55. package/dist/index123.cjs +1 -1
  56. package/dist/index123.js +1 -1
  57. package/dist/index124.cjs +1 -1
  58. package/dist/index124.js +1 -4
  59. package/dist/index125.cjs +1 -1
  60. package/dist/index125.js +1 -1
  61. package/dist/index126.cjs +1 -1
  62. package/dist/index126.js +1 -2
  63. package/dist/index13.cjs +1 -1
  64. package/dist/index13.js +1 -1
  65. package/dist/index14.cjs +1 -1
  66. package/dist/index14.js +1 -1
  67. package/dist/index15.cjs +1 -1
  68. package/dist/index15.js +1 -1
  69. package/dist/index16.cjs +1 -1
  70. package/dist/index16.js +1 -1
  71. package/dist/index17.cjs +1 -1
  72. package/dist/index17.js +1 -1
  73. package/dist/index18.cjs +1 -1
  74. package/dist/index18.js +8 -3
  75. package/dist/index19.cjs +1 -1
  76. package/dist/index19.js +3 -6
  77. package/dist/index20.cjs +1 -1
  78. package/dist/index20.js +6 -2
  79. package/dist/index21.cjs +1 -1
  80. package/dist/index21.js +2 -2
  81. package/dist/index22.cjs +1 -1
  82. package/dist/index22.js +2 -2
  83. package/dist/index23.cjs +1 -1
  84. package/dist/index23.js +2 -2
  85. package/dist/index24.cjs +1 -1
  86. package/dist/index24.js +2 -2
  87. package/dist/index25.cjs +1 -1
  88. package/dist/index25.js +2 -2
  89. package/dist/index26.cjs +1 -1
  90. package/dist/index26.js +2 -2
  91. package/dist/index27.cjs +1 -1
  92. package/dist/index27.js +2 -2
  93. package/dist/index28.cjs +1 -1
  94. package/dist/index28.js +2 -2
  95. package/dist/index29.cjs +1 -1
  96. package/dist/index29.js +2 -2
  97. package/dist/index3.cjs +1 -1
  98. package/dist/index3.js +1 -1
  99. package/dist/index30.cjs +1 -1
  100. package/dist/index30.js +2 -2
  101. package/dist/index31.cjs +1 -1
  102. package/dist/index31.js +2 -4
  103. package/dist/index32.cjs +1 -1
  104. package/dist/index32.js +4 -2
  105. package/dist/index33.cjs +1 -1
  106. package/dist/index33.js +2 -2
  107. package/dist/index34.cjs +1 -1
  108. package/dist/index34.js +2 -4
  109. package/dist/index35.cjs +1 -1
  110. package/dist/index35.js +4 -8
  111. package/dist/index36.cjs +1 -1
  112. package/dist/index36.js +8 -2
  113. package/dist/index37.cjs +1 -1
  114. package/dist/index37.js +2 -4
  115. package/dist/index38.cjs +1 -1
  116. package/dist/index38.js +4 -8
  117. package/dist/index39.cjs +1 -1
  118. package/dist/index39.js +8 -8
  119. package/dist/index4.cjs +1 -1
  120. package/dist/index4.js +1 -1
  121. package/dist/index40.cjs +1 -1
  122. package/dist/index40.js +8 -9
  123. package/dist/index41.cjs +1 -1
  124. package/dist/index41.js +9 -2
  125. package/dist/index42.cjs +1 -1
  126. package/dist/index42.js +2 -5
  127. package/dist/index43.cjs +1 -1
  128. package/dist/index43.js +5 -2
  129. package/dist/index44.cjs +1 -1
  130. package/dist/index44.js +2 -10
  131. package/dist/index45.cjs +1 -1
  132. package/dist/index45.js +2 -9
  133. package/dist/index46.cjs +1 -1
  134. package/dist/index46.js +3 -2
  135. package/dist/index47.cjs +1 -1
  136. package/dist/index47.js +3 -2
  137. package/dist/index48.cjs +1 -1
  138. package/dist/index48.js +24 -2
  139. package/dist/index49.cjs +1 -1
  140. package/dist/index49.js +10 -4
  141. package/dist/index5.cjs +1 -1
  142. package/dist/index5.js +1 -1
  143. package/dist/index50.cjs +1 -1
  144. package/dist/index50.js +13 -2
  145. package/dist/index51.cjs +1 -1
  146. package/dist/index51.js +38 -3
  147. package/dist/index52.cjs +1 -1
  148. package/dist/index52.js +10 -2
  149. package/dist/index53.cjs +1 -1
  150. package/dist/index53.js +1 -2
  151. package/dist/index54.cjs +1 -1
  152. package/dist/index54.js +9 -2
  153. package/dist/index55.cjs +1 -1
  154. package/dist/index55.js +2 -2
  155. package/dist/index56.cjs +1 -1
  156. package/dist/index56.js +2 -10
  157. package/dist/index57.cjs +1 -1
  158. package/dist/index57.js +2 -11
  159. package/dist/index58.cjs +1 -1
  160. package/dist/index58.js +4 -1
  161. package/dist/index59.cjs +1 -1
  162. package/dist/index59.js +2 -1
  163. package/dist/index6.cjs +1 -1
  164. package/dist/index6.js +1 -1
  165. package/dist/index60.cjs +1 -1
  166. package/dist/index60.js +3 -1
  167. package/dist/index61.cjs +1 -1
  168. package/dist/index61.js +2 -1
  169. package/dist/index62.cjs +1 -1
  170. package/dist/index62.js +2 -1
  171. package/dist/index63.cjs +1 -1
  172. package/dist/index63.js +2 -1
  173. package/dist/index64.cjs +1 -1
  174. package/dist/index64.js +2 -1
  175. package/dist/index65.cjs +1 -1
  176. package/dist/index65.js +10 -9
  177. package/dist/index66.cjs +1 -1
  178. package/dist/index66.js +11 -1
  179. package/dist/index67.cjs +1 -1
  180. package/dist/index67.js +1 -1
  181. package/dist/index68.cjs +1 -1
  182. package/dist/index68.js +1 -1
  183. package/dist/index69.cjs +1 -1
  184. package/dist/index69.js +1 -1
  185. package/dist/index7.cjs +1 -1
  186. package/dist/index7.js +1 -1
  187. package/dist/index70.cjs +1 -1
  188. package/dist/index70.js +1 -2
  189. package/dist/index71.cjs +1 -1
  190. package/dist/index71.js +1 -1
  191. package/dist/index72.cjs +1 -1
  192. package/dist/index72.js +1 -1
  193. package/dist/index73.cjs +1 -1
  194. package/dist/index73.js +1 -1
  195. package/dist/index74.cjs +1 -1
  196. package/dist/index74.js +9 -1
  197. package/dist/index75.cjs +1 -1
  198. package/dist/index75.js +1 -7
  199. package/dist/index76.cjs +1 -1
  200. package/dist/index76.js +1 -1
  201. package/dist/index77.cjs +1 -1
  202. package/dist/index77.js +1 -1
  203. package/dist/index78.cjs +1 -1
  204. package/dist/index78.js +1 -1
  205. package/dist/index79.cjs +1 -1
  206. package/dist/index79.js +2 -1
  207. package/dist/index8.cjs +1 -1
  208. package/dist/index8.js +1 -1
  209. package/dist/index80.cjs +1 -1
  210. package/dist/index80.js +1 -1
  211. package/dist/index81.cjs +1 -1
  212. package/dist/index81.js +1 -1
  213. package/dist/index82.cjs +1 -1
  214. package/dist/index82.js +1 -1
  215. package/dist/index83.cjs +1 -1
  216. package/dist/index83.js +1 -1
  217. package/dist/index84.cjs +1 -1
  218. package/dist/index84.js +1 -1
  219. package/dist/index85.cjs +1 -1
  220. package/dist/index85.js +7 -10
  221. package/dist/index86.cjs +1 -1
  222. package/dist/index86.js +1 -1
  223. package/dist/index87.cjs +1 -1
  224. package/dist/index87.js +1 -1
  225. package/dist/index88.cjs +1 -1
  226. package/dist/index88.js +1 -1
  227. package/dist/index89.cjs +1 -1
  228. package/dist/index89.js +1 -1
  229. package/dist/index9.cjs +1 -1
  230. package/dist/index9.js +1 -1
  231. package/dist/index90.cjs +1 -1
  232. package/dist/index90.js +1 -1
  233. package/dist/index91.cjs +1 -1
  234. package/dist/index91.js +1 -1
  235. package/dist/index92.cjs +1 -1
  236. package/dist/index92.js +1 -1
  237. package/dist/index93.cjs +1 -1
  238. package/dist/index93.js +1 -1
  239. package/dist/index94.cjs +1 -1
  240. package/dist/index94.js +1 -1
  241. package/dist/index95.cjs +1 -1
  242. package/dist/index95.js +1 -1
  243. package/dist/index96.cjs +1 -1
  244. package/dist/index96.js +1 -1
  245. package/dist/index97.cjs +1 -1
  246. package/dist/index97.js +1 -1
  247. package/dist/index98.cjs +1 -1
  248. package/dist/index98.js +1 -1
  249. package/dist/index99.cjs +1 -1
  250. package/dist/index99.js +1 -1
  251. package/dist/src/components/core/menu-icon-button/MenuIconButton.styles.d.ts +1 -1
  252. package/dist/src/components/core/menu-icon-button/MenuIconButton.styles.d.ts.map +1 -1
  253. package/dist/src/components/data-display/check-filter/CheckFilter.component.d.ts +8 -0
  254. package/dist/src/components/data-display/check-filter/CheckFilter.component.d.ts.map +1 -0
  255. package/dist/src/components/data-display/check-filter/CheckFilter.styles.d.ts +6 -0
  256. package/dist/src/components/data-display/check-filter/CheckFilter.styles.d.ts.map +1 -0
  257. package/dist/src/components/data-display/check-filter/CheckFilter.types.d.ts +68 -0
  258. package/dist/src/components/data-display/check-filter/CheckFilter.types.d.ts.map +1 -0
  259. package/dist/src/components/data-display/chip-group/ChipGroup.component.d.ts.map +1 -1
  260. package/dist/src/components/data-display/chip-group/ChipGroup.utils.d.ts +21 -0
  261. package/dist/src/components/data-display/chip-group/ChipGroup.utils.d.ts.map +1 -0
  262. package/dist/src/components/data-display/chip-group/useChipOverflow.d.ts +18 -0
  263. package/dist/src/components/data-display/chip-group/useChipOverflow.d.ts.map +1 -0
  264. package/dist/src/components/data-display/date-filter/DateFilter.component.d.ts +9 -0
  265. package/dist/src/components/data-display/date-filter/DateFilter.component.d.ts.map +1 -0
  266. package/dist/src/components/data-display/date-filter/DateFilter.styles.d.ts +96 -0
  267. package/dist/src/components/data-display/date-filter/DateFilter.styles.d.ts.map +1 -0
  268. package/dist/src/components/data-display/date-filter/DateFilter.types.d.ts +102 -0
  269. package/dist/src/components/data-display/date-filter/DateFilter.types.d.ts.map +1 -0
  270. package/dist/src/components/data-display/date-filter/dateUtils.d.ts +100 -0
  271. package/dist/src/components/data-display/date-filter/dateUtils.d.ts.map +1 -0
  272. package/dist/src/components/data-display/filter/Filter.component.d.ts +21 -0
  273. package/dist/src/components/data-display/filter/Filter.component.d.ts.map +1 -0
  274. package/dist/src/components/data-display/filter/Filter.styles.d.ts +27 -0
  275. package/dist/src/components/data-display/filter/Filter.styles.d.ts.map +1 -0
  276. package/dist/src/components/data-display/filter/Filter.types.d.ts +141 -0
  277. package/dist/src/components/data-display/filter/Filter.types.d.ts.map +1 -0
  278. package/dist/src/components/data-display/filter-button/FilterButton.component.d.ts +5 -0
  279. package/dist/src/components/data-display/filter-button/FilterButton.component.d.ts.map +1 -0
  280. package/dist/src/components/data-display/filter-button/FilterButton.styles.d.ts +10 -0
  281. package/dist/src/components/data-display/filter-button/FilterButton.styles.d.ts.map +1 -0
  282. package/dist/src/components/data-display/filter-button/FilterButton.types.d.ts +18 -0
  283. package/dist/src/components/data-display/filter-button/FilterButton.types.d.ts.map +1 -0
  284. package/dist/src/components/data-display/numeric-filter/NumericFilter.component.d.ts +8 -0
  285. package/dist/src/components/data-display/numeric-filter/NumericFilter.component.d.ts.map +1 -0
  286. package/dist/src/components/data-display/numeric-filter/NumericFilter.styles.d.ts +14 -0
  287. package/dist/src/components/data-display/numeric-filter/NumericFilter.styles.d.ts.map +1 -0
  288. package/dist/src/components/data-display/numeric-filter/NumericFilter.types.d.ts +53 -0
  289. package/dist/src/components/data-display/numeric-filter/NumericFilter.types.d.ts.map +1 -0
  290. package/dist/src/components/data-display/range-filter/RangeFilter.component.d.ts +8 -0
  291. package/dist/src/components/data-display/range-filter/RangeFilter.component.d.ts.map +1 -0
  292. package/dist/src/components/data-display/range-filter/RangeFilter.styles.d.ts +18 -0
  293. package/dist/src/components/data-display/range-filter/RangeFilter.styles.d.ts.map +1 -0
  294. package/dist/src/components/data-display/range-filter/RangeFilter.types.d.ts +44 -0
  295. package/dist/src/components/data-display/range-filter/RangeFilter.types.d.ts.map +1 -0
  296. package/dist/src/components/data-display/sort-button/SortButton.component.d.ts +5 -0
  297. package/dist/src/components/data-display/sort-button/SortButton.component.d.ts.map +1 -0
  298. package/dist/src/components/data-display/sort-button/SortButton.styles.d.ts +5 -0
  299. package/dist/src/components/data-display/sort-button/SortButton.styles.d.ts.map +1 -0
  300. package/dist/src/components/data-display/sort-button/SortButton.types.d.ts +27 -0
  301. package/dist/src/components/data-display/sort-button/SortButton.types.d.ts.map +1 -0
  302. package/dist/src/components/forms/numeric-input/NumericInput.component.d.ts.map +1 -1
  303. package/dist/src/components/forms/numeric-input/NumericInput.types.d.ts +14 -0
  304. package/dist/src/components/forms/numeric-input/NumericInput.types.d.ts.map +1 -1
  305. package/dist/src/components/forms/slider/Slider.component.d.ts +5 -0
  306. package/dist/src/components/forms/slider/Slider.component.d.ts.map +1 -0
  307. package/dist/src/components/forms/slider/Slider.styles.d.ts +21 -0
  308. package/dist/src/components/forms/slider/Slider.styles.d.ts.map +1 -0
  309. package/dist/src/components/forms/slider/Slider.types.d.ts +72 -0
  310. package/dist/src/components/forms/slider/Slider.types.d.ts.map +1 -0
  311. package/dist/src/components/overlays/popover/Popover.component.d.ts +27 -0
  312. package/dist/src/components/overlays/popover/Popover.component.d.ts.map +1 -0
  313. package/dist/src/components/overlays/popover/Popover.styles.d.ts +2 -0
  314. package/dist/src/components/overlays/popover/Popover.styles.d.ts.map +1 -0
  315. package/dist/src/components/overlays/popover/Popover.types.d.ts +18 -0
  316. package/dist/src/components/overlays/popover/Popover.types.d.ts.map +1 -0
  317. package/dist/src/index.d.ts +19 -1
  318. package/dist/src/index.d.ts.map +1 -1
  319. package/dist/src/lib/useMergedRef.d.ts +8 -4
  320. package/dist/src/lib/useMergedRef.d.ts.map +1 -1
  321. package/dist/styles.css +1 -1
  322. package/package.json +4 -2
  323. package/dist/index127.cjs +0 -1
  324. package/dist/index127.js +0 -1
  325. package/dist/index128.cjs +0 -1
  326. package/dist/index128.js +0 -1
  327. package/dist/index129.cjs +0 -1
  328. package/dist/index129.js +0 -1
  329. package/dist/index130.cjs +0 -1
  330. package/dist/index130.js +0 -1
  331. package/dist/index131.cjs +0 -1
  332. package/dist/index131.js +0 -1
package/dist/index43.js CHANGED
@@ -1,2 +1,5 @@
1
- import{jsx as e}from"react/jsx-runtime";import{forwardRef as t}from"react";import{cn as a}from"./index58.js";import{badgeSelectedStyles as r,badgeDefaultStyles as d,badgeBaseStyles as o}from"./index92.js";const n=t(({selected:t=!1,onSelect:n,className:i,children:s,"data-cy":c,"data-testid":l,onClick:m,...p},f)=>{const y=c||"badge",x=l||"badge",b=()=>{n&&n()};/* @__PURE__ */
2
- return e("div",{ref:f,className:a(o,t?r:d,i),"data-cy":y,"data-testid":x,"data-selected":t,onClick:e=>{b(),m&&m(e)},role:"button",tabIndex:0,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),b())},"aria-pressed":t,...p,children:s})});n.displayName="Badge";export{n as Badge};
1
+ import{jsxs as e,jsx as a}from"react/jsx-runtime";import{forwardRef as t,useRef as r,useState as i,useCallback as o,useEffect as l}from"react";import{cn as n}from"./index67.js";import{Chip as d}from"./index42.js";import{useChipOverflow as c}from"./index98.js";import{containerStyles as p,itemWrapperStyles as s,itemButtonStyles as u,removeButtonStyles as m,overflowButtonStyles as v,overflowChipClassMap as h,tooltipItemStyles as g,rootStyles as f}from"./index99.js";import{devWarn as y}from"./index100.js";import{Icon as b}from"@adam-milo/icons";const w=t(({items:t,selectedValue:w,onSelectionChange:k,removable:N=!1,onRemove:$,variant:x="primary",disabled:D=!1,maxVisible:E,className:C,"data-testid":j,"data-cy":I,...A},L)=>{const P=(t&&Array.isArray(t)?t:[]).filter(e=>null!=e&&"object"==typeof e),K=r(null),M=r([]),S=r(/* @__PURE__ */new Map),V=r(null),[z,G]=i(!1),[O,R]=i(!1),q=r([]),{visibleItems:H,hiddenItems:U,hasOverflow:_}=c(P,K,M,S,E),B=o((e,a,t)=>{if(!D&&!a&&k){k(w===e?null:e,t)}},[D,w,k]),F=o((e,a)=>{e.stopPropagation(),D||$&&$(a,e)},[D,$]),J=o((e,a,t)=>{D||t||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),B(a,t,e))},[D,B]),Q=o(e=>{e.stopPropagation(),R(e=>!e),G(!1)},[]),T=o((e,a)=>{switch(e.key){case"ArrowDown":e.preventDefault(),a<U.length-1&&q.current[a+1]?.focus();break;case"ArrowUp":e.preventDefault(),a>0&&q.current[a-1]?.focus();break;case"Home":e.preventDefault(),q.current[0]?.focus();break;case"End":e.preventDefault(),q.current[U.length-1]?.focus()}},[U.length]),W=r(null),X=r(null);return l(()=>{W.current=e=>{V.current&&!V.current.contains(e.target)&&R(!1)},X.current=e=>{"Escape"===e.key&&R(!1)}}),l(()=>{if(!O)return;const e=e=>W.current?.(e),a=e=>X.current?.(e);return document.addEventListener("mousedown",e),document.addEventListener("keydown",a),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",a)}},[O]),l(()=>{if("development"===process.env.NODE_ENV&&P.length>0){const e=P.map(e=>e.value),a=new Set(e);e.length!==a.size&&y("[ChipGroup] Duplicate values detected in items array. Each item should have a unique value.")}},[P]),l(()=>{q.current.length>U.length&&(q.current=q.current.slice(0,U.length))},[U]),t&&Array.isArray(t)?/* @__PURE__ */e("div",{ref:L,className:n(f,D&&"opacity-40 pointer-events-none",C),role:"group","aria-label":"Chip group","data-testid":j||"chip-group","data-cy":I||"chip-group",...A,children:[_&&/* @__PURE__ */e("div",{className:"sr-only",role:"status","aria-live":"polite","aria-atomic":"true","data-testid":"chip-group-live-region","data-cy":"chip-group-live-region",children:[U.length," additional ",1===U.length?"chip":"chips"," hidden"]}),
2
+ /* @__PURE__ */e("div",{ref:K,className:p,children:[H.map(t=>{const r=w===t.value,i=t.variant||x,o=D||t.disabled||!1,l=P.findIndex(e=>e.value===t.value);/* @__PURE__ */
3
+ return a("div",{ref:e=>{M.current[l]=e||null},className:s,"data-cy":`chip-group-item-wrapper-${t.value}`,"data-testid":`chip-group-item-wrapper-${t.value}`,children:/* @__PURE__ */e("div",{className:u,onClick:e=>B(t.value,o,e),onKeyDown:e=>J(e,t.value,o),tabIndex:o?-1:0,role:"button","aria-pressed":r?"true":"false","aria-disabled":o?"true":"false","data-cy":`chip-group-item-${t.value}`,"data-testid":`chip-group-item-${t.value}`,children:[
4
+ /* @__PURE__ */a(d,{variant:i,selected:r,disabled:o,className:!N||D||o?void 0:"pe-6","data-cy":`chip-${t.value}`,"data-testid":`chip-${t.value}`,children:t.label}),N&&!D&&!o&&/* @__PURE__ */a("button",{className:m,onClick:e=>F(e,t.value),"aria-label":`Remove ${t.label}`,"data-cy":`chip-remove-${t.value}`,"data-testid":`chip-remove-${t.value}`,type:"button",children:/* @__PURE__ */a(b,{name:"Cross2Icon",size:"sm",decorative:!0})})]})},t.value)}),_&&/* @__PURE__ */e("div",{ref:V,className:v,role:"button",tabIndex:0,"aria-expanded":O?"true":"false","aria-haspopup":"menu","aria-label":`Show ${U.length} more ${1===U.length?"chip":"chips"}`,onMouseEnter:()=>!O&&G(!0),onMouseLeave:()=>G(!1),onClick:Q,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),R(!O),G(!1))},"data-cy":"chip-group-overflow","data-testid":"chip-group-overflow",children:[
5
+ /* @__PURE__ */e(d,{variant:x,className:h[x],"data-cy":"chip-overflow","data-testid":"chip-overflow",children:["+",U.length]}),z&&!O&&/* @__PURE__ */a("div",{className:"chip-group-tooltip",role:"tooltip","data-cy":"chip-group-tooltip","data-testid":"chip-group-tooltip",children:U.map(e=>/* @__PURE__ */a("div",{className:g,"data-cy":`chip-group-tooltip-item-${e.value}`,"data-testid":`chip-group-tooltip-item-${e.value}`,children:e.label},e.value))}),O&&/* @__PURE__ */a("div",{className:"chip-group-dropdown",role:"menu","data-cy":"chip-group-dropdown","data-testid":"chip-group-dropdown",children:U.map((e,t)=>/* @__PURE__ */a("div",{ref:e=>{q.current[t]=e||null},className:n("chip-group-dropdown-item",e.disabled&&"chip-group-dropdown-item--disabled"),role:"menuitem",tabIndex:e.disabled?-1:0,"aria-disabled":e.disabled?"true":"false",onClick:a=>{a.stopPropagation(),e.disabled||(B(e.value,!1,a),R(!1))},onKeyDown:a=>{T(a,t),"Enter"!==a.key&&" "!==a.key||(a.preventDefault(),a.stopPropagation(),e.disabled||(B(e.value,!1,a),R(!1)))},"data-cy":`chip-group-dropdown-item-${e.value}`,"data-testid":`chip-group-dropdown-item-${e.value}`,children:e.label},e.value))})]})]})]}):null});w.displayName="ChipGroup";export{w as ChipGroup};
package/dist/index44.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("@radix-ui/react-dialog"),o=require("./index58.cjs"),s=require("./index93.cjs"),i=require("@adam-milo/icons");function r(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const a in e)if("default"!==a){const o=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,o.get?o:{enumerable:!0,get:()=>e[a]})}return t.default=e,Object.freeze(t)}const l=r(a),d=l.Root,n=l.Trigger,c=l.Portal,y=l.Close,g=t.forwardRef(({className:t,"data-cy":a,"data-testid":r,...d},n)=>{const c=a||"dialog-close-button",y=r||"dialog-close-button";return e.jsx(l.Close,{ref:n,className:o.cn(s.closeButtonStyles,t),"data-cy":c,"data-testid":y,"aria-label":"Close dialog",...d,children:e.jsx(i.Icon,{name:"Cross2Icon",size:"sm",decorative:!0})})});g.displayName="DialogCloseButton";const p=({children:t,variant:a="default",className:i,"data-cy":r,"data-testid":l,...d})=>{const n=r||"dialog-icon",c=l||"dialog-icon";return e.jsx("div",{className:o.cn(s.iconRootStyles,s.iconVariantColor[a],i),"data-cy":n,"data-testid":c,"aria-hidden":"true",...d,children:t})};p.displayName="DialogIcon";const f=t.forwardRef(({className:t,variant:a="default","data-cy":i,"data-testid":r,...d},n)=>{const c=i||"dialog-overlay",y=r||"dialog-overlay";return e.jsx(l.Overlay,{ref:n,className:o.cn(s.overlayRootStyles,s.overlayBgStyles[a],t),"data-cy":c,"data-testid":y,...d})});f.displayName=l.Overlay.displayName;const u=t.forwardRef(({className:t,children:a,contentVariant:i="default",overlayVariant:r="default",fullWidthOnMobile:d=!1,topOffsetOnMobile:n=!1,contentPadding:y,disableOutsideClose:g=!1,style:p,"aria-describedby":u,"data-cy":m,"data-testid":x,...N},v)=>{const D=m||"dialog-content",b=x||"dialog-content",j=d||"verify"===i,S="verify"===i||d&&n,O=g?{onPointerDownOutside:e=>e.preventDefault(),onInteractOutside:e=>e.preventDefault()}:{};return e.jsxs(c,{children:[!S&&e.jsx(f,{variant:r}),e.jsx("div",{className:o.cn(s.contentWrapperStyles,j&&s.contentWrapperVerifyMobileStyles,S&&s.contentWrapperTopOffsetMobileStyles),...S&&{"data-dialog-top-offset-mobile":""},children:e.jsx(l.Content,{ref:v,className:o.cn(s.contentStyles,"verify"===i&&s.contentVariantVerifyStyles,S&&s.contentTopOffsetMobileStyles,t),style:y||p?{...p,...y&&{padding:y}}:void 0,"aria-describedby":u??void 0,"data-cy":D,"data-testid":b,"data-content-variant":i,...O,...N,children:a})})]})});u.displayName=l.Content.displayName;const m=({centered:t=!1,className:a,"data-cy":i,"data-testid":r,...l})=>{const d=i||"dialog-header",n=r||"dialog-header";return e.jsx("div",{className:o.cn(s.headerStyles,t&&s.headerCenteredStyles,a),"data-cy":d,"data-testid":n,...l})};m.displayName="DialogHeader";const x=({className:t,"data-cy":a,"data-testid":i,...r})=>{const l=a||"dialog-footer",d=i||"dialog-footer";return e.jsx("div",{className:o.cn(s.footerStyles,t),"data-cy":l,"data-testid":d,...r})};x.displayName="DialogFooter";const N=t.forwardRef(({className:t,"data-cy":a,"data-testid":i,...r},d)=>{const n=a||"dialog-title",c=i||"dialog-title";return e.jsx(l.Title,{ref:d,className:o.cn(s.titleStyles,t),"data-cy":n,"data-testid":c,...r})});N.displayName=l.Title.displayName;const v=t.forwardRef(({className:t,"data-cy":a,"data-testid":i,...r},d)=>{const n=a||"dialog-description",c=i||"dialog-description";return e.jsx(l.Description,{ref:d,className:o.cn(s.descriptionStyles,t),"data-cy":n,"data-testid":c,...r})});v.displayName=l.Description.displayName,exports.Dialog=d,exports.DialogClose=y,exports.DialogCloseButton=g,exports.DialogContent=u,exports.DialogDescription=v,exports.DialogFooter=x,exports.DialogHeader=m,exports.DialogIcon=p,exports.DialogOverlay=f,exports.DialogPortal=c,exports.DialogTitle=N,exports.DialogTrigger=n;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("./index67.cjs"),r=require("./index101.cjs"),d=t.forwardRef(({selected:t=!1,onSelect:d,className:s,children:c,"data-cy":l,"data-testid":n,onClick:i,...o},u)=>{const y=l||"badge",b=n||"badge",g=()=>{d&&d()};return e.jsx("div",{ref:u,className:a.cn(r.badgeBaseStyles,t?r.badgeSelectedStyles:r.badgeDefaultStyles,s),"data-cy":y,"data-testid":b,"data-selected":t,onClick:e=>{g(),i&&i(e)},role:"button",tabIndex:0,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),g())},"aria-pressed":t,...o,children:c})});d.displayName="Badge",exports.Badge=d;
package/dist/index44.js CHANGED
@@ -1,10 +1,2 @@
1
- import{jsx as a,jsxs as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import*as d from"@radix-ui/react-dialog";import{cn as i}from"./index58.js";import{closeButtonStyles as s,iconVariantColor as o,iconRootStyles as l,overlayBgStyles as r,overlayRootStyles as c,contentTopOffsetMobileStyles as n,contentVariantVerifyStyles as m,contentStyles as y,contentWrapperTopOffsetMobileStyles as N,contentWrapperVerifyMobileStyles as p,contentWrapperStyles as f,headerCenteredStyles as g,headerStyles as u,footerStyles as v,titleStyles as b,descriptionStyles as h}from"./index93.js";import{Icon as D}from"@adam-milo/icons";const C=d.Root,O=d.Trigger,x=d.Portal,j=d.Close,I=e(({className:t,"data-cy":e,"data-testid":o,...l},r)=>{const c=e||"dialog-close-button",n=o||"dialog-close-button";/* @__PURE__ */
2
- return a(d.Close,{ref:r,className:i(s,t),"data-cy":c,"data-testid":n,"aria-label":"Close dialog",...l,children:/* @__PURE__ */a(D,{name:"Cross2Icon",size:"sm",decorative:!0})})});I.displayName="DialogCloseButton";const P=({children:t,variant:e="default",className:d,"data-cy":s,"data-testid":r,...c})=>{const n=s||"dialog-icon",m=r||"dialog-icon";/* @__PURE__ */
3
- return a("div",{className:i(l,o[e],d),"data-cy":n,"data-testid":m,"aria-hidden":"true",...c,children:t})};P.displayName="DialogIcon";const T=e(({className:t,variant:e="default","data-cy":s,"data-testid":o,...l},n)=>{const m=s||"dialog-overlay",y=o||"dialog-overlay";/* @__PURE__ */
4
- return a(d.Overlay,{ref:n,className:i(c,r[e],t),"data-cy":m,"data-testid":y,...l})});T.displayName=d.Overlay.displayName;const M=e(({className:e,children:s,contentVariant:o="default",overlayVariant:l="default",fullWidthOnMobile:r=!1,topOffsetOnMobile:c=!1,contentPadding:g,disableOutsideClose:u=!1,style:v,"aria-describedby":b,"data-cy":h,"data-testid":D,...C},O)=>{const j=h||"dialog-content",I=D||"dialog-content",P=r||"verify"===o,M="verify"===o||r&&c,V=u?{onPointerDownOutside:a=>a.preventDefault(),onInteractOutside:a=>a.preventDefault()}:{};/* @__PURE__ */
5
- return t(x,{children:[!M&&/* @__PURE__ */a(T,{variant:l}),
6
- /* @__PURE__ */a("div",{className:i(f,P&&p,M&&N),...M&&{"data-dialog-top-offset-mobile":""},children:/* @__PURE__ */a(d.Content,{ref:O,className:i(y,"verify"===o&&m,M&&n,e),style:g||v?{...v,...g&&{padding:g}}:void 0,"aria-describedby":b??void 0,"data-cy":j,"data-testid":I,"data-content-variant":o,...V,...C,children:s})})]})});M.displayName=d.Content.displayName;const V=({centered:t=!1,className:e,"data-cy":d,"data-testid":s,...o})=>{const l=d||"dialog-header",r=s||"dialog-header";/* @__PURE__ */
7
- return a("div",{className:i(u,t&&g,e),"data-cy":l,"data-testid":r,...o})};V.displayName="DialogHeader";const w=({className:t,"data-cy":e,"data-testid":d,...s})=>{const o=e||"dialog-footer",l=d||"dialog-footer";/* @__PURE__ */
8
- return a("div",{className:i(v,t),"data-cy":o,"data-testid":l,...s})};w.displayName="DialogFooter";const z=e(({className:t,"data-cy":e,"data-testid":s,...o},l)=>{const r=e||"dialog-title",c=s||"dialog-title";/* @__PURE__ */
9
- return a(d.Title,{ref:l,className:i(b,t),"data-cy":r,"data-testid":c,...o})});z.displayName=d.Title.displayName;const B=e(({className:t,"data-cy":e,"data-testid":s,...o},l)=>{const r=e||"dialog-description",c=s||"dialog-description";/* @__PURE__ */
10
- return a(d.Description,{ref:l,className:i(h,t),"data-cy":r,"data-testid":c,...o})});B.displayName=d.Description.displayName;export{C as Dialog,j as DialogClose,I as DialogCloseButton,M as DialogContent,B as DialogDescription,w as DialogFooter,V as DialogHeader,P as DialogIcon,T as DialogOverlay,x as DialogPortal,z as DialogTitle,O as DialogTrigger};
1
+ import{jsx as e}from"react/jsx-runtime";import{forwardRef as t}from"react";import{cn as a}from"./index67.js";import{badgeSelectedStyles as r,badgeDefaultStyles as d,badgeBaseStyles as o}from"./index101.js";const n=t(({selected:t=!1,onSelect:n,className:i,children:s,"data-cy":c,"data-testid":l,onClick:m,...p},f)=>{const y=c||"badge",x=l||"badge",b=()=>{n&&n()};/* @__PURE__ */
2
+ return e("div",{ref:f,className:a(o,t?r:d,i),"data-cy":y,"data-testid":x,"data-selected":t,onClick:e=>{b(),m&&m(e)},role:"button",tabIndex:0,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),b())},"aria-pressed":t,...p,children:s})});n.displayName="Badge";export{n as Badge};
package/dist/index45.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),t=require("@radix-ui/react-dialog"),r=require("./index58.cjs"),s=require("./index94.cjs"),d=require("@adam-milo/icons");function o(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const t in e)if("default"!==t){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,r.get?r:{enumerable:!0,get:()=>e[t]})}return a.default=e,Object.freeze(a)}const c=o(t),n=a.forwardRef(({open:a,onOpenChange:t,side:d="right",width:o="28rem",padding:n,className:i,overlay:l=!0,closeOnOverlayClick:y=!0,closeOnEscape:w=!0,children:p,"data-cy":f,"data-testid":u},m)=>{const x=f||`drawer-${d}`,D=u||`drawer-${d}`;return e.jsx(c.Root,{open:a,onOpenChange:t,children:e.jsxs(c.Portal,{children:[l&&e.jsx(c.Overlay,{className:s.overlayStyles,"data-cy":`${x}-overlay`,"data-testid":`${D}-overlay`}),e.jsx(c.Content,{ref:m,className:r.cn(s.panelBaseStyles,s.panelSideStyles[d],i),style:{width:o,...n?{padding:n}:void 0},onEscapeKeyDown:w?void 0:e=>e.preventDefault(),onInteractOutside:y?void 0:e=>e.preventDefault(),"data-cy":x,"data-testid":D,"data-side":d,children:p})]})})});n.displayName="Drawer";const i=a.forwardRef(({className:a,"data-cy":t,"data-testid":o,...n},i)=>{const l=t||"drawer-close-button",y=o||"drawer-close-button";return e.jsx(c.Close,{ref:i,className:r.cn(s.closeButtonStyles,a),"data-cy":l,"data-testid":y,"aria-label":"Close drawer",...n,children:e.jsx(d.Icon,{name:"CustomCloseXIcon",size:"xs",decorative:!0})})});i.displayName="DrawerCloseButton";const l=a.forwardRef(({className:a,"data-cy":t,"data-testid":d,...o},c)=>{const n=t||"drawer-header",i=d||"drawer-header";return e.jsx("header",{ref:c,className:r.cn(s.headerStyles,a),"data-cy":n,"data-testid":i,...o})});l.displayName="DrawerHeader";const y=a.forwardRef(({className:a,"data-cy":t,"data-testid":d,...o},n)=>{const i=t||"drawer-title",l=d||"drawer-title";return e.jsx(c.Title,{ref:n,className:r.cn(s.titleStyles,a),"data-cy":i,"data-testid":l,...o})});y.displayName="DrawerTitle";const w=a.forwardRef(({className:a,"data-cy":t,"data-testid":d,...o},n)=>{const i=t||"drawer-description",l=d||"drawer-description";return e.jsx(c.Description,{ref:n,className:r.cn(s.descriptionStyles,a),"data-cy":i,"data-testid":l,...o})});w.displayName="DrawerDescription";const p=a.forwardRef(({className:a,"data-cy":t,"data-testid":d,...o},c)=>{const n=t||"drawer-body",i=d||"drawer-body";return e.jsx("div",{ref:c,role:"region","aria-label":"Drawer content",className:r.cn(s.bodyStyles,a),"data-cy":n,"data-testid":i,...o})});p.displayName="DrawerBody";const f=a.forwardRef(({className:a,"data-cy":t,"data-testid":d,...o},c)=>{const n=t||"drawer-footer",i=d||"drawer-footer";return e.jsx("footer",{ref:c,className:r.cn(s.footerStyles,a),"data-cy":n,"data-testid":i,...o})});f.displayName="DrawerFooter",exports.Drawer=n,exports.DrawerBody=p,exports.DrawerCloseButton=i,exports.DrawerDescription=w,exports.DrawerFooter=f,exports.DrawerHeader=l,exports.DrawerTitle=y;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),o=require("@adam-milo/icons"),r=require("./index67.cjs"),a=require("./index102.cjs"),n=["none","asc","desc"],s={none:"Not sorted",asc:"Sorted A to Z",desc:"Sorted Z to A"},i=t.forwardRef(({direction:i,defaultDirection:c="none",onDirectionChange:d,cycle:l=n,onClick:u,disabled:b,className:m,"aria-label":y,"data-testid":f,"data-cy":x,...S},j)=>{const p=void 0!==i,[g,h]=t.useState(c),q=p?i:g,v=f||`sort-button-${q}`,C=x||`sort-button-${q}`,N=t.useCallback(e=>{if(u?.(e),e.defaultPrevented)return;const t=l.length>0?l:n,o=t.indexOf(q),r=t[(o+1)%t.length];p||h(r),r!==q&&d?.(r)},[l,q,p,u,d]),k="desc"===q?"[transform:scaleY(-1)]":void 0;return e.jsx("button",{ref:j,type:"button",disabled:b,className:r.cn(a.baseStyles,a.directionStyles[q],m),onClick:N,"aria-label":y||s[q],"aria-pressed":"none"!==q,"data-direction":q,"data-testid":v,"data-cy":C,...S,children:e.jsx(o.Icon,{name:"CustomDownArrowIcon",size:"xs",color:"inherit",decorative:!0,className:k,"data-cy":`${C}-icon`})})});i.displayName="SortButton",exports.SortButton=i;
package/dist/index45.js CHANGED
@@ -1,9 +1,2 @@
1
- import{jsx as a,jsxs as e}from"react/jsx-runtime";import{forwardRef as t}from"react";import*as r from"@radix-ui/react-dialog";import{cn as d}from"./index58.js";import{overlayStyles as s,panelSideStyles as o,panelBaseStyles as i,closeButtonStyles as c,headerStyles as n,titleStyles as l,descriptionStyles as m,bodyStyles as y,footerStyles as p}from"./index94.js";import{Icon as w}from"@adam-milo/icons";const N=t(({open:t,onOpenChange:c,side:n="right",width:l="28rem",padding:m,className:y,overlay:p=!0,closeOnOverlayClick:w=!0,closeOnEscape:N=!0,children:f,"data-cy":u,"data-testid":h},D)=>{const v=u||`drawer-${n}`,C=h||`drawer-${n}`;/* @__PURE__ */
2
- return a(r.Root,{open:t,onOpenChange:c,children:/* @__PURE__ */e(r.Portal,{children:[p&&/* @__PURE__ */a(r.Overlay,{className:s,"data-cy":`${v}-overlay`,"data-testid":`${C}-overlay`}),
3
- /* @__PURE__ */a(r.Content,{ref:D,className:d(i,o[n],y),style:{width:l,...m?{padding:m}:void 0},onEscapeKeyDown:N?void 0:a=>a.preventDefault(),onInteractOutside:w?void 0:a=>a.preventDefault(),"data-cy":v,"data-testid":C,"data-side":n,children:f})]})})});N.displayName="Drawer";const f=t(({className:e,"data-cy":t,"data-testid":s,...o},i)=>{const n=t||"drawer-close-button",l=s||"drawer-close-button";/* @__PURE__ */
4
- return a(r.Close,{ref:i,className:d(c,e),"data-cy":n,"data-testid":l,"aria-label":"Close drawer",...o,children:/* @__PURE__ */a(w,{name:"CustomCloseXIcon",size:"xs",decorative:!0})})});f.displayName="DrawerCloseButton";const u=t(({className:e,"data-cy":t,"data-testid":r,...s},o)=>{const i=t||"drawer-header",c=r||"drawer-header";/* @__PURE__ */
5
- return a("header",{ref:o,className:d(n,e),"data-cy":i,"data-testid":c,...s})});u.displayName="DrawerHeader";const h=t(({className:e,"data-cy":t,"data-testid":s,...o},i)=>{const c=t||"drawer-title",n=s||"drawer-title";/* @__PURE__ */
6
- return a(r.Title,{ref:i,className:d(l,e),"data-cy":c,"data-testid":n,...o})});h.displayName="DrawerTitle";const D=t(({className:e,"data-cy":t,"data-testid":s,...o},i)=>{const c=t||"drawer-description",n=s||"drawer-description";/* @__PURE__ */
7
- return a(r.Description,{ref:i,className:d(m,e),"data-cy":c,"data-testid":n,...o})});D.displayName="DrawerDescription";const v=t(({className:e,"data-cy":t,"data-testid":r,...s},o)=>{const i=t||"drawer-body",c=r||"drawer-body";/* @__PURE__ */
8
- return a("div",{ref:o,role:"region","aria-label":"Drawer content",className:d(y,e),"data-cy":i,"data-testid":c,...s})});v.displayName="DrawerBody";const C=t(({className:e,"data-cy":t,"data-testid":r,...s},o)=>{const i=t||"drawer-footer",c=r||"drawer-footer";/* @__PURE__ */
9
- return a("footer",{ref:o,className:d(p,e),"data-cy":i,"data-testid":c,...s})});C.displayName="DrawerFooter";export{N as Drawer,v as DrawerBody,f as DrawerCloseButton,D as DrawerDescription,C as DrawerFooter,u as DrawerHeader,h as DrawerTitle};
1
+ import{jsx as t}from"react/jsx-runtime";import{forwardRef as e,useState as o,useCallback as a}from"react";import{Icon as r}from"@adam-milo/icons";import{cn as n}from"./index67.js";import{directionStyles as i,baseStyles as d}from"./index102.js";const s=["none","asc","desc"],c={none:"Not sorted",asc:"Sorted A to Z",desc:"Sorted Z to A"},l=e(({direction:e,defaultDirection:l="none",onDirectionChange:m,cycle:f=s,onClick:u,disabled:p,className:b,"aria-label":x,"data-testid":y,"data-cy":h,...N},v)=>{const C=void 0!==e,[g,j]=o(l),A=C?e:g,D=y||`sort-button-${A}`,S=h||`sort-button-${A}`,$=a(t=>{if(u?.(t),t.defaultPrevented)return;const e=f.length>0?f:s,o=e.indexOf(A),a=e[(o+1)%e.length];C||j(a),a!==A&&m?.(a)},[f,A,C,u,m]),k="desc"===A?"[transform:scaleY(-1)]":void 0;/* @__PURE__ */
2
+ return t("button",{ref:v,type:"button",disabled:p,className:n(d,i[A],b),onClick:$,"aria-label":x||c[A],"aria-pressed":"none"!==A,"data-direction":A,"data-testid":D,"data-cy":S,...N,children:/* @__PURE__ */t(r,{name:"CustomDownArrowIcon",size:"xs",color:"inherit",decorative:!0,className:k,"data-cy":`${S}-icon`})})});l.displayName="SortButton";export{l as SortButton};
package/dist/index46.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),i=require("./index58.cjs"),t=require("./index95.cjs"),n=require("./index61.cjs"),a=s.forwardRef(({direction:a,spacing:o,align:d,justify:l,wrap:g=!1,m:p,mt:r,mb:m,ms:v,me:c,mx:R,my:S,p:C,pt:h,pb:y,ps:u,pe:x,px:k,py:b,width:j,minWidth:f,maxWidth:w,height:B,minHeight:M,maxHeight:E,className:I,style:P,children:z,"data-cy":H,"data-testid":W,...q},O)=>{const N=n.getResponsiveBase(a)??"vertical",T=H||`stack-${N}`,$=W||`stack-${N}`,A=s.useMemo(()=>n.getResponsiveClasses(a,t.directionStyles),[a]),D=s.useMemo(()=>n.getResponsiveClasses(o,t.spacingStyles),[o]),F=s.useMemo(()=>n.getResponsiveClasses(d,t.alignStyles),[d]),G=s.useMemo(()=>n.getResponsiveClasses(l,t.justifyStyles),[l]),J=s.useMemo(()=>{const e=t.marginStyles;return[...n.getResponsiveClasses(p,e.m),...n.getResponsiveClasses(r,e.mt),...n.getResponsiveClasses(m,e.mb),...n.getResponsiveClasses(v,e.ms),...n.getResponsiveClasses(c,e.me),...n.getResponsiveClasses(R,e.ms),...n.getResponsiveClasses(R,e.me),...n.getResponsiveClasses(S,e.mt),...n.getResponsiveClasses(S,e.mb)]},[p,r,m,v,c,R,S]),K=s.useMemo(()=>{const e=t.paddingStyles;return[...n.getResponsiveClasses(C,e.p),...n.getResponsiveClasses(h,e.pt),...n.getResponsiveClasses(y,e.pb),...n.getResponsiveClasses(u,e.ps),...n.getResponsiveClasses(x,e.pe),...n.getResponsiveClasses(k,e.ps),...n.getResponsiveClasses(k,e.pe),...n.getResponsiveClasses(b,e.pt),...n.getResponsiveClasses(b,e.pb)]},[C,h,y,u,x,k,b]),L=s.useMemo(()=>{const e=t.widthPresetStyles,s=t.minWidthPresetStyles,i=t.maxWidthPresetStyles,a=t.heightPresetStyles,o=t.minHeightPresetStyles,d=t.maxHeightPresetStyles;return[...n.getResponsiveSizeClasses(j,e,"w-"),...n.getResponsiveSizeClasses(f,s,"min-w-"),...n.getResponsiveSizeClasses(w,i,"max-w-"),...n.getResponsiveSizeClasses(B,a,"h-"),...n.getResponsiveSizeClasses(M,o,"min-h-"),...n.getResponsiveSizeClasses(E,d,"max-h-")]},[j,f,w,B,M,E]),Q=s.useMemo(()=>{const e=e=>"string"==typeof e&&!t.isSpacingToken(e)&&!n.isResponsiveObject(e),s={};void 0!==p&&e(p)&&(s.margin=p),void 0!==r&&e(r)&&(s.marginBlockStart=r),void 0!==m&&e(m)&&(s.marginBlockEnd=m),void 0!==v&&e(v)&&(s.marginInlineStart=v),void 0!==c&&e(c)&&(s.marginInlineEnd=c),void 0!==R&&e(R)&&(s.marginInlineStart=R,s.marginInlineEnd=R),void 0!==S&&e(S)&&(s.marginBlockStart=S,s.marginBlockEnd=S),void 0!==C&&e(C)&&(s.padding=C),void 0!==h&&e(h)&&(s.paddingBlockStart=h),void 0!==y&&e(y)&&(s.paddingBlockEnd=y),void 0!==u&&e(u)&&(s.paddingInlineStart=u),void 0!==x&&e(x)&&(s.paddingInlineEnd=x),void 0!==k&&e(k)&&(s.paddingInlineStart=k,s.paddingInlineEnd=k),void 0!==b&&e(b)&&(s.paddingBlockStart=b,s.paddingBlockEnd=b);const i=e=>"string"==typeof e&&!t.isSizePreset(e)&&!n.isResponsiveObject(e);return void 0!==j&&i(j)&&(s.width=j),void 0!==f&&i(f)&&(s.minWidth=f),void 0!==w&&i(w)&&(s.maxWidth=w),void 0!==B&&i(B)&&(s.height=B),void 0!==M&&i(M)&&(s.minHeight=M),void 0!==E&&i(E)&&(s.maxHeight=E),Object.keys(s).length?s:void 0},[p,r,m,v,c,R,S,C,h,y,u,x,k,b,j,f,w,B,M,E]),U=a??o??d??l??g?"flex min-w-0":void 0;return e.jsx("div",{ref:O,className:i.cn(U,A,D,F,G,g&&"flex-wrap",J,K,L,I),style:Q?{...Q,...P}:P,"data-cy":T,"data-testid":$,...q,children:z})});a.displayName="Stack",exports.Stack=a;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("@adam-milo/icons"),i=require("./index67.cjs"),r=require("./index103.cjs"),s=t.forwardRef(({active:t=!1,className:s,disabled:d,"aria-label":o,"aria-pressed":c,"data-testid":l,"data-cy":n,type:u="button",...b},y)=>{const m=l||(t?"filter-button-active":"filter-button"),p=n||(t?"filter-button-active":"filter-button");return e.jsxs("button",{ref:y,type:u,disabled:d,className:i.cn(r.baseStyles,t&&r.activeStyles,s),"aria-label":o||"Filter","aria-pressed":c??t,"data-active":t,"data-testid":m,"data-cy":p,...b,children:[e.jsx(a.Icon,{name:"CustomFilterIcon",size:"xs",color:"inherit",decorative:!0,"data-cy":`${p}-icon`}),t&&e.jsx("span",{className:r.dotStyles,"aria-hidden":"true","data-cy":`${p}-dot`,"data-testid":`${m}-dot`})]})});s.displayName="FilterButton",exports.FilterButton=s;
package/dist/index46.js CHANGED
@@ -1,2 +1,3 @@
1
- import{jsx as i}from"react/jsx-runtime";import{forwardRef as t,useMemo as n}from"react";import{cn as d}from"./index58.js";import{isSpacingToken as a,isSizePreset as m,directionStyles as e,spacingStyles as o,alignStyles as r,justifyStyles as p,marginStyles as s,paddingStyles as c,widthPresetStyles as g,minWidthPresetStyles as l,maxWidthPresetStyles as v,heightPresetStyles as h,minHeightPresetStyles as x,maxHeightPresetStyles as k}from"./index95.js";import{getResponsiveBase as f,getResponsiveClasses as y,getResponsiveSizeClasses as S,isResponsiveObject as w}from"./index61.js";const B=t(({direction:t,spacing:B,align:E,justify:I,wrap:b=!1,m:u,mt:j,mb:H,ms:W,me:N,mx:$,my:O,p:q,pt:z,pb:A,ps:C,pe:D,px:F,py:G,width:J,minWidth:K,maxWidth:L,height:M,minHeight:P,maxHeight:Q,className:R,style:T,children:U,"data-cy":V,"data-testid":X,...Y},Z)=>{const _=f(t)??"vertical",ii=V||`stack-${_}`,ti=X||`stack-${_}`,ni=n(()=>y(t,e),[t]),di=n(()=>y(B,o),[B]),ai=n(()=>y(E,r),[E]),mi=n(()=>y(I,p),[I]),ei=n(()=>{const i=s;return[...y(u,i.m),...y(j,i.mt),...y(H,i.mb),...y(W,i.ms),...y(N,i.me),...y($,i.ms),...y($,i.me),...y(O,i.mt),...y(O,i.mb)]},[u,j,H,W,N,$,O]),oi=n(()=>{const i=c;return[...y(q,i.p),...y(z,i.pt),...y(A,i.pb),...y(C,i.ps),...y(D,i.pe),...y(F,i.ps),...y(F,i.pe),...y(G,i.pt),...y(G,i.pb)]},[q,z,A,C,D,F,G]),ri=n(()=>{const i=l,t=v,n=h,d=x,a=k;return[...S(J,g,"w-"),...S(K,i,"min-w-"),...S(L,t,"max-w-"),...S(M,n,"h-"),...S(P,d,"min-h-"),...S(Q,a,"max-h-")]},[J,K,L,M,P,Q]),pi=n(()=>{const i=i=>"string"==typeof i&&!a(i)&&!w(i),t={};void 0!==u&&i(u)&&(t.margin=u),void 0!==j&&i(j)&&(t.marginBlockStart=j),void 0!==H&&i(H)&&(t.marginBlockEnd=H),void 0!==W&&i(W)&&(t.marginInlineStart=W),void 0!==N&&i(N)&&(t.marginInlineEnd=N),void 0!==$&&i($)&&(t.marginInlineStart=$,t.marginInlineEnd=$),void 0!==O&&i(O)&&(t.marginBlockStart=O,t.marginBlockEnd=O),void 0!==q&&i(q)&&(t.padding=q),void 0!==z&&i(z)&&(t.paddingBlockStart=z),void 0!==A&&i(A)&&(t.paddingBlockEnd=A),void 0!==C&&i(C)&&(t.paddingInlineStart=C),void 0!==D&&i(D)&&(t.paddingInlineEnd=D),void 0!==F&&i(F)&&(t.paddingInlineStart=F,t.paddingInlineEnd=F),void 0!==G&&i(G)&&(t.paddingBlockStart=G,t.paddingBlockEnd=G);const n=i=>"string"==typeof i&&!m(i)&&!w(i);return void 0!==J&&n(J)&&(t.width=J),void 0!==K&&n(K)&&(t.minWidth=K),void 0!==L&&n(L)&&(t.maxWidth=L),void 0!==M&&n(M)&&(t.height=M),void 0!==P&&n(P)&&(t.minHeight=P),void 0!==Q&&n(Q)&&(t.maxHeight=Q),Object.keys(t).length?t:void 0},[u,j,H,W,N,$,O,q,z,A,C,D,F,G,J,K,L,M,P,Q]);/* @__PURE__ */
2
- return i("div",{ref:Z,className:d(t??B??E??I??b?"flex min-w-0":void 0,ni,di,ai,mi,b&&"flex-wrap",ei,oi,ri,R),style:pi?{...pi,...T}:T,"data-cy":ii,"data-testid":ti,...Y,children:U})});B.displayName="Stack";export{B as Stack};
1
+ import{jsxs as t,jsx as a}from"react/jsx-runtime";import{forwardRef as e}from"react";import{Icon as i}from"@adam-milo/icons";import{cn as r}from"./index67.js";import{dotStyles as o,activeStyles as d,baseStyles as s}from"./index103.js";const c=e(({active:e=!1,className:c,disabled:n,"aria-label":l,"aria-pressed":m,"data-testid":p,"data-cy":u,type:b="button",...f},y)=>{const v=p||(e?"filter-button-active":"filter-button"),x=u||(e?"filter-button-active":"filter-button");/* @__PURE__ */
2
+ return t("button",{ref:y,type:b,disabled:n,className:r(s,e&&d,c),"aria-label":l||"Filter","aria-pressed":m??e,"data-active":e,"data-testid":v,"data-cy":x,...f,children:[
3
+ /* @__PURE__ */a(i,{name:"CustomFilterIcon",size:"xs",color:"inherit",decorative:!0,"data-cy":`${x}-icon`}),e&&/* @__PURE__ */a("span",{className:o,"aria-hidden":"true","data-cy":`${x}-dot`,"data-testid":`${v}-dot`})]})});c.displayName="FilterButton";export{c as FilterButton};
package/dist/index47.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),r=require("./index58.cjs"),t=require("./index96.cjs"),s=require("./index61.cjs"),i=a.forwardRef(({className:i,center:n=!0,maxWidth:d="lg",padding:c="md","data-cy":o,"data-testid":u,children:l,...m},x)=>{const p=o||"container",g=u||"container",j=a.useMemo(()=>s.getResponsiveClasses(d,t.maxWidthMap),[d]),f=a.useMemo(()=>s.getResponsiveClasses(c,t.paddingMap),[c]);return e.jsx("div",{ref:x,className:r.cn("w-full box-border",n&&"mx-auto",...j,...f,i),"data-cy":p,"data-testid":g,"data-center":n,...m,children:l})});i.displayName="Container",exports.Container=i;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("@adam-milo/icons"),a=require("./index67.cjs"),i=require("./index53.cjs"),s=require("./index3.cjs"),l=require("./index46.cjs"),n=require("./index104.cjs"),o=t.createContext(null);function d(){const e=t.useContext(o);if(!e)throw new Error("useFilter() must be used inside a <Filter> component.");return e}const c=t.forwardRef(({asChild:r,active:a,children:s,...n},o)=>{const{isActive:c}=d();return r&&t.isValidElement(s)?e.jsx(i.PopoverTrigger,{asChild:!0,ref:o,...n,children:s}):e.jsx(i.PopoverTrigger,{asChild:!0,ref:o,children:e.jsx(l.FilterButton,{active:a??c,...n})})});c.displayName="FilterTrigger";const u=t.forwardRef(({className:t,children:r,"data-cy":s,"data-testid":l,...o},d)=>e.jsx(i.PopoverContent,{ref:d,className:a.cn(n.contentStyles,t),"data-cy":s||"filter-content","data-testid":l||"filter-content",...o,children:r}));u.displayName="FilterContent";const f=t.forwardRef(({className:t,"data-cy":r,"data-testid":i,...s},l)=>e.jsx("div",{ref:l,className:a.cn(n.titleStyles,t),"data-cy":r||"filter-title","data-testid":i||"filter-title",...s}));f.displayName="FilterTitle";const p=t.forwardRef(({className:t,"data-cy":r,"data-testid":i,...s},l)=>e.jsx("div",{ref:l,className:a.cn(n.bodyStyles,t),"data-cy":r||"filter-body","data-testid":i||"filter-body",...s}));p.displayName="FilterBody";const y=t.forwardRef(({className:t,"data-cy":r,"data-testid":i,...s},l)=>e.jsx("div",{ref:l,className:a.cn(n.footerStyles,t),"data-cy":r||"filter-footer","data-testid":i||"filter-footer",...s}));y.displayName="FilterFooter";const m=t.forwardRef(({children:t="Apply",onClick:r,disabledWhenUnchanged:a=!0,disabled:i,...l},n)=>{const{apply:o,draftValue:c,committedValue:u,areEqual:f}=d(),p=a&&f(c,u);return e.jsx(s.Button,{ref:n,type:"button",variant:"main-orange",disabled:i||p,onClick:e=>{r?.(e),e.defaultPrevented||o()},"data-cy":"filter-apply","data-testid":"filter-apply",...l,children:t})});m.displayName="FilterApply";const x=t.forwardRef(({children:t,onClick:i,autoHide:l=!0,"aria-label":o,className:c,...u},f)=>{const{reset:p,isActive:y}=d();if(l&&!y)return null;const m=e=>{i?.(e),e.defaultPrevented||p()};return t?e.jsx(s.Button,{ref:f,type:"button",variant:"link",onClick:m,className:c,"data-cy":"filter-reset","data-testid":"filter-reset",...u,children:t}):e.jsx("button",{ref:f,type:"button",onClick:m,"aria-label":o||"Reset filter",className:a.cn(n.resetButtonStyles,c),"data-cy":"filter-reset","data-testid":"filter-reset",...u,children:e.jsx(r.Icon,{name:"CustomResetIcon",size:"md",color:"system-text",decorative:!0})})});x.displayName="FilterReset",exports.Filter=function({value:r,defaultValue:a,emptyValue:s,onApply:l,open:n,defaultOpen:d=!1,onOpenChange:c,isActive:u,compareValues:f,normalizeValue:p,children:y}){const m=void 0!==r,[x,v]=t.useState(a??s),h=m?r:x,C=void 0!==n,[F,b]=t.useState(d),j=C?n:F,[N,g]=t.useState(h);t.useEffect(()=>{j&&g(h)},[j,h]);const S=t.useCallback(e=>{C||b(e),c?.(e)},[C,c]),k=t.useCallback(()=>{const e=p?p(N):N;m||v(e),l?.(e),S(!1)},[N,m,p,l,S]),R=t.useCallback(()=>{m||v(s),g(s),l?.(s),S(!1)},[s,m,l,S]),V=t.useCallback(()=>{S(!1)},[S]),q=t.useCallback((e,t)=>f?f(e,t):((e,t)=>{try{return JSON.stringify(e)===JSON.stringify(t)}catch{return e===t}})(e,t),[f]),w=t.useMemo(()=>u?u(h):!q(h,s),[h,s,u,q]),A=t.useMemo(()=>({draftValue:N,setDraftValue:g,committedValue:h,emptyValue:s,isActive:w,open:j,setOpen:S,apply:k,reset:R,cancel:V,areEqual:q}),[N,h,s,w,j,S,k,R,V,q]);return e.jsx(o.Provider,{value:A,children:e.jsx(i.Popover,{open:j,onOpenChange:S,children:y})})},exports.FilterApply=m,exports.FilterBody=p,exports.FilterContent=u,exports.FilterFooter=y,exports.FilterReset=x,exports.FilterTitle=f,exports.FilterTrigger=c,exports.useFilter=d;
package/dist/index47.js CHANGED
@@ -1,2 +1,3 @@
1
- import{jsx as t}from"react/jsx-runtime";import{forwardRef as r,useMemo as a}from"react";import{cn as e}from"./index58.js";import{maxWidthMap as i,paddingMap as d}from"./index96.js";import{getResponsiveClasses as o}from"./index61.js";const n=r(({className:r,center:n=!0,maxWidth:m="lg",padding:c="md","data-cy":s,"data-testid":l,children:p,...x},f)=>{const j=s||"container",u=l||"container",h=a(()=>o(m,i),[m]),y=a(()=>o(c,d),[c]);/* @__PURE__ */
2
- return t("div",{ref:f,className:e("w-full box-border",n&&"mx-auto",...h,...y,r),"data-cy":j,"data-testid":u,"data-center":n,...x,children:p})});n.displayName="Container";export{n as Container};
1
+ import{jsx as e}from"react/jsx-runtime";import{useState as t,useEffect as a,useCallback as i,useMemo as r,forwardRef as l,isValidElement as n,useContext as s,createContext as d}from"react";import{Icon as o}from"@adam-milo/icons";import{cn as c}from"./index67.js";import{Popover as m,PopoverContent as f,PopoverTrigger as p}from"./index53.js";import{Button as u}from"./index3.js";import{FilterButton as y}from"./index46.js";import{contentStyles as h,titleStyles as N,bodyStyles as v,footerStyles as b,resetButtonStyles as C}from"./index104.js";const F=d(null);function V(){const e=s(F);if(!e)throw new Error("useFilter() must be used inside a <Filter> component.");return e}function g({value:l,defaultValue:n,emptyValue:s,onApply:d,open:o,defaultOpen:c=!1,onOpenChange:f,isActive:p,compareValues:u,normalizeValue:y,children:h}){const N=void 0!==l,[v,b]=t(n??s),C=N?l:v,V=void 0!==o,[g,x]=t(c),A=V?o:g,[j,k]=t(C);a(()=>{A&&k(C)},[A,C]);const O=i(e=>{V||x(e),f?.(e)},[V,f]),E=i(()=>{const e=y?y(j):j;N||b(e),d?.(e),O(!1)},[j,N,y,d,O]),P=i(()=>{N||b(s),k(s),d?.(s),O(!1)},[s,N,d,O]),R=i(()=>{O(!1)},[O]),q=i((e,t)=>u?u(e,t):((e,t)=>{try{return JSON.stringify(e)===JSON.stringify(t)}catch{return e===t}})(e,t),[u]),w=r(()=>p?p(C):!q(C,s),[C,s,p,q]),z=r(()=>({draftValue:j,setDraftValue:k,committedValue:C,emptyValue:s,isActive:w,open:A,setOpen:O,apply:E,reset:P,cancel:R,areEqual:q}),[j,C,s,w,A,O,E,P,R,q]);/* @__PURE__ */
2
+ return e(F.Provider,{value:z,children:/* @__PURE__ */e(m,{open:A,onOpenChange:O,children:h})})}const x=l(({asChild:t,active:a,children:i,...r},l)=>{const{isActive:s}=V();return t&&n(i)?/* @__PURE__ */e(p,{asChild:!0,ref:l,...r,children:i}):/* @__PURE__ */e(p,{asChild:!0,ref:l,children:/* @__PURE__ */e(y,{active:a??s,...r})})});x.displayName="FilterTrigger";const A=l(({className:t,children:a,"data-cy":i,"data-testid":r,...l},n)=>/* @__PURE__ */e(f,{ref:n,className:c(h,t),"data-cy":i||"filter-content","data-testid":r||"filter-content",...l,children:a}));A.displayName="FilterContent";const j=l(({className:t,"data-cy":a,"data-testid":i,...r},l)=>/* @__PURE__ */e("div",{ref:l,className:c(N,t),"data-cy":a||"filter-title","data-testid":i||"filter-title",...r}));j.displayName="FilterTitle";const k=l(({className:t,"data-cy":a,"data-testid":i,...r},l)=>/* @__PURE__ */e("div",{ref:l,className:c(v,t),"data-cy":a||"filter-body","data-testid":i||"filter-body",...r}));k.displayName="FilterBody";const O=l(({className:t,"data-cy":a,"data-testid":i,...r},l)=>/* @__PURE__ */e("div",{ref:l,className:c(b,t),"data-cy":a||"filter-footer","data-testid":i||"filter-footer",...r}));O.displayName="FilterFooter";const E=l(({children:t="Apply",onClick:a,disabledWhenUnchanged:i=!0,disabled:r,...l},n)=>{const{apply:s,draftValue:d,committedValue:o,areEqual:c}=V(),m=i&&c(d,o);/* @__PURE__ */
3
+ return e(u,{ref:n,type:"button",variant:"main-orange",disabled:r||m,onClick:e=>{a?.(e),e.defaultPrevented||s()},"data-cy":"filter-apply","data-testid":"filter-apply",...l,children:t})});E.displayName="FilterApply";const P=l(({children:t,onClick:a,autoHide:i=!0,"aria-label":r,className:l,...n},s)=>{const{reset:d,isActive:m}=V();if(i&&!m)return null;const f=e=>{a?.(e),e.defaultPrevented||d()};return t?/* @__PURE__ */e(u,{ref:s,type:"button",variant:"link",onClick:f,className:l,"data-cy":"filter-reset","data-testid":"filter-reset",...n,children:t}):/* @__PURE__ */e("button",{ref:s,type:"button",onClick:f,"aria-label":r||"Reset filter",className:c(C,l),"data-cy":"filter-reset","data-testid":"filter-reset",...n,children:/* @__PURE__ */e(o,{name:"CustomResetIcon",size:"md",color:"system-text",decorative:!0})})});P.displayName="FilterReset";export{g as Filter,E as FilterApply,k as FilterBody,A as FilterContent,O as FilterFooter,P as FilterReset,j as FilterTitle,x as FilterTrigger,V as useFilter};
package/dist/index48.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("@radix-ui/react-separator"),i=require("./index58.cjs"),a=require("./index97.cjs"),o=require("./index61.cjs");function n(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}const s=n(r),c=t.forwardRef(({orientation:r="horizontal",decorative:n=!0,spacing:c="0",color:d,className:l,style:u,"data-cy":p,"data-testid":f,...g},y)=>{const b=p||`divider-${r}`,j=f||`divider-${r}`,v=t.useMemo(()=>{const e="horizontal"===r?a.spacingHorizontalMap:a.spacingVerticalMap;return o.getResponsiveClasses(c,e)},[c,r]);return e.jsx(s.Root,{ref:y,decorative:n,orientation:r,className:i.cn(a.baseStyles,a.orientationStyles[r],...v,l),style:{...d&&{backgroundColor:d},...u},"data-cy":b,"data-testid":j,...g})});c.displayName="Divider",exports.Divider=c;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("@adam-milo/icons"),i=require("./index67.cjs"),l=require("./index12.cjs"),r=require("./index13.cjs"),s=require("./index74.cjs"),n=require("./index47.cjs"),d=require("./index105.cjs"),o=[];function c({options:i,mode:l,cyPrefix:r,testIdPrefix:o,searchable:c,searchPlaceholder:h,radioGroupName:x}){const[y,f]=t.useState(""),j=t.useMemo(()=>{if(!c||!y.trim())return i;const e=y.trim().toLowerCase();return i.filter(t=>t.label.toLowerCase().includes(e))},[i,c,y]);return e.jsxs(e.Fragment,{children:[c&&e.jsx(s.Input,{type:"text",placeholder:h||"Search",leftIcon:e.jsx(a.Icon,{name:"MagnifyingGlassIcon",size:"sm",color:"icon-secondary"}),value:y,onChange:e=>f(e.currentTarget.value),"aria-label":h||"Search options","data-cy":`${r}-search`,"data-testid":`${o}-search`}),e.jsx(n.FilterBody,{"data-cy":`${r}-body`,"data-testid":`${o}-body`,children:e.jsx("div",{className:d.listStyles,children:0===j.length?e.jsx("span",{className:d.emptyStateStyles,"data-cy":`${r}-empty`,"data-testid":`${o}-empty`,children:"No matches"}):"single"===l?e.jsx(p,{options:j,cyPrefix:r,testIdPrefix:o,radioGroupName:x}):e.jsx(u,{options:j,cyPrefix:r,testIdPrefix:o})})})]})}function u({options:t,cyPrefix:a,testIdPrefix:r}){const{draftValue:s,setDraftValue:o}=n.useFilter(),c=Array.isArray(s)?s:[];return e.jsx(e.Fragment,{children:t.map(t=>{const s=`${r}-option-${t.value}-input`;return e.jsxs("label",{htmlFor:s,className:i.cn(d.optionRowStyles,t.disabled&&d.optionRowDisabledStyles),"data-cy":`${a}-row-${t.value}`,"data-testid":`${r}-row-${t.value}`,children:[e.jsx(l.Checkbox,{id:s,checked:c.includes(t.value),disabled:t.disabled,onChange:e=>{return a=t.value,void(e.currentTarget.checked?c.includes(a)||o([...c,a]):o(c.filter(e=>e!==a)));var a},"data-cy":`${a}-option-${t.value}`,"data-testid":`${r}-option-${t.value}`}),e.jsx("span",{className:d.optionLabelStyles,children:t.label})]},t.value)})})}function p({options:t,cyPrefix:a,testIdPrefix:l,radioGroupName:s}){const{draftValue:o,setDraftValue:c}=n.useFilter();return e.jsx(e.Fragment,{children:t.map(t=>{const n=`${l}-option-${t.value}-input`;return e.jsxs("label",{htmlFor:n,className:i.cn(d.optionRowStyles,t.disabled&&d.optionRowDisabledStyles),"data-cy":`${a}-row-${t.value}`,"data-testid":`${l}-row-${t.value}`,children:[e.jsx(r.Radio,{id:n,name:s,value:t.value,checked:o===t.value,disabled:t.disabled,onChange:()=>c(t.value),"data-cy":`${a}-option-${t.value}`,"data-testid":`${l}-option-${t.value}`}),e.jsx("span",{className:d.optionLabelStyles,children:t.label})]},t.value)})})}function h(t){const{options:a,value:i,defaultValue:l,onApply:r,title:s,searchable:d=!1,searchPlaceholder:u,open:p,defaultOpen:h,onOpenChange:x,disabled:y,hideReset:f=!1,"aria-label":j,"data-cy":m,"data-testid":$}=t,b=m||"check-filter",v=$||"check-filter";return e.jsxs(n.Filter,{emptyValue:o,value:i,defaultValue:l,onApply:r,open:p,defaultOpen:h,onOpenChange:x,isActive:e=>Array.isArray(e)&&e.length>0,children:[e.jsx(n.FilterTrigger,{"aria-label":j||"Filter",disabled:y,"data-cy":b,"data-testid":v}),e.jsxs(n.FilterContent,{"data-cy":`${b}-content`,"data-testid":`${v}-content`,children:[void 0!==s&&e.jsx(n.FilterTitle,{"data-cy":`${b}-title`,"data-testid":`${v}-title`,children:s}),e.jsx(c,{options:a,mode:"multi",cyPrefix:b,testIdPrefix:v,searchable:d,searchPlaceholder:u,radioGroupName:""}),e.jsxs(n.FilterFooter,{"data-cy":`${b}-footer`,"data-testid":`${v}-footer`,children:[!f&&e.jsx(n.FilterReset,{}),e.jsx(n.FilterApply,{})]})]})]})}function x(a){const{options:i,value:l,defaultValue:r,onApply:s,title:d,searchable:o=!1,searchPlaceholder:u,open:p,defaultOpen:h,onOpenChange:x,disabled:y,hideReset:f=!1,"aria-label":j,"data-cy":m,"data-testid":$}=a,b=m||"check-filter",v=$||"check-filter",F=t.useId();return e.jsxs(n.Filter,{emptyValue:null,value:l,defaultValue:r,onApply:s,open:p,defaultOpen:h,onOpenChange:x,isActive:e=>null!==e,children:[e.jsx(n.FilterTrigger,{"aria-label":j||"Filter",disabled:y,"data-cy":b,"data-testid":v}),e.jsxs(n.FilterContent,{"data-cy":`${b}-content`,"data-testid":`${v}-content`,children:[void 0!==d&&e.jsx(n.FilterTitle,{"data-cy":`${b}-title`,"data-testid":`${v}-title`,children:d}),e.jsx(c,{options:i,mode:"single",cyPrefix:b,testIdPrefix:v,searchable:o,searchPlaceholder:u,radioGroupName:F}),e.jsxs(n.FilterFooter,{"data-cy":`${b}-footer`,"data-testid":`${v}-footer`,children:[!f&&e.jsx(n.FilterReset,{}),e.jsx(n.FilterApply,{})]})]})]})}function y(t){return"single"===t.mode?e.jsx(x,{...t}):e.jsx(h,{...t})}y.displayName="CheckFilter",exports.CheckFilter=y;
package/dist/index48.js CHANGED
@@ -1,2 +1,24 @@
1
- import{jsx as r}from"react/jsx-runtime";import{forwardRef as t,useMemo as o}from"react";import*as i from"@radix-ui/react-separator";import{cn as a}from"./index58.js";import{orientationStyles as e,baseStyles as d,spacingHorizontalMap as s,spacingVerticalMap as m}from"./index97.js";import{getResponsiveClasses as n}from"./index61.js";const c=t(({orientation:t="horizontal",decorative:c=!0,spacing:p="0",color:l,className:f,style:x,"data-cy":v,"data-testid":y,...j},u)=>{const N=v||`divider-${t}`,g=y||`divider-${t}`,h=o(()=>n(p,"horizontal"===t?s:m),[p,t]);/* @__PURE__ */
2
- return r(i.Root,{ref:u,decorative:c,orientation:t,className:a(d,e[t],...h,f),style:{...l&&{backgroundColor:l},...x},"data-cy":N,"data-testid":g,...j})});c.displayName="Divider";export{c as Divider};
1
+ import{jsx as e,jsxs as a,Fragment as t}from"react/jsx-runtime";import{useId as i,useState as r,useMemo as l}from"react";import{Icon as d}from"@adam-milo/icons";import{cn as n}from"./index67.js";import{Checkbox as o}from"./index12.js";import{Radio as c}from"./index13.js";import{Input as s}from"./index74.js";import{Filter as u,FilterTrigger as p,FilterContent as h,FilterTitle as f,FilterFooter as m,FilterReset as y,FilterApply as $,FilterBody as v,useFilter as b}from"./index47.js";import{listStyles as x,emptyStateStyles as P,optionLabelStyles as g,optionRowDisabledStyles as N,optionRowStyles as A}from"./index105.js";const C=[];function V({options:i,mode:n,cyPrefix:o,testIdPrefix:c,searchable:u,searchPlaceholder:p,radioGroupName:h}){const[f,m]=r(""),y=l(()=>{if(!u||!f.trim())return i;const e=f.trim().toLowerCase();return i.filter(a=>a.label.toLowerCase().includes(e))},[i,u,f]);/* @__PURE__ */
2
+ return a(t,{children:[u&&
3
+ /* @__PURE__ */e(s,{type:"text",placeholder:p||"Search",leftIcon:/* @__PURE__ */e(d,{name:"MagnifyingGlassIcon",size:"sm",color:"icon-secondary"}),value:f,onChange:e=>m(e.currentTarget.value),"aria-label":p||"Search options","data-cy":`${o}-search`,"data-testid":`${c}-search`}),
4
+ /* @__PURE__ */e(v,{"data-cy":`${o}-body`,"data-testid":`${c}-body`,children:/* @__PURE__ */e("div",{className:x,children:0===y.length?/* @__PURE__ */e("span",{className:P,"data-cy":`${o}-empty`,"data-testid":`${c}-empty`,children:"No matches"}):"single"===n?/* @__PURE__ */e(k,{options:y,cyPrefix:o,testIdPrefix:c,radioGroupName:h}):/* @__PURE__ */e(I,{options:y,cyPrefix:o,testIdPrefix:c})})})]})}function I({options:i,cyPrefix:r,testIdPrefix:l}){const{draftValue:d,setDraftValue:c}=b(),s=Array.isArray(d)?d:[];/* @__PURE__ */
5
+ return e(t,{children:i.map(t=>{const i=`${l}-option-${t.value}-input`;/* @__PURE__ */
6
+ return a("label",{htmlFor:i,className:n(A,t.disabled&&N),"data-cy":`${r}-row-${t.value}`,"data-testid":`${l}-row-${t.value}`,children:[
7
+ /* @__PURE__ */e(o,{id:i,checked:s.includes(t.value),disabled:t.disabled,onChange:e=>{return a=t.value,void(e.currentTarget.checked?s.includes(a)||c([...s,a]):c(s.filter(e=>e!==a)));var a},"data-cy":`${r}-option-${t.value}`,"data-testid":`${l}-option-${t.value}`}),
8
+ /* @__PURE__ */e("span",{className:g,children:t.label})]},t.value)})})}function k({options:i,cyPrefix:r,testIdPrefix:l,radioGroupName:d}){const{draftValue:o,setDraftValue:s}=b();/* @__PURE__ */
9
+ return e(t,{children:i.map(t=>{const i=`${l}-option-${t.value}-input`;/* @__PURE__ */
10
+ return a("label",{htmlFor:i,className:n(A,t.disabled&&N),"data-cy":`${r}-row-${t.value}`,"data-testid":`${l}-row-${t.value}`,children:[
11
+ /* @__PURE__ */e(c,{id:i,name:d,value:t.value,checked:o===t.value,disabled:t.disabled,onChange:()=>s(t.value),"data-cy":`${r}-option-${t.value}`,"data-testid":`${l}-option-${t.value}`}),
12
+ /* @__PURE__ */e("span",{className:g,children:t.label})]},t.value)})})}function O(t){const{options:i,value:r,defaultValue:l,onApply:d,title:n,searchable:o=!1,searchPlaceholder:c,open:s,defaultOpen:v,onOpenChange:b,disabled:x,hideReset:P=!1,"aria-label":g,"data-cy":N,"data-testid":A}=t,I=N||"check-filter",k=A||"check-filter";/* @__PURE__ */
13
+ return a(u,{emptyValue:C,value:r,defaultValue:l,onApply:d,open:s,defaultOpen:v,onOpenChange:b,isActive:e=>Array.isArray(e)&&e.length>0,children:[
14
+ /* @__PURE__ */e(p,{"aria-label":g||"Filter",disabled:x,"data-cy":I,"data-testid":k}),
15
+ /* @__PURE__ */a(h,{"data-cy":`${I}-content`,"data-testid":`${k}-content`,children:[void 0!==n&&/* @__PURE__ */e(f,{"data-cy":`${I}-title`,"data-testid":`${k}-title`,children:n}),
16
+ /* @__PURE__ */e(V,{options:i,mode:"multi",cyPrefix:I,testIdPrefix:k,searchable:o,searchPlaceholder:c,radioGroupName:""}),
17
+ /* @__PURE__ */a(m,{"data-cy":`${I}-footer`,"data-testid":`${k}-footer`,children:[!P&&/* @__PURE__ */e(y,{}),
18
+ /* @__PURE__ */e($,{})]})]})]})}function j(t){const{options:r,value:l,defaultValue:d,onApply:n,title:o,searchable:c=!1,searchPlaceholder:s,open:v,defaultOpen:b,onOpenChange:x,disabled:P,hideReset:g=!1,"aria-label":N,"data-cy":A,"data-testid":C}=t,I=A||"check-filter",k=C||"check-filter",O=i();/* @__PURE__ */
19
+ return a(u,{emptyValue:null,value:l,defaultValue:d,onApply:n,open:v,defaultOpen:b,onOpenChange:x,isActive:e=>null!==e,children:[
20
+ /* @__PURE__ */e(p,{"aria-label":N||"Filter",disabled:P,"data-cy":I,"data-testid":k}),
21
+ /* @__PURE__ */a(h,{"data-cy":`${I}-content`,"data-testid":`${k}-content`,children:[void 0!==o&&/* @__PURE__ */e(f,{"data-cy":`${I}-title`,"data-testid":`${k}-title`,children:o}),
22
+ /* @__PURE__ */e(V,{options:r,mode:"single",cyPrefix:I,testIdPrefix:k,searchable:c,searchPlaceholder:s,radioGroupName:O}),
23
+ /* @__PURE__ */a(m,{"data-cy":`${I}-footer`,"data-testid":`${k}-footer`,children:[!g&&/* @__PURE__ */e(y,{}),
24
+ /* @__PURE__ */e($,{})]})]})]})}function w(a){return"single"===a.mode?/* @__PURE__ */e(j,{...a}):/* @__PURE__ */e(O,{...a})}w.displayName="CheckFilter";export{w as CheckFilter};
package/dist/index49.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),t=require("./index58.cjs"),s=require("@adam-milo/icons"),n=require("./index5.cjs"),l=require("./index98.cjs"),r=a.forwardRef(({children:a,logoCenterOnMobile:r=!1,logo:o,nav:i,onHamburgerClick:d,onLogoClick:c,logoAriaLabel:u="Go to home",showSettings:y=!0,showUserMenu:g=!0,userInitials:m,onSettingsClick:b,onUserMenuClick:h,activeMenu:p=null,scrollMode:x="auto",className:S,headerClassName:$,"data-testid":j,"data-cy":v,...C},k)=>{const N=v||"auth-layout",M=j||"auth-layout",W="contained"===x?l.rootContainedStyles:l.rootAutoStyles;return e.jsxs("div",{ref:k,className:t.cn(W,S),"data-testid":M,"data-cy":N,"data-scroll-mode":x,...C,children:[e.jsx("div",{className:t.cn(l.backgroundStyles),"data-testid":`${M}-background`,"data-cy":`${N}-background`,"aria-hidden":"true"}),e.jsxs("header",{className:t.cn(l.headerBaseStyles,(y||g||null!=i)&&l.headerDesktopLayoutAlwaysStyles,r&&!(y||g||null!=i)&&l.headerMobileLogoCenterStyles,null!=i&&l.headerWithNavStyles,$),"data-testid":`${M}-header`,"data-cy":`${N}-header`,children:[c?e.jsx("button",{type:"button",onClick:c,className:t.cn(l.logoWrapperBaseStyles,l.logoButtonStyles,r&&!(y||g||null!=i)&&l.logoWrapperMobileCenterStyles),"data-testid":`${M}-logo`,"data-cy":`${N}-logo`,"aria-label":u,children:o}):e.jsx("div",{className:t.cn(l.logoWrapperBaseStyles,r&&!(y||g||null!=i)&&l.logoWrapperMobileCenterStyles),"data-testid":`${M}-logo`,"data-cy":`${N}-logo`,children:o}),null!=i&&e.jsx("nav",{className:l.navWrapperStyles,"data-testid":`${M}-nav`,"data-cy":`${N}-nav`,children:i}),(y||g||null!=i)&&e.jsxs("nav",{className:t.cn(l.menuWrapperStyles),"aria-label":"Header menu","data-testid":`${M}-menu`,"data-cy":`${N}-menu`,children:[y&&e.jsx(n.MenuIconButton,{variant:"settings",selected:"settings"===p,onClick:b,"aria-label":"Settings","data-testid":`${M}-settings-btn`,"data-cy":`${N}-settings-btn`}),g&&e.jsx(n.MenuIconButton,{variant:"user",initials:m,selected:"user"===p,onClick:h,"aria-label":m?`User menu - ${m}`:"User menu","data-testid":`${M}-user-btn`,"data-cy":`${N}-user-btn`}),null!=i&&e.jsx("button",{type:"button",onClick:d,className:"hidden max-lg:flex items-center justify-center p-2 bg-transparent border-none cursor-pointer","aria-label":"Open menu","data-testid":`${M}-hamburger`,"data-cy":`${N}-hamburger`,children:e.jsx(s.Icon,{name:"CustomHamburgerIcon",size:"lg",color:"text",decorative:!0})})]})]}),a]})});r.displayName="AuthLayout",exports.AuthLayout=r;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),i=require("./index10.cjs"),l=require("./index18.cjs"),a=require("./index47.cjs"),r=require("./index106.cjs");function n({min:n,max:s,step:d,inputPlaceholder:u,allowMin:c,cyPrefix:o}){const{draftValue:m,setDraftValue:p}=a.useFilter(),x=m??n,y=t.useCallback(e=>{p(c||e!==n?e:null)},[p,c,n]),f=t.useCallback(e=>{const t=e.currentTarget.value;if(""===t||"-"===t)return void p(null);const i=parseInt(t,10);if(Number.isNaN(i))return;const l=Math.max(n,Math.min(s,i));p(l)},[s,n,p]);return e.jsxs("div",{className:r.rowStyles,children:[e.jsx("div",{className:r.sliderColumnStyles,children:e.jsx(l.Slider,{mode:"single",value:x,onChange:y,min:n,max:s,step:d,showScaleLabels:!0,"aria-label":"Numeric filter slider","data-cy":`${o}-slider`,"data-testid":`${o}-slider`})}),e.jsx("div",{className:r.inputColumnStyles,children:e.jsx(i.NumericInput,{value:null===m?"":String(m),onChange:f,min:n,max:s,step:d,integerOnly:!0,placeholder:u,"aria-label":"Numeric filter value","data-cy":`${o}-input`,"data-testid":`${o}-input`})})]})}function s({value:t,defaultValue:i,onApply:l,min:r=0,max:s=100,step:d=1,title:u,inputPlaceholder:c,open:o,defaultOpen:m,onOpenChange:p,disabled:x,hideReset:y=!1,allowMin:f=!1,"aria-label":h,"data-cy":j,"data-testid":b}){const g=j||"numeric-filter",v=b||"numeric-filter",N=c??String(r);return e.jsxs(a.Filter,{emptyValue:null,value:t,defaultValue:i,onApply:l,open:o,defaultOpen:m,onOpenChange:p,isActive:e=>null!==e,children:[e.jsx(a.FilterTrigger,{"aria-label":h||"Numeric filter",disabled:x,"data-cy":g,"data-testid":v}),e.jsxs(a.FilterContent,{"data-cy":`${g}-content`,"data-testid":`${v}-content`,children:[void 0!==u&&e.jsx(a.FilterTitle,{"data-cy":`${g}-title`,"data-testid":`${v}-title`,children:u}),e.jsx(a.FilterBody,{"data-cy":`${g}-body`,"data-testid":`${v}-body`,children:e.jsx(n,{min:r,max:s,step:d,inputPlaceholder:N,allowMin:f,cyPrefix:g})}),e.jsxs(a.FilterFooter,{"data-cy":`${g}-footer`,"data-testid":`${v}-footer`,children:[!y&&e.jsx(a.FilterReset,{}),e.jsx(a.FilterApply,{})]})]})]})}s.displayName="NumericFilter",exports.NumericFilter=s;
package/dist/index49.js CHANGED
@@ -1,4 +1,10 @@
1
- import{jsxs as a,jsx as e}from"react/jsx-runtime";import{forwardRef as t}from"react";import{cn as n}from"./index58.js";import{Icon as l}from"@adam-milo/icons";import{MenuIconButton as r}from"./index5.js";import{navWrapperStyles as i,backgroundStyles as s,logoWrapperMobileCenterStyles as o,logoButtonStyles as d,logoWrapperBaseStyles as c,menuWrapperStyles as u,headerWithNavStyles as m,headerMobileLogoCenterStyles as g,headerDesktopLayoutAlwaysStyles as b,headerBaseStyles as h,rootContainedStyles as $,rootAutoStyles as y}from"./index98.js";const p=t(({children:t,logoCenterOnMobile:p=!1,logo:v,nav:C,onHamburgerClick:N,onLogoClick:k,logoAriaLabel:f="Go to home",showSettings:x=!0,showUserMenu:j=!0,userInitials:M,onSettingsClick:U,onUserMenuClick:H,activeMenu:L=null,scrollMode:S="auto",className:w,headerClassName:A,"data-testid":I,"data-cy":O,...z},G)=>{const q=O||"auth-layout",B=I||"auth-layout";/* @__PURE__ */
2
- return a("div",{ref:G,className:n("contained"===S?$:y,w),"data-testid":B,"data-cy":q,"data-scroll-mode":S,...z,children:[
3
- /* @__PURE__ */e("div",{className:n(s),"data-testid":`${B}-background`,"data-cy":`${q}-background`,"aria-hidden":"true"}),
4
- /* @__PURE__ */a("header",{className:n(h,(x||j||null!=C)&&b,p&&!(x||j||null!=C)&&g,null!=C&&m,A),"data-testid":`${B}-header`,"data-cy":`${q}-header`,children:[k?/* @__PURE__ */e("button",{type:"button",onClick:k,className:n(c,d,p&&!(x||j||null!=C)&&o),"data-testid":`${B}-logo`,"data-cy":`${q}-logo`,"aria-label":f,children:v}):/* @__PURE__ */e("div",{className:n(c,p&&!(x||j||null!=C)&&o),"data-testid":`${B}-logo`,"data-cy":`${q}-logo`,children:v}),null!=C&&/* @__PURE__ */e("nav",{className:i,"data-testid":`${B}-nav`,"data-cy":`${q}-nav`,children:C}),(x||j||null!=C)&&/* @__PURE__ */a("nav",{className:n(u),"aria-label":"Header menu","data-testid":`${B}-menu`,"data-cy":`${q}-menu`,children:[x&&/* @__PURE__ */e(r,{variant:"settings",selected:"settings"===L,onClick:U,"aria-label":"Settings","data-testid":`${B}-settings-btn`,"data-cy":`${q}-settings-btn`}),j&&/* @__PURE__ */e(r,{variant:"user",initials:M,selected:"user"===L,onClick:H,"aria-label":M?`User menu - ${M}`:"User menu","data-testid":`${B}-user-btn`,"data-cy":`${q}-user-btn`}),null!=C&&/* @__PURE__ */e("button",{type:"button",onClick:N,className:"hidden max-lg:flex items-center justify-center p-2 bg-transparent border-none cursor-pointer","aria-label":"Open menu","data-testid":`${B}-hamburger`,"data-cy":`${q}-hamburger`,children:/* @__PURE__ */e(l,{name:"CustomHamburgerIcon",size:"lg",color:"text",decorative:!0})})]})]}),t]})});p.displayName="AuthLayout";export{p as AuthLayout};
1
+ import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useCallback as a}from"react";import{NumericInput as i}from"./index10.js";import{Slider as l}from"./index18.js";import{Filter as n,FilterTrigger as r,FilterContent as d,FilterTitle as o,FilterBody as c,FilterFooter as s,FilterReset as u,FilterApply as m,useFilter as p}from"./index47.js";import{rowStyles as f,sliderColumnStyles as h,inputColumnStyles as y}from"./index106.js";function x({min:n,max:r,step:d,inputPlaceholder:o,allowMin:c,cyPrefix:s}){const{draftValue:u,setDraftValue:m}=p(),x=u??n,v=a(e=>{m(c||e!==n?e:null)},[m,c,n]),$=a(e=>{const t=e.currentTarget.value;if(""===t||"-"===t)return void m(null);const a=parseInt(t,10);if(Number.isNaN(a))return;const i=Math.max(n,Math.min(r,a));m(i)},[r,n,m]);/* @__PURE__ */
2
+ return e("div",{className:f,children:[
3
+ /* @__PURE__ */t("div",{className:h,children:/* @__PURE__ */t(l,{mode:"single",value:x,onChange:v,min:n,max:r,step:d,showScaleLabels:!0,"aria-label":"Numeric filter slider","data-cy":`${s}-slider`,"data-testid":`${s}-slider`})}),
4
+ /* @__PURE__ */t("div",{className:y,children:/* @__PURE__ */t(i,{value:null===u?"":String(u),onChange:$,min:n,max:r,step:d,integerOnly:!0,placeholder:o,"aria-label":"Numeric filter value","data-cy":`${s}-input`,"data-testid":`${s}-input`})})]})}function v({value:a,defaultValue:i,onApply:l,min:p=0,max:f=100,step:h=1,title:y,inputPlaceholder:v,open:$,defaultOpen:N,onOpenChange:b,disabled:g,hideReset:j=!1,allowMin:M=!1,"aria-label":O,"data-cy":P,"data-testid":V}){const w=P||"numeric-filter",C=V||"numeric-filter",A=v??String(p);/* @__PURE__ */
5
+ return e(n,{emptyValue:null,value:a,defaultValue:i,onApply:l,open:$,defaultOpen:N,onOpenChange:b,isActive:e=>null!==e,children:[
6
+ /* @__PURE__ */t(r,{"aria-label":O||"Numeric filter",disabled:g,"data-cy":w,"data-testid":C}),
7
+ /* @__PURE__ */e(d,{"data-cy":`${w}-content`,"data-testid":`${C}-content`,children:[void 0!==y&&/* @__PURE__ */t(o,{"data-cy":`${w}-title`,"data-testid":`${C}-title`,children:y}),
8
+ /* @__PURE__ */t(c,{"data-cy":`${w}-body`,"data-testid":`${C}-body`,children:/* @__PURE__ */t(x,{min:p,max:f,step:h,inputPlaceholder:A,allowMin:M,cyPrefix:w})}),
9
+ /* @__PURE__ */e(s,{"data-cy":`${w}-footer`,"data-testid":`${C}-footer`,children:[!j&&/* @__PURE__ */t(u,{}),
10
+ /* @__PURE__ */t(m,{})]})]})]})}v.displayName="NumericFilter";export{v as NumericFilter};
package/dist/index5.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),s=require("./index58.cjs"),i=require("@adam-milo/icons"),n=require("./index64.cjs"),a={settings:"CustomMenuSettingsIcon",user:"CustomMenuUserIcon"},r={settings:"Settings",user:"User menu"},o=t.forwardRef(({variant:t,selected:o=!1,initials:c,className:l,disabled:u,"aria-label":d,"data-testid":m,"data-cy":y,...b},S)=>{const p=y||`menu-icon-button-${t}`,x=m||`menu-icon-button-${t}`,g="user"===t&&Boolean(c),j=s.cn("group","menu-icon-button-border-mask",g&&"menu-icon-button-initials",n.baseStyles,o&&n.selectedStyles,l);return e.jsx("button",{ref:S,type:"button",disabled:u,className:j,"aria-label":d||r[t],"aria-pressed":o,"data-testid":x,"data-cy":p,...b,children:"user"===t&&c?e.jsx("span",{className:s.cn(n.initialsBaseStyles,!o&&n.initialsHoverStyles,o&&n.initialsSelectedStyles),"data-cy":`${p}-initials`,"data-testid":`${x}-initials`,children:c.slice(0,2).toUpperCase()}):e.jsx("span",{className:s.cn(n.iconBaseStyles,!o&&n.iconHoverStyles,o&&n.iconSelectedStyles),"data-cy":`${p}-icon`,"data-testid":`${x}-icon`,children:e.jsx(i.Icon,{name:a[t],size:"lg",color:"inherit",decorative:!0})})})});o.displayName="MenuIconButton",exports.MenuIconButton=o;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),s=require("./index67.cjs"),i=require("@adam-milo/icons"),n=require("./index73.cjs"),a={settings:"CustomMenuSettingsIcon",user:"CustomMenuUserIcon"},r={settings:"Settings",user:"User menu"},o=t.forwardRef(({variant:t,selected:o=!1,initials:c,className:l,disabled:u,"aria-label":d,"data-testid":m,"data-cy":y,...b},S)=>{const p=y||`menu-icon-button-${t}`,x=m||`menu-icon-button-${t}`,g="user"===t&&Boolean(c),j=s.cn("group","menu-icon-button-border-mask",g&&"menu-icon-button-initials",n.baseStyles,o&&n.selectedStyles,l);return e.jsx("button",{ref:S,type:"button",disabled:u,className:j,"aria-label":d||r[t],"aria-pressed":o,"data-testid":x,"data-cy":p,...b,children:"user"===t&&c?e.jsx("span",{className:s.cn(n.initialsBaseStyles,!o&&n.initialsHoverStyles,o&&n.initialsSelectedStyles),"data-cy":`${p}-initials`,"data-testid":`${x}-initials`,children:c.slice(0,2).toUpperCase()}):e.jsx("span",{className:s.cn(n.iconBaseStyles,!o&&n.iconHoverStyles,o&&n.iconSelectedStyles),"data-cy":`${p}-icon`,"data-testid":`${x}-icon`,children:e.jsx(i.Icon,{name:a[t],size:"lg",color:"inherit",decorative:!0})})})});o.displayName="MenuIconButton",exports.MenuIconButton=o;
package/dist/index5.js CHANGED
@@ -1,2 +1,2 @@
1
- import{jsx as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import{cn as a}from"./index58.js";import{Icon as i}from"@adam-milo/icons";import{selectedStyles as n,baseStyles as s,initialsSelectedStyles as o,initialsHoverStyles as r,initialsBaseStyles as c,iconSelectedStyles as d,iconHoverStyles as m,iconBaseStyles as l}from"./index64.js";const u={settings:"CustomMenuSettingsIcon",user:"CustomMenuUserIcon"},p={settings:"Settings",user:"User menu"},b=e(({variant:e,selected:b=!1,initials:f,className:g,disabled:y,"aria-label":$,"data-testid":N,"data-cy":h,...x},j)=>{const C=h||`menu-icon-button-${e}`,I=N||`menu-icon-button-${e}`,M="user"===e&&Boolean(f),U=a("group","menu-icon-button-border-mask",M&&"menu-icon-button-initials",s,b&&n,g);/* @__PURE__ */
1
+ import{jsx as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import{cn as a}from"./index67.js";import{Icon as i}from"@adam-milo/icons";import{selectedStyles as n,baseStyles as s,initialsSelectedStyles as o,initialsHoverStyles as r,initialsBaseStyles as c,iconSelectedStyles as d,iconHoverStyles as m,iconBaseStyles as l}from"./index73.js";const u={settings:"CustomMenuSettingsIcon",user:"CustomMenuUserIcon"},p={settings:"Settings",user:"User menu"},b=e(({variant:e,selected:b=!1,initials:f,className:g,disabled:y,"aria-label":$,"data-testid":N,"data-cy":h,...x},j)=>{const C=h||`menu-icon-button-${e}`,I=N||`menu-icon-button-${e}`,M="user"===e&&Boolean(f),U=a("group","menu-icon-button-border-mask",M&&"menu-icon-button-initials",s,b&&n,g);/* @__PURE__ */
2
2
  return t("button",{ref:j,type:"button",disabled:y,className:U,"aria-label":$||p[e],"aria-pressed":b,"data-testid":I,"data-cy":C,...x,children:/* @__PURE__ */t("span","user"===e&&f?{className:a(c,!b&&r,b&&o),"data-cy":`${C}-initials`,"data-testid":`${I}-initials`,children:f.slice(0,2).toUpperCase()}:{className:a(l,!b&&m,b&&d),"data-cy":`${C}-icon`,"data-testid":`${I}-icon`,children:/* @__PURE__ */t(i,{name:u[e],size:"lg",color:"inherit",decorative:!0})})})});b.displayName="MenuIconButton";export{b as MenuIconButton};
package/dist/index50.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),n=require("./index58.cjs"),a=require("./index99.cjs"),r=t.forwardRef(({children:t,className:r,"data-testid":i,"data-cy":s,...c},d)=>{const o=s||"main-content",l=i||"main-content";return e.jsx("main",{ref:d,className:n.cn(a.mainContentBaseStyles,r),"data-testid":l,"data-cy":o,...c,children:t})});r.displayName="MainContent",exports.MainContent=r;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),t=require("./index10.cjs"),l=require("./index18.cjs"),n=require("./index47.cjs"),i=require("./index107.cjs"),r={min:null,max:null};function s({min:r,max:s,step:d,minPlaceholder:u,maxPlaceholder:m,cyPrefix:c}){const{draftValue:o,setDraftValue:x}=n.useFilter(),p=o?.min??null,y=o?.max??null,h=a.useCallback((e,a)=>{x({min:"min"===e?a:p,max:"max"===e?a:y})},[p,y,x]),j=a.useCallback(e=>{x({min:e[0]===r?null:e[0],max:e[1]===s?null:e[1]})},[x,r,s]),g=a.useCallback(e=>a=>{const t=function(e){if(""===e||"-"===e)return null;const a=parseInt(e,10);return Number.isNaN(a)?null:a}(a.currentTarget.value);var l,n,i;null!==t?h(e,(l=t,n=r,i=s,Math.max(n,Math.min(i,l)))):h(e,null)},[s,r,h]),f=p??r,b=y??s,$=f<=b?[f,b]:[b,f];return e.jsxs("div",{className:i.bodyStackStyles,children:[e.jsx(l.Slider,{mode:"range",value:$,onChange:j,min:r,max:s,step:d,showScaleLabels:!0,"aria-label":"Range filter slider","data-cy":`${c}-slider`,"data-testid":`${c}-slider`}),e.jsxs("div",{className:i.inputRowStyles,children:[e.jsx("div",{className:i.inputGroupStyles,children:e.jsx(t.NumericInput,{value:null===p?"":String(p),onChange:g("min"),min:r,max:s,step:d,integerOnly:!0,placeholder:u,"aria-label":"Minimum","data-cy":`${c}-min-input`,"data-testid":`${c}-min-input`})}),e.jsx("span",{className:i.separatorStyles,"aria-hidden":"true","data-cy":`${c}-separator`,"data-testid":`${c}-separator`,children:"–"}),e.jsx("div",{className:i.inputGroupStyles,children:e.jsx(t.NumericInput,{value:null===y?"":String(y),onChange:g("max"),min:r,max:s,step:d,integerOnly:!0,placeholder:m,"aria-label":"Maximum","data-cy":`${c}-max-input`,"data-testid":`${c}-max-input`})})]})]})}const d=e=>null!==e.min||null!==e.max,u=(e,a)=>e.min===a.min&&e.max===a.max,m=e=>null!==e.min&&null!==e.max&&e.min>e.max?{min:e.max,max:e.min}:e;function c({value:a,defaultValue:t,onApply:l,min:i=0,max:c=100,step:o=1,title:x,minPlaceholder:p="Min",maxPlaceholder:y="Max",open:h,defaultOpen:j,onOpenChange:g,disabled:f,hideReset:b=!1,"aria-label":$,"data-cy":v,"data-testid":F}){const S=v||"range-filter",N=F||"range-filter";return e.jsxs(n.Filter,{emptyValue:r,value:a,defaultValue:t,onApply:l,open:h,defaultOpen:j,onOpenChange:g,isActive:d,compareValues:u,normalizeValue:m,children:[e.jsx(n.FilterTrigger,{"aria-label":$||"Range filter",disabled:f,"data-cy":S,"data-testid":N}),e.jsxs(n.FilterContent,{"data-cy":`${S}-content`,"data-testid":`${N}-content`,children:[void 0!==x&&e.jsx(n.FilterTitle,{"data-cy":`${S}-title`,"data-testid":`${N}-title`,children:x}),e.jsx(n.FilterBody,{"data-cy":`${S}-body`,"data-testid":`${N}-body`,children:e.jsx(s,{min:i,max:c,step:o,minPlaceholder:p,maxPlaceholder:y,cyPrefix:S})}),e.jsxs(n.FilterFooter,{"data-cy":`${S}-footer`,"data-testid":`${N}-footer`,children:[!b&&e.jsx(n.FilterReset,{}),e.jsx(n.FilterApply,{})]})]})]})}c.displayName="RangeFilter",exports.RangeFilter=c;
package/dist/index50.js CHANGED
@@ -1,2 +1,13 @@
1
- import{jsx as t}from"react/jsx-runtime";import{forwardRef as a}from"react";import{cn as e}from"./index58.js";import{mainContentBaseStyles as n}from"./index99.js";const r=a(({children:a,className:r,"data-testid":i,"data-cy":m,...o},c)=>{const s=m||"main-content",d=i||"main-content";/* @__PURE__ */
2
- return t("main",{ref:c,className:e(n,r),"data-testid":d,"data-cy":s,...o,children:a})});r.displayName="MainContent";export{r as MainContent};
1
+ import{jsxs as a,jsx as e}from"react/jsx-runtime";import{useCallback as n}from"react";import{NumericInput as t}from"./index10.js";import{Slider as l}from"./index18.js";import{Filter as i,FilterTrigger as r,FilterContent as m,FilterTitle as d,FilterBody as o,FilterFooter as s,FilterReset as c,FilterApply as u,useFilter as p}from"./index47.js";import{bodyStackStyles as x,inputRowStyles as h,inputGroupStyles as f,separatorStyles as y}from"./index107.js";const g={min:null,max:null};function $({min:i,max:r,step:m,minPlaceholder:d,maxPlaceholder:o,cyPrefix:s}){const{draftValue:c,setDraftValue:u}=p(),g=c?.min??null,$=c?.max??null,v=n((a,e)=>{u({min:"min"===a?e:g,max:"max"===a?e:$})},[g,$,u]),b=n(a=>{u({min:a[0]===i?null:a[0],max:a[1]===r?null:a[1]})},[u,i,r]),N=n(a=>e=>{const n=function(a){if(""===a||"-"===a)return null;const e=parseInt(a,10);return Number.isNaN(e)?null:e}(e.currentTarget.value);var t,l,m;null!==n?v(a,(t=n,l=i,m=r,Math.max(l,Math.min(m,t)))):v(a,null)},[r,i,v]),P=g??i,V=$??r;/* @__PURE__ */
2
+ return a("div",{className:x,children:[
3
+ /* @__PURE__ */e(l,{mode:"range",value:P<=V?[P,V]:[V,P],onChange:b,min:i,max:r,step:m,showScaleLabels:!0,"aria-label":"Range filter slider","data-cy":`${s}-slider`,"data-testid":`${s}-slider`}),
4
+ /* @__PURE__ */a("div",{className:h,children:[
5
+ /* @__PURE__ */e("div",{className:f,children:/* @__PURE__ */e(t,{value:null===g?"":String(g),onChange:N("min"),min:i,max:r,step:m,integerOnly:!0,placeholder:d,"aria-label":"Minimum","data-cy":`${s}-min-input`,"data-testid":`${s}-min-input`})}),
6
+ /* @__PURE__ */e("span",{className:y,"aria-hidden":"true","data-cy":`${s}-separator`,"data-testid":`${s}-separator`,children:"–"}),
7
+ /* @__PURE__ */e("div",{className:f,children:/* @__PURE__ */e(t,{value:null===$?"":String($),onChange:N("max"),min:i,max:r,step:m,integerOnly:!0,placeholder:o,"aria-label":"Maximum","data-cy":`${s}-max-input`,"data-testid":`${s}-max-input`})})]})]})}const v=a=>null!==a.min||null!==a.max,b=(a,e)=>a.min===e.min&&a.max===e.max,N=a=>null!==a.min&&null!==a.max&&a.min>a.max?{min:a.max,max:a.min}:a;function P({value:n,defaultValue:t,onApply:l,min:p=0,max:x=100,step:h=1,title:f,minPlaceholder:y="Min",maxPlaceholder:P="Max",open:V,defaultOpen:M,onOpenChange:O,disabled:j,hideReset:C=!1,"aria-label":R,"data-cy":A,"data-testid":S}){const w=A||"range-filter",z=S||"range-filter";/* @__PURE__ */
8
+ return a(i,{emptyValue:g,value:n,defaultValue:t,onApply:l,open:V,defaultOpen:M,onOpenChange:O,isActive:v,compareValues:b,normalizeValue:N,children:[
9
+ /* @__PURE__ */e(r,{"aria-label":R||"Range filter",disabled:j,"data-cy":w,"data-testid":z}),
10
+ /* @__PURE__ */a(m,{"data-cy":`${w}-content`,"data-testid":`${z}-content`,children:[void 0!==f&&/* @__PURE__ */e(d,{"data-cy":`${w}-title`,"data-testid":`${z}-title`,children:f}),
11
+ /* @__PURE__ */e(o,{"data-cy":`${w}-body`,"data-testid":`${z}-body`,children:/* @__PURE__ */e($,{min:p,max:x,step:h,minPlaceholder:y,maxPlaceholder:P,cyPrefix:w})}),
12
+ /* @__PURE__ */a(s,{"data-cy":`${w}-footer`,"data-testid":`${z}-footer`,children:[!C&&/* @__PURE__ */e(c,{}),
13
+ /* @__PURE__ */e(u,{})]})]})]})}P.displayName="RangeFilter";export{P as RangeFilter};
package/dist/index51.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),t=require("./index58.cjs"),s=a.forwardRef(({logo:a,nav:s,right:r,logoCenterOnMobile:n=!1,className:m,"data-cy":i,"data-testid":d,...l},o)=>{const x=i??"simple-header",c=d??"simple-header";return e.jsxs("header",{ref:o,className:t.cn("flex flex-row items-center justify-between bg-transparent z-[100] border-0 border-none",n&&"max-sm:relative",m),style:{padding:"20px 16px"},"data-cy":x,"data-testid":c,...l,children:[e.jsx("div",{className:t.cn("flex items-center shrink-0 border-0 border-none",n&&["max-sm:absolute max-sm:inset-x-0 max-sm:top-0 max-sm:bottom-0","max-sm:flex max-sm:justify-center max-sm:items-center","max-sm:w-full max-sm:max-w-none","max-sm:[&>*]:shrink-0 max-sm:[&>*]:basis-auto"].join(" ")),"data-cy":`${x}-logo`,"data-testid":`${c}-logo`,children:a}),null!=s?e.jsx("nav",{className:"flex items-center max-sm:hidden","data-cy":`${x}-nav`,"data-testid":`${c}-nav`,children:s}):null,null!=r?e.jsx("div",{className:"flex items-center gap-2 shrink-0 border-0 border-none","data-cy":`${x}-right`,"data-testid":`${c}-right`,children:r}):null]})});s.displayName="SimpleHeader",exports.SimpleHeader=s;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("@radix-ui/react-select"),r=require("@adam-milo/icons"),s=require("./index67.cjs"),n=require("./index47.cjs"),o=require("./index14.cjs"),l=require("./index108.cjs"),i=require("./index109.cjs");function d(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const a in e)if("default"!==a){const r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:()=>e[a]})}return t.default=e,Object.freeze(t)}const c=d(a),u={from:null,to:null},f=["today","last-week","last-month","last-year"],y={today:"Today",lastWeek:"Last week",lastMonth:"Last month",lastYear:"Last year"},m={from:"From:",to:"To:"},h={today:"today","last-week":"lastWeek","last-month":"lastMonth","last-year":"lastYear"};function p(e){return`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,"0")}-${String(e.getDate()).padStart(2,"0")}`}function g({direction:t}){return e.jsx(r.Icon,{name:"CustomChevronBackIcon",size:"md",color:"inherit",decorative:!0,className:"right"===t?"[transform:scaleX(-1)]":void 0})}function x(){return e.jsx(r.Icon,{name:"CustomChevronDownIcon",size:"md",color:"inherit",decorative:!0})}function S({value:t,display:a,options:r,onChange:s,ariaLabel:n,cyPrefix:l}){return e.jsxs(c.Root,{value:t,onValueChange:s,children:[e.jsxs(c.Trigger,{className:i.headerSelectStyles,"aria-label":n,"data-cy":l,"data-testid":l,children:[e.jsx(c.Value,{asChild:!0,children:e.jsx("span",{className:i.headerSelectValueStyles,children:a})}),e.jsx(c.Icon,{className:i.headerSelectIconStyles,children:e.jsx(x,{})})]}),e.jsx(o.SelectContent,{"data-cy":`${l}-content`,"data-testid":`${l}-content`,children:r.map(t=>e.jsx(o.SelectItem,{value:t.value,"data-cy":`${l}-option-${t.value}`,"data-testid":`${l}-option-${t.value}`,children:t.label},t.value))})]})}function b(e,t,a,r){const s=e=>e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth();if(a.from&&s(a.from))return l.startOfDay(a.from);if(a.to&&s(a.to))return l.startOfDay(a.to);if(s(r))return l.startOfDay(r);for(const n of e)for(const e of n)if(!e.outside)return l.startOfDay(e.date);return l.startOfMonth(t)}function v({monthDate:a,yearRange:r,selected:n,today:o,onSelectDate:d,onChangeMonth:c,onChangeYear:u,onShift:f,side:y,cyPrefix:m}){const h=t.useMemo(()=>l.buildMonthGrid(a),[a]),x=t.useMemo(()=>{const e=[];for(let t=0;t<h.length;t+=7)e.push(h.slice(t,t+7));return e},[h]),v=l.MONTHS_SHORT[a.getMonth()],j=String(a.getFullYear()),[$,D]=t.useState(()=>b(x,a,n,o)),M=t.useRef(`${a.getFullYear()}-${a.getMonth()}`);t.useEffect(()=>{const e=`${a.getFullYear()}-${a.getMonth()}`;e!==M.current&&(M.current=e,D(b(x,a,n,o)))},[a,x,n,o]);const C=t.useRef(new Map),w=t.useRef(!1);t.useEffect(()=>{if(!w.current)return;w.current=!1;const e=p($);C.current.get(e)?.focus()},[$]);const N=t.useCallback(e=>{const t=l.startOfDay(e);if(w.current=!0,t.getFullYear()!==a.getFullYear()||t.getMonth()!==a.getMonth()){f(-1===(t<a?-1:1)?"left":"right")}D(t)},[a,f]),k=t.useCallback(e=>{const t=e.key;if(!("ArrowLeft"===t||"ArrowRight"===t||"ArrowUp"===t||"ArrowDown"===t||"Home"===t||"End"===t||"PageUp"===t||"PageDown"===t))return;e.preventDefault();const a=$.getDay();switch(t){case"ArrowLeft":N(l.addDays($,-1));break;case"ArrowRight":N(l.addDays($,1));break;case"ArrowUp":N(l.addDays($,-7));break;case"ArrowDown":N(l.addDays($,7));break;case"Home":N(l.addDays($,-a));break;case"End":N(l.addDays($,6-a));break;case"PageUp":N(l.addMonths($,e.shiftKey?-12:-1));break;case"PageDown":N(l.addMonths($,e.shiftKey?12:1))}},[$,N]);return e.jsxs("div",{className:s.cn(i.calendarColumnStyles,"left"===y?i.calendarColumnLeftStyles:i.calendarColumnRightStyles),"data-cy":`${m}-calendar-${y}`,"data-testid":`${m}-calendar-${y}`,children:[e.jsxs("div",{className:i.calendarHeaderStyles,children:[e.jsx("button",{type:"button",onClick:()=>f("left"),className:i.chevronButtonStyles,"aria-label":`Previous month (${y})`,"data-cy":`${m}-prev-${y}`,"data-testid":`${m}-prev-${y}`,children:e.jsx(g,{direction:"left"})}),e.jsxs("div",{className:i.headerSelectsGroupStyles,children:[e.jsx(S,{value:String(a.getMonth()),display:v,options:l.MONTHS_LONG.map((e,t)=>({value:String(t),label:e})),onChange:e=>c(parseInt(e,10)),ariaLabel:`Month (${y})`,cyPrefix:`${m}-month-${y}`}),e.jsx(S,{value:j,display:j,options:r.map(e=>({value:String(e),label:String(e)})),onChange:e=>u(parseInt(e,10)),ariaLabel:`Year (${y})`,cyPrefix:`${m}-year-${y}`})]}),e.jsx("button",{type:"button",onClick:()=>f("right"),className:i.chevronButtonStyles,"aria-label":`Next month (${y})`,"data-cy":`${m}-next-${y}`,"data-testid":`${m}-next-${y}`,children:e.jsx(g,{direction:"right"})})]}),e.jsx("div",{className:i.weekdayRowStyles,"aria-hidden":"true",children:l.WEEKDAY_SHORT.map(t=>e.jsx("span",{className:i.weekdayCellStyles,children:t},t))}),e.jsx("div",{role:"grid","aria-label":`Calendar (${y})`,className:i.monthGridStyles,onKeyDown:k,tabIndex:-1,children:x.map((t,a)=>e.jsx("div",{role:"row",className:i.weekRowStyles,children:t.map(({date:t,outside:a})=>{const r=!a&&l.isSameDay(t,n.from),c=!a&&l.isSameDay(t,n.to),u=r||c,f=!a&&l.isInRange(t,n.from,n.to)&&!u,y=!a&&l.isSameDay(t,o),h=p(t),g=!a&&l.isSameDay(t,$);return e.jsx("div",{role:"gridcell","aria-selected":u||f,className:i.dayCellWrapperStyles,children:e.jsx("button",{type:"button",ref:e=>{e?C.current.set(h,e):C.current.delete(h)},disabled:a,"aria-disabled":a||void 0,"aria-current":y?"date":void 0,"aria-label":l.formatDateLong(t),onClick:a?void 0:()=>d(t),tabIndex:!a&&g?0:-1,className:s.cn(i.dayCellBaseStyles,a&&i.dayCellOutsideStyles,y&&!u&&i.dayCellTodayStyles,f&&i.dayCellInRangeStyles,u&&i.dayCellSelectedStyles),"data-cy":`${m}-day-${h}`,"data-testid":`${m}-day-${h}`,"data-outside":a||void 0,"data-selected":u||void 0,"data-in-range":f||void 0,"data-today":y||void 0,children:t.getDate()})},h)})},a))})]})}function j({label:a,value:r,formatValue:n,parseValue:o,onChange:d,ariaLabel:c,errorMessage:u,cyPrefix:f}){const[y,m]=t.useState(r?n(r):""),[h,p]=t.useState(!1),g=t.useRef(r),x=`${t.useId()}-error`;t.useEffect(()=>{l.isSameDay(r,g.current)||(g.current=r,m(r?n(r):""),p(!1))},[r,n]);const S=()=>{const e=y.trim();if(!e)return p(!1),d(null),void(g.current=null);const t=o(e);if(t){const e=l.startOfDay(t);m(n(e)),p(!1),d(e),g.current=e}else p(!0)};return e.jsxs("div",{className:"flex items-center gap-[var(--spacing-2)] flex-1 min-w-0",children:[e.jsx("span",{className:i.footerInputLabelStyles,"data-cy":`${f}-label`,"data-testid":`${f}-label`,children:a}),e.jsxs("div",{className:i.footerInputWrapperStyles,children:[e.jsx("input",{type:"text",inputMode:"numeric",value:y,onChange:e=>{m(e.currentTarget.value),h&&p(!1)},onBlur:S,onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),S(),e.currentTarget.blur())},className:s.cn(i.footerInputStyles,h&&i.footerInputErrorStyles),"aria-label":c,"aria-invalid":h||void 0,"aria-describedby":h?x:void 0,"data-cy":f,"data-testid":f}),h&&e.jsx("span",{id:x,role:"alert",className:i.footerInputErrorMessageStyles,"data-cy":`${f}-error`,"data-testid":`${f}-error`,children:u})]})]})}function $({defaultViewMonth:a,today:r,presets:o,presetLabels:d,footerLabels:c,hidePresets:u,hideFooterInputs:f,hideReset:y,formatValue:m,parseValue:p,yearRangeSize:g,cyPrefix:x}){const{draftValue:S,setDraftValue:b,open:$}=n.useFilter(),[D,M]=t.useState(l.startOfMonth(a));t.useEffect(()=>{if(!$)return;const e=S.from??S.to??r;M(l.startOfMonth(e))},[$]);const C=t.useMemo(()=>l.addMonths(D,1),[D]),w=t.useMemo(()=>{const e=D.getFullYear(),t=[];for(let a=e-g;a<=e+g;a++)t.push(a);return t},[D,g]),N=t.useCallback(e=>{b(function(e,t){const a=l.startOfDay(t);return e.from&&e.from&&!e.to?l.compareDay(a,e.from)<0?{from:a,to:e.from}:{from:e.from,to:a}:{from:a,to:null}}(S,e))},[S,b]),k=t.useCallback(e=>{M(t=>l.addMonths(t,e))},[]),O=t.useCallback(e=>{M(new Date(D.getFullYear(),e,1))},[D]),R=t.useCallback(e=>{M(new Date(e,D.getMonth(),1))},[D]),F=t.useCallback(e=>{const t=new Date(C.getFullYear(),e,1);M(l.addMonths(t,-1))},[C]),I=t.useCallback(e=>{const t=new Date(e,C.getMonth(),1);M(l.addMonths(t,-1))},[C]),P=t.useCallback(e=>{const t=l.getPresetRange(e,r);b(t),M(l.startOfMonth(t.from))},[r,b]),V=t.useCallback(e=>{e&&S.to&&l.compareDay(e,S.to)>0?b({from:e,to:null}):b({from:e,to:S.to})},[S,b]),L=t.useCallback(e=>{e&&S.from&&l.compareDay(e,S.from)<0?b({from:e,to:S.from}):b({from:S.from,to:e})},[S,b]),Y=t.useMemo(()=>{for(const e of o){const t=l.getPresetRange(e,r);if(l.dateRangeEquals(t,S))return e}return null},[o,r,S]),A=null===S.from!=(null===S.to);return e.jsxs(e.Fragment,{children:[!u&&o.length>0&&e.jsx("div",{className:i.presetsRowStyles,"data-cy":`${x}-presets`,"data-testid":`${x}-presets`,children:o.map(t=>{const a=d[h[t]];if(null==a)return null;const r=Y===t;return e.jsx("button",{type:"button",onClick:()=>P(t),className:s.cn(i.presetButtonStyles,r&&i.presetButtonActiveStyles),"aria-pressed":r,"data-active":r||void 0,"data-cy":`${x}-preset-${t}`,"data-testid":`${x}-preset-${t}`,children:a},t)})}),e.jsxs("div",{className:i.calendarsRowStyles,children:[e.jsx(v,{monthDate:D,yearRange:w,selected:S,today:r,onSelectDate:N,onChangeMonth:O,onChangeYear:R,onShift:e=>k("left"===e?-1:1),side:"left",cyPrefix:x}),e.jsx("div",{className:i.calendarDividerStyles,"aria-hidden":"true"}),e.jsx(v,{monthDate:C,yearRange:w,selected:S,today:r,onSelectDate:N,onChangeMonth:F,onChangeYear:I,onShift:e=>k("left"===e?-1:1),side:"right",cyPrefix:x})]}),e.jsxs("div",{className:i.footerOverrideStyles,"data-cy":`${x}-footer`,"data-testid":`${x}-footer`,children:[!f&&e.jsxs("div",{className:i.footerInputsGroupStyles,children:[e.jsx(j,{label:c.from,value:S.from,formatValue:m,parseValue:p,onChange:V,ariaLabel:"From date",errorMessage:"Invalid date format",cyPrefix:`${x}-from`}),e.jsx(j,{label:c.to,value:S.to,formatValue:m,parseValue:p,onChange:L,ariaLabel:"To date",errorMessage:"Invalid date format",cyPrefix:`${x}-to`})]}),e.jsxs("div",{className:i.footerActionsStyles,children:[!y&&e.jsx(n.FilterReset,{}),e.jsx(n.FilterApply,{disabled:A})]})]})]})}function D({value:a,defaultValue:r,onApply:s,defaultViewMonth:o,today:d,title:c,presetLabels:h,presets:p=f,hidePresets:g=!1,footerLabels:x,hideFooterInputs:S=!1,formatValue:b=l.formatDateLong,parseValue:v=l.parseDateInput,open:j,defaultOpen:D,onOpenChange:M,disabled:C,hideReset:w=!1,yearRange:N=10,"aria-label":k,"data-cy":O,"data-testid":R}){const F=O||"date-filter",I=R||"date-filter",P=t.useMemo(()=>l.startOfDay(d??new Date),[d]),V=t.useMemo(()=>{if(o)return l.startOfMonth(o);const e=r?.from??r?.to??a?.from??a?.to??P;return l.startOfMonth(e)},[o,r,a,P]),L=t.useMemo(()=>({...y,...h??{}}),[h]),Y=t.useMemo(()=>({...m,...x??{}}),[x]);return e.jsxs(n.Filter,{emptyValue:u,value:a,defaultValue:r,onApply:s,open:j,defaultOpen:D,onOpenChange:M,isActive:e=>null!==e.from||null!==e.to,compareValues:l.dateRangeEquals,children:[e.jsx(n.FilterTrigger,{"aria-label":k||"Date filter",disabled:C,"data-cy":F,"data-testid":I}),e.jsxs(n.FilterContent,{className:i.contentStyles,"data-cy":`${F}-content`,"data-testid":`${I}-content`,children:[void 0!==c&&e.jsx(n.FilterTitle,{className:"px-[var(--spacing-3)] pt-[var(--spacing-3)]","data-cy":`${F}-title`,"data-testid":`${I}-title`,children:c}),e.jsx($,{defaultViewMonth:V,today:P,presets:p,presetLabels:L,footerLabels:Y,hidePresets:g,hideFooterInputs:S,hideReset:w,formatValue:b,parseValue:v,yearRangeSize:N,cyPrefix:F})]})]})}D.displayName="DateFilter";const M=D;exports.DateFilter=M;
package/dist/index51.js CHANGED
@@ -1,3 +1,38 @@
1
- import{jsxs as e,jsx as a}from"react/jsx-runtime";import{forwardRef as t}from"react";import{cn as s}from"./index58.js";const r=t(({logo:t,nav:r,right:m,logoCenterOnMobile:n=!1,className:i,"data-cy":d,"data-testid":l,...o},x)=>{const c=d??"simple-header",h=l??"simple-header";/* @__PURE__ */
2
- return e("header",{ref:x,className:s("flex flex-row items-center justify-between bg-transparent z-[100] border-0 border-none",n&&"max-sm:relative",i),style:{padding:"20px 16px"},"data-cy":c,"data-testid":h,...o,children:[
3
- /* @__PURE__ */a("div",{className:s("flex items-center shrink-0 border-0 border-none",n&&["max-sm:absolute max-sm:inset-x-0 max-sm:top-0 max-sm:bottom-0","max-sm:flex max-sm:justify-center max-sm:items-center","max-sm:w-full max-sm:max-w-none","max-sm:[&>*]:shrink-0 max-sm:[&>*]:basis-auto"].join(" ")),"data-cy":`${c}-logo`,"data-testid":`${h}-logo`,children:t}),null!=r?/* @__PURE__ */a("nav",{className:"flex items-center max-sm:hidden","data-cy":`${c}-nav`,"data-testid":`${h}-nav`,children:r}):null,null!=m?/* @__PURE__ */a("div",{className:"flex items-center gap-2 shrink-0 border-0 border-none","data-cy":`${c}-right`,"data-testid":`${h}-right`,children:m}):null]})});r.displayName="SimpleHeader";export{r as SimpleHeader};
1
+ import{jsxs as e,jsx as t,Fragment as a}from"react/jsx-runtime";import{useMemo as r,useState as n,useEffect as o,useCallback as l,useRef as i,useId as s}from"react";import*as d from"@radix-ui/react-select";import{Icon as c}from"@adam-milo/icons";import{cn as u}from"./index67.js";import{Filter as f,FilterTrigger as m,FilterContent as h,FilterTitle as p,useFilter as g,FilterReset as y,FilterApply as v}from"./index47.js";import{SelectContent as $,SelectItem as b}from"./index14.js";import{startOfDay as N,startOfMonth as w,dateRangeEquals as x,parseDateInput as C,formatDateLong as D,addMonths as M,getPresetRange as V,compareDay as k,buildMonthGrid as P,MONTHS_SHORT as F,addDays as L,MONTHS_LONG as S,WEEKDAY_SHORT as Y,isSameDay as I,isInRange as R}from"./index108.js";import{contentStyles as A,presetsRowStyles as j,presetButtonActiveStyles as T,presetButtonStyles as z,calendarsRowStyles as K,calendarDividerStyles as O,footerOverrideStyles as U,footerInputsGroupStyles as E,footerActionsStyles as B,calendarHeaderStyles as H,chevronButtonStyles as W,headerSelectsGroupStyles as X,weekdayRowStyles as q,weekdayCellStyles as G,monthGridStyles as J,weekRowStyles as Q,dayCellWrapperStyles as Z,dayCellSelectedStyles as _,dayCellInRangeStyles as ee,dayCellTodayStyles as te,dayCellOutsideStyles as ae,dayCellBaseStyles as re,calendarColumnLeftStyles as ne,calendarColumnRightStyles as oe,calendarColumnStyles as le,footerInputLabelStyles as ie,footerInputWrapperStyles as se,footerInputErrorStyles as de,footerInputStyles as ce,footerInputErrorMessageStyles as ue,headerSelectStyles as fe,headerSelectValueStyles as me,headerSelectIconStyles as he}from"./index109.js";const pe={from:null,to:null},ge=["today","last-week","last-month","last-year"],ye={today:"Today",lastWeek:"Last week",lastMonth:"Last month",lastYear:"Last year"},ve={from:"From:",to:"To:"},$e={today:"today","last-week":"lastWeek","last-month":"lastMonth","last-year":"lastYear"};function be(e){return`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,"0")}-${String(e.getDate()).padStart(2,"0")}`}function Ne({direction:e}){/* @__PURE__ */
2
+ return t(c,{name:"CustomChevronBackIcon",size:"md",color:"inherit",decorative:!0,className:"right"===e?"[transform:scaleX(-1)]":void 0})}function we(){/* @__PURE__ */
3
+ return t(c,{name:"CustomChevronDownIcon",size:"md",color:"inherit",decorative:!0})}function xe({value:a,display:r,options:n,onChange:o,ariaLabel:l,cyPrefix:i}){/* @__PURE__ */
4
+ return e(d.Root,{value:a,onValueChange:o,children:[
5
+ /* @__PURE__ */e(d.Trigger,{className:fe,"aria-label":l,"data-cy":i,"data-testid":i,children:[
6
+ /* @__PURE__ */t(d.Value,{asChild:!0,children:/* @__PURE__ */t("span",{className:me,children:r})}),
7
+ /* @__PURE__ */t(d.Icon,{className:he,children:/* @__PURE__ */t(we,{})})]}),
8
+ /* @__PURE__ */t($,{"data-cy":`${i}-content`,"data-testid":`${i}-content`,children:n.map(e=>/* @__PURE__ */t(b,{value:e.value,"data-cy":`${i}-option-${e.value}`,"data-testid":`${i}-option-${e.value}`,children:e.label},e.value))})]})}function Ce(e,t,a,r){const n=e=>e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth();if(a.from&&n(a.from))return N(a.from);if(a.to&&n(a.to))return N(a.to);if(n(r))return N(r);for(const o of e)for(const e of o)if(!e.outside)return N(e.date);return w(t)}function De({monthDate:a,yearRange:s,selected:d,today:c,onSelectDate:f,onChangeMonth:m,onChangeYear:h,onShift:p,side:g,cyPrefix:y}){const v=r(()=>P(a),[a]),$=r(()=>{const e=[];for(let t=0;t<v.length;t+=7)e.push(v.slice(t,t+7));return e},[v]),b=F[a.getMonth()],w=String(a.getFullYear()),[x,C]=n(()=>Ce($,a,d,c)),V=i(`${a.getFullYear()}-${a.getMonth()}`);o(()=>{const e=`${a.getFullYear()}-${a.getMonth()}`;e!==V.current&&(V.current=e,C(Ce($,a,d,c)))},[a,$,d,c]);const k=i(/* @__PURE__ */new Map),A=i(!1);o(()=>{if(!A.current)return;A.current=!1;const e=be(x);k.current.get(e)?.focus()},[x]);const j=l(e=>{const t=N(e);if(A.current=!0,t.getFullYear()!==a.getFullYear()||t.getMonth()!==a.getMonth()){p(-1===(t<a?-1:1)?"left":"right")}C(t)},[a,p]),T=l(e=>{const t=e.key;if(!("ArrowLeft"===t||"ArrowRight"===t||"ArrowUp"===t||"ArrowDown"===t||"Home"===t||"End"===t||"PageUp"===t||"PageDown"===t))return;e.preventDefault();const a=x.getDay();switch(t){case"ArrowLeft":j(L(x,-1));break;case"ArrowRight":j(L(x,1));break;case"ArrowUp":j(L(x,-7));break;case"ArrowDown":j(L(x,7));break;case"Home":j(L(x,-a));break;case"End":j(L(x,6-a));break;case"PageUp":j(M(x,e.shiftKey?-12:-1));break;case"PageDown":j(M(x,e.shiftKey?12:1))}},[x,j]);/* @__PURE__ */
9
+ return e("div",{className:u(le,"left"===g?ne:oe),"data-cy":`${y}-calendar-${g}`,"data-testid":`${y}-calendar-${g}`,children:[
10
+ /* @__PURE__ */e("div",{className:H,children:[
11
+ /* @__PURE__ */t("button",{type:"button",onClick:()=>p("left"),className:W,"aria-label":`Previous month (${g})`,"data-cy":`${y}-prev-${g}`,"data-testid":`${y}-prev-${g}`,children:/* @__PURE__ */t(Ne,{direction:"left"})}),
12
+ /* @__PURE__ */e("div",{className:X,children:[
13
+ /* @__PURE__ */t(xe,{value:String(a.getMonth()),display:b,options:S.map((e,t)=>({value:String(t),label:e})),onChange:e=>m(parseInt(e,10)),ariaLabel:`Month (${g})`,cyPrefix:`${y}-month-${g}`}),
14
+ /* @__PURE__ */t(xe,{value:w,display:w,options:s.map(e=>({value:String(e),label:String(e)})),onChange:e=>h(parseInt(e,10)),ariaLabel:`Year (${g})`,cyPrefix:`${y}-year-${g}`})]}),
15
+ /* @__PURE__ */t("button",{type:"button",onClick:()=>p("right"),className:W,"aria-label":`Next month (${g})`,"data-cy":`${y}-next-${g}`,"data-testid":`${y}-next-${g}`,children:/* @__PURE__ */t(Ne,{direction:"right"})})]}),
16
+ /* @__PURE__ */t("div",{className:q,"aria-hidden":"true",children:Y.map(e=>/* @__PURE__ */t("span",{className:G,children:e},e))}),
17
+ /* @__PURE__ */t("div",{role:"grid","aria-label":`Calendar (${g})`,className:J,onKeyDown:T,tabIndex:-1,children:$.map((e,a)=>/* @__PURE__ */t("div",{role:"row",className:Q,children:e.map(({date:e,outside:a})=>{const r=!a&&I(e,d.from),n=!a&&I(e,d.to),o=r||n,l=!a&&R(e,d.from,d.to)&&!o,i=!a&&I(e,c),s=be(e),m=!a&&I(e,x);
18
+ /* @__PURE__ */
19
+ return t("div",{role:"gridcell","aria-selected":o||l,className:Z,children:/* @__PURE__ */t("button",{type:"button",ref:e=>{e?k.current.set(s,e):k.current.delete(s)},disabled:a,"aria-disabled":a||void 0,"aria-current":i?"date":void 0,"aria-label":D(e),onClick:a?void 0:()=>f(e),tabIndex:!a&&m?0:-1,className:u(re,a&&ae,i&&!o&&te,l&&ee,o&&_),"data-cy":`${y}-day-${s}`,"data-testid":`${y}-day-${s}`,"data-outside":a||void 0,"data-selected":o||void 0,"data-in-range":l||void 0,"data-today":i||void 0,children:e.getDate()})},s)})},a))})]})}function Me({label:a,value:r,formatValue:l,parseValue:d,onChange:c,ariaLabel:f,errorMessage:m,cyPrefix:h}){const[p,g]=n(r?l(r):""),[y,v]=n(!1),$=i(r),b=`${s()}-error`;o(()=>{I(r,$.current)||($.current=r,g(r?l(r):""),v(!1))},[r,l]);const w=()=>{const e=p.trim();if(!e)return v(!1),c(null),void($.current=null);const t=d(e);if(t){const e=N(t);g(l(e)),v(!1),c(e),$.current=e}else v(!0)};/* @__PURE__ */
20
+ return e("div",{className:"flex items-center gap-[var(--spacing-2)] flex-1 min-w-0",children:[
21
+ /* @__PURE__ */t("span",{className:ie,"data-cy":`${h}-label`,"data-testid":`${h}-label`,children:a}),
22
+ /* @__PURE__ */e("div",{className:se,children:[
23
+ /* @__PURE__ */t("input",{type:"text",inputMode:"numeric",value:p,onChange:e=>{g(e.currentTarget.value),y&&v(!1)},onBlur:w,onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),w(),e.currentTarget.blur())},className:u(ce,y&&de),"aria-label":f,"aria-invalid":y||void 0,"aria-describedby":y?b:void 0,"data-cy":h,"data-testid":h}),y&&/* @__PURE__ */t("span",{id:b,role:"alert",className:ue,"data-cy":`${h}-error`,"data-testid":`${h}-error`,children:m})]})]})}function Ve({defaultViewMonth:i,today:s,presets:d,presetLabels:c,footerLabels:f,hidePresets:m,hideFooterInputs:h,hideReset:p,formatValue:$,parseValue:b,yearRangeSize:C,cyPrefix:D}){const{draftValue:P,setDraftValue:F,open:L}=g(),[S,Y]=n(w(i));o(()=>{if(!L)return;const e=P.from??P.to??s;Y(w(e))},[L]);const I=r(()=>M(S,1),[S]),R=r(()=>{const e=S.getFullYear(),t=[];for(let a=e-C;a<=e+C;a++)t.push(a);return t},[S,C]),A=l(e=>{F(function(e,t){const a=N(t);return e.from&&e.from&&!e.to?k(a,e.from)<0?{from:a,to:e.from}:{from:e.from,to:a}:{from:a,to:null}}(P,e))},[P,F]),H=l(e=>{Y(t=>M(t,e))},[]),W=l(e=>{Y(new Date(S.getFullYear(),e,1))},[S]),X=l(e=>{Y(new Date(e,S.getMonth(),1))},[S]),q=l(e=>{const t=new Date(I.getFullYear(),e,1);Y(M(t,-1))},[I]),G=l(e=>{const t=new Date(e,I.getMonth(),1);Y(M(t,-1))},[I]),J=l(e=>{const t=V(e,s);F(t),Y(w(t.from))},[s,F]),Q=l(e=>{e&&P.to&&k(e,P.to)>0?F({from:e,to:null}):F({from:e,to:P.to})},[P,F]),Z=l(e=>{e&&P.from&&k(e,P.from)<0?F({from:e,to:P.from}):F({from:P.from,to:e})},[P,F]),_=r(()=>{for(const e of d){const t=V(e,s);if(x(t,P))return e}return null},[d,s,P]),ee=null===P.from!=(null===P.to);/* @__PURE__ */
24
+ return e(a,{children:[!m&&d.length>0&&/* @__PURE__ */t("div",{className:j,"data-cy":`${D}-presets`,"data-testid":`${D}-presets`,children:d.map(e=>{const a=c[$e[e]];if(null==a)return null;const r=_===e;/* @__PURE__ */
25
+ return t("button",{type:"button",onClick:()=>J(e),className:u(z,r&&T),"aria-pressed":r,"data-active":r||void 0,"data-cy":`${D}-preset-${e}`,"data-testid":`${D}-preset-${e}`,children:a},e)})}),
26
+ /* @__PURE__ */e("div",{className:K,children:[
27
+ /* @__PURE__ */t(De,{monthDate:S,yearRange:R,selected:P,today:s,onSelectDate:A,onChangeMonth:W,onChangeYear:X,onShift:e=>H("left"===e?-1:1),side:"left",cyPrefix:D}),
28
+ /* @__PURE__ */t("div",{className:O,"aria-hidden":"true"}),
29
+ /* @__PURE__ */t(De,{monthDate:I,yearRange:R,selected:P,today:s,onSelectDate:A,onChangeMonth:q,onChangeYear:G,onShift:e=>H("left"===e?-1:1),side:"right",cyPrefix:D})]}),
30
+ /* @__PURE__ */e("div",{className:U,"data-cy":`${D}-footer`,"data-testid":`${D}-footer`,children:[!h&&/* @__PURE__ */e("div",{className:E,children:[
31
+ /* @__PURE__ */t(Me,{label:f.from,value:P.from,formatValue:$,parseValue:b,onChange:Q,ariaLabel:"From date",errorMessage:"Invalid date format",cyPrefix:`${D}-from`}),
32
+ /* @__PURE__ */t(Me,{label:f.to,value:P.to,formatValue:$,parseValue:b,onChange:Z,ariaLabel:"To date",errorMessage:"Invalid date format",cyPrefix:`${D}-to`})]}),
33
+ /* @__PURE__ */e("div",{className:B,children:[!p&&/* @__PURE__ */t(y,{}),
34
+ /* @__PURE__ */t(v,{disabled:ee})]})]})]})}function ke({value:a,defaultValue:n,onApply:o,defaultViewMonth:l,today:i,title:s,presetLabels:d,presets:c=ge,hidePresets:u=!1,footerLabels:g,hideFooterInputs:y=!1,formatValue:v=D,parseValue:$=C,open:b,defaultOpen:M,onOpenChange:V,disabled:k,hideReset:P=!1,yearRange:F=10,"aria-label":L,"data-cy":S,"data-testid":Y}){const I=S||"date-filter",R=Y||"date-filter",j=r(()=>N(i??/* @__PURE__ */new Date),[i]),T=r(()=>{if(l)return w(l);return w(n?.from??n?.to??a?.from??a?.to??j)},[l,n,a,j]),z=r(()=>({...ye,...d??{}}),[d]),K=r(()=>({...ve,...g??{}}),[g]);/* @__PURE__ */
35
+ return e(f,{emptyValue:pe,value:a,defaultValue:n,onApply:o,open:b,defaultOpen:M,onOpenChange:V,isActive:e=>null!==e.from||null!==e.to,compareValues:x,children:[
36
+ /* @__PURE__ */t(m,{"aria-label":L||"Date filter",disabled:k,"data-cy":I,"data-testid":R}),
37
+ /* @__PURE__ */e(h,{className:A,"data-cy":`${I}-content`,"data-testid":`${R}-content`,children:[void 0!==s&&/* @__PURE__ */t(p,{className:"px-[var(--spacing-3)] pt-[var(--spacing-3)]","data-cy":`${I}-title`,"data-testid":`${R}-title`,children:s}),
38
+ /* @__PURE__ */t(Ve,{defaultViewMonth:T,today:j,presets:c,presetLabels:z,footerLabels:K,hidePresets:u,hideFooterInputs:y,hideReset:P,formatValue:v,parseValue:$,yearRangeSize:F,cyPrefix:I})]})]})}ke.displayName="DateFilter";const Pe=ke;export{Pe as DateFilter};
package/dist/index52.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),t=require("./index58.cjs"),r=require("./index100.cjs"),a=require("./index61.cjs"),i=s.forwardRef(({columns:i=3,rows:o,gap:n="4",rowGap:c,columnGap:d,align:u="stretch",justify:p="stretch",autoFitMinWidth:l="15rem",className:g,children:m,style:M,"data-cy":y,"data-testid":f,...j},v)=>{const R=a.getResponsiveBase(i)??3,x=y??`grid-${R}col`,G=f??`grid-${R}col`,h=s.useMemo(()=>a.getResponsiveClasses(i,r.gridColumnsMap),[i]),q=s.useMemo(()=>{if(c??d){const e="object"==typeof n?a.getResponsiveBase(n)??"4":n,s=c??e,t=d??e;return[`${r.columnGapMap[t]} ${r.rowGapMap[s]}`]}return a.getResponsiveClasses(n,r.gapMap)},[n,c,d]),w=s.useMemo(()=>a.getResponsiveClasses(u,r.alignMap),[u]),C=s.useMemo(()=>a.getResponsiveClasses(p,r.justifyMap),[p]),$={...M,..."auto"===R&&{"--grid-auto-fit-min":l}};return e.jsx("div",{ref:v,className:t.cn("grid",h,q,w,C,o&&r.gridRowsMap[o],g),style:$,"data-cy":x,"data-testid":G,...j,children:m})});i.displayName="Grid",exports.Grid=i;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("@radix-ui/react-dialog"),o=require("./index67.cjs"),s=require("./index110.cjs"),i=require("@adam-milo/icons");function r(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const a in e)if("default"!==a){const o=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,o.get?o:{enumerable:!0,get:()=>e[a]})}return t.default=e,Object.freeze(t)}const l=r(a),d=l.Root,n=l.Trigger,c=l.Portal,y=l.Close,g=t.forwardRef(({className:t,"data-cy":a,"data-testid":r,...d},n)=>{const c=a||"dialog-close-button",y=r||"dialog-close-button";return e.jsx(l.Close,{ref:n,className:o.cn(s.closeButtonStyles,t),"data-cy":c,"data-testid":y,"aria-label":"Close dialog",...d,children:e.jsx(i.Icon,{name:"Cross2Icon",size:"sm",decorative:!0})})});g.displayName="DialogCloseButton";const p=({children:t,variant:a="default",className:i,"data-cy":r,"data-testid":l,...d})=>{const n=r||"dialog-icon",c=l||"dialog-icon";return e.jsx("div",{className:o.cn(s.iconRootStyles,s.iconVariantColor[a],i),"data-cy":n,"data-testid":c,"aria-hidden":"true",...d,children:t})};p.displayName="DialogIcon";const f=t.forwardRef(({className:t,variant:a="default","data-cy":i,"data-testid":r,...d},n)=>{const c=i||"dialog-overlay",y=r||"dialog-overlay";return e.jsx(l.Overlay,{ref:n,className:o.cn(s.overlayRootStyles,s.overlayBgStyles[a],t),"data-cy":c,"data-testid":y,...d})});f.displayName=l.Overlay.displayName;const u=t.forwardRef(({className:t,children:a,contentVariant:i="default",overlayVariant:r="default",fullWidthOnMobile:d=!1,topOffsetOnMobile:n=!1,contentPadding:y,disableOutsideClose:g=!1,style:p,"aria-describedby":u,"data-cy":m,"data-testid":x,...N},v)=>{const D=m||"dialog-content",b=x||"dialog-content",j=d||"verify"===i,S="verify"===i||d&&n,O=g?{onPointerDownOutside:e=>e.preventDefault(),onInteractOutside:e=>e.preventDefault()}:{};return e.jsxs(c,{children:[!S&&e.jsx(f,{variant:r}),e.jsx("div",{className:o.cn(s.contentWrapperStyles,j&&s.contentWrapperVerifyMobileStyles,S&&s.contentWrapperTopOffsetMobileStyles),...S&&{"data-dialog-top-offset-mobile":""},children:e.jsx(l.Content,{ref:v,className:o.cn(s.contentStyles,"verify"===i&&s.contentVariantVerifyStyles,S&&s.contentTopOffsetMobileStyles,t),style:y||p?{...p,...y&&{padding:y}}:void 0,"aria-describedby":u??void 0,"data-cy":D,"data-testid":b,"data-content-variant":i,...O,...N,children:a})})]})});u.displayName=l.Content.displayName;const m=({centered:t=!1,className:a,"data-cy":i,"data-testid":r,...l})=>{const d=i||"dialog-header",n=r||"dialog-header";return e.jsx("div",{className:o.cn(s.headerStyles,t&&s.headerCenteredStyles,a),"data-cy":d,"data-testid":n,...l})};m.displayName="DialogHeader";const x=({className:t,"data-cy":a,"data-testid":i,...r})=>{const l=a||"dialog-footer",d=i||"dialog-footer";return e.jsx("div",{className:o.cn(s.footerStyles,t),"data-cy":l,"data-testid":d,...r})};x.displayName="DialogFooter";const N=t.forwardRef(({className:t,"data-cy":a,"data-testid":i,...r},d)=>{const n=a||"dialog-title",c=i||"dialog-title";return e.jsx(l.Title,{ref:d,className:o.cn(s.titleStyles,t),"data-cy":n,"data-testid":c,...r})});N.displayName=l.Title.displayName;const v=t.forwardRef(({className:t,"data-cy":a,"data-testid":i,...r},d)=>{const n=a||"dialog-description",c=i||"dialog-description";return e.jsx(l.Description,{ref:d,className:o.cn(s.descriptionStyles,t),"data-cy":n,"data-testid":c,...r})});v.displayName=l.Description.displayName,exports.Dialog=d,exports.DialogClose=y,exports.DialogCloseButton=g,exports.DialogContent=u,exports.DialogDescription=v,exports.DialogFooter=x,exports.DialogHeader=m,exports.DialogIcon=p,exports.DialogOverlay=f,exports.DialogPortal=c,exports.DialogTitle=N,exports.DialogTrigger=n;
package/dist/index52.js CHANGED
@@ -1,2 +1,10 @@
1
- import{jsx as t}from"react/jsx-runtime";import{forwardRef as r,useMemo as i}from"react";import{cn as e}from"./index58.js";import{columnGapMap as o,rowGapMap as a,gridColumnsMap as s,gapMap as d,alignMap as c,justifyMap as m,gridRowsMap as n}from"./index100.js";import{getResponsiveBase as l,getResponsiveClasses as p}from"./index61.js";const f=r(({columns:r=3,rows:f,gap:u="4",rowGap:y,columnGap:g,align:j="stretch",justify:h="stretch",autoFitMinWidth:x="15rem",className:$,children:G,style:N,"data-cy":w,"data-testid":b,...v},F)=>{const M=l(r)??3,W=w??`grid-${M}col`,k=b??`grid-${M}col`,q=i(()=>p(r,s),[r]),z=i(()=>{if(y??g){const t="object"==typeof u?l(u)??"4":u,r=y??t;return[`${o[g??t]} ${a[r]}`]}return p(u,d)},[u,y,g]),A=i(()=>p(j,c),[j]),B=i(()=>p(h,m),[h]),C={...N,..."auto"===M&&{"--grid-auto-fit-min":x}};/* @__PURE__ */
2
- return t("div",{ref:F,className:e("grid",q,z,A,B,f&&n[f],$),style:C,"data-cy":W,"data-testid":k,...v,children:G})});f.displayName="Grid";export{f as Grid};
1
+ import{jsx as a,jsxs as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import*as d from"@radix-ui/react-dialog";import{cn as i}from"./index67.js";import{closeButtonStyles as s,iconVariantColor as o,iconRootStyles as l,overlayBgStyles as r,overlayRootStyles as c,contentTopOffsetMobileStyles as n,contentVariantVerifyStyles as m,contentStyles as y,contentWrapperTopOffsetMobileStyles as N,contentWrapperVerifyMobileStyles as p,contentWrapperStyles as f,headerCenteredStyles as g,headerStyles as u,footerStyles as v,titleStyles as b,descriptionStyles as h}from"./index110.js";import{Icon as D}from"@adam-milo/icons";const C=d.Root,O=d.Trigger,x=d.Portal,j=d.Close,I=e(({className:t,"data-cy":e,"data-testid":o,...l},r)=>{const c=e||"dialog-close-button",n=o||"dialog-close-button";/* @__PURE__ */
2
+ return a(d.Close,{ref:r,className:i(s,t),"data-cy":c,"data-testid":n,"aria-label":"Close dialog",...l,children:/* @__PURE__ */a(D,{name:"Cross2Icon",size:"sm",decorative:!0})})});I.displayName="DialogCloseButton";const P=({children:t,variant:e="default",className:d,"data-cy":s,"data-testid":r,...c})=>{const n=s||"dialog-icon",m=r||"dialog-icon";/* @__PURE__ */
3
+ return a("div",{className:i(l,o[e],d),"data-cy":n,"data-testid":m,"aria-hidden":"true",...c,children:t})};P.displayName="DialogIcon";const T=e(({className:t,variant:e="default","data-cy":s,"data-testid":o,...l},n)=>{const m=s||"dialog-overlay",y=o||"dialog-overlay";/* @__PURE__ */
4
+ return a(d.Overlay,{ref:n,className:i(c,r[e],t),"data-cy":m,"data-testid":y,...l})});T.displayName=d.Overlay.displayName;const M=e(({className:e,children:s,contentVariant:o="default",overlayVariant:l="default",fullWidthOnMobile:r=!1,topOffsetOnMobile:c=!1,contentPadding:g,disableOutsideClose:u=!1,style:v,"aria-describedby":b,"data-cy":h,"data-testid":D,...C},O)=>{const j=h||"dialog-content",I=D||"dialog-content",P=r||"verify"===o,M="verify"===o||r&&c,V=u?{onPointerDownOutside:a=>a.preventDefault(),onInteractOutside:a=>a.preventDefault()}:{};/* @__PURE__ */
5
+ return t(x,{children:[!M&&/* @__PURE__ */a(T,{variant:l}),
6
+ /* @__PURE__ */a("div",{className:i(f,P&&p,M&&N),...M&&{"data-dialog-top-offset-mobile":""},children:/* @__PURE__ */a(d.Content,{ref:O,className:i(y,"verify"===o&&m,M&&n,e),style:g||v?{...v,...g&&{padding:g}}:void 0,"aria-describedby":b??void 0,"data-cy":j,"data-testid":I,"data-content-variant":o,...V,...C,children:s})})]})});M.displayName=d.Content.displayName;const V=({centered:t=!1,className:e,"data-cy":d,"data-testid":s,...o})=>{const l=d||"dialog-header",r=s||"dialog-header";/* @__PURE__ */
7
+ return a("div",{className:i(u,t&&g,e),"data-cy":l,"data-testid":r,...o})};V.displayName="DialogHeader";const w=({className:t,"data-cy":e,"data-testid":d,...s})=>{const o=e||"dialog-footer",l=d||"dialog-footer";/* @__PURE__ */
8
+ return a("div",{className:i(v,t),"data-cy":o,"data-testid":l,...s})};w.displayName="DialogFooter";const z=e(({className:t,"data-cy":e,"data-testid":s,...o},l)=>{const r=e||"dialog-title",c=s||"dialog-title";/* @__PURE__ */
9
+ return a(d.Title,{ref:l,className:i(b,t),"data-cy":r,"data-testid":c,...o})});z.displayName=d.Title.displayName;const B=e(({className:t,"data-cy":e,"data-testid":s,...o},l)=>{const r=e||"dialog-description",c=s||"dialog-description";/* @__PURE__ */
10
+ return a(d.Description,{ref:l,className:i(h,t),"data-cy":r,"data-testid":c,...o})});B.displayName=d.Description.displayName;export{C as Dialog,j as DialogClose,I as DialogCloseButton,M as DialogContent,B as DialogDescription,w as DialogFooter,V as DialogHeader,P as DialogIcon,T as DialogOverlay,x as DialogPortal,z as DialogTitle,O as DialogTrigger};
package/dist/index53.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("./index58.cjs"),a=require("./index101.cjs"),s=t.forwardRef(({size:t="md",weight:s="regular",as:i="p",color:c="text",align:l="start",truncate:d=!1,className:n="","data-cy":o,"data-testid":u,children:x,...y},g)=>{const S=o||`text-${t}-${s}`,m=u||`text-${t}-${s}`,j=r.cn(a.rootStyles,a.sizeStyles[t],a.weightStyles[s],a.colorStyles[c],a.alignStyles[l],d&&"truncate",n);return e.jsx(i,{ref:g,className:j,"data-cy":S,"data-testid":m,...y,children:x})});s.displayName="Text",exports.Text=s;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("@radix-ui/react-popover"),o=require("./index67.cjs"),n=require("./index111.cjs");function s(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}const a=s(r),i=a.Root,c=a.Trigger,l=a.Anchor,p=a.Portal,d=a.Close,f=t.forwardRef(({side:t="bottom",align:r="start",sideOffset:s=8,alignOffset:i=0,className:c,"data-testid":l,"data-cy":p,...d},f)=>e.jsx(a.Portal,{children:e.jsx(a.Content,{ref:f,side:t,align:r,sideOffset:s,alignOffset:i,className:o.cn(n.contentStyles,c),"data-testid":l||"popover-content","data-cy":p||"popover-content",...d})}));f.displayName="PopoverContent",exports.Popover=i,exports.PopoverAnchor=l,exports.PopoverClose=d,exports.PopoverContent=f,exports.PopoverPortal=p,exports.PopoverTrigger=c;
package/dist/index53.js CHANGED
@@ -1,2 +1 @@
1
- import{jsx as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import{cn as r}from"./index58.js";import{alignStyles as a,colorStyles as i,weightStyles as s,sizeStyles as c,rootStyles as m}from"./index101.js";const o=e(({size:e="md",weight:o="regular",as:d="p",color:n="text",align:l="start",truncate:x=!1,className:p="","data-cy":f,"data-testid":u,children:$,...g},h)=>{const j=f||`text-${e}-${o}`,y=u||`text-${e}-${o}`,N=r(m,c[e],s[o],i[n],a[l],x&&"truncate",p);/* @__PURE__ */
2
- return t(d,{ref:h,className:N,"data-cy":j,"data-testid":y,...g,children:$})});o.displayName="Text";export{o as Text};
1
+ import{jsx as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import*as o from"@radix-ui/react-popover";import{cn as r}from"./index67.js";import{contentStyles as a}from"./index111.js";const i=o.Root,s=o.Trigger,n=o.Anchor,d=o.Portal,m=o.Close,f=e(({side:e="bottom",align:i="start",sideOffset:s=8,alignOffset:n=0,className:d,"data-testid":m,"data-cy":f,...p},c)=>/* @__PURE__ */t(o.Portal,{children:/* @__PURE__ */t(o.Content,{ref:c,side:e,align:i,sideOffset:s,alignOffset:n,className:r(a,d),"data-testid":m||"popover-content","data-cy":f||"popover-content",...p})}));f.displayName="PopoverContent";export{i as Popover,n as PopoverAnchor,m as PopoverClose,f as PopoverContent,d as PopoverPortal,s as PopoverTrigger};