freemium-ui 2.1.0-alpha.2 → 2.1.0-alpha.4

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 (169) hide show
  1. package/README.md +2 -2
  2. package/buildspec.yml +22 -0
  3. package/lib/Accordion-CxJ6ztSZ.js +77 -0
  4. package/lib/Accordion.d.ts +3 -3
  5. package/lib/Accordion.js +1 -1
  6. package/lib/Alert-BPH8XYOU.js +42 -0
  7. package/lib/Alert.d.ts +3 -3
  8. package/lib/Alert.js +1 -1
  9. package/lib/AutoComplete-CdBtOUqN.js +1 -0
  10. package/lib/AutoComplete.d.ts +3 -3
  11. package/lib/AutoComplete.js +1 -1
  12. package/lib/BoxedRadio-C6ryVJ-a.js +106 -0
  13. package/lib/BoxedRadio.d.ts +3 -2
  14. package/lib/BoxedRadio.js +1 -1
  15. package/lib/Button-38TrTrqS.js +41 -0
  16. package/lib/Button.d.ts +1 -1
  17. package/lib/Button.js +1 -1
  18. package/lib/ButtonDropdown-D1xgUjUG.js +19 -0
  19. package/lib/ButtonDropdown.d.ts +3 -3
  20. package/lib/ButtonDropdown.js +1 -1
  21. package/lib/Calendar-tmPfKbba.js +40 -0
  22. package/lib/Calendar.d.ts +1 -1
  23. package/lib/Calendar.js +1 -1
  24. package/lib/Checkbox-U3_actBa.js +51 -0
  25. package/lib/Checkbox.d.ts +3 -3
  26. package/lib/Checkbox.js +1 -1
  27. package/lib/ChevronUp-D_QXlMGy.js +1 -0
  28. package/lib/Combination-DRFSmqCF.js +1 -0
  29. package/lib/Confirmation-BhQHgouL.js +60 -0
  30. package/lib/Confirmation.d.ts +3 -3
  31. package/lib/Confirmation.js +1 -1
  32. package/lib/Cross-CgQhiy9a.js +1 -0
  33. package/lib/CustomizeColumns-BsRW9qk_.js +280 -0
  34. package/lib/Drawer-DQ0GjtiZ.js +43 -0
  35. package/lib/Drawer.d.ts +3 -3
  36. package/lib/Drawer.js +1 -1
  37. package/lib/Dropdown-CpOK0ioT.js +1 -0
  38. package/lib/Dropdown.d.ts +2 -1
  39. package/lib/Dropdown.js +1 -1
  40. package/lib/ErrorText-CXW7fI-6.js +8 -0
  41. package/lib/Info-f8YJOuUB.js +1 -0
  42. package/lib/Input.js +1 -1
  43. package/lib/Loader-DG6kODGn.js +11 -0
  44. package/lib/Loader.d.ts +3 -3
  45. package/lib/Loader.js +1 -1
  46. package/lib/Menu-Ca_uMNaw.js +1 -0
  47. package/lib/Menu.d.ts +4 -4
  48. package/lib/Menu.js +1 -1
  49. package/lib/Modal-D06mc76N.js +28 -0
  50. package/lib/Modal.d.ts +3 -3
  51. package/lib/Modal.js +1 -1
  52. package/lib/MultiSelectDropdown-D9xmLJJi.js +22 -0
  53. package/lib/MultiSelectDropdown.d.ts +3 -3
  54. package/lib/MultiSelectDropdown.js +1 -1
  55. package/lib/Pickers.d.ts +8 -8
  56. package/lib/Pickers.js +1 -1
  57. package/lib/Popover-CLUM02h3.js +32 -0
  58. package/lib/Popover.d.ts +3 -3
  59. package/lib/Popover.js +1 -1
  60. package/lib/Radio.d.ts +3 -3
  61. package/lib/Radio.js +1 -1
  62. package/lib/RadioGroup-D7JRiUe2.js +48 -0
  63. package/lib/Reorder-CU3gxznN.js +18 -0
  64. package/lib/Reorder.d.ts +3 -3
  65. package/lib/Reorder.js +1 -1
  66. package/lib/SortDropdown-DnRo1b3N.js +1 -0
  67. package/lib/SortDropdown.d.ts +3 -3
  68. package/lib/SortDropdown.js +1 -1
  69. package/lib/Table-D7KHCXPF.js +1 -0
  70. package/lib/Table.d.ts +3 -3
  71. package/lib/Table.js +1 -1
  72. package/lib/Tabs-Bg_F04qX.js +35 -0
  73. package/lib/Tabs.d.ts +3 -3
  74. package/lib/Tabs.js +1 -1
  75. package/lib/Tag-DKiVRzO2.js +57 -0
  76. package/lib/Tag.d.ts +1 -1
  77. package/lib/Tag.js +1 -1
  78. package/lib/TextArea-CojwXjXn.js +117 -0
  79. package/lib/ThemeProvider-D_TuxYL2.js +6 -0
  80. package/lib/ThemeProvider.d.ts +1 -1
  81. package/lib/ThemeProvider.js +1 -1
  82. package/lib/TickIcon-D8ryFR8A.js +1 -0
  83. package/lib/TimePicker-ChjG0ldT.js +420 -0
  84. package/lib/Toast.d.ts +2 -1
  85. package/lib/Toast.js +1 -1
  86. package/lib/ToastProvider-CjuJZDwB.js +107 -0
  87. package/lib/Toggle-D2210zUX.js +69 -0
  88. package/lib/Toggle.d.ts +3 -3
  89. package/lib/Toggle.js +1 -1
  90. package/lib/Tooltip-B8SNaMr7.js +37 -0
  91. package/lib/Tooltip.d.ts +3 -3
  92. package/lib/Tooltip.js +1 -1
  93. package/lib/Typography-B6f3UubR.js +10 -0
  94. package/lib/Typography.d.ts +1 -1
  95. package/lib/Typography.js +1 -1
  96. package/lib/WorkspaceTable-DzWFlI1y.js +1 -0
  97. package/lib/WorkspaceTable.d.ts +3 -3
  98. package/lib/WorkspaceTable.js +1 -1
  99. package/lib/allPaths-BGLT3REd.js +1 -0
  100. package/lib/allPathsLoader-BG8m5249.js +1 -0
  101. package/lib/index-B3ttnEEs.js +105 -0
  102. package/lib/index-Bw1WW_qt.js +1 -0
  103. package/lib/{index-CE1du0xY.js → index-CoSaDZpU.js} +1 -1
  104. package/lib/index-DP7HoUNK.js +1 -0
  105. package/lib/{index-M1OtTK_a.js → index-DYTeP_YW.js} +1 -1
  106. package/lib/index.d.ts +37 -152
  107. package/lib/index.js +11 -1
  108. package/lib/keyframes-0CSXUjw0.js +218 -0
  109. package/lib/rollup.config.d.ts.map +1 -1
  110. package/lib/splitPathsBySizeLoader-DiQmEHEe.js +1 -0
  111. package/lib/styled-components.browser.esm-8fYqm7jD.js +1 -0
  112. package/lib/styles-Bt3yA8NC.js +244 -0
  113. package/lib/styles-C_4H_GA0.js +61 -0
  114. package/lib/use-toasts-BHAC_cxV.js +1 -0
  115. package/package.json +3 -13
  116. package/lib/Accordion-GfcA3ZgZ.js +0 -1
  117. package/lib/Alert-CGy153ht.js +0 -1
  118. package/lib/AutoComplete-b66h_NUS.js +0 -1
  119. package/lib/BoxedRadio-D85xdSfZ.js +0 -1
  120. package/lib/Button-C2GQK5Zh.js +0 -1
  121. package/lib/ButtonDropdown-C7hte6jt.js +0 -1
  122. package/lib/Calendar-DXLwGw8x.js +0 -1
  123. package/lib/Checkbox-CmvqP6CF.js +0 -1
  124. package/lib/ChevronUp-DRezNiXX.js +0 -1
  125. package/lib/Combination-BnXRbEZN.js +0 -1
  126. package/lib/Confirmation-DrgDPGEA.js +0 -1
  127. package/lib/Cross-DdS-LVsP.js +0 -1
  128. package/lib/CustomizeColumns-C4n2OJYM.js +0 -1
  129. package/lib/Drawer-Cmp0KQ1Q.js +0 -1
  130. package/lib/Dropdown-COa39M_7.js +0 -1
  131. package/lib/ErrorText-Dx5455lJ.js +0 -1
  132. package/lib/Info-B1WTvfBE.js +0 -1
  133. package/lib/Loader-4OVmuWEs.js +0 -1
  134. package/lib/Menu-D4-ZsZLq.js +0 -1
  135. package/lib/Modal-CSiFmKti.js +0 -1
  136. package/lib/MultiSelectDropdown-kQGphHeJ.js +0 -1
  137. package/lib/Popover-aB29KjFO.js +0 -1
  138. package/lib/QuillEditor.d.ts +0 -29
  139. package/lib/QuillEditor.js +0 -1
  140. package/lib/README.md +0 -87
  141. package/lib/RadioGroup-Bsa_3Ql9.js +0 -1
  142. package/lib/Reorder-0k-SbTSk.js +0 -1
  143. package/lib/SortDropdown-BZflsvUQ.js +0 -1
  144. package/lib/Table-Pye13AY-.js +0 -1
  145. package/lib/Tabs-Dbv9GKzK.js +0 -1
  146. package/lib/Tag-0QcI7IQK.js +0 -1
  147. package/lib/TextArea-DAiKr3Eo.js +0 -1
  148. package/lib/ThemeProvider-xbEFisIa.js +0 -1
  149. package/lib/TickIcon-Bf575C6Y.js +0 -1
  150. package/lib/TimePicker-CSjxqxLC.js +0 -1
  151. package/lib/ToastProvider-Crm67sLo.js +0 -1
  152. package/lib/Toggle-DHCe0fpc.js +0 -1
  153. package/lib/Tooltip-CMUfHK_x.js +0 -1
  154. package/lib/Typography-W1bHgokt.js +0 -1
  155. package/lib/WorkspaceTable-DxMfXQNC.js +0 -1
  156. package/lib/_commonjsHelpers-lGe4XDVY.js +0 -1
  157. package/lib/allPaths-Dx4FPkk6.js +0 -1
  158. package/lib/allPathsLoader-joEwOfzx.js +0 -1
  159. package/lib/index-1TMKcHYv.js +0 -1
  160. package/lib/index-C9JIXGfH.js +0 -1
  161. package/lib/index-DnaNxNje.js +0 -1
  162. package/lib/isTypedArray-CZN823zL.js +0 -1
  163. package/lib/keyframes-CyBRv3OJ.js +0 -1
  164. package/lib/package.json +0 -217
  165. package/lib/splitPathsBySizeLoader-1R-16f2n.js +0 -1
  166. package/lib/styled-components.browser.esm-89g2oVoD.js +0 -1
  167. package/lib/styles-DRQuy2Oc.js +0 -1
  168. package/lib/styles-Ga0MfVzP.js +0 -1
  169. package/lib/use-toasts-DsMERYYR.js +0 -1
@@ -0,0 +1,28 @@
1
+ import{u as t,e,j as o}from"./styled-components.browser.esm-8fYqm7jD.js";import{a as p,b as x,c as n,e as i}from"./index-DYTeP_YW.js";import{f as r,g as a}from"./index-B3ttnEEs.js";import{a as s,t as l,i as m,j as f,k as d,l as g,m as c,n as h,o as y,p as $}from"./keyframes-0CSXUjw0.js";import{Z as b}from"./index-Bw1WW_qt.js";const u={"top-center":{from:{left:"50%",top:"16px",y:"-8px",x:"-50%"},enter:{left:"50%",top:"16px",y:"0",x:"-50%"},leave:{left:"50%",top:"16px",y:"8px",x:"-50%"}},"top-left":{from:{left:"16px",top:"16px",y:"-8px",x:"-8px"},enter:{left:"16px",top:"16px",y:"0",x:"0"},leave:{left:"16px",top:"16px",y:"8px",x:"8px"}},"top-right":{from:{right:"16px",top:"16px",y:"-8px",x:"8px"},enter:{right:"16px",top:"16px",y:"0",x:"0"},leave:{right:"16px",top:"16px",y:"8px",x:"-8px"}},"center-center":{from:{left:"50%",top:"50%",y:"-50%",x:"-50%"},enter:{left:"50%",top:"50%",y:"-50%",x:"-50%"},leave:{left:"50%",top:"50%",y:"-50%",x:"-50%"}},"center-left":{from:{left:"16px",top:"50%",y:"-50%",x:"-8px"},enter:{left:"16px",top:"50%",y:"-50%",x:"0"},leave:{left:"16px",top:"50%",y:"-50%",x:"8px"}},"center-right":{from:{right:"16px",top:"50%",y:"-50%",x:"8px"},enter:{right:"16px",top:"50%",y:"-50%",x:"0"},leave:{right:"16px",top:"50%",y:"-50%",x:"-8px"}},"bottom-center":{from:{left:"50%",bottom:"16px",y:"8px",x:"-50%"},enter:{left:"50%",bottom:"16px",y:"0px",x:"-50%"},leave:{left:"50%",bottom:"16px",y:"-8px",x:"-50%"}},"bottom-left":{from:{left:"16px",bottom:"16px",y:"8px",x:"-8px"},enter:{left:"16px",bottom:"16px",y:"0",x:"0"},leave:{left:"16px",bottom:"16px",y:"-8px",x:"8px"}},"bottom-right":{from:{right:"16px",bottom:"16px",y:"8px",x:"8px"},enter:{right:"16px",bottom:"16px",y:"0",x:"0"},leave:{right:"16px",bottom:"16px",y:"-8px",x:"-8px"}}},j={default:"512px",small:"424px",medium:"600px",large:"800px","x-large":"1200px"},v={"top-center":l,"top-left":m,"top-right":f,"center-center":d,"center-left":g,"center-right":c,"bottom-center":h,"bottom-left":y,"bottom-right":$},z=t(p)``,C=t(x)``,M=t(n)`
2
+ ${r}
3
+ `,k=t(i)`
4
+ ${a}
5
+ border-radius: 8px;
6
+ max-width: ${({size:t})=>j[t]};
7
+ width: ${({fullWidth:t})=>t?"100%":"unset"};
8
+ max-height: 85vh;
9
+ position: fixed;
10
+ direction: ${({theme:t})=>t.direction};
11
+ z-index: ${({theme:t})=>t.zIndex.modal||b.modal};
12
+ transform: translate(
13
+ ${({align:t,position:e})=>u[`${t}-${e}`].enter.x},
14
+ ${({align:t,position:e})=>u[`${t}-${e}`].enter.y}
15
+ );
16
+ top: ${({align:t,position:e})=>u[`${t}-${e}`].enter.top};
17
+ bottom: ${({align:t,position:e})=>u[`${t}-${e}`].enter.bottom};
18
+ left: ${({align:t,position:e})=>u[`${t}-${e}`].enter.left};
19
+ right: ${({align:t,position:e})=>u[`${t}-${e}`].enter.right};
20
+ animation-duration: ${({theme:t})=>t.transitions.duration.standard};
21
+ animation-timing-function: ${({theme:t})=>t.transitions.easing.easeIn};
22
+ &[data-state='open'] {
23
+ animation-name: ${({align:t,position:e})=>v[`${t}-${e}`]};
24
+ }
25
+ &[data-state='closed'] {
26
+ animation-name: ${s};
27
+ }
28
+ `,w=({isOpen:t,children:p,align:x="center",customClass:n="",fullWidth:i=!1,customModalContentStyles:r={},onDismiss:a,position:s="center",size:l})=>{const m=e();return o.jsx(z,{open:t,onOpenChange:t=>{t||a?.()},children:o.jsxs(C,{children:[o.jsx(M,{forceMount:!0,className:"DialogOverlay",onClick:()=>a?.()}),o.jsx(k,{forceMount:!0,dir:m.direction,className:("DialogContent "+(n??"")).trim(),size:l??"default",fullWidth:i,align:x,position:s,style:r,children:p})]})})};export{w as M};
package/lib/Modal.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import React$1 from 'react';
2
+ import * as react_jsx_runtime from 'react/jsx-runtime';
3
3
 
4
4
  type ModalAlignType = 'top' | 'center' | 'bottom';
5
5
  type ModalPositionType = 'left' | 'center' | 'right';
@@ -46,6 +46,6 @@ interface ModalProps {
46
46
  /**
47
47
  * Modals are used as an overlay to display information. It can also be used as confirm boxes to take user inputs.
48
48
  */
49
- declare const Modal: ({ isOpen, children, align, customClass, fullWidth, customModalContentStyles, onDismiss, position, size, }: ModalProps) => React$1.JSX.Element;
49
+ declare const Modal: ({ isOpen, children, align, customClass, fullWidth, customModalContentStyles, onDismiss, position, size, }: ModalProps) => react_jsx_runtime.JSX.Element;
50
50
 
51
- export { Modal, type ModalAlignType, type ModalPositionType, type ModalProps, type ModalSizeType };
51
+ export { type ModalAlignType, type ModalPositionType, type ModalProps, type ModalSizeType, Modal as default };
package/lib/Modal.js CHANGED
@@ -1 +1 @@
1
- export{M as Modal}from"./Modal-CSiFmKti.js";import"react";import"./styled-components.browser.esm-89g2oVoD.js";import"./index-M1OtTK_a.js";import"./index-CMYH5FSo.js";import"react-dom";import"./index-D4pfkNFk.js";import"./index-BCBGGtXO.js";import"./index-DE6Djr2P.js";import"./index-CGIN8I3H.js";import"./Combination-BnXRbEZN.js";import"./index-BrmsftDQ.js";import"./index-C9JIXGfH.js";import"./index-DnaNxNje.js";import"./keyframes-CyBRv3OJ.js";
1
+ export{M as default}from"./Modal-D06mc76N.js";import"./styled-components.browser.esm-8fYqm7jD.js";import"react";import"./index-DYTeP_YW.js";import"./index-CMYH5FSo.js";import"react-dom";import"./index-D4pfkNFk.js";import"./index-BCBGGtXO.js";import"./index-DE6Djr2P.js";import"./index-CGIN8I3H.js";import"./Combination-DRFSmqCF.js";import"./index-BrmsftDQ.js";import"./index-B3ttnEEs.js";import"./index-Bw1WW_qt.js";import"./keyframes-0CSXUjw0.js";
@@ -0,0 +1,22 @@
1
+ import{u as e,e as t,j as s}from"./styled-components.browser.esm-8fYqm7jD.js";import n from"react";import{p as i,u as a,D as o,q as r,o as l,I as d,j as c,L as p,T as m}from"./styles-Bt3yA8NC.js";import{S as h,R as g,a as u}from"./index-B3ttnEEs.js";import{E as y}from"./ErrorText-CXW7fI-6.js";import{C as x}from"./Cross-CgQhiy9a.js";import{T as C}from"./TickIcon-D8ryFR8A.js";import{L as f}from"./Loader-DG6kODGn.js";import{T as I}from"./Tag-DKiVRzO2.js";const j=e.div`
2
+ flex: 1;
3
+ gap: 8px;
4
+ display: flex;
5
+ flex-wrap: wrap;
6
+ direction: ${({theme:e})=>e.direction};
7
+ input {
8
+ color: ${({theme:e})=>e.colors.text.primary};
9
+ min-width: 150px;
10
+ flex: 1;
11
+ display: inline-block;
12
+ outline: none;
13
+ padding: 0 8px;
14
+ margin: 0;
15
+ border: none;
16
+ background: none;
17
+ font-weight: 500;
18
+ font-family: ${({theme:e})=>e.typography.fontFamily};
19
+ font-size: ${({theme:e})=>e.typography.primary.fontSize};
20
+ line-height: ${({theme:e})=>e.typography.primary.lineHeight};
21
+ }
22
+ `;e.span``;const w=({itemIdentifier:e="id",label:w,id:S,items:T=[],onChange:b,placeholder:k,readOnly:P=!1,disabled:$=!1,isRequired:D=!1,itemToString:K,name:O,filterKey:B,width:E,useComboboxProps:L,useMultipleSelectionProps:M,emptyItemsText:V,getCustomMessage:v,onCustomValueAdd:F,customValues:A,inputValue:N,hideClear:R,hideArrow:q,defaultSelectedItems:z=[],handleInputChange:H,isErrored:G,isMenuLoading:J,errorText:Q,InputProps:U,itemComponent:W,hideChips:X=!1,hideSelectedItem:Y=!1,onBackSpace:Z})=>{const _=t(),[ee,te]=n.useState(N??""),{getSelectedItemProps:se,getDropdownProps:ne,selectedItems:ie,removeSelectedItem:ae,setSelectedItems:oe,addSelectedItem:re}=i({initialSelectedItems:z,onStateChange:({selectedItems:e,type:t})=>{switch(t){case i.stateChangeTypes.FunctionSetSelectedItems:case i.stateChangeTypes.SelectedItemKeyDownBackspace:case i.stateChangeTypes.SelectedItemKeyDownDelete:case i.stateChangeTypes.DropdownKeyDownBackspace:case i.stateChangeTypes.FunctionRemoveSelectedItem:case i.stateChangeTypes.FunctionAddSelectedItem:e&&b?.(e)}},...M}),le=n.useMemo((()=>T.filter((t=>{const s="string"==typeof t?t:t?.[B||e];return!(Y&&ie.some((e=>K?.(e)===K?.(t))))&&(!ee||s.toLowerCase().includes(ee.toLowerCase()))}))),[T,ee,B,e,Y,ie,K]),{isOpen:de,closeMenu:ce,getToggleButtonProps:pe,getLabelProps:me,getMenuProps:he,getInputProps:ge,highlightedIndex:ue,getItemProps:ye}=a({id:S,items:le,itemToString:e=>e&&K?K(e,"downshift"):"",selectedItem:null,inputValue:ee,stateReducer:(e,t)=>{const{changes:s,type:n}=t;switch(n){case a.stateChangeTypes.InputKeyDownEnter:case a.stateChangeTypes.ItemClick:return{...s,isOpen:!ee};default:return s}},onStateChange:({inputValue:t,type:s,selectedItem:n})=>{switch(s){case a.stateChangeTypes.InputKeyDownEnter:case a.stateChangeTypes.ItemClick:case a.stateChangeTypes.InputBlur:n&&(ie.find((t=>t?.[e]===n?.[e]))?ae(n):re(n),te(""),H?.(""));break;case a.stateChangeTypes.InputChange:te(t??""),H?.(t??""),le.length||t||ce()}},...L}),xe=!$&&!P&&de,Ce=ge(ne({preventKeyAction:de,name:O,disabled:$,readOnly:P,dir:_.direction})),fe=e=>{if(e&&A&&F&&0>ue){const t=F({inputValue:e,customValues:!0});re(t),te("")}};return s.jsxs(o,{width:E,children:[s.jsxs(h,{className:"input-label",...me({disabled:$,readOnly:P,dir:_.direction}),children:[w,w&&D&&s.jsx(g,{children:"*"})]}),s.jsxs(r,{disabled:$,$isErrored:!!G,"aria-invalid":G,className:"dropdown-toggle-button",children:[s.jsxs(j,{children:[!X&&ie.map(((e,t)=>s.jsx(I,{...se({selectedItem:e,index:t,dir:_.direction}),"aria-disabled":$,"aria-readonly":P,iconProps:{"aria-disabled":$,disabled:$},onClose:t=>{$||P||(t.stopPropagation(),ae(e))},children:K?.(e)??""},"selected-item-"+t))),s.jsx("input",{placeholder:k,...Ce,...U,onKeyDown:e=>{"Backspace"!==e.key||ee||(ae(ie[ie.length-1]),Z?.()),"Enter"===e.key&&fe(ee),Ce?.onKeyDown?.(e),U?.onKeyDown?.(e)},onClick:e=>{Ce?.onClick?.(e),U?.onClick?.(e),le.length||ee||ce()}})]}),!R&&s.jsx(u,{"aria-label":"Clear",onClick:e=>{oe([]),te(""),e.stopPropagation(),e.preventDefault()},children:s.jsx(x,{fill:_.colors.text.primary})}),!q&&s.jsx(u,{...pe({disabled:$,readOnly:P,dir:_.direction}),children:s.jsx(l,{$isOpen:xe,fill:_.colors.text.primary,width:8,height:8})})]}),!P&&!$&&s.jsx(d,{className:"ItemsContainer",$isOpen:de,...he({disabled:$,readOnly:P,dir:_.direction}),children:J?s.jsx(c,{children:s.jsx(f,{})}):s.jsxs(s.Fragment,{children:[de&&(0===le.length||A)&&s.jsx(p,{readOnly:!0,children:A?s.jsx(m,{tabIndex:0,onClick:e=>{e.stopPropagation(),fe(ee),ee&&Ce?.onClick?.(e)},children:v?.(ee)??"Click to add"}):V??"No items"}),de&&le.map(((t,n)=>{const i="string"==typeof t?`${t}${n}`.trim():`${t?.[e]??""}${n}`.trim(),a=ie.map((t=>t?.[e])).filter(Boolean).indexOf(t?.[e]??"")>-1;return s.jsx(p,{$isHilighted:ue===n,$isSelected:a,...ye({item:t,index:n,dir:_.direction}),children:W?W(t):s.jsxs(s.Fragment,{children:[K?.(t)??"",a&&s.jsx(C,{fill:_.colors.common.accent})]})},i)}))]})}),G&&Q&&s.jsx(y,{children:Q})]})};export{w as M};
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import React$1 from 'react';
2
+ import * as react_jsx_runtime from 'react/jsx-runtime';
3
3
  import { UseMultipleSelectionProps, UseComboboxProps } from 'downshift';
4
4
 
5
5
  type DefaultMultiSelectDropdownItem = {
@@ -111,6 +111,6 @@ interface MultiSelectDropdownProps<T extends DefaultMultiSelectDropdownItem = De
111
111
  /**
112
112
  * MultiSelectDropdown displays a list or drop-down box that enables selection of an option or multiple options from an available list of values.
113
113
  */
114
- declare const MultiSelectDropdown: <T extends DefaultMultiSelectDropdownItem>({ itemIdentifier, label, id, items, onChange, placeholder, readOnly, disabled, isRequired, itemToString, name, filterKey, width, useComboboxProps, useMultipleSelectionProps, emptyItemsText, getCustomMessage, onCustomValueAdd, customValues, inputValue: iV, hideClear, hideArrow, removeSelectedItem: rSelectedItem, defaultSelectedItems, handleInputChange, isErrored, isMenuLoading, errorText, InputProps, itemComponent, isDynamicMenu, locale, maxAllowedLength, minAllowedLength, hideChips, hideSelectedItem, onBackSpace, }: MultiSelectDropdownProps<T>) => React$1.JSX.Element;
114
+ declare const MultiSelectDropdown: <T extends DefaultMultiSelectDropdownItem>({ itemIdentifier, label, id, items, onChange, placeholder, readOnly, disabled, isRequired, itemToString, name, filterKey, width, useComboboxProps, useMultipleSelectionProps, emptyItemsText, getCustomMessage, onCustomValueAdd, customValues, inputValue: iV, hideClear, hideArrow, removeSelectedItem: rSelectedItem, defaultSelectedItems, handleInputChange, isErrored, isMenuLoading, errorText, InputProps, itemComponent, isDynamicMenu, locale, maxAllowedLength, minAllowedLength, hideChips, hideSelectedItem, onBackSpace, }: MultiSelectDropdownProps<T>) => react_jsx_runtime.JSX.Element;
115
115
 
116
- export { type DefaultMultiSelectDropdownItem, MultiSelectDropdown, type MultiSelectDropdownProps };
116
+ export { type DefaultMultiSelectDropdownItem, type MultiSelectDropdownProps, MultiSelectDropdown as default };
@@ -1 +1 @@
1
- export{M as MultiSelectDropdown}from"./MultiSelectDropdown-kQGphHeJ.js";import"./styled-components.browser.esm-89g2oVoD.js";import"react";import"./styles-DRQuy2Oc.js";import"./index-CMYH5FSo.js";import"react-dom";import"./_commonjsHelpers-lGe4XDVY.js";import"./index-D4pfkNFk.js";import"./index-BCBGGtXO.js";import"./index-BJXW8qXz.js";import"./index-BxvGNAuC.js";import"./index-CGIN8I3H.js";import"./Combination-BnXRbEZN.js";import"./index-DE6Djr2P.js";import"./index-BtogZdFr.js";import"./index-Bj96NGNJ.js";import"./index-DZzFKxNs.js";import"./index-9P5loDNm.js";import"./keyframes-CyBRv3OJ.js";import"./index-DnaNxNje.js";import"./ChevronUp-DRezNiXX.js";import"./index-C9JIXGfH.js";import"./ErrorText-Dx5455lJ.js";import"./Cross-DdS-LVsP.js";import"./TickIcon-Bf575C6Y.js";import"./Loader-4OVmuWEs.js";import"./Tag-0QcI7IQK.js";
1
+ export{M as default}from"./MultiSelectDropdown-D9xmLJJi.js";import"./styled-components.browser.esm-8fYqm7jD.js";import"react";import"./styles-Bt3yA8NC.js";import"./index-CMYH5FSo.js";import"react-dom";import"./index-D4pfkNFk.js";import"./index-BCBGGtXO.js";import"./index-BJXW8qXz.js";import"./index-BxvGNAuC.js";import"./index-CGIN8I3H.js";import"./Combination-DRFSmqCF.js";import"./index-DE6Djr2P.js";import"./index-BtogZdFr.js";import"./index-Bj96NGNJ.js";import"./index-DZzFKxNs.js";import"./index-9P5loDNm.js";import"./keyframes-0CSXUjw0.js";import"./index-Bw1WW_qt.js";import"./ChevronUp-D_QXlMGy.js";import"./index-B3ttnEEs.js";import"./ErrorText-CXW7fI-6.js";import"./Cross-CgQhiy9a.js";import"./TickIcon-D8ryFR8A.js";import"./Loader-DG6kODGn.js";import"./Tag-DKiVRzO2.js";
package/lib/Pickers.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import { DateInput3Props, DateRangeInput3Props, TimePrecision } from '@blueprintjs/datetime2';
3
3
 
4
4
  type DefaultProps = {
@@ -66,29 +66,29 @@ type TimePickerProps = DefaultProps & {
66
66
  * Datepicker displays an input box with a calendar that enables selecting a date or date range. The values preselected in the input box and calendar are based on the fw-datepicker attribute values.
67
67
  * All the date formats passed as attribute's values must be valid ISO Date format (opens new window).
68
68
  */
69
- declare const DatePicker: (props: DatePickerProps) => React.JSX.Element;
69
+ declare const DatePicker: (props: DatePickerProps) => react_jsx_runtime.JSX.Element;
70
70
 
71
71
  /**
72
- * DateTimePicker displays an input box with a calendar that enables selecting a date or date range. The values preselected in the input box and calendar are based on the fw-datepicker attribute values.
72
+ * DateRangePicker displays an input box with a calendar that enables selecting a date or date range. The values preselected in the input box and calendar are based on the fw-datepicker attribute values.
73
73
  * All the date formats passed as attribute's values must be valid ISO Date format (opens new window).
74
74
  */
75
- declare const DateTimePicker: (props: DateTimePickerProps) => React.JSX.Element;
75
+ declare const DateRangePicker: (props: DateRangePickerProps) => react_jsx_runtime.JSX.Element;
76
76
 
77
77
  /**
78
- * DateRangePicker displays an input box with a calendar that enables selecting a date or date range. The values preselected in the input box and calendar are based on the fw-datepicker attribute values.
78
+ * DateTimePicker displays an input box with a calendar that enables selecting a date or date range. The values preselected in the input box and calendar are based on the fw-datepicker attribute values.
79
79
  * All the date formats passed as attribute's values must be valid ISO Date format (opens new window).
80
80
  */
81
- declare const DateRangePicker: (props: DateRangePickerProps) => React.JSX.Element;
81
+ declare const DateTimePicker: (props: DateTimePickerProps) => react_jsx_runtime.JSX.Element;
82
82
 
83
83
  /**
84
84
  * DateTimeRangePicker displays an input box with a calendar that enables selecting a date or date range. The values preselected in the input box and calendar are based on the fw-datepicker attribute values.
85
85
  * All the date formats passed as attribute's values must be valid ISO Date format (opens new window).
86
86
  */
87
- declare const DateTimeRangePicker: (props: DateTimeRangePickerProps) => React.JSX.Element;
87
+ declare const DateTimeRangePicker: (props: DateTimeRangePickerProps) => react_jsx_runtime.JSX.Element;
88
88
 
89
89
  /**
90
90
  * TimePicker displays an input box with a calendar that enables selecting a date or date range. The values preselected in the input box and calendar are based on the fw-datepicker attribute values.
91
91
  */
92
- declare const TimePicker: (props: TimePickerProps) => React.JSX.Element;
92
+ declare const TimePicker: (props: TimePickerProps) => react_jsx_runtime.JSX.Element;
93
93
 
94
94
  export { DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, DateTimePicker, type DateTimePickerProps, DateTimeRangePicker, type DateTimeRangePickerProps, type DefaultProps, TimePicker, type TimePickerProps };
package/lib/Pickers.js CHANGED
@@ -1 +1 @@
1
- export{D as DatePicker,b as DateRangePicker,a as DateTimePicker,c as DateTimeRangePicker,T as TimePicker}from"./TimePicker-CSjxqxLC.js";import"./styled-components.browser.esm-89g2oVoD.js";import"react";import"./index-1TMKcHYv.js";import"./index-DnaNxNje.js";import"./index-C9JIXGfH.js";import"./index-CMYH5FSo.js";import"react-dom";import"./keyframes-CyBRv3OJ.js";import"./ErrorText-Dx5455lJ.js";import"./Button-C2GQK5Zh.js";import"./_commonjsHelpers-lGe4XDVY.js";import"./isTypedArray-CZN823zL.js";import"./styles-DRQuy2Oc.js";import"./index-D4pfkNFk.js";import"./index-BCBGGtXO.js";import"./index-BJXW8qXz.js";import"./index-BxvGNAuC.js";import"./index-CGIN8I3H.js";import"./Combination-BnXRbEZN.js";import"./index-DE6Djr2P.js";import"./index-BtogZdFr.js";import"./index-Bj96NGNJ.js";import"./index-DZzFKxNs.js";import"./index-9P5loDNm.js";import"./ChevronUp-DRezNiXX.js";import"./Dropdown-COa39M_7.js";import"./Cross-DdS-LVsP.js";import"./TickIcon-Bf575C6Y.js";import"./TextArea-DAiKr3Eo.js";import"./Loader-4OVmuWEs.js";
1
+ export{D as DatePicker,a as DateRangePicker,b as DateTimePicker,c as DateTimeRangePicker,T as TimePicker}from"./TimePicker-ChjG0ldT.js";import"./styled-components.browser.esm-8fYqm7jD.js";import"react";import"./index-DP7HoUNK.js";import"./index-B3ttnEEs.js";import"./index-CMYH5FSo.js";import"react-dom";import"./index-Bw1WW_qt.js";import"./keyframes-0CSXUjw0.js";import"./ErrorText-CXW7fI-6.js";import"./Button-38TrTrqS.js";import"./styles-Bt3yA8NC.js";import"./index-D4pfkNFk.js";import"./index-BCBGGtXO.js";import"./index-BJXW8qXz.js";import"./index-BxvGNAuC.js";import"./index-CGIN8I3H.js";import"./Combination-DRFSmqCF.js";import"./index-DE6Djr2P.js";import"./index-BtogZdFr.js";import"./index-Bj96NGNJ.js";import"./index-DZzFKxNs.js";import"./index-9P5loDNm.js";import"./ChevronUp-D_QXlMGy.js";import"./Dropdown-CpOK0ioT.js";import"./Cross-CgQhiy9a.js";import"./TickIcon-D8ryFR8A.js";import"./TextArea-CojwXjXn.js";import"./Loader-DG6kODGn.js";
@@ -0,0 +1,32 @@
1
+ import{u as o,a as e,e as t,j as r}from"./styled-components.browser.esm-8fYqm7jD.js";import n,{useRef as a,useState as s,createElement as i,useCallback as p,forwardRef as d,useEffect as c}from"react";import{T as l}from"./index-B3ttnEEs.js";import{$ as u,a as m,_ as v,b as h}from"./index-CMYH5FSo.js";import{a as f,$ as g}from"./index-D4pfkNFk.js";import{$ as x}from"./index-BCBGGtXO.js";import{a as P,$ as C}from"./index-CGIN8I3H.js";import{h as b,R as O,$,a as _}from"./Combination-DRFSmqCF.js";import{$ as j}from"./index-DE6Djr2P.js";import{$ as w,a as F,b as D,c as y,d as A}from"./index-BtogZdFr.js";import{$ as k}from"./index-BrmsftDQ.js";import{s as E,q as I,r as M,u as T,a as R}from"./keyframes-0CSXUjw0.js";import{h as z}from"./index-Bw1WW_qt.js";const K="Popover",[N,q]=x(K,[w]),B=w(),[L,S]=N(K),U=d(((o,e)=>{const{__scopePopover:t,...r}=o,n=S("PopoverTrigger",t),a=B(t),s=u(e,n.triggerRef),p=i(m.button,v({type:"button","aria-haspopup":"dialog","aria-expanded":n.open,"aria-controls":n.contentId,"data-state":Y(n.open)},r,{ref:s,onClick:g(o.onClick,n.onOpenToggle)}));return n.hasCustomAnchor?p:i(D,v({asChild:!0},a),p)})),W="PopoverPortal",[Z,G]=N(W,{forceMount:void 0}),H="PopoverContent",J=d(((o,e)=>{const t=G(H,o.__scopePopover),{forceMount:r=t.forceMount,...n}=o,a=S(H,o.__scopePopover);return i(k,{present:r||a.open},i(a.modal?Q:V,v({},n,{ref:e})))})),Q=d(((o,e)=>{const t=S(H,o.__scopePopover),r=a(null),n=u(e,r),s=a(!1);return c((()=>{const o=r.current;if(o)return b(o)}),[]),i(O,{as:h,allowPinchZoom:!0},i(X,v({},o,{ref:n,trapFocus:t.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:g(o.onCloseAutoFocus,(o=>{var e;o.preventDefault(),s.current||null===(e=t.triggerRef.current)||void 0===e||e.focus()})),onPointerDownOutside:g(o.onPointerDownOutside,(o=>{const e=o.detail.originalEvent;s.current=2===e.button||0===e.button&&!0===e.ctrlKey}),{checkForDefaultPrevented:!1}),onFocusOutside:g(o.onFocusOutside,(o=>o.preventDefault()),{checkForDefaultPrevented:!1})})))})),V=d(((o,e)=>{const t=S(H,o.__scopePopover),r=a(!1),n=a(!1);return i(X,v({},o,{ref:e,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:e=>{var a,s;null===(a=o.onCloseAutoFocus)||void 0===a||a.call(o,e),e.defaultPrevented||(r.current||null===(s=t.triggerRef.current)||void 0===s||s.focus(),e.preventDefault()),r.current=!1,n.current=!1},onInteractOutside:e=>{var a,s;null===(a=o.onInteractOutside)||void 0===a||a.call(o,e),e.defaultPrevented||(r.current=!0,"pointerdown"===e.detail.originalEvent.type&&(n.current=!0)),(null===(s=t.triggerRef.current)||void 0===s?void 0:s.contains(e.target))&&e.preventDefault(),"focusin"===e.detail.originalEvent.type&&n.current&&e.preventDefault()}}))})),X=d(((o,e)=>{const{__scopePopover:t,trapFocus:r,onOpenAutoFocus:n,onCloseAutoFocus:a,disableOutsidePointerEvents:s,onEscapeKeyDown:p,onPointerDownOutside:d,onFocusOutside:c,onInteractOutside:l,...u}=o,m=S(H,t),h=B(t);return $(),i(_,{asChild:!0,loop:!0,trapped:r,onMountAutoFocus:n,onUnmountAutoFocus:a},i(C,{asChild:!0,disableOutsidePointerEvents:s,onInteractOutside:l,onEscapeKeyDown:p,onPointerDownOutside:d,onFocusOutside:c,onDismiss:()=>m.onOpenChange(!1)},i(y,v({"data-state":Y(m.open),role:"dialog",id:m.contentId},h,u,{ref:e,style:{...u.style,"--radix-popover-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-popover-content-available-width":"var(--radix-popper-available-width)","--radix-popover-content-available-height":"var(--radix-popper-available-height)","--radix-popover-trigger-width":"var(--radix-popper-anchor-width)","--radix-popover-trigger-height":"var(--radix-popper-anchor-height)"}}))))}));function Y(o){return o?"open":"closed"}const oo=U,eo=d(((o,e)=>{const{__scopePopover:t,...r}=o,n=S("PopoverClose",t);return i(m.button,v({type:"button"},r,{ref:e,onClick:g(o.onClick,(()=>n.onOpenChange(!1)))}))})),to=d(((o,e)=>{const{__scopePopover:t,...r}=o,n=B(t);return i(A,v({},n,r,{ref:e}))})),ro=o(J)`
2
+ background: ${({theme:o})=>o.colors.fill.surface};
3
+ color: ${({theme:o})=>o.colors.text.primary};
4
+ border-radius: 8px;
5
+ box-shadow:
6
+ ${({theme:o})=>z(o.colors.shadow,.35)} 0px 10px 38px -10px,
7
+ ${({theme:o})=>z(o.colors.shadow,.2)} 0px 10px 20px -15px;
8
+ animation-duration: ${({theme:o})=>o.transitions.duration.standard};
9
+ animation-timing-function: ${({theme:o})=>o.transitions.easing.easeIn};
10
+ will-change: transform, opacity;
11
+ &[data-state='open'][data-side='top'] {
12
+ animation-name: ${E};
13
+ }
14
+ &[data-state='open'][data-side='right'] {
15
+ animation-name: ${I};
16
+ }
17
+ &[data-state='open'][data-side='bottom'] {
18
+ animation-name: ${M};
19
+ }
20
+ &[data-state='open'][data-side='left'] {
21
+ animation-name: ${T};
22
+ }
23
+ &[data-state='closed'] {
24
+ animation-name: ${R};
25
+ }
26
+
27
+ ${({theme:o})=>"dark"===o.mode&&e`
28
+ border: 1px solid ${o.colors.border.light};
29
+ `}
30
+ `,no=o(to)`
31
+ fill: ${({theme:o})=>o.colors.fill.surface};
32
+ `,ao=o((o=>{const{__scopePopover:e,children:t,open:r,defaultOpen:n,onOpenChange:d,modal:c=!1}=o,l=B(e),u=a(null),[m,v]=s(!1),[h=!1,g]=f({prop:r,defaultProp:n,onChange:d});return i(F,l,i(L,{scope:e,contentId:j(),triggerRef:u,open:h,onOpenChange:g,onOpenToggle:p((()=>g((o=>!o))),[g]),hasCustomAnchor:m,onCustomAnchorAdd:p((()=>v(!0)),[]),onCustomAnchorRemove:p((()=>v(!1)),[]),modal:c},t))}))``,so=o(oo)``,io=o((o=>{const{__scopePopover:e,forceMount:t,children:r,container:n}=o,a=S(W,e);return i(Z,{scope:e,forceMount:t},i(k,{present:t||a.open},i(P,{asChild:!0,container:n},r)))}))``,po=o(eo)``,co=({children:o,trigger:e,arrow:a,hoverOutToClose:s,align:i,hoverToOpen:p,avoidCollisions:d=!0,replaceTrigger:c=!1,side:u,disabled:m,onClose:v,popoverContentProps:h,popoverRootProps:f,anchorOrigin:g})=>{const[x,P]=n.useState(!1),C=u??("bottom"===g?.vertical&&g.horizontal?"bottom":void 0)??("top"===g?.vertical&&g.horizontal?"top":void 0)??("center"===g?.vertical&&"left"===g.horizontal?"left":void 0)??("center"===g?.vertical&&"right"===g.horizontal?"right":void 0)??"bottom",b=t();return r.jsxs(ao,{open:x,onOpenChange:o=>{P(o)},...f,children:[c?r.jsx(r.Fragment,{children:e}):r.jsx(so,{dir:b.direction,asChild:!0,className:"PopoverTrigger",disabled:m,children:r.jsx(l,{className:"TriggerButtonWrapper",onMouseEnter:()=>{p&&P(!0)},children:e})}),r.jsx(io,{children:r.jsxs(ro,{forceMount:!0,className:"PopoverContent","data-popover-content":!0,dir:b.direction,onMouseLeave:()=>{s&&(P(!1),v?.())},onInteractOutside:()=>{P(!1),v?.()},side:C,align:i,sideOffset:8,avoidCollisions:d,...h,children:[o,a&&r.jsx(no,{})]})})]})};export{co as P,po as a,so as b};
package/lib/Popover.d.ts CHANGED
@@ -1,9 +1,9 @@
1
1
  /// <reference types="react" />
2
- import * as react from 'react';
3
- import react__default from 'react';
2
+ import * as react_jsx_runtime from 'react/jsx-runtime';
4
3
  import * as Popover$1 from '@radix-ui/react-popover';
5
4
  import * as styled_components from 'styled-components';
6
5
  import * as styled_components_dist_types from 'styled-components/dist/types';
6
+ import * as react from 'react';
7
7
 
8
8
  type Origin = {
9
9
  vertical?: 'top' | 'center' | 'bottom';
@@ -82,7 +82,7 @@ interface PopoverProps {
82
82
  /**
83
83
  * Popover need two slots popover-trigger and popover-content. By default on clicking the trigger the content will be displayed. The props can be used to change the position of the content, width of the component and the distance between the trigger and the content.
84
84
  */
85
- declare const Popover: ({ children, trigger, arrow, hoverOutToClose, align, hoverToOpen, avoidCollisions, replaceTrigger, side: s, disabled, onClose, popoverContentProps, popoverRootProps, anchorOrigin, }: PopoverProps) => react__default.JSX.Element;
85
+ declare const Popover: ({ children, trigger, arrow, hoverOutToClose, align, hoverToOpen, avoidCollisions, replaceTrigger, side: s, disabled, onClose, popoverContentProps, popoverRootProps, anchorOrigin, }: PopoverProps) => react_jsx_runtime.JSX.Element;
86
86
 
87
87
  declare const PopoverTrigger: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<Omit<Popover$1.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & {
88
88
  ref?: ((instance: HTMLButtonElement | null) => void) | react.RefObject<HTMLButtonElement> | null | undefined;
package/lib/Popover.js CHANGED
@@ -1 +1 @@
1
- export{P as Popover,a as PopoverClose,b as PopoverTrigger}from"./Popover-aB29KjFO.js";import"./styled-components.browser.esm-89g2oVoD.js";import"react";import"./index-C9JIXGfH.js";import"./index-CMYH5FSo.js";import"react-dom";import"./index-DnaNxNje.js";import"./keyframes-CyBRv3OJ.js";import"./index-D4pfkNFk.js";import"./index-BCBGGtXO.js";import"./index-CGIN8I3H.js";import"./Combination-BnXRbEZN.js";import"./index-DE6Djr2P.js";import"./index-BtogZdFr.js";import"./index-Bj96NGNJ.js";import"./index-BrmsftDQ.js";
1
+ export{P as Popover,a as PopoverClose,b as PopoverTrigger}from"./Popover-CLUM02h3.js";import"./styled-components.browser.esm-8fYqm7jD.js";import"react";import"./index-B3ttnEEs.js";import"./index-CMYH5FSo.js";import"react-dom";import"./index-Bw1WW_qt.js";import"./keyframes-0CSXUjw0.js";import"./index-D4pfkNFk.js";import"./index-BCBGGtXO.js";import"./index-CGIN8I3H.js";import"./Combination-DRFSmqCF.js";import"./index-DE6Djr2P.js";import"./index-BtogZdFr.js";import"./index-Bj96NGNJ.js";import"./index-BrmsftDQ.js";
package/lib/Radio.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import React$1 from 'react';
2
+ import * as react_jsx_runtime from 'react/jsx-runtime';
3
3
  import { RadioGroupProps as RadioGroupProps$1, RadioGroupContextValue } from '@radix-ui/react-radio-group';
4
4
 
5
5
  type RadioProps = Pick<RadioGroupProps$1, 'name' | 'disabled' | 'dir'> & Omit<React.HTMLAttributes<HTMLDivElement>, 'value' | 'defaultValue'> & {
@@ -59,11 +59,11 @@ type RadioGroupProps<T extends RadioItemProps = RadioItemProps> = Pick<RadioGrou
59
59
  /**
60
60
  * Radio displays a radio button on the user interface and enables assigning a state (selected or deselected) to it. In the selected state, the button displayed is highlighted. fw-radio provides child elements for fw-radio-group, to populate the Radio Group component’s list.
61
61
  */
62
- declare const Radio: ({ checked, className, disabled, id, isRequired, label, name, readOnly, ...htmlAttributes }: RadioProps) => React$1.JSX.Element;
62
+ declare const Radio: ({ checked, className, disabled, id, isRequired, label, name, readOnly, ...htmlAttributes }: RadioProps) => react_jsx_runtime.JSX.Element;
63
63
 
64
64
  /**
65
65
  * RadioGroup displays a group of options with radio buttons and enables selection of one option from the list.
66
66
  */
67
- declare const RadioGroup: ({ options, defaultValue, idAccessor, nameAccessor, onChange, className, id, isErrored, errorText, disabled, isRequired, label, readOnly, value, ...props }: RadioGroupProps) => React$1.JSX.Element;
67
+ declare const RadioGroup: ({ options, defaultValue, idAccessor, nameAccessor, onChange, className, id, isErrored, errorText, disabled, isRequired, label, readOnly, value, ...props }: RadioGroupProps) => react_jsx_runtime.JSX.Element;
68
68
 
69
69
  export { Radio, RadioGroup, type RadioGroupProps, type RadioItemProps, type RadioProps };
package/lib/Radio.js CHANGED
@@ -1 +1 @@
1
- export{R as Radio,a as RadioGroup}from"./RadioGroup-Bsa_3Ql9.js";import"./styled-components.browser.esm-89g2oVoD.js";import"react";import"./index-C9JIXGfH.js";import"./index-CMYH5FSo.js";import"react-dom";import"./index-DnaNxNje.js";import"./keyframes-CyBRv3OJ.js";import"./index-CE1du0xY.js";import"./index-D4pfkNFk.js";import"./index-BCBGGtXO.js";import"./index-DUUx2Zie.js";import"./index-BJXW8qXz.js";import"./index-DE6Djr2P.js";import"./index-BxvGNAuC.js";import"./index-Bj96NGNJ.js";import"./index-DZzFKxNs.js";import"./index-BrmsftDQ.js";import"./ErrorText-Dx5455lJ.js";
1
+ export{R as Radio,a as RadioGroup}from"./RadioGroup-D7JRiUe2.js";import"./styled-components.browser.esm-8fYqm7jD.js";import"react";import"./index-B3ttnEEs.js";import"./index-CMYH5FSo.js";import"react-dom";import"./index-Bw1WW_qt.js";import"./keyframes-0CSXUjw0.js";import"./index-CoSaDZpU.js";import"./index-D4pfkNFk.js";import"./index-BCBGGtXO.js";import"./index-DUUx2Zie.js";import"./index-BJXW8qXz.js";import"./index-DE6Djr2P.js";import"./index-BxvGNAuC.js";import"./index-Bj96NGNJ.js";import"./index-DZzFKxNs.js";import"./index-BrmsftDQ.js";import"./ErrorText-CXW7fI-6.js";
@@ -0,0 +1,48 @@
1
+ import{u as e,e as a,j as r}from"./styled-components.browser.esm-8fYqm7jD.js";import{I as d,R as o,S as i}from"./index-B3ttnEEs.js";import{$ as l,a as s,b as c}from"./index-CoSaDZpU.js";import{E as n}from"./ErrorText-CXW7fI-6.js";const t=e.div`
2
+ direction: ${({theme:e})=>e.direction};
3
+ `,m=e(l)`
4
+ display: flex;
5
+ flex-direction: column;
6
+ gap: 4px;
7
+ `,h=e(s)`
8
+ display: flex;
9
+ align-items: center;
10
+ justify-content: center;
11
+ width: 100%;
12
+ height: 100%;
13
+ position: relative;
14
+ &::after {
15
+ content: '';
16
+ display: block;
17
+ width: 6px;
18
+ height: 6px;
19
+ border-radius: 50%;
20
+ background-color: ${({theme:e})=>"dark"===e.mode?e.colors.common.black:e.colors.common.white};
21
+ }
22
+ `,b=e(c)`
23
+ background-color: ${({theme:e})=>"dark"===e.mode?e.colors.common.black:e.colors.common.white};
24
+ width: 14px;
25
+ height: 14px;
26
+ border-radius: 50%;
27
+ border: 1px solid transparent;
28
+ padding: 0;
29
+ margin: 0;
30
+ outline-offset: 3px;
31
+ direction: ${({theme:e})=>e.direction};
32
+ background-color: ${({theme:e})=>e.colors.common.accent};
33
+ &[data-state='unchecked'] {
34
+ border-color: ${({theme:e})=>e.colors.border.hover};
35
+ background-color: unset;
36
+ }
37
+ &[data-disabled] {
38
+ border-color: ${({theme:e})=>e.colors.border.disabled};
39
+ background: ${({theme:e})=>`linear-gradient\n (0deg, #cfd7df, #cfd7df),\n linear-gradient(0deg, ${e.colors.fill.medium}, ${e.colors.fill.medium})`};
40
+ }
41
+ &:hover:not([data-disabled]) {
42
+ box-shadow: 0 0 0 3px ${({theme:e})=>e.colors.border.hover}30;
43
+ }
44
+ `,u=e.div`
45
+ display: flex;
46
+ align-items: center;
47
+ direction: ${({theme:e})=>e.direction};
48
+ `,x=({checked:e,className:i,disabled:l,id:s,isRequired:c,label:n,name:t,readOnly:x,...p})=>{const f=a();return r.jsx(m,{className:("RadioGroupRoot "+(i??"")).trim(),id:s,name:t,"aria-label":n||"Radio button",value:e?"default":"",required:c,disabled:l,"aria-readonly":x,dir:f.direction,...p,children:r.jsxs(u,{children:[r.jsx(b,{checked:e,"aria-checked":e,className:"RadioGroupItem",disabled:l,"aria-readonly":x,value:"default",id:"default",children:r.jsx(h,{className:"RadioGroupIndicator"})}),n&&r.jsxs(d,{className:"RadioLabel",disabled:l,"aria-readonly":x,"aria-label":n,htmlFor:s,children:[n,n&&c&&r.jsx(o,{children:"*"})]})]})})},p=({options:e,defaultValue:l,idAccessor:s="id",nameAccessor:c="name",onChange:x,className:p,id:f,isErrored:j,errorText:g,disabled:R,isRequired:k,label:y,readOnly:$,value:v,...N})=>{const w=a();return r.jsxs(t,{children:[y&&r.jsxs(i,{id:f,className:"input-label",children:[y,y&&k&&r.jsx(o,{children:"*"})]}),r.jsx(m,{defaultValue:l,value:v,onValueChange:e=>{$||R||x?.(e)},"aria-readonly":$,id:f,"aria-label":y||"Radio Group","aria-labelledby":y?f:void 0,className:("RadioGroupRoot "+(p??"")).trim(),dir:w.direction,...N,children:e?.map((e=>r.jsxs(u,{className:"RadioContainer",children:[r.jsx(b,{className:"RadioGroupItem",disabled:e.disabled,value:e?.[s],id:e?.[s],"aria-label":e?.[c],children:r.jsx(h,{className:"RadioGroupIndicator"})}),r.jsx(d,{className:"RadioLabel",disabled:e.disabled,htmlFor:e?.[s],children:e?.[c]})]},e?.[s])))}),j&&g&&r.jsx(n,{children:g})]})};export{x as R,p as a};
@@ -0,0 +1,18 @@
1
+ import e,{useMemo as t,useLayoutEffect as n,useEffect as r,useRef as o,useCallback as i,useState as a,createContext as l,memo as s,useReducer as c,useContext as d,createElement as u}from"react";import{u as h,j as g,e as v}from"./styled-components.browser.esm-8fYqm7jD.js";import{unstable_batchedUpdates as f,createPortal as p}from"react-dom";import{g as b}from"./index-DP7HoUNK.js";import{a as m}from"./index-B3ttnEEs.js";const y="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement;function w(e){const t=Object.prototype.toString.call(e);return"[object Window]"===t||"[object global]"===t}function x(e){return"nodeType"in e}function D(e){var t,n;return e?w(e)?e:x(e)&&null!=(t=null==(n=e.ownerDocument)?void 0:n.defaultView)?t:window:window}function C(e){const{Document:t}=D(e);return e instanceof t}function R(e){return!w(e)&&e instanceof D(e).HTMLElement}function E(e){return e instanceof D(e).SVGElement}function S(e){return e?w(e)?e.document:x(e)?C(e)?e:R(e)||E(e)?e.ownerDocument:document:document:document}const I=y?n:r;function N(e){const t=o(e);return I((()=>{t.current=e})),i((function(){for(var e=arguments.length,n=Array(e),r=0;e>r;r++)n[r]=arguments[r];return null==t.current?void 0:t.current(...n)}),[])}function M(e,t){void 0===t&&(t=[e]);const n=o(e);return I((()=>{n.current!==e&&(n.current=e)}),t),n}function T(e,n){const r=o();return t((()=>{const t=e(r.current);return r.current=t,t}),[...n])}function O(e){const t=N(e),n=o(null),r=i((e=>{e!==n.current&&(null==t||t(e,n.current)),n.current=e}),[]);return[n,r]}function A(e){const t=o();return r((()=>{t.current=e}),[e]),t.current}let k={};function L(e,n){return t((()=>{if(n)return n;const t=null==k[e]?0:k[e]+1;return k[e]=t,e+"-"+t}),[e,n])}function j(e){return function(t){for(var n=arguments.length,r=Array(n>1?n-1:0),o=1;n>o;o++)r[o-1]=arguments[o];return r.reduce(((t,n)=>{const r=Object.entries(n);for(const[n,o]of r){const r=t[n];null!=r&&(t[n]=r+e*o)}return t}),{...t})}}const B=j(1),z=j(-1);function F(e){if(!e)return!1;const{KeyboardEvent:t}=D(e.target);return t&&e instanceof t}function P(e){if(function(e){if(!e)return!1;const{TouchEvent:t}=D(e.target);return t&&e instanceof t}(e)){if(e.touches&&e.touches.length){const{clientX:t,clientY:n}=e.touches[0];return{x:t,y:n}}if(e.changedTouches&&e.changedTouches.length){const{clientX:t,clientY:n}=e.changedTouches[0];return{x:t,y:n}}}return function(e){return"clientX"in e&&"clientY"in e}(e)?{x:e.clientX,y:e.clientY}:null}const X=Object.freeze({Translate:{toString(e){if(!e)return;const{x:t,y:n}=e;return"translate3d("+(t?Math.round(t):0)+"px, "+(n?Math.round(n):0)+"px, 0)"}},Scale:{toString(e){if(!e)return;const{scaleX:t,scaleY:n}=e;return"scaleX("+t+") scaleY("+n+")"}},Transform:{toString(e){if(e)return[X.Translate.toString(e),X.Scale.toString(e)].join(" ")}},Transition:{toString(e){let{property:t,duration:n,easing:r}=e;return t+" "+n+"ms "+r}}}),Y="a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";function K(e){return e.matches(Y)?e:e.querySelector(Y)}const U={display:"none"};function W(t){let{id:n,value:r}=t;return e.createElement("div",{id:n,style:U},r)}function H(t){let{id:n,announcement:r,ariaLiveType:o="assertive"}=t;return e.createElement("div",{id:n,style:{position:"fixed",width:1,height:1,margin:-1,border:0,padding:0,overflow:"hidden",clip:"rect(0 0 0 0)",clipPath:"inset(100%)",whiteSpace:"nowrap"},role:"status","aria-live":o,"aria-atomic":!0},r)}const q=l(null),J={draggable:"\n To pick up a draggable item, press the space bar.\n While dragging, use the arrow keys to move the item.\n Press space again to drop the item in its new position, or press escape to cancel.\n "},V={onDragStart(e){let{active:t}=e;return"Picked up draggable item "+t.id+"."},onDragOver(e){let{active:t,over:n}=e;return n?"Draggable item "+t.id+" was moved over droppable area "+n.id+".":"Draggable item "+t.id+" is no longer over a droppable area."},onDragEnd(e){let{active:t,over:n}=e;return n?"Draggable item "+t.id+" was dropped over droppable area "+n.id:"Draggable item "+t.id+" was dropped."},onDragCancel(e){let{active:t}=e;return"Dragging was cancelled. Draggable item "+t.id+" was dropped."}};function Z(n){let{announcements:o=V,container:l,hiddenTextDescribedById:s,screenReaderInstructions:c=J}=n;const{announce:u,announcement:h}=function(){const[e,t]=a("");return{announce:i((e=>{null!=e&&t(e)}),[]),announcement:e}}(),g=L("DndLiveRegion"),[v,f]=a(!1);if(r((()=>{f(!0)}),[]),function(e){const t=d(q);r((()=>{if(!t)throw Error("useDndMonitor must be used within a children of <DndContext>");return t(e)}),[e,t])}(t((()=>({onDragStart(e){let{active:t}=e;u(o.onDragStart({active:t}))},onDragMove(e){let{active:t,over:n}=e;o.onDragMove&&u(o.onDragMove({active:t,over:n}))},onDragOver(e){let{active:t,over:n}=e;u(o.onDragOver({active:t,over:n}))},onDragEnd(e){let{active:t,over:n}=e;u(o.onDragEnd({active:t,over:n}))},onDragCancel(e){let{active:t,over:n}=e;u(o.onDragCancel({active:t,over:n}))}})),[u,o])),!v)return null;const b=e.createElement(e.Fragment,null,e.createElement(W,{id:s,value:c.draggable}),e.createElement(H,{id:g,announcement:h}));return l?p(b,l):b}var G;function $(){}function Q(e,n){return t((()=>({sensor:e,options:null!=n?n:{}})),[e,n])}!function(e){e.DragStart="dragStart",e.DragMove="dragMove",e.DragEnd="dragEnd",e.DragCancel="dragCancel",e.DragOver="dragOver",e.RegisterDroppable="registerDroppable",e.SetDroppableDisabled="setDroppableDisabled",e.UnregisterDroppable="unregisterDroppable"}(G||(G={}));const _=Object.freeze({x:0,y:0});function ee(e,t){return Math.sqrt(Math.pow(e.x-t.x,2)+Math.pow(e.y-t.y,2))}function te(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return n-r}function ne(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return r-n}function re(e){let{left:t,top:n,height:r,width:o}=e;return[{x:t,y:n},{x:t+o,y:n},{x:t,y:n+r},{x:t+o,y:n+r}]}function oe(e,t){if(!e||0===e.length)return null;const[n]=e;return n[t]}function ie(e,t,n){return void 0===t&&(t=e.left),void 0===n&&(n=e.top),{x:t+.5*e.width,y:n+.5*e.height}}const ae=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const o=ie(t,t.left,t.top),i=[];for(const e of r){const{id:t}=e,r=n.get(t);if(r){const n=ee(ie(r),o);i.push({id:t,data:{droppableContainer:e,value:n}})}}return i.sort(te)};function le(e,t){const n=Math.max(t.top,e.top),r=Math.max(t.left,e.left),o=Math.min(t.left+t.width,e.left+e.width),i=Math.min(t.top+t.height,e.top+e.height);if(o>r&&i>n){const a=(o-r)*(i-n);return Number((a/(t.width*t.height+e.width*e.height-a)).toFixed(4))}return 0}const se=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const o=[];for(const e of r){const{id:r}=e,i=n.get(r);if(i){const n=le(i,t);n>0&&o.push({id:r,data:{droppableContainer:e,value:n}})}}return o.sort(ne)};function ce(e,t){return e&&t?{x:e.left-t.left,y:e.top-t.top}:_}function de(e){return function(t){for(var n=arguments.length,r=Array(n>1?n-1:0),o=1;n>o;o++)r[o-1]=arguments[o];return r.reduce(((t,n)=>({...t,top:t.top+e*n.y,bottom:t.bottom+e*n.y,left:t.left+e*n.x,right:t.right+e*n.x})),{...t})}}const ue=de(1),he={ignoreTransform:!1};function ge(e,t){void 0===t&&(t=he);let n=e.getBoundingClientRect();if(t.ignoreTransform){const{transform:t,transformOrigin:r}=D(e).getComputedStyle(e);t&&(n=function(e,t,n){const r=function(e){if(e.startsWith("matrix3d(")){const t=e.slice(9,-1).split(/, /);return{x:+t[12],y:+t[13],scaleX:+t[0],scaleY:+t[5]}}if(e.startsWith("matrix(")){const t=e.slice(7,-1).split(/, /);return{x:+t[4],y:+t[5],scaleX:+t[0],scaleY:+t[3]}}return null}(t);if(!r)return e;const{scaleX:o,scaleY:i,x:a,y:l}=r,s=e.left-a-(1-o)*parseFloat(n),c=e.top-l-(1-i)*parseFloat(n.slice(n.indexOf(" ")+1)),d=o?e.width/o:e.width,u=i?e.height/i:e.height;return{width:d,height:u,top:c,right:s+d,bottom:c+u,left:s}}(n,t,r))}const{top:r,left:o,width:i,height:a,bottom:l,right:s}=n;return{top:r,left:o,width:i,height:a,bottom:l,right:s}}function ve(e){return ge(e,{ignoreTransform:!0})}function fe(e,t){const n=[];return e?function r(o){if(null!=t&&n.length>=t)return n;if(!o)return n;if(C(o)&&null!=o.scrollingElement&&!n.includes(o.scrollingElement))return n.push(o.scrollingElement),n;if(!R(o)||E(o))return n;if(n.includes(o))return n;const i=D(e).getComputedStyle(o);return o!==e&&function(e,t){void 0===t&&(t=D(e).getComputedStyle(e));const n=/(auto|scroll|overlay)/;return["overflow","overflowX","overflowY"].some((e=>{const r=t[e];return"string"==typeof r&&n.test(r)}))}(o,i)&&n.push(o),function(e,t){return void 0===t&&(t=D(e).getComputedStyle(e)),"fixed"===t.position}(o,i)?n:r(o.parentNode)}(e):n}function pe(e){const[t]=fe(e,1);return null!=t?t:null}function be(e){return y&&e?w(e)?e:x(e)?C(e)||e===S(e).scrollingElement?window:R(e)?e:null:null:null}function me(e){return w(e)?e.scrollX:e.scrollLeft}function ye(e){return w(e)?e.scrollY:e.scrollTop}function we(e){return{x:me(e),y:ye(e)}}var xe;function De(e){return!(!y||!e)&&e===document.scrollingElement}function Ce(e){const t={x:0,y:0},n=De(e)?{height:window.innerHeight,width:window.innerWidth}:{height:e.clientHeight,width:e.clientWidth},r={x:e.scrollWidth-n.width,y:e.scrollHeight-n.height};return{isTop:t.y>=e.scrollTop,isLeft:t.x>=e.scrollLeft,isBottom:e.scrollTop>=r.y,isRight:e.scrollLeft>=r.x,maxScroll:r,minScroll:t}}!function(e){e[e.Forward=1]="Forward",e[e.Backward=-1]="Backward"}(xe||(xe={}));const Re={x:.2,y:.2};function Ee(e,t,n,r,o){let{top:i,left:a,right:l,bottom:s}=n;void 0===r&&(r=10),void 0===o&&(o=Re);const{isTop:c,isBottom:d,isLeft:u,isRight:h}=Ce(e),g={x:0,y:0},v={x:0,y:0},f=t.height*o.y,p=t.width*o.x;return c||i>t.top+f?d||t.bottom-f>s||(g.y=xe.Forward,v.y=r*Math.abs((t.bottom-f-s)/f)):(g.y=xe.Backward,v.y=r*Math.abs((t.top+f-i)/f)),h||t.right-p>l?u||a>t.left+p||(g.x=xe.Backward,v.x=r*Math.abs((t.left+p-a)/p)):(g.x=xe.Forward,v.x=r*Math.abs((t.right-p-l)/p)),{direction:g,speed:v}}function Se(e){if(e===document.scrollingElement){const{innerWidth:e,innerHeight:t}=window;return{top:0,left:0,right:e,bottom:t,width:e,height:t}}const{top:t,left:n,right:r,bottom:o}=e.getBoundingClientRect();return{top:t,left:n,right:r,bottom:o,width:e.clientWidth,height:e.clientHeight}}function Ie(e){return e.reduce(((e,t)=>B(e,we(t))),_)}const Ne=[["x",["left","right"],function(e){return e.reduce(((e,t)=>e+me(t)),0)}],["y",["top","bottom"],function(e){return e.reduce(((e,t)=>e+ye(t)),0)}]];class Me{constructor(e,t){this.rect=void 0,this.width=void 0,this.height=void 0,this.top=void 0,this.bottom=void 0,this.right=void 0,this.left=void 0;const n=fe(t),r=Ie(n);this.rect={...e},this.width=e.width,this.height=e.height;for(const[e,t,o]of Ne)for(const i of t)Object.defineProperty(this,i,{get:()=>{const t=o(n);return this.rect[i]+(r[e]-t)},enumerable:!0});Object.defineProperty(this,"rect",{enumerable:!1})}}class Te{constructor(e){this.target=void 0,this.listeners=[],this.removeAll=()=>{this.listeners.forEach((e=>{var t;return null==(t=this.target)?void 0:t.removeEventListener(...e)}))},this.target=e}add(e,t,n){var r;null==(r=this.target)||r.addEventListener(e,t,n),this.listeners.push([e,t,n])}}function Oe(e,t){const n=Math.abs(e.x),r=Math.abs(e.y);return"number"==typeof t?Math.sqrt(n**2+r**2)>t:"x"in t&&"y"in t?n>t.x&&r>t.y:"x"in t?n>t.x:"y"in t&&r>t.y}var Ae,ke;function Le(e){e.preventDefault()}function je(e){e.stopPropagation()}!function(e){e.Click="click",e.DragStart="dragstart",e.Keydown="keydown",e.ContextMenu="contextmenu",e.Resize="resize",e.SelectionChange="selectionchange",e.VisibilityChange="visibilitychange"}(Ae||(Ae={})),function(e){e.Space="Space",e.Down="ArrowDown",e.Right="ArrowRight",e.Left="ArrowLeft",e.Up="ArrowUp",e.Esc="Escape",e.Enter="Enter"}(ke||(ke={}));const Be={start:[ke.Space,ke.Enter],cancel:[ke.Esc],end:[ke.Space,ke.Enter]},ze=(e,t)=>{let{currentCoordinates:n}=t;switch(e.code){case ke.Right:return{...n,x:n.x+25};case ke.Left:return{...n,x:n.x-25};case ke.Down:return{...n,y:n.y+25};case ke.Up:return{...n,y:n.y-25}}};class Fe{constructor(e){this.props=void 0,this.autoScrollEnabled=!1,this.referenceCoordinates=void 0,this.listeners=void 0,this.windowListeners=void 0,this.props=e;const{event:{target:t}}=e;this.props=e,this.listeners=new Te(S(t)),this.windowListeners=new Te(D(t)),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleCancel=this.handleCancel.bind(this),this.attach()}attach(){this.handleStart(),this.windowListeners.add(Ae.Resize,this.handleCancel),this.windowListeners.add(Ae.VisibilityChange,this.handleCancel),setTimeout((()=>this.listeners.add(Ae.Keydown,this.handleKeyDown)))}handleStart(){const{activeNode:e,onStart:t}=this.props,n=e.node.current;n&&function(e,t){if(void 0===t&&(t=ge),!e)return;const{top:n,left:r,bottom:o,right:i}=t(e);pe(e)&&(o>0&&i>0&&n<window.innerHeight&&r<window.innerWidth||e.scrollIntoView({block:"center",inline:"center"}))}(n),t(_)}handleKeyDown(e){if(F(e)){const{active:t,context:n,options:r}=this.props,{keyboardCodes:o=Be,coordinateGetter:i=ze,scrollBehavior:a="smooth"}=r,{code:l}=e;if(o.end.includes(l))return void this.handleEnd(e);if(o.cancel.includes(l))return void this.handleCancel(e);const{collisionRect:s}=n.current,c=s?{x:s.left,y:s.top}:_;this.referenceCoordinates||(this.referenceCoordinates=c);const d=i(e,{active:t,context:n.current,currentCoordinates:c});if(d){const t=z(d,c),r={x:0,y:0},{scrollableAncestors:o}=n.current;for(const n of o){const o=e.code,{isTop:i,isRight:l,isLeft:s,isBottom:c,maxScroll:u,minScroll:h}=Ce(n),g=Se(n),v={x:Math.min(o===ke.Right?g.right-g.width/2:g.right,Math.max(o===ke.Right?g.left:g.left+g.width/2,d.x)),y:Math.min(o===ke.Down?g.bottom-g.height/2:g.bottom,Math.max(o===ke.Down?g.top:g.top+g.height/2,d.y))},f=o===ke.Down&&!c||o===ke.Up&&!i;if((o===ke.Right&&!l||o===ke.Left&&!s)&&v.x!==d.x){const e=n.scrollLeft+t.x,i=o===ke.Right&&u.x>=e||o===ke.Left&&e>=h.x;if(i&&!t.y)return void n.scrollTo({left:e,behavior:a});r.x=i?n.scrollLeft-e:o===ke.Right?n.scrollLeft-u.x:n.scrollLeft-h.x,r.x&&n.scrollBy({left:-r.x,behavior:a});break}if(f&&v.y!==d.y){const e=n.scrollTop+t.y,i=o===ke.Down&&u.y>=e||o===ke.Up&&e>=h.y;if(i&&!t.x)return void n.scrollTo({top:e,behavior:a});r.y=i?n.scrollTop-e:o===ke.Down?n.scrollTop-u.y:n.scrollTop-h.y,r.y&&n.scrollBy({top:-r.y,behavior:a});break}}this.handleMove(e,B(z(d,this.referenceCoordinates),r))}}}handleMove(e,t){const{onMove:n}=this.props;e.preventDefault(),n(t)}handleEnd(e){const{onEnd:t}=this.props;e.preventDefault(),this.detach(),t()}handleCancel(e){const{onCancel:t}=this.props;e.preventDefault(),this.detach(),t()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll()}}function Pe(e){return!(!e||!("distance"in e))}function Xe(e){return!(!e||!("delay"in e))}Fe.activators=[{eventName:"onKeyDown",handler:(e,t,n)=>{let{keyboardCodes:r=Be,onActivation:o}=t,{active:i}=n;const{code:a}=e.nativeEvent;if(r.start.includes(a)){const t=i.activatorNode.current;return!(t&&e.target!==t||(e.preventDefault(),null==o||o({event:e.nativeEvent}),0))}return!1}}];class Ye{constructor(e,t,n){var r;void 0===n&&(n=function(e){const{EventTarget:t}=D(e);return e instanceof t?e:S(e)}(e.event.target)),this.props=void 0,this.events=void 0,this.autoScrollEnabled=!0,this.document=void 0,this.activated=!1,this.initialCoordinates=void 0,this.timeoutId=null,this.listeners=void 0,this.documentListeners=void 0,this.windowListeners=void 0,this.props=e,this.events=t;const{event:o}=e,{target:i}=o;this.props=e,this.events=t,this.document=S(i),this.documentListeners=new Te(this.document),this.listeners=new Te(n),this.windowListeners=new Te(D(i)),this.initialCoordinates=null!=(r=P(o))?r:_,this.handleStart=this.handleStart.bind(this),this.handleMove=this.handleMove.bind(this),this.handleEnd=this.handleEnd.bind(this),this.handleCancel=this.handleCancel.bind(this),this.handleKeydown=this.handleKeydown.bind(this),this.removeTextSelection=this.removeTextSelection.bind(this),this.attach()}attach(){const{events:e,props:{options:{activationConstraint:t,bypassActivationConstraint:n}}}=this;if(this.listeners.add(e.move.name,this.handleMove,{passive:!1}),this.listeners.add(e.end.name,this.handleEnd),this.windowListeners.add(Ae.Resize,this.handleCancel),this.windowListeners.add(Ae.DragStart,Le),this.windowListeners.add(Ae.VisibilityChange,this.handleCancel),this.windowListeners.add(Ae.ContextMenu,Le),this.documentListeners.add(Ae.Keydown,this.handleKeydown),t){if(null!=n&&n({event:this.props.event,activeNode:this.props.activeNode,options:this.props.options}))return this.handleStart();if(Xe(t))return void(this.timeoutId=setTimeout(this.handleStart,t.delay));if(Pe(t))return}this.handleStart()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll(),setTimeout(this.documentListeners.removeAll,50),null!==this.timeoutId&&(clearTimeout(this.timeoutId),this.timeoutId=null)}handleStart(){const{initialCoordinates:e}=this,{onStart:t}=this.props;e&&(this.activated=!0,this.documentListeners.add(Ae.Click,je,{capture:!0}),this.removeTextSelection(),this.documentListeners.add(Ae.SelectionChange,this.removeTextSelection),t(e))}handleMove(e){var t;const{activated:n,initialCoordinates:r,props:o}=this,{onMove:i,options:{activationConstraint:a}}=o;if(!r)return;const l=null!=(t=P(e))?t:_,s=z(r,l);if(!n&&a){if(Pe(a)){if(null!=a.tolerance&&Oe(s,a.tolerance))return this.handleCancel();if(Oe(s,a.distance))return this.handleStart()}return Xe(a)&&Oe(s,a.tolerance)?this.handleCancel():void 0}e.cancelable&&e.preventDefault(),i(l)}handleEnd(){const{onEnd:e}=this.props;this.detach(),e()}handleCancel(){const{onCancel:e}=this.props;this.detach(),e()}handleKeydown(e){e.code===ke.Esc&&this.handleCancel()}removeTextSelection(){var e;null==(e=this.document.getSelection())||e.removeAllRanges()}}const Ke={move:{name:"pointermove"},end:{name:"pointerup"}};class Ue extends Ye{constructor(e){const{event:t}=e,n=S(t.target);super(e,Ke,n)}}Ue.activators=[{eventName:"onPointerDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return!(!n.isPrimary||0!==n.button||(null==r||r({event:n}),0))}}];const We={move:{name:"mousemove"},end:{name:"mouseup"}};var He;!function(e){e[e.RightClick=2]="RightClick"}(He||(He={}));class qe extends Ye{constructor(e){super(e,We,S(e.event.target))}}qe.activators=[{eventName:"onMouseDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return n.button!==He.RightClick&&(null==r||r({event:n}),!0)}}];const Je={move:{name:"touchmove"},end:{name:"touchend"}};class Ve extends Ye{constructor(e){super(e,Je)}static setup(){return window.addEventListener(Je.move.name,e,{capture:!1,passive:!1}),function(){window.removeEventListener(Je.move.name,e)};function e(){}}}var Ze,Ge;Ve.activators=[{eventName:"onTouchStart",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;const{touches:o}=n;return 1>=o.length&&(null==r||r({event:n}),!0)}}],function(e){e[e.Pointer=0]="Pointer",e[e.DraggableRect=1]="DraggableRect"}(Ze||(Ze={})),function(e){e[e.TreeOrder=0]="TreeOrder",e[e.ReversedTreeOrder=1]="ReversedTreeOrder"}(Ge||(Ge={}));const $e={x:{[xe.Backward]:!1,[xe.Forward]:!1},y:{[xe.Backward]:!1,[xe.Forward]:!1}};var Qe,_e;!function(e){e[e.Always=0]="Always",e[e.BeforeDragging=1]="BeforeDragging",e[e.WhileDragging=2]="WhileDragging"}(Qe||(Qe={})),function(e){e.Optimized="optimized"}(_e||(_e={}));const et=new Map;function tt(e,t){return T((n=>e?n||("function"==typeof t?t(e):e):null),[t,e])}function nt(e){let{callback:n,disabled:o}=e;const i=N(n),a=t((()=>{if(o||"undefined"==typeof window||void 0===window.ResizeObserver)return;const{ResizeObserver:e}=window;return new e(i)}),[o]);return r((()=>()=>null==a?void 0:a.disconnect()),[a]),a}function rt(e){return new Me(ge(e),e)}function ot(e,n,o){void 0===n&&(n=rt);const[i,a]=c((function(t){if(!e)return null;var r;if(!1===e.isConnected)return null!=(r=null!=t?t:o)?r:null;const i=n(e);return JSON.stringify(t)===JSON.stringify(i)?t:i}),null),l=function(e){let{callback:n,disabled:o}=e;const i=N(n),a=t((()=>{if(o||"undefined"==typeof window||void 0===window.MutationObserver)return;const{MutationObserver:e}=window;return new e(i)}),[i,o]);return r((()=>()=>null==a?void 0:a.disconnect()),[a]),a}({callback(t){if(e)for(const n of t){const{type:t,target:r}=n;if("childList"===t&&r instanceof HTMLElement&&r.contains(e)){a();break}}}}),s=nt({callback:a});return I((()=>{a(),e?(null==s||s.observe(e),null==l||l.observe(document.body,{childList:!0,subtree:!0})):(null==s||s.disconnect(),null==l||l.disconnect())}),[e]),i}const it=[];function at(e,t){void 0===t&&(t=[]);const n=o(null);return r((()=>{n.current=null}),t),r((()=>{const t=e!==_;t&&!n.current&&(n.current=e),!t&&n.current&&(n.current=null)}),[e]),n.current?z(e,n.current):_}function lt(e){return t((()=>e?function(e){const t=e.innerWidth,n=e.innerHeight;return{top:0,left:0,right:t,bottom:n,width:t,height:n}}(e):null),[e])}const st=[];const ct=[{sensor:Ue,options:{}},{sensor:Fe,options:{}}],dt={current:{}},ut={draggable:{measure:ve},droppable:{measure:ve,strategy:Qe.WhileDragging,frequency:_e.Optimized},dragOverlay:{measure:ge}};class ht extends Map{get(e){var t;return null!=e&&null!=(t=super.get(e))?t:void 0}toArray(){return Array.from(this.values())}getEnabled(){return this.toArray().filter((e=>{let{disabled:t}=e;return!t}))}getNodeFor(e){var t,n;return null!=(t=null==(n=this.get(e))?void 0:n.node.current)?t:void 0}}const gt={activatorEvent:null,active:null,activeNode:null,activeNodeRect:null,collisions:null,containerNodeRect:null,draggableNodes:new Map,droppableRects:new Map,droppableContainers:new ht,over:null,dragOverlay:{nodeRef:{current:null},rect:null,setRef:$},scrollableAncestors:[],scrollableAncestorRects:[],measuringConfiguration:ut,measureDroppableContainers:$,windowRect:null,measuringScheduled:!1},vt=l({activatorEvent:null,activators:[],active:null,activeNodeRect:null,ariaDescribedById:{draggable:""},dispatch:$,draggableNodes:new Map,over:null,measureDroppableContainers:$}),ft=l(gt);function pt(){return{draggable:{active:null,initialCoordinates:{x:0,y:0},nodes:new Map,translate:{x:0,y:0}},droppable:{containers:new ht}}}function bt(e,t){switch(t.type){case G.DragStart:return{...e,draggable:{...e.draggable,initialCoordinates:t.initialCoordinates,active:t.active}};case G.DragMove:return e.draggable.active?{...e,draggable:{...e.draggable,translate:{x:t.coordinates.x-e.draggable.initialCoordinates.x,y:t.coordinates.y-e.draggable.initialCoordinates.y}}}:e;case G.DragEnd:case G.DragCancel:return{...e,draggable:{...e.draggable,active:null,initialCoordinates:{x:0,y:0},translate:{x:0,y:0}}};case G.RegisterDroppable:{const{element:n}=t,{id:r}=n,o=new ht(e.droppable.containers);return o.set(r,n),{...e,droppable:{...e.droppable,containers:o}}}case G.SetDroppableDisabled:{const{id:n,key:r,disabled:o}=t,i=e.droppable.containers.get(n);if(!i||r!==i.key)return e;const a=new ht(e.droppable.containers);return a.set(n,{...i,disabled:o}),{...e,droppable:{...e.droppable,containers:a}}}case G.UnregisterDroppable:{const{id:n,key:r}=t,o=e.droppable.containers.get(n);if(!o||r!==o.key)return e;const i=new ht(e.droppable.containers);return i.delete(n),{...e,droppable:{...e.droppable,containers:i}}}default:return e}}function mt(e){let{disabled:t}=e;const{active:n,activatorEvent:o,draggableNodes:i}=d(vt),a=A(o),l=A(null==n?void 0:n.id);return r((()=>{if(!t&&!o&&a&&null!=l){if(!F(a))return;if(document.activeElement===a.target)return;const e=i.get(l);if(!e)return;const{activatorNode:t,node:n}=e;if(!t.current&&!n.current)return;requestAnimationFrame((()=>{for(const e of[t.current,n.current]){if(!e)continue;const t=K(e);if(t){t.focus();break}}}))}}),[o,t,i,l,a]),null}const yt=l({..._,scaleX:1,scaleY:1});var wt;!function(e){e[e.Uninitialized=0]="Uninitialized",e[e.Initializing=1]="Initializing",e[e.Initialized=2]="Initialized"}(wt||(wt={}));const xt=s((function(n){var l,s,d,u;let{id:h,accessibility:g,autoScroll:v=!0,children:p,sensors:b=ct,collisionDetection:m=se,measuring:w,modifiers:x,...C}=n;const E=c(bt,void 0,pt),[S,N]=E,[k,j]=function(){const[e]=a((()=>new Set)),t=i((t=>(e.add(t),()=>e.delete(t))),[e]);return[i((t=>{let{type:n,event:r}=t;e.forEach((e=>{var t;return null==(t=e[n])?void 0:t.call(e,r)}))}),[e]),t]}(),[z,F]=a(wt.Uninitialized),X=z===wt.Initialized,{draggable:{active:Y,nodes:K,translate:U},droppable:{containers:W}}=S,H=Y?K.get(Y):null,J=o({initial:null,translated:null}),V=t((()=>{var e;return null!=Y?{id:Y,data:null!=(e=null==H?void 0:H.data)?e:dt,rect:J}:null}),[Y,H]),$=o(null),[Q,ee]=a(null),[te,ne]=a(null),re=M(C,Object.values(C)),ie=L("DndDescribedBy",h),ae=t((()=>W.getEnabled()),[W]),le=t((()=>({draggable:{...ut.draggable,...null==de?void 0:de.draggable},droppable:{...ut.droppable,...null==de?void 0:de.droppable},dragOverlay:{...ut.dragOverlay,...null==de?void 0:de.dragOverlay}})),[null==(de=w)?void 0:de.draggable,null==de?void 0:de.droppable,null==de?void 0:de.dragOverlay]);var de;const{droppableRects:he,measureDroppableContainers:ve,measuringScheduled:me}=function(e,t){let{dragging:n,dependencies:l,config:s}=t;const[c,d]=a(null),{frequency:u,measure:h,strategy:g}=s,v=o(e),f=function(){switch(g){case Qe.Always:return!1;case Qe.BeforeDragging:return n;default:return!n}}(),p=M(f),b=i((function(e){void 0===e&&(e=[]),p.current||d((t=>null===t?e:t.concat(e.filter((e=>!t.includes(e))))))}),[p]),m=o(null),y=T((t=>{if(f&&!n)return et;if(!t||t===et||v.current!==e||null!=c){const t=new Map;for(let n of e){if(!n)continue;if(c&&c.length>0&&!c.includes(n.id)&&n.rect.current){t.set(n.id,n.rect.current);continue}const e=n.node.current,r=e?new Me(h(e),e):null;n.rect.current=r,r&&t.set(n.id,r)}return t}return t}),[e,c,n,f,h]);return r((()=>{v.current=e}),[e]),r((()=>{f||b()}),[n,f]),r((()=>{c&&c.length>0&&d(null)}),[JSON.stringify(c)]),r((()=>{f||"number"!=typeof u||null!==m.current||(m.current=setTimeout((()=>{b(),m.current=null}),u))}),[u,f,b,...l]),{droppableRects:y,measureDroppableContainers:b,measuringScheduled:null!=c}}(ae,{dragging:X,dependencies:[U.x,U.y],config:le.droppable}),ye=function(e,t){const n=null!==t?e.get(t):void 0,r=n?n.node.current:null;return T((e=>{var n;return null===t?null:null!=(n=null!=r?r:e)?n:null}),[r,t])}(K,Y),Ce=t((()=>te?P(te):null),[te]),Re=function(){const e=X&&!(!1===(null==Q?void 0:Q.autoScrollEnabled))&&!("object"==typeof v?!1===v.enabled:!1===v);return"object"==typeof v?{...v,enabled:e}:{enabled:e}}(),Se=function(e,t){return tt(e,t)}(ye,le.draggable.measure);!function(e){let{activeNode:t,measure:n,initialRect:r,config:i=!0}=e;const a=o(!1),{x:l,y:s}="boolean"==typeof i?{x:i,y:i}:i;I((()=>{if(!l&&!s||!t)return void(a.current=!1);if(a.current||!r)return;const e=null==t?void 0:t.node.current;if(!e||!1===e.isConnected)return;const o=ce(n(e),r);if(l||(o.x=0),s||(o.y=0),a.current=!0,Math.abs(o.x)>0||Math.abs(o.y)>0){const t=pe(e);t&&t.scrollBy({top:o.y,left:o.x})}}),[t,l,s,r,n])}({activeNode:Y?K.get(Y):null,config:Re.layoutShiftCompensation,initialRect:Se,measure:le.draggable.measure});const Ne=ot(ye,le.draggable.measure,Se),Te=ot(ye?ye.parentElement:null),Oe=o({activatorEvent:null,active:null,activeNode:ye,collisionRect:null,collisions:null,droppableRects:he,draggableNodes:K,draggingNode:null,draggingNodeRect:null,droppableContainers:W,over:null,scrollableAncestors:[],scrollAdjustedTranslate:null}),Ae=W.getNodeFor(null==(l=Oe.current.over)?void 0:l.id),ke=function(e){let{measure:n}=e;const[r,o]=a(null),l=i((e=>{for(const{target:t}of e)if(R(t)){o((e=>{const r=n(t);return e?{...e,width:r.width,height:r.height}:r}));break}}),[n]),s=nt({callback:l}),c=i((e=>{const t=function(e){if(!e)return null;if(e.children.length>1)return e;const t=e.children[0];return R(t)?t:e}(e);null==s||s.disconnect(),t&&(null==s||s.observe(t)),o(t?n(t):null)}),[n,s]),[d,u]=O(c);return t((()=>({nodeRef:d,rect:r,setRef:u})),[r,d,u])}({measure:le.dragOverlay.measure}),Le=null!=(s=ke.nodeRef.current)?s:ye,je=X?null!=(d=ke.rect)?d:Ne:null,Be=!(!ke.nodeRef.current||!ke.rect),ze=ce(Fe=Be?null:Ne,tt(Fe));var Fe;const Pe=lt(Le?D(Le):null),Xe=function(e){const t=o(e),n=T((n=>e?n&&n!==it&&e&&t.current&&e.parentNode===t.current.parentNode?n:fe(e):it),[e]);return r((()=>{t.current=e}),[e]),n}(X?null!=Ae?Ae:ye:null),Ye=function(e,t){void 0===t&&(t=ge);const[n]=e,r=lt(n?D(n):null),[o,i]=c((function(){return e.length?e.map((e=>De(e)?r:new Me(t(e),e))):st}),st),a=nt({callback:i});return e.length>0&&o===st&&i(),I((()=>{e.length?e.forEach((e=>null==a?void 0:a.observe(e))):(null==a||a.disconnect(),i())}),[e]),o}(Xe),Ke=function(e,t){let{transform:n,...r}=t;return null!=e&&e.length?e.reduce(((e,t)=>t({transform:e,...r})),n):n}(x,{transform:{x:U.x-ze.x,y:U.y-ze.y,scaleX:1,scaleY:1},activatorEvent:te,active:V,activeNodeRect:Ne,containerNodeRect:Te,draggingNodeRect:je,over:Oe.current.over,overlayNodeRect:ke.rect,scrollableAncestors:Xe,scrollableAncestorRects:Ye,windowRect:Pe}),Ue=Ce?B(Ce,U):null,We=function(e){const[n,l]=a(null),s=o(e),c=i((e=>{const t=be(e.target);t&&l((e=>e?(e.set(t,we(t)),new Map(e)):null))}),[]);return r((()=>{const t=s.current;if(e!==t){n(t);const r=e.map((e=>{const t=be(e);return t?(t.addEventListener("scroll",c,{passive:!0}),[t,we(t)]):null})).filter((e=>null!=e));l(r.length?new Map(r):null),s.current=e}return()=>{n(e),n(t)};function n(e){e.forEach((e=>{const t=be(e);null==t||t.removeEventListener("scroll",c)}))}}),[c,e]),t((()=>e.length?n?Array.from(n.values()).reduce(((e,t)=>B(e,t)),_):Ie(e):_),[e,n])}(Xe),He=at(We),qe=at(We,[Ne]),Je=B(Ke,He),Ve=je?ue(je,Ke):null,_e=V&&Ve?m({active:V,collisionRect:Ve,droppableRects:he,droppableContainers:ae,pointerCoordinates:Ue}):null,rt=oe(_e,"id"),[ht,gt]=a(null),xt=function(e,t,n){return{...e,scaleX:t&&n?t.width/n.width:1,scaleY:t&&n?t.height/n.height:1}}(Be?Ke:B(Ke,qe),null!=(u=null==ht?void 0:ht.rect)?u:null,Ne),Dt=i(((e,t)=>{let{sensor:n,options:r}=t;if(null==$.current)return;const o=K.get($.current);if(!o)return;const i=e.nativeEvent,a=new n({active:$.current,activeNode:o,event:i,options:r,context:Oe,onStart(e){const t=$.current;if(null==t)return;const n=K.get(t);if(!n)return;const{onDragStart:r}=re.current,o={active:{id:t,data:n.data,rect:J}};f((()=>{null==r||r(o),F(wt.Initializing),N({type:G.DragStart,initialCoordinates:e,active:t}),k({type:"onDragStart",event:o})}))},onMove(e){N({type:G.DragMove,coordinates:e})},onEnd:l(G.DragEnd),onCancel:l(G.DragCancel)});function l(e){return async function(){const{active:t,collisions:n,over:r,scrollAdjustedTranslate:o}=Oe.current;let a=null;if(t&&o){const{cancelDrop:l}=re.current;a={activatorEvent:i,active:t,collisions:n,delta:o,over:r},e===G.DragEnd&&"function"==typeof l&&await Promise.resolve(l(a))&&(e=G.DragCancel)}$.current=null,f((()=>{N({type:e}),F(wt.Uninitialized),gt(null),ee(null),ne(null);const t=e===G.DragEnd?"onDragEnd":"onDragCancel";if(a){const e=re.current[t];null==e||e(a),k({type:t,event:a})}}))}}f((()=>{ee(a),ne(e.nativeEvent)}))}),[K]),Ct=i(((e,t)=>(n,r)=>{const o=n.nativeEvent,i=K.get(r);null!==$.current||!i||o.dndKit||o.defaultPrevented||!0===e(n,t.options,{active:i})&&(o.dndKit={capturedBy:t.sensor},$.current=r,Dt(n,t))}),[K,Dt]),Rt=function(e,n){return t((()=>e.reduce(((e,t)=>{const{sensor:r}=t;return[...e,...r.activators.map((e=>({eventName:e.eventName,handler:n(e.handler,t)})))]}),[])),[e,n])}(b,Ct);!function(e){r((()=>{if(!y)return;const t=e.map((e=>{let{sensor:t}=e;return null==t.setup?void 0:t.setup()}));return()=>{for(const e of t)null==e||e()}}),e.map((e=>{let{sensor:t}=e;return t})))}(b),I((()=>{Ne&&z===wt.Initializing&&F(wt.Initialized)}),[Ne,z]),r((()=>{const{onDragMove:e}=re.current,{active:t,activatorEvent:n,collisions:r,over:o}=Oe.current;if(!t||!n)return;const i={active:t,activatorEvent:n,collisions:r,delta:{x:Je.x,y:Je.y},over:o};f((()=>{null==e||e(i),k({type:"onDragMove",event:i})}))}),[Je.x,Je.y]),r((()=>{const{active:e,activatorEvent:t,collisions:n,droppableContainers:r,scrollAdjustedTranslate:o}=Oe.current;if(!e||null==$.current||!t||!o)return;const{onDragOver:i}=re.current,a=r.get(rt),l=a&&a.rect.current?{id:a.id,rect:a.rect.current,data:a.data,disabled:a.disabled}:null,s={active:e,activatorEvent:t,collisions:n,delta:{x:o.x,y:o.y},over:l};f((()=>{gt(l),null==i||i(s),k({type:"onDragOver",event:s})}))}),[rt]),I((()=>{Oe.current={activatorEvent:te,active:V,activeNode:ye,collisionRect:Ve,collisions:_e,droppableRects:he,draggableNodes:K,draggingNode:Le,draggingNodeRect:je,droppableContainers:W,over:ht,scrollableAncestors:Xe,scrollAdjustedTranslate:Je},J.current={initial:je,translated:Ve}}),[V,ye,_e,Ve,K,Le,je,he,W,ht,Xe,Je]),function(e){let{acceleration:n,activator:a=Ze.Pointer,canScroll:l,draggingRect:s,enabled:c,interval:d=5,order:u=Ge.TreeOrder,pointerCoordinates:h,scrollableAncestors:g,scrollableAncestorRects:v,delta:f,threshold:p}=e;const b=function(e){let{delta:t,disabled:n}=e;const r=A(t);return T((e=>{if(n||!r||!e)return $e;const o=Math.sign(t.x-r.x),i=Math.sign(t.y-r.y);return{x:{[xe.Backward]:e.x[xe.Backward]||-1===o,[xe.Forward]:e.x[xe.Forward]||1===o},y:{[xe.Backward]:e.y[xe.Backward]||-1===i,[xe.Forward]:e.y[xe.Forward]||1===i}}}),[n,t,r])}({delta:f,disabled:!c}),[m,y]=function(){const e=o(null);return[i(((t,n)=>{e.current=setInterval(t,n)}),[]),i((()=>{null!==e.current&&(clearInterval(e.current),e.current=null)}),[])]}(),w=o({x:0,y:0}),x=o({x:0,y:0}),D=t((()=>{switch(a){case Ze.Pointer:return h?{top:h.y,bottom:h.y,left:h.x,right:h.x}:null;case Ze.DraggableRect:return s}}),[a,s,h]),C=o(null),R=i((()=>{const e=C.current;e&&e.scrollBy(w.current.x*x.current.x,w.current.y*x.current.y)}),[]),E=t((()=>u===Ge.TreeOrder?[...g].reverse():g),[u,g]);r((()=>{if(c&&g.length&&D){for(const e of E){if(!1===(null==l?void 0:l(e)))continue;const t=g.indexOf(e),r=v[t];if(!r)continue;const{direction:o,speed:i}=Ee(e,r,D,n,p);for(const e of["x","y"])b[e][o[e]]||(i[e]=0,o[e]=0);if(i.x>0||i.y>0)return y(),C.current=e,m(R,d),w.current=i,void(x.current=o)}w.current={x:0,y:0},x.current={x:0,y:0},y()}else y()}),[n,R,l,y,c,d,JSON.stringify(D),JSON.stringify(b),m,g,E,v,JSON.stringify(p)])}({...Re,delta:U,draggingRect:Ve,pointerCoordinates:Ue,scrollableAncestors:Xe,scrollableAncestorRects:Ye});const Et=t((()=>({active:V,activeNode:ye,activeNodeRect:Ne,activatorEvent:te,collisions:_e,containerNodeRect:Te,dragOverlay:ke,draggableNodes:K,droppableContainers:W,droppableRects:he,over:ht,measureDroppableContainers:ve,scrollableAncestors:Xe,scrollableAncestorRects:Ye,measuringConfiguration:le,measuringScheduled:me,windowRect:Pe})),[V,ye,Ne,te,_e,Te,ke,K,W,he,ht,ve,Xe,Ye,le,me,Pe]),St=t((()=>({activatorEvent:te,activators:Rt,active:V,activeNodeRect:Ne,ariaDescribedById:{draggable:ie},dispatch:N,draggableNodes:K,over:ht,measureDroppableContainers:ve})),[te,Rt,V,Ne,N,ie,K,ht,ve]);return e.createElement(q.Provider,{value:j},e.createElement(vt.Provider,{value:St},e.createElement(ft.Provider,{value:Et},e.createElement(yt.Provider,{value:xt},p)),e.createElement(mt,{disabled:!1===(null==g?void 0:g.restoreFocus)})),e.createElement(Z,{...g,hiddenTextDescribedById:ie}))})),Dt=l(null),Ct="button",Rt="Droppable";const Et={timeout:25};function St(e,t,n){const r={...e};return t.top+e.y>n.top?n.top+n.height>t.bottom+e.y||(r.y=n.top+n.height-t.bottom):r.y=n.top-t.top,t.left+e.x>n.left?n.left+n.width>t.right+e.x||(r.x=n.left+n.width-t.right):r.x=n.left-t.left,r}const It=e=>{let{draggingNodeRect:t,transform:n,scrollableAncestorRects:r}=e;const o=r[0];return t&&o?St(n,t,o):n},Nt=e=>{let{transform:t}=e;return{...t,x:0}},Mt=e=>{let{transform:t,draggingNodeRect:n,windowRect:r}=e;return n&&r?St(t,n,r):t};function Tt(e,t,n){const r=e.slice();return r.splice(0>n?r.length+n:n,0,r.splice(t,1)[0]),r}function Ot(e,t){return e.reduce(((e,n,r)=>{const o=t.get(n);return o&&(e[r]=o),e}),Array(e.length))}function At(e){return null!==e&&e>=0}const kt=e=>{let{rects:t,activeIndex:n,overIndex:r,index:o}=e;const i=Tt(t,r,n),a=t[o],l=i[o];return l&&a?{x:l.left-a.left,y:l.top-a.top,scaleX:l.width/a.width,scaleY:l.height/a.height}:null},Lt={scaleX:1,scaleY:1},jt=e=>{var t;let{activeIndex:n,activeNodeRect:r,index:o,rects:i,overIndex:a}=e;const l=null!=(t=i[n])?t:r;if(!l)return null;if(o===n){const e=i[a];return e?{x:0,y:a>n?e.top+e.height-(l.top+l.height):e.top-l.top,...Lt}:null}const s=function(e,t,n){const r=e[t],o=e[t-1],i=e[t+1];return r?t>n?o?r.top-(o.top+o.height):i?i.top-(r.top+r.height):0:i?i.top-(r.top+r.height):o?r.top-(o.top+o.height):0:0}(i,o,n);return o>n&&a>=o?{x:0,y:-l.height-s,...Lt}:n>o&&o>=a?{x:0,y:l.height+s,...Lt}:{x:0,y:0,...Lt}},Bt="Sortable",zt=e.createContext({activeIndex:-1,containerId:Bt,disableTransforms:!1,items:[],overIndex:-1,useDragOverlay:!1,sortedRects:[],strategy:kt,disabled:{draggable:!1,droppable:!1}});function Ft(n){let{children:i,id:a,items:l,strategy:s=kt,disabled:c=!1}=n;const{active:u,dragOverlay:h,droppableRects:g,over:v,measureDroppableContainers:f}=d(ft),p=L(Bt,a),b=!(null===h.rect),m=t((()=>l.map((e=>"object"==typeof e&&"id"in e?e.id:e))),[l]),y=null!=u,w=u?m.indexOf(u.id):-1,x=v?m.indexOf(v.id):-1,D=o(m),C=!function(e,t){if(e===t)return!0;if(e.length!==t.length)return!1;for(let n=0;e.length>n;n++)if(e[n]!==t[n])return!1;return!0}(m,D.current),R=-1!==x&&-1===w||C,E=function(e){return"boolean"==typeof e?{draggable:e,droppable:e}:e}(c);I((()=>{C&&y&&f(m)}),[C,m,y,f]),r((()=>{D.current=m}),[m]);const S=t((()=>({activeIndex:w,containerId:p,disabled:E,disableTransforms:R,items:m,overIndex:x,useDragOverlay:b,sortedRects:Ot(m,g),strategy:s})),[w,p,E.draggable,E.droppable,R,m,x,g,b,s]);return e.createElement(zt.Provider,{value:S},i)}const Pt=e=>{let{id:t,items:n,activeIndex:r,overIndex:o}=e;return Tt(n,r,o).indexOf(t)},Xt=e=>{let{containerId:t,isSorting:n,wasDragging:r,index:o,items:i,newIndex:a,previousItems:l,previousContainerId:s,transition:c}=e;return!(!c||!r||l!==i&&o===a||!n&&(a===o||t!==s))},Yt={duration:200,easing:"ease"},Kt="transform",Ut=X.Transition.toString({property:Kt,duration:0,easing:"linear"}),Wt={roleDescription:"sortable"};function Ht(e){let{animateLayoutChanges:n=Xt,attributes:l,disabled:s,data:c,getNewIndex:u=Pt,id:h,strategy:g,resizeObserverConfig:v,transition:f=Yt}=e;const{items:p,containerId:b,activeIndex:m,disabled:y,disableTransforms:w,sortedRects:x,overIndex:D,useDragOverlay:C,strategy:R}=d(zt),E=function(e,t){var n,r;return"boolean"==typeof e?{draggable:e,droppable:!1}:{draggable:null!=(n=null==e?void 0:e.draggable)?n:t.draggable,droppable:null!=(r=null==e?void 0:e.droppable)?r:t.droppable}}(s,y),S=p.indexOf(h),N=t((()=>({sortable:{containerId:b,index:S,items:p},...c})),[b,c,S,p]),T=t((()=>p.slice(p.indexOf(h))),[p,h]),{rect:A,node:k,isOver:j,setNodeRef:B}=function(e){let{data:t,disabled:n=!1,id:a,resizeObserverConfig:l}=e;const s=L("Droppable"),{active:c,dispatch:u,over:h,measureDroppableContainers:g}=d(vt),v=o({disabled:n}),f=o(!1),p=o(null),b=o(null),{disabled:m,updateMeasurementsFor:y,timeout:w}={...Et,...l},x=M(null!=y?y:a),D=nt({callback:i((()=>{f.current?(null!=b.current&&clearTimeout(b.current),b.current=setTimeout((()=>{g(Array.isArray(x.current)?x.current:[x.current]),b.current=null}),w)):f.current=!0}),[w]),disabled:m||!c}),C=i(((e,t)=>{D&&(t&&(D.unobserve(t),f.current=!1),e&&D.observe(e))}),[D]),[R,E]=O(C),S=M(t);return r((()=>{D&&R.current&&(D.disconnect(),f.current=!1,D.observe(R.current))}),[R,D]),I((()=>(u({type:G.RegisterDroppable,element:{id:a,key:s,disabled:n,node:R,rect:p,data:S}}),()=>u({type:G.UnregisterDroppable,key:s,id:a}))),[a]),r((()=>{n!==v.current.disabled&&(u({type:G.SetDroppableDisabled,id:a,key:s,disabled:n}),v.current.disabled=n)}),[a,s,n,u]),{active:c,rect:p,isOver:(null==h?void 0:h.id)===a,node:R,over:h,setNodeRef:E}}({id:h,data:N,disabled:E.droppable,resizeObserverConfig:{updateMeasurementsFor:T,...v}}),{active:z,activatorEvent:P,activeNodeRect:Y,attributes:K,setNodeRef:U,listeners:W,isDragging:H,over:q,setActivatorNodeRef:J,transform:V}=function(e){let{id:n,data:r,disabled:o=!1,attributes:i}=e;const a=L(Rt),{activators:l,activatorEvent:s,active:c,activeNodeRect:u,ariaDescribedById:h,draggableNodes:g,over:v}=d(vt),{role:f=Ct,roleDescription:p="draggable",tabIndex:b=0}=null!=i?i:{},m=(null==c?void 0:c.id)===n,y=d(m?yt:Dt),[w,x]=O(),[D,C]=O(),R=function(e,n){return t((()=>e.reduce(((e,t)=>{let{eventName:r,handler:o}=t;return e[r]=e=>{o(e,n)},e}),{})),[e,n])}(l,n),E=M(r);return I((()=>(g.set(n,{id:n,key:a,node:w,activatorNode:D,data:E}),()=>{const e=g.get(n);e&&e.key===a&&g.delete(n)})),[g,n]),{active:c,activatorEvent:s,activeNodeRect:u,attributes:t((()=>({role:f,tabIndex:b,"aria-disabled":o,"aria-pressed":!(!m||f!==Ct)||void 0,"aria-roledescription":p,"aria-describedby":h.draggable})),[o,f,b,m,p,h.draggable]),isDragging:m,listeners:o?void 0:R,node:w,over:v,setNodeRef:x,setActivatorNodeRef:C,transform:y}}({id:h,data:N,attributes:{...Wt,...l},disabled:E.draggable}),Z=function(){for(var e=arguments.length,n=Array(e),r=0;e>r;r++)n[r]=arguments[r];return t((()=>e=>{n.forEach((t=>t(e)))}),n)}(B,U),$=!!z,Q=$&&!w&&At(m)&&At(D),_=!C&&H,ee=_&&Q?V:null,te=Q?null!=ee?ee:(null!=g?g:R)({rects:x,activeNodeRect:Y,activeIndex:m,overIndex:D,index:S}):null,ne=At(m)&&At(D)?u({id:h,items:p,activeIndex:m,overIndex:D}):S,re=null==z?void 0:z.id,oe=o({activeId:re,items:p,newIndex:ne,containerId:b}),ie=p!==oe.current.items,ae=n({active:z,containerId:b,isDragging:H,isSorting:$,id:h,index:S,items:p,newIndex:oe.current.newIndex,previousItems:oe.current.items,previousContainerId:oe.current.containerId,transition:f,wasDragging:null!=oe.current.activeId}),le=function(e){let{disabled:t,index:n,node:i,rect:l}=e;const[s,c]=a(null),d=o(n);return I((()=>{if(!t&&n!==d.current&&i.current){const e=l.current;if(e){const t=ge(i.current,{ignoreTransform:!0}),n={x:e.left-t.left,y:e.top-t.top,scaleX:e.width/t.width,scaleY:e.height/t.height};(n.x||n.y)&&c(n)}}n!==d.current&&(d.current=n)}),[t,n,i,l]),r((()=>{s&&c(null)}),[s]),s}({disabled:!ae,index:S,node:k,rect:A});return r((()=>{$&&oe.current.newIndex!==ne&&(oe.current.newIndex=ne),b!==oe.current.containerId&&(oe.current.containerId=b),p!==oe.current.items&&(oe.current.items=p)}),[$,ne,b,p]),r((()=>{if(re===oe.current.activeId)return;if(re&&!oe.current.activeId)return void(oe.current.activeId=re);const e=setTimeout((()=>{oe.current.activeId=re}),50);return()=>clearTimeout(e)}),[re]),{active:z,activeIndex:m,attributes:K,data:N,rect:A,index:S,newIndex:ne,items:p,isOver:j,isSorting:$,isDragging:H,listeners:W,node:k,overIndex:D,over:q,setNodeRef:Z,setActivatorNodeRef:J,setDroppableNodeRef:B,setDraggableNodeRef:U,transform:null!=le?le:te,transition:le||ie&&oe.current.newIndex===S?Ut:_&&!F(P)||!f?void 0:$||ae?X.Transition.toString({...f,property:Kt}):void 0}}function qt(e){if(!e)return!1;const t=e.data.current;return!!(t&&"sortable"in t&&"object"==typeof t.sortable&&"containerId"in t.sortable&&"items"in t.sortable&&"index"in t.sortable)}const Jt=[ke.Down,ke.Right,ke.Up,ke.Left],Vt=(e,t)=>{let{context:{active:n,collisionRect:r,droppableRects:o,droppableContainers:i,over:a,scrollableAncestors:l}}=t;if(Jt.includes(e.code)){if(e.preventDefault(),!n||!r)return;const t=[];i.getEnabled().forEach((n=>{if(!n||null!=n&&n.disabled)return;const i=o.get(n.id);if(i)switch(e.code){case ke.Down:i.top>r.top&&t.push(n);break;case ke.Up:r.top>i.top&&t.push(n);break;case ke.Left:r.left>i.left&&t.push(n);break;case ke.Right:i.left>r.left&&t.push(n)}}));const d=(e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const o=re(t),i=[];for(const e of r){const{id:t}=e,r=n.get(t);if(r){const n=re(r),a=o.reduce(((e,t,r)=>e+ee(n[r],t)),0);i.push({id:t,data:{droppableContainer:e,value:Number((a/4).toFixed(4))}})}}return i.sort(te)})({active:n,collisionRect:r,droppableRects:o,droppableContainers:t,pointerCoordinates:null});let u=oe(d,"id");if(u===(null==a?void 0:a.id)&&d.length>1&&(u=d[1].id),null!=u){const e=i.get(n.id),t=i.get(u),a=t?o.get(t.id):null,d=null==t?void 0:t.node.current;if(d&&a&&e&&t){const n=fe(d).some(((e,t)=>l[t]!==e)),o=Zt(e,t),i=(c=t,!(!qt(s=e)||!qt(c))&&!!Zt(s,c)&&c.data.current.sortable.index>s.data.current.sortable.index),u=n||!o?{x:0,y:0}:{x:i?r.width-a.width:0,y:i?r.height-a.height:0},h={x:a.left,y:a.top};return u.x&&u.y?h:z(h,u)}}}var s,c};function Zt(e,t){return!(!qt(e)||!qt(t))&&e.data.current.sortable.containerId===t.data.current.sortable.containerId}const Gt=h.div`
2
+ direction: ${({theme:e})=>e.direction};
3
+ `,$t=h.div`
4
+ display: flex;
5
+ align-items: center;
6
+ border-radius: 4px;
7
+ &:not(:last-child) {
8
+ margin-bottom: 12px;
9
+ }
10
+ button.ItemDragger {
11
+ margin: auto 4px;
12
+ cursor: ${({disabled:e})=>e?"not-allowed":"grab"};
13
+ }
14
+ div.CustomItem {
15
+ flex: 1;
16
+ }
17
+ opacity: ${({disabled:e})=>e?.5:1};
18
+ `,Qt=e.forwardRef(((e,t)=>g.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,ref:t,children:[g.jsx("path",{d:"M4.83981 4.47195C4.33683 4.47519 3.88173 4.17426 3.68775 3.71019C3.49378 3.24611 3.59936 2.71083 3.95502 2.35517C4.31068 1.9995 4.84597 1.89392 5.31004 2.0879C5.77412 2.28188 6.07504 2.73698 6.07181 3.23995C6.07181 3.92037 5.52022 4.47195 4.83981 4.47195Z",fill:e.fill??"currentcolor"}),g.jsx("path",{d:"M11.2397 4.47195C10.7367 4.47519 10.2816 4.17426 10.0877 3.71019C9.89368 3.24611 9.99926 2.71083 10.3549 2.35517C10.7106 1.9995 11.2459 1.89392 11.7099 2.0879C12.174 2.28188 12.4749 2.73698 12.4717 3.23995C12.4717 3.92037 11.9201 4.47195 11.2397 4.47195Z",fill:e.fill??"currentcolor"}),g.jsx("path",{d:"M4.83981 9.272C4.33683 9.27524 3.88173 8.97431 3.68775 8.51024C3.49378 8.04616 3.59936 7.51088 3.95502 7.15522C4.31068 6.79955 4.84597 6.69397 5.31004 6.88795C5.77412 7.08193 6.07504 7.53703 6.07181 8.04C6.07181 8.72042 5.52022 9.272 4.83981 9.272Z",fill:e.fill??"currentcolor"}),g.jsx("path",{d:"M11.2397 9.272C10.7367 9.27524 10.2816 8.97431 10.0877 8.51024C9.89368 8.04616 9.99926 7.51088 10.3549 7.15522C10.7106 6.79955 11.2459 6.69397 11.7099 6.88795C12.174 7.08193 12.4749 7.53703 12.4717 8.04C12.4717 8.72042 11.9201 9.272 11.2397 9.272Z",fill:e.fill??"currentcolor"}),g.jsx("path",{d:"M4.83981 14.0719C4.33683 14.0752 3.88173 13.7742 3.68775 13.3102C3.49378 12.8461 3.59936 12.3108 3.95502 11.9551C4.31068 11.5995 4.84597 11.4939 5.31004 11.6879C5.77412 11.8819 6.07504 12.337 6.07181 12.8399C6.07181 13.5203 5.52022 14.0719 4.83981 14.0719Z",fill:e.fill??"currentcolor"}),g.jsx("path",{d:"M11.2397 14.0719C10.7367 14.0752 10.2816 13.7742 10.0877 13.3102C9.89368 12.8461 9.99926 12.3108 10.3549 11.9551C10.7106 11.5995 11.2459 11.4939 11.7099 11.6879C12.174 11.8819 12.4749 12.337 12.4717 12.8399C12.4717 13.5203 11.9201 14.0719 11.2397 14.0719Z",fill:e.fill??"currentcolor"})]}))),_t=n=>{const{items:r,customRender:o,onReorder:i,customFilter:a=(()=>!0),className:l,showDragger:s=!0,disabled:c=!1}=n,[d,u]=e.useState([]),h=function(){for(var e=arguments.length,n=Array(e),r=0;e>r;r++)n[r]=arguments[r];return t((()=>[...n].filter((e=>null!=e))),[...n])}(Q(qe),Q(Ve),Q(Fe,{coordinateGetter:Vt}));return e.useEffect((()=>{r&&Array.isArray(r)&&u(r.map((e=>({id:b(),data:e}))))}),[r]),g.jsx(Gt,{className:l||"",children:g.jsx(xt,{sensors:h,collisionDetection:ae,onDragEnd:e=>{const{active:t,over:n}=e;if(t.id!==n?.id){const e=d.map((e=>e.id)),o=e.indexOf(""+t.id),a=e.indexOf(n?.id.toString()||""),l=Tt(d,o,a),s=Tt(r,o,a);u(l),i&&i([...s])}},modifiers:[Nt,Mt,It],children:g.jsx(Ft,{items:d,strategy:jt,children:d.filter((e=>a(e.data))).map(((e,t)=>g.jsx(en,{customRender:o,item:e.data,disabled:c,itemIndex:t,showDragger:s,id:e.id},""+e.data.id)))})})})},en=e=>{const t=v(),{id:n,item:r,itemIndex:o,customRender:i,showDragger:a,disabled:l,key:s}=e,{attributes:c,listeners:d,setNodeRef:h,transform:f,transition:p}=Ht({id:n});return u($t,{disabled:l,className:"ReorderItemContainer",ref:h,style:{transform:X.Translate.toString(f),transition:p},...c,key:s},a&&g.jsx(m,{className:"ItemDragger",disabled:l,...l?{}:d,children:g.jsx(Qt,{fill:t.colors.text.primary})}),g.jsx("div",{className:"CustomItem",...a?{}:d,children:i(r,o,d)}))};export{_t as R};
package/lib/Reorder.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import React$1 from 'react';
2
+ import * as react_jsx_runtime from 'react/jsx-runtime';
3
3
  import { DraggableSyntheticListeners } from '@dnd-kit/core';
4
4
 
5
5
  type ReorderItemType = {
@@ -31,6 +31,6 @@ type ReorderProps<T extends ReorderItemType = ReorderItemType> = {
31
31
  /**
32
32
  * Reorder is a component that enables reordering of items in a list. It provides a drag handle to reorder the items.
33
33
  */
34
- declare const Reorder: <T extends ReorderItemType = ReorderItemType>(props: ReorderProps<T>) => React$1.JSX.Element;
34
+ declare const Reorder: <T extends ReorderItemType = ReorderItemType>(props: ReorderProps<T>) => react_jsx_runtime.JSX.Element;
35
35
 
36
- export { Reorder, type ReorderItemType, type ReorderProps };
36
+ export { type ReorderItemType, type ReorderProps, Reorder as default };
package/lib/Reorder.js CHANGED
@@ -1 +1 @@
1
- export{R as Reorder}from"./Reorder-0k-SbTSk.js";import"./styled-components.browser.esm-89g2oVoD.js";import"react";import"react-dom";import"./index-1TMKcHYv.js";import"./index-DnaNxNje.js";import"./index-C9JIXGfH.js";import"./index-CMYH5FSo.js";import"./keyframes-CyBRv3OJ.js";
1
+ export{R as default}from"./Reorder-CU3gxznN.js";import"react";import"./styled-components.browser.esm-8fYqm7jD.js";import"react-dom";import"./index-DP7HoUNK.js";import"./index-B3ttnEEs.js";import"./index-CMYH5FSo.js";import"./index-Bw1WW_qt.js";import"./keyframes-0CSXUjw0.js";
@@ -0,0 +1 @@
1
+ import{e as s,j as e}from"./styled-components.browser.esm-8fYqm7jD.js";import o from"react";import{T as r}from"./index-B3ttnEEs.js";import{a,b as n,c,d as i,D as t,e as d}from"./styles-C_4H_GA0.js";import{T as l}from"./TickIcon-D8ryFR8A.js";const m=m=>{const{trigger:p,idAccessor:j="id",nameAccessor:x="name",onSelect:f,isDisableSortDropdown:h=!1,options:b=[],value:D}=m,u=s();return e.jsxs(a,{children:[e.jsx(n,{asChild:!0,disabled:h,children:e.jsx(r,{children:p})}),e.jsx(c,{children:e.jsx(i,{side:"bottom",sideOffset:4,align:"center",className:"DropdownMenuContent",children:b.map(((s,r)=>e.jsxs(o.Fragment,{children:[s.map((s=>e.jsxs(t,{id:s?.[j],disabled:s?.disabled,className:"DropdownMenuItem",onSelect:()=>{const e=D??[];e[r]=s?.[j],f?.(e)},children:[s?.[x],D?.[r]===s?.[j]&&e.jsx(l,{fill:u.colors.common.accent})]},s?.[j]))),e.jsx(d,{className:"DropdownMenuSeparator"})]},r)))})})]})};export{m as S};
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import React$1 from 'react';
2
+ import * as react_jsx_runtime from 'react/jsx-runtime';
3
3
 
4
4
  interface DefaultMenuItemProps {
5
5
  disabled?: boolean;
@@ -42,6 +42,6 @@ type TableSortingMenuProps<T extends DefaultMenuItemProps = DefaultMenuItemProps
42
42
  /**
43
43
  * SortDropdown component is used to render the dropdown for sorting the table
44
44
  */
45
- declare const SortDropdown: <T extends DefaultMenuItemProps>(props: TableSortingMenuProps<T>) => React$1.JSX.Element;
45
+ declare const SortDropdown: <T extends DefaultMenuItemProps>(props: TableSortingMenuProps<T>) => react_jsx_runtime.JSX.Element;
46
46
 
47
- export { SortDropdown, type TableSortingMenuProps };
47
+ export { type TableSortingMenuProps, SortDropdown as default };
@@ -1 +1 @@
1
- export{S as SortDropdown}from"./SortDropdown-BZflsvUQ.js";import"react";import"./styled-components.browser.esm-89g2oVoD.js";import"./index-C9JIXGfH.js";import"./index-CMYH5FSo.js";import"react-dom";import"./index-DnaNxNje.js";import"./keyframes-CyBRv3OJ.js";import"./styles-Ga0MfVzP.js";import"./index-D4pfkNFk.js";import"./index-BCBGGtXO.js";import"./index-BJXW8qXz.js";import"./index-BxvGNAuC.js";import"./index-CGIN8I3H.js";import"./Combination-BnXRbEZN.js";import"./index-BtogZdFr.js";import"./index-Bj96NGNJ.js";import"./index-BrmsftDQ.js";import"./index-DUUx2Zie.js";import"./index-DE6Djr2P.js";import"./TickIcon-Bf575C6Y.js";
1
+ export{S as default}from"./SortDropdown-DnRo1b3N.js";import"./styled-components.browser.esm-8fYqm7jD.js";import"react";import"./index-B3ttnEEs.js";import"./index-CMYH5FSo.js";import"react-dom";import"./index-Bw1WW_qt.js";import"./keyframes-0CSXUjw0.js";import"./styles-C_4H_GA0.js";import"./index-D4pfkNFk.js";import"./index-BCBGGtXO.js";import"./index-BJXW8qXz.js";import"./index-BxvGNAuC.js";import"./index-CGIN8I3H.js";import"./Combination-DRFSmqCF.js";import"./index-BtogZdFr.js";import"./index-Bj96NGNJ.js";import"./index-BrmsftDQ.js";import"./index-DUUx2Zie.js";import"./index-DE6Djr2P.js";import"./TickIcon-D8ryFR8A.js";
@@ -0,0 +1 @@
1
+ import{j as e,e as n}from"./styled-components.browser.esm-8fYqm7jD.js";import a from"react";import{M as i,u as s,T as l,a as t,b as o,c as r,x as d,d as c,C as g,e as h,y as m,f as x,g as p,h as j,S as u,i as C,j as b,k as f,l as w,m as S,n as y,o as v,p as P,B as k,q as N,r as M,s as I,t as R,v as O,w as F}from"./CustomizeColumns-BsRW9qk_.js";import{B as T}from"./Button-38TrTrqS.js";import{C as D}from"./Checkbox-U3_actBa.js";import{L}from"./Loader-DG6kODGn.js";import{M as A}from"./Menu-Ca_uMNaw.js";import"./styles-C_4H_GA0.js";import{P as B}from"./Popover-CLUM02h3.js";import{S as H}from"./SortDropdown-DnRo1b3N.js";import{T as z}from"./Typography-B6f3UubR.js";const V=a.forwardRef(((n,a)=>e.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("rect",{width:"16",height:"16",fill:"white","fill-opacity":"0.01"}),e.jsx("path",{d:"M7.99999 10.62C7.84999 10.62 7.68999 10.56 7.57999 10.44L3.53999 6.41001C3.30999 6.18001 3.30999 5.80001 3.53999 5.56001C3.76999 5.33001 4.14999 5.33001 4.38999 5.56001L7.99999 9.17001L11.61 5.56001C11.84 5.33001 12.23 5.33001 12.46 5.56001C12.69 5.79001 12.69 6.17001 12.46 6.41001L8.41999 10.44C8.29999 10.56 8.14999 10.62 7.99999 10.62Z",fill:"currentcolor"})]}))),$=$=>{const{data:G,columns:E,showFooter:Y=!1,infoComponent:q,isLoading:K,isFetching:Z,emptyComponent:J,loadingComponent:Q,actionComponent:U,headerComponent:W,editColumnComponent:X,filterComponent:_,hideTableOnEmpty:ee,hideTopPagination:ne,hideFilters:ae,isFilterOpenByDefault:ie=!0,sortingHeading:se,showTableOnLoading:le,hideLoaderOnTopPagination:te,hideActions:oe,count:re,pageIndex:de=0,pageSize:ce=20,enablePreviousPage:ge,enableNextPage:he,hideColumnSettings:me=!0,hideBottomPagination:xe,rowMenuOptions:pe,onPreviousPageClick:je,enableSorting:ue,sortingValues:Ce,sortingOptions:be,onSortingOptionSelect:fe,onNextPageClick:we,disableRowSelect:Se,hideSelectAllInTable:ye,onSelectAllRows:ve,onRowSelect:Pe,onMenuOptionSelect:ke,onRowClick:Ne,columnOrder:Me,setColumnOrder:Ie,setHiddenColumns:Re,hiddenColumns:Oe,selectedRowIds:Fe={},isDisableSortDropdown:Te,setSelectedRowIds:De,dataKey:Le="id",cellPropGetter:Ae,setPageIndex:Be,rowPropGetter:He,translationTexts:ze}=$,Ve=n(),[$e,Ge]=a.useState(!!ie),Ee=O(),Ye=-1===re||void 0===re,qe=a.useMemo((()=>[...Se?[]:[{id:"select",header:({table:n})=>ye?e.jsx("div",{className:"table-checkbox-header"}):e.jsx(D,{className:"table-checkbox",checked:n.getIsSomeRowsSelected()?"indeterminate":n.getIsAllRowsSelected(),indeterminate:n.getIsSomeRowsSelected(),onCheckedChange:e=>{n.toggleAllPageRowsSelected(!0===e),ve?.(!0===e)}}),cell:({row:n})=>e.jsx(D,{className:"table-checkbox",checked:n.getIsSelected(),disabled:!n.getCanSelect(),indeterminate:n.getIsSomeSelected(),onCheckedChange:e=>{n.toggleSelected(!0===e),Pe?.(n.original,!0===e)}})}],...E.map((e=>Ee.accessor(e.id,{header:e.Header,id:e.id??e.Header,cell:n=>e.accessorFn(n.row.original)}))),...pe?[{id:"rowMenuOptions",header:()=>e.jsx("div",{id:"more-actions-header"}),cell:({row:n})=>e.jsx(A,{trigger:e.jsx(i,{className:"more-actions",fill:"currentcolor"}),options:pe(n.original)||[],onSelect:e=>{e.id&&ke?.(e.id,n.original)},side:"bottom",align:"rtl"===Ve.direction?"start":"end"})}]:[]]),[E,Se,ye,Ve.colors.text.primary]),Ke=a.useMemo((()=>{const e={};return E.forEach((n=>{e[n.id]=!(Oe??[]).includes(n.id)})),e}),[E,Oe]),Ze=a.useMemo((()=>({pageIndex:de,pageSize:ce})),[ce,de]),Je=s({data:G,columns:qe,getRowId:e=>e?.[Le]??"id",getCoreRowModel:F(),state:{columnOrder:Me,columnVisibility:Ke,rowSelection:Fe,pagination:Ze},initialState:{columnPinning:{left:["select"],right:["rowMenuOptions"]}},onPaginationChange:e=>{let n=Ze;n="function"==typeof e?e(Ze):e,Be?.(n.pageIndex)},onColumnVisibilityChange:e=>{let n=Ke;n="function"==typeof e?e(Ke):e,Re?.(Object.keys(n).filter((e=>!n[e])))},onColumnOrderChange:e=>{let n=Me??[];n="function"==typeof e?e(Me??[]):e,Ie?.(n)},onRowSelectionChange:e=>{let n=Fe;n="function"==typeof e?e(Fe):e,De?.(n)},enableRowSelection:!0,manualPagination:!0,rowCount:Ye?-1:re}),{getPageCount:Qe,getRowModel:Ue,getState:We,getCanNextPage:Xe,getCanPreviousPage:_e,getPageOptions:en,previousPage:nn,setPageIndex:an,nextPage:sn,lastPage:ln,firstPage:tn}=Je,{rows:on}=Ue(),{pagination:{pageIndex:rn,pageSize:dn}}=We(),cn=rn*dn+(rn<Qe()-1?dn:on.length),gn=Je.getAllColumns().filter((e=>e.getIsVisible())).length+(Se?0:1)+(pe?1:0),hn=be?.[0].find((e=>e.id===Ce?.[0]))?.name;return e.jsxs(l,{className:"TableContainer",children:[!oe&&e.jsxs(t,{className:"table-actions",children:[U&&e.jsx(e.Fragment,{children:U}),e.jsx(o,{className:"table-header-component",children:W??null}),e.jsxs(r,{className:"table-header-dropdown-pagination",children:[ue&&e.jsxs("div",{className:"table-heading-dropdown",children:[e.jsx("div",{className:"table-sorting-heading",children:se+":"})," ",e.jsx(H,{trigger:e.jsxs("div",{className:"table-sorting-value-continer",children:[e.jsx("div",{children:hn}),e.jsx(V,{fill:"currentcolor"})]}),isDisableSortDropdown:!!Te,options:be||[],value:Ce,onSelect:e=>{fe?.(e??[])}})]}),e.jsx(d,{className:"table-edit-column-component",children:X??null}),e.jsxs(c,{className:"pagination-actions",children:[!ne&&e.jsxs(e.Fragment,{children:[e.jsx(z,{variant:"primary",className:"pagination-text",children:K&&!te?e.jsx(L,{size:"small"}):e.jsx(e.Fragment,{children:G.length>0?`${rn*dn+1} - ${cn} ${ze?.of||"of"} ${Ye?on.length>0?""+(ze?.many||"Many"):"-":re??on.length??"-"}`:null})}),e.jsx(T,{variant:"secondary",className:"table-pagination-button",onClick:()=>{je?.(),Ye||nn()},disabled:Ye?!ge:!_e()||K||Z,children:e.jsx(g,{fill:Ve.colors.text.primary})}),e.jsx(T,{variant:"secondary",className:"table-pagination-button",onClick:()=>{we?.(),Ye||sn()},disabled:Ye?!he:!Xe()||K||Z,children:e.jsx(h,{fill:Ve.colors.text.primary})})]}),!ae&&e.jsx(T,{variant:"secondary",className:"table-pagination-button filter-toggle",onClick:()=>Ge(!$e),children:e.jsx(m,{style:{transform:$e?"rotateY(180deg)":"rotateY(0deg)"},fill:"currentcolor"})})]})]})]}),e.jsxs(x,{children:[e.jsxs(p,{className:"table-wrapper",children:[q&&e.jsx(j,{children:q}),e.jsx(e.Fragment,K&&!le?{children:Q}:{children:0===on.length&&ee?e.jsx(e.Fragment,{children:J}):e.jsx(u,{children:e.jsxs(C,{children:[!me&&e.jsx(B,{align:"end",avoidCollisions:!0,side:"top",trigger:e.jsx(b,{fill:"currentcolor"}),children:e.jsx(f,{table:Je})}),e.jsx(w,{children:Je.getHeaderGroups().map((n=>e.jsx(S,{children:n.headers.map((n=>e.jsx(y,{children:n.isPlaceholder?null:v(n.column.columnDef.header,n.getContext())},n.id)))},n.id)))}),e.jsxs(P,{children:[Z&&!K&&e.jsx(k,{children:e.jsx(L,{})}),on.map((n=>e.jsx(S,{$isSelected:n.getIsSelected(),...He?.(n.original),children:n.getVisibleCells().map((a=>e.jsx(N,{onClick:()=>{Ne?.(n.original,a.column.columnDef)},...Ae?.(a),children:v(a.column.columnDef.cell,a.getContext())},a.id)))},n.id)))]}),Y&&e.jsx(M,{children:Je.getFooterGroups().map((n=>e.jsx(S,{children:n.headers.map((n=>e.jsx(y,{children:n.isPlaceholder?null:v(n.column.columnDef.footer,n.getContext())},n.id)))},n.id)))}),!xe&&e.jsx(M,{children:e.jsx(S,{children:e.jsx(y,{colSpan:gn,children:e.jsxs(I,{className:"table-pagination",children:[e.jsx(T,{variant:"secondary",onClick:()=>{tn()},disabled:!_e()||K||Z,children:"<<"}),e.jsx(T,{variant:"secondary",onClick:()=>{nn()},disabled:!_e()||K||Z,children:"<"}),rn+1>2&&e.jsxs(e.Fragment,{children:[e.jsx(T,{variant:"secondary",onClick:()=>{tn()},disabled:K||Z,children:"1"}),rn+1-3!=0&&e.jsx(T,{variant:"secondary",disabled:!0,children:"..."})]}),en().map((n=>[n-2,n-1,n,n+1,n+2].includes(rn+1)&&e.jsx(T,{variant:"secondary",className:rn+1===n+1?"active":"",onClick:()=>{an?.(n)},disabled:K||Z,children:n+1},n))),Math.ceil(G.length/dn)-2>rn+2&&e.jsxs(e.Fragment,{children:[rn+2+3!==Math.ceil(G.length/dn)&&e.jsx(T,{variant:"secondary",disabled:!0,children:"..."}),e.jsx(T,{variant:"secondary",onClick:()=>{an?.(Math.ceil(G.length/dn)-1)},disabled:K||Z,children:Math.ceil(G.length/dn)})]}),e.jsx(T,{variant:"secondary",onClick:()=>{sn()},disabled:!Xe()||K||Z,children:">"}),e.jsx(T,{variant:"secondary",onClick:()=>{ln()},disabled:!Xe()||K||Z,children:">>"})]})})})})]})})})]}),!ae&&$e&&_&&e.jsx(R,{children:_})]})]})};export{$ as T};
package/lib/Table.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import react from 'react';
2
+ import * as react_jsx_runtime from 'react/jsx-runtime';
3
3
  import { CoreOptions, ColumnDef, Cell, RowSelectionState } from '@tanstack/react-table';
4
4
  import { MenuItemProps as MenuItemProps$1 } from '@radix-ui/react-dropdown-menu';
5
5
 
@@ -90,6 +90,6 @@ interface TableProps<T extends RowDataType> {
90
90
  /**
91
91
  * Table component is used to display data in a tabular format. It is used to show data in a structured manner. It can be used to show data in a grid format.
92
92
  */
93
- declare const Table: <T extends RowDataType = RowDataType>(props: TableProps<T>) => react.JSX.Element;
93
+ declare const Table: <T extends RowDataType = RowDataType>(props: TableProps<T>) => react_jsx_runtime.JSX.Element;
94
94
 
95
- export { type RowDataType, Table, type TableProps };
95
+ export { type FuiTableColumnType, type RowDataType, type SortingOptionsType, type TableProps, Table as default };
package/lib/Table.js CHANGED
@@ -1 +1 @@
1
- export{T as Table}from"./Table-Pye13AY-.js";import"./styled-components.browser.esm-89g2oVoD.js";import"react";import"./CustomizeColumns-C4n2OJYM.js";import"./index-C9JIXGfH.js";import"./index-CMYH5FSo.js";import"react-dom";import"./index-DnaNxNje.js";import"./keyframes-CyBRv3OJ.js";import"./ChevronUp-DRezNiXX.js";import"./Button-C2GQK5Zh.js";import"./Checkbox-CmvqP6CF.js";import"./index-BCBGGtXO.js";import"./index-D4pfkNFk.js";import"./index-DZzFKxNs.js";import"./index-Bj96NGNJ.js";import"./index-BrmsftDQ.js";import"./TickIcon-Bf575C6Y.js";import"./Cross-DdS-LVsP.js";import"./TextArea-DAiKr3Eo.js";import"./ErrorText-Dx5455lJ.js";import"./Popover-aB29KjFO.js";import"./index-CGIN8I3H.js";import"./Combination-BnXRbEZN.js";import"./index-DE6Djr2P.js";import"./index-BtogZdFr.js";import"./Reorder-0k-SbTSk.js";import"./index-1TMKcHYv.js";import"./Typography-W1bHgokt.js";import"./Loader-4OVmuWEs.js";import"./Menu-D4-ZsZLq.js";import"./styles-Ga0MfVzP.js";import"./index-BJXW8qXz.js";import"./index-BxvGNAuC.js";import"./index-DUUx2Zie.js";import"./SortDropdown-BZflsvUQ.js";
1
+ export{T as default}from"./Table-D7KHCXPF.js";import"./styled-components.browser.esm-8fYqm7jD.js";import"react";import"./CustomizeColumns-BsRW9qk_.js";import"./index-B3ttnEEs.js";import"./index-CMYH5FSo.js";import"react-dom";import"./index-Bw1WW_qt.js";import"./keyframes-0CSXUjw0.js";import"./ChevronUp-D_QXlMGy.js";import"./Button-38TrTrqS.js";import"./Checkbox-U3_actBa.js";import"./index-BCBGGtXO.js";import"./index-D4pfkNFk.js";import"./index-DZzFKxNs.js";import"./index-Bj96NGNJ.js";import"./index-BrmsftDQ.js";import"./TickIcon-D8ryFR8A.js";import"./Cross-CgQhiy9a.js";import"./TextArea-CojwXjXn.js";import"./ErrorText-CXW7fI-6.js";import"./Popover-CLUM02h3.js";import"./index-CGIN8I3H.js";import"./Combination-DRFSmqCF.js";import"./index-DE6Djr2P.js";import"./index-BtogZdFr.js";import"./Reorder-CU3gxznN.js";import"./index-DP7HoUNK.js";import"./Typography-B6f3UubR.js";import"./Loader-DG6kODGn.js";import"./Menu-Ca_uMNaw.js";import"./styles-C_4H_GA0.js";import"./index-BJXW8qXz.js";import"./index-BxvGNAuC.js";import"./index-DUUx2Zie.js";import"./SortDropdown-DnRo1b3N.js";