@oliasoft-open-source/react-ui-library 4.1.11 → 4.2.0-beta-2

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 (142) hide show
  1. package/dist/assets/{index-9e4179c3.css → index-0d78a198.css} +3 -0
  2. package/dist/assets/{index-cfa07a3f.js → index-26f804a8.js} +180 -175
  3. package/dist/global.css +3 -0
  4. package/dist/index.d.ts +54 -0
  5. package/dist/index.html +1 -1
  6. package/dist/index.js +822 -400
  7. package/dist/index.js.map +1 -1
  8. package/dist/storybook/assets/Color-6VNJS4EI-4c266928.js +1 -0
  9. package/dist/storybook/assets/DocsRenderer-NNNQARDV-4522c04a.js +1 -0
  10. package/dist/storybook/assets/WithTooltip-4HIR6TLV-3f797c81.js +1 -0
  11. package/dist/storybook/assets/{accordion-1b587708.js → accordion-168fa7c5.js} +1 -1
  12. package/dist/storybook/assets/{accordion.stories-c0594576.js → accordion.stories-0f8af16e.js} +1 -1
  13. package/dist/storybook/assets/{actions-83a2a04e.js → actions-2d4e1c8e.js} +1 -1
  14. package/dist/storybook/assets/{actions.stories-a38cd26e.js → actions.stories-81a7cb7a.js} +1 -1
  15. package/dist/storybook/assets/{afe.stories-7e91eae9.js → afe.stories-afb9be07.js} +2 -2
  16. package/dist/storybook/assets/{badge.stories-1cbf35f9.js → badge.stories-5ce7957f.js} +1 -1
  17. package/dist/storybook/assets/{blowout.stories-af7f9432.js → blowout.stories-ee7f932b.js} +1 -1
  18. package/dist/storybook/assets/{button-050c998a.js → button-74c97e4a.js} +1 -1
  19. package/dist/storybook/assets/{button-group-0176fca3.js → button-group-fa895d0c.js} +1 -1
  20. package/dist/storybook/assets/{button-group.stories-7659a587.js → button-group.stories-22f072b7.js} +1 -1
  21. package/dist/storybook/assets/{button.stories-5f73ddef.js → button.stories-9b954335.js} +1 -1
  22. package/dist/storybook/assets/buttons-and-links-3ca65a4b.js +14 -0
  23. package/dist/storybook/assets/{card.stories-0437a4e2.js → card.stories-537a1772.js} +1 -1
  24. package/dist/storybook/assets/{casing-loads.stories-825f83a2.js → casing-loads.stories-cfbab702.js} +1 -1
  25. package/dist/storybook/assets/{cell.stories-f38059bb.js → cell.stories-524a7418.js} +1 -1
  26. package/dist/storybook/assets/{check-box-b38490e5.js → check-box-e21258d5.js} +1 -1
  27. package/dist/storybook/assets/{check-box.stories-9bf1c260.js → check-box.stories-5f7d06e0.js} +1 -1
  28. package/dist/storybook/assets/{chunk-HLWAVYOI-666e47c8.js → chunk-HLWAVYOI-6bd5aff8.js} +1 -1
  29. package/dist/storybook/assets/color-6f498d70.js +25 -0
  30. package/dist/storybook/assets/{column.stories-d5ca2c42.js → column.stories-ae7588c5.js} +1 -1
  31. package/dist/storybook/assets/{dialog-c036ff34.js → dialog-cd58dd09.js} +1 -1
  32. package/dist/storybook/assets/{drawer-308b0a03.js → drawer-7f450988.js} +1 -1
  33. package/dist/storybook/assets/{drawer.stories-d76c0577.js → drawer.stories-39625e91.js} +2 -2
  34. package/dist/storybook/assets/{empty.stories-30fdd793.js → empty.stories-e0e3ac78.js} +1 -1
  35. package/dist/storybook/assets/{field-248df38c.js → field-a094cd72.js} +1 -1
  36. package/dist/storybook/assets/{field.stories-60d1a82f.js → field.stories-f1318053.js} +1 -1
  37. package/dist/storybook/assets/{file-input.stories-a7e96582.js → file-input.stories-1c6ce0ea.js} +1 -1
  38. package/dist/storybook/assets/{flex.stories-6a278b40.js → flex.stories-09e9c602.js} +1 -1
  39. package/dist/storybook/assets/footer.stories-57f07ea2.js +3 -0
  40. package/dist/storybook/assets/form.stories-45c0cd59.js +49 -0
  41. package/dist/storybook/assets/formation.stories-5eeaa826.js +74 -0
  42. package/dist/storybook/assets/{formatter-SWP5E3XI-9c4ced01.js → formatter-SWP5E3XI-cf89c041.js} +2 -2
  43. package/dist/storybook/assets/{heading-39e599c8.js → heading-d29eb744.js} +1 -1
  44. package/dist/storybook/assets/{heading.stories-6ff7f5ed.js → heading.stories-9689bddc.js} +1 -1
  45. package/dist/storybook/assets/{help-icon-c0abd380.js → help-icon-d4189b1b.js} +1 -1
  46. package/dist/storybook/assets/{help-icon.stories-a30b7058.js → help-icon.stories-15d1620d.js} +1 -1
  47. package/dist/storybook/assets/icon-e9cbb4d7.js +8 -0
  48. package/dist/storybook/assets/{icon.stories-466d158f.js → icon.stories-8dae69e1.js} +1 -1
  49. package/dist/storybook/assets/iframe-4241ee87.js +1 -0
  50. package/dist/storybook/assets/{index-321d8456.js → index-24b2d8c6.js} +4 -4
  51. package/dist/storybook/assets/{number-input-7cb3ea4d.js → index-57d7693e.js} +9 -9
  52. package/dist/storybook/assets/{index.es-37e2ce0d.js → index.es-85cc7dfc.js} +4 -4
  53. package/dist/storybook/assets/inheritsLoose-d4851ab8.js +1 -0
  54. package/dist/storybook/assets/{input-05f21b51.js → input-d68625a5.js} +1 -1
  55. package/dist/storybook/assets/{input-group.stories-8bfc754d.js → input-group.stories-a2a3400e.js} +2 -2
  56. package/dist/storybook/assets/{input-validation-6c75c726.js → input-validation-ca50f656.js} +2 -2
  57. package/dist/storybook/assets/{input.stories-bf58ba7c.js → input.stories-164d93ab.js} +1 -1
  58. package/dist/storybook/assets/{inputs-d5e439a7.js → inputs-48a26c2d.js} +1 -1
  59. package/dist/storybook/assets/{label-e6d15b59.js → label-13d490a3.js} +1 -1
  60. package/dist/storybook/assets/{label.stories-1c98204a.js → label.stories-427ba162.js} +1 -1
  61. package/dist/storybook/assets/layout-forms-ee9889f6.js +16 -0
  62. package/dist/storybook/assets/{layout-general-7f5a030f.js → layout-general-2d6bd6c2.js} +2 -2
  63. package/dist/storybook/assets/{list-bc0d9ad9.js → list-0dc3df85.js} +1 -1
  64. package/dist/storybook/assets/{list-heading-2215213f.js → list-heading-88cc8a9b.js} +1 -1
  65. package/dist/storybook/assets/{list.stories-c8b4f325.js → list.stories-5715452e.js} +2 -2
  66. package/dist/storybook/assets/{list.stories-data-ba40864f.js → list.stories-data-94f7c623.js} +1 -1
  67. package/dist/storybook/assets/{loader.stories-4e8e8df7.js → loader.stories-6107832a.js} +1 -1
  68. package/dist/storybook/assets/{menu.stories-8d724757.js → menu.stories-927adf3d.js} +1 -1
  69. package/dist/storybook/assets/{message-0b5ae3c5.js → message-7e627e60.js} +1 -1
  70. package/dist/storybook/assets/{message.stories-9b9c40c4.js → message.stories-f41a0c22.js} +1 -1
  71. package/dist/storybook/assets/{modal.stories-0cc6a0bb.js → modal.stories-0e068cc1.js} +2 -2
  72. package/dist/storybook/assets/number-input-7d49b0b3.js +1 -0
  73. package/dist/storybook/assets/{number-input.stories-cc2fcc11.js → number-input.stories-02528124.js} +1 -1
  74. package/dist/storybook/assets/{option-dropdown.stories-4c391727.js → option-dropdown.stories-5030bdb8.js} +1 -1
  75. package/dist/storybook/assets/{padding-and-spacing-51ac7658.js → padding-and-spacing-c11842e2.js} +2 -2
  76. package/dist/storybook/assets/{page.stories-b69a6953.js → page.stories-7cb68fed.js} +1 -1
  77. package/dist/storybook/assets/{pagination-fec74b7e.js → pagination-8aade846.js} +1 -1
  78. package/dist/storybook/assets/{pagination.stories-72183c57.js → pagination.stories-423b4938.js} +2 -2
  79. package/dist/storybook/assets/{pop-confirm.stories-3016f322.js → pop-confirm.stories-81b30901.js} +1 -1
  80. package/dist/storybook/assets/{popover-c1234faa.js → popover-06e375a5.js} +1 -1
  81. package/dist/storybook/assets/popover.stories-f651a81c.js +1 -0
  82. package/dist/storybook/assets/preview-ea6061e8.js +1 -0
  83. package/dist/storybook/assets/{preview-2f05745a.js → preview-f4241840.js} +3 -3
  84. package/dist/storybook/assets/projects.stories-3884a80c.js +47 -0
  85. package/dist/storybook/assets/{radio-button-d69b72e4.js → radio-button-135a9615.js} +1 -1
  86. package/dist/storybook/assets/{radio-button.stories-6ff0dc9b.js → radio-button.stories-0e8377ea.js} +1 -1
  87. package/dist/storybook/assets/{reservoirs.stories-ae41be59.js → reservoirs.stories-6b14a37f.js} +2 -2
  88. package/dist/storybook/assets/{rich-text-input.stories-986f747c.js → rich-text-input.stories-661f34f1.js} +3 -3
  89. package/dist/storybook/assets/{row.stories-d97c751c.js → row.stories-d5b6b4a6.js} +1 -1
  90. package/dist/storybook/assets/select-205cd538.js +1 -0
  91. package/dist/storybook/assets/{select.stories-f81a3e79.js → select.stories-60f055e6.js} +60 -25
  92. package/dist/storybook/assets/{side-bar-10cceacd.js → side-bar-88e8cf41.js} +1 -1
  93. package/dist/storybook/assets/{side-bar.stories-02211e0d.js → side-bar.stories-2c06f8a6.js} +1 -1
  94. package/dist/storybook/assets/{site.stories-ae79a20c.js → site.stories-dee8ce1c.js} +2 -2
  95. package/dist/storybook/assets/slider-160e2152.js +7 -0
  96. package/dist/storybook/assets/{slider.stories-a55df653.js → slider.stories-79ab0e97.js} +2 -2
  97. package/dist/storybook/assets/{spacer.stories-a2798d47.js → spacer.stories-38071af8.js} +1 -1
  98. package/dist/storybook/assets/syntaxhighlighter-NMPM6SWI-2e6bd966.js +1 -0
  99. package/dist/storybook/assets/{table-e1565225.js → table-da6f6045.js} +1 -1
  100. package/dist/storybook/assets/{table.stories-3f11111c.js → table.stories-67a3023a.js} +1 -1
  101. package/dist/storybook/assets/{table.stories-data-ddbcf8c3.js → table.stories-data-8a836b92.js} +1 -1
  102. package/dist/storybook/assets/{textarea-598f9fff.js → textarea-d48efea2.js} +1 -1
  103. package/dist/storybook/assets/{textarea.stories-3902f4aa.js → textarea.stories-89c8afd7.js} +1 -1
  104. package/dist/storybook/assets/{title.stories-c8601d39.js → title.stories-5b4a226c.js} +1 -1
  105. package/dist/storybook/assets/{toaster-f096ba56.js → toaster-541ce85b.js} +1 -1
  106. package/dist/storybook/assets/{toaster.stories-66162195.js → toaster.stories-5e4d95b1.js} +1 -1
  107. package/dist/storybook/assets/{toggle-6f4d5797.js → toggle-bb34b2a2.js} +1 -1
  108. package/dist/storybook/assets/{toggle.stories-a289f544.js → toggle.stories-b771ed81.js} +1 -1
  109. package/dist/storybook/assets/{tooltip-856042a7.js → tooltip-23e84186.js} +1 -1
  110. package/dist/storybook/assets/{tooltip.stories-666868d0.js → tooltip.stories-e8ba5fff.js} +1 -1
  111. package/dist/storybook/assets/{tooltip.test-case.stories-4c1ea273.js → tooltip.test-case.stories-9817078b.js} +1 -1
  112. package/dist/storybook/assets/{top-bar-38689fe2.js → top-bar-a84b9365.js} +1 -1
  113. package/dist/storybook/assets/{top-bar.stories-3d9a6da1.js → top-bar.stories-e93330f0.js} +1 -1
  114. package/dist/storybook/assets/{top-bar.testcase.stories-dc051455.js → top-bar.testcase.stories-3a824a14.js} +1 -1
  115. package/dist/storybook/assets/{tree.stories-729aebd7.js → tree.stories-590bdd69.js} +1 -1
  116. package/dist/storybook/assets/unit-input.stories-c251e2c8.css +1 -0
  117. package/dist/storybook/assets/unit-input.stories-ca28e74b.js +257 -0
  118. package/dist/storybook/iframe.html +1 -1
  119. package/dist/storybook/index.json +1 -1
  120. package/dist/storybook/project.json +1 -1
  121. package/dist/storybook/stories.json +1 -1
  122. package/package.json +1 -1
  123. package/dist/404.html +0 -1
  124. package/dist/storybook/assets/Color-6VNJS4EI-4e3c6900.js +0 -1
  125. package/dist/storybook/assets/DocsRenderer-NNNQARDV-78819900.js +0 -1
  126. package/dist/storybook/assets/WithTooltip-4HIR6TLV-051215cb.js +0 -1
  127. package/dist/storybook/assets/buttons-and-links-84e3426b.js +0 -14
  128. package/dist/storybook/assets/color-8a098cdf.js +0 -25
  129. package/dist/storybook/assets/extends-98964cd2.js +0 -1
  130. package/dist/storybook/assets/footer.stories-5b3c1620.js +0 -3
  131. package/dist/storybook/assets/form.stories-41ecd579.js +0 -49
  132. package/dist/storybook/assets/formation.stories-30bc36d4.js +0 -74
  133. package/dist/storybook/assets/icon-8acf9925.js +0 -8
  134. package/dist/storybook/assets/iframe-c82204d3.js +0 -1
  135. package/dist/storybook/assets/inheritsLoose-c82a83d4.js +0 -1
  136. package/dist/storybook/assets/layout-forms-9a0c6c34.js +0 -16
  137. package/dist/storybook/assets/popover.stories-3e4a0b6f.js +0 -1
  138. package/dist/storybook/assets/preview-64f6671a.js +0 -1
  139. package/dist/storybook/assets/projects.stories-104a0c19.js +0 -47
  140. package/dist/storybook/assets/select-1a8fd9be.js +0 -1
  141. package/dist/storybook/assets/slider-5d5442fe.js +0 -7
  142. package/dist/storybook/assets/syntaxhighlighter-NMPM6SWI-7352c231.js +0 -1
@@ -1,4 +1,4 @@
1
- import{R as T,r as S,g as Ga}from"./index-f80c8c95.js";import{_ as xn}from"./inheritsLoose-c82a83d4.js";import{_ as w}from"./extends-98964cd2.js";import{b as Ft,c as Wa,a as $a,d as Ua}from"./redux-10ee6be7.js";import{r as Ha,R as ka}from"./index-3d476d02.js";import{m as G}from"./memoize-one.esm-52518564.js";import{_ as or}from"./icon-8acf9925.js";var Sn=T.createContext(null);function qa(e){e()}var In=qa,Va=function(r){return In=r},za=function(){return In};function ja(){var e=za(),r=null,t=null;return{clear:function(){r=null,t=null},notify:function(){e(function(){for(var a=r;a;)a.callback(),a=a.next})},get:function(){for(var a=[],i=r;i;)a.push(i),i=i.next;return a},subscribe:function(a){var i=!0,o=t={callback:a,next:null,prev:t};return o.prev?o.prev.next=o:r=o,function(){!i||r===null||(i=!1,o.next?o.next.prev=o.prev:t=o.prev,o.prev?o.prev.next=o.next:r=o.next)}}}}var Gt={notify:function(){},get:function(){return[]}};function Cn(e,r){var t,n=Gt;function a(u){return s(),n.subscribe(u)}function i(){n.notify()}function o(){p.onStateChange&&p.onStateChange()}function l(){return!!t}function s(){t||(t=r?r.addNestedSub(o):e.subscribe(o),n=ja())}function d(){t&&(t(),t=void 0,n.clear(),n=Gt)}var p={addNestedSub:a,notifyNestedSubs:i,handleChangeWrapper:o,isSubscribed:l,trySubscribe:s,tryUnsubscribe:d,getListeners:function(){return n}};return p}var wn=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u"?S.useLayoutEffect:S.useEffect;function Ya(e){var r=e.store,t=e.context,n=e.children,a=S.useMemo(function(){var l=Cn(r);return{store:r,subscription:l}},[r]),i=S.useMemo(function(){return r.getState()},[r]);wn(function(){var l=a.subscription;return l.onStateChange=l.notifyNestedSubs,l.trySubscribe(),i!==r.getState()&&l.notifyNestedSubs(),function(){l.tryUnsubscribe(),l.onStateChange=null}},[a,i]);var o=t||Sn;return T.createElement(o.Provider,{value:a},n)}var En={exports:{}},O={};/** @license React v16.13.1
1
+ import{R as T,r as S,g as Ga}from"./index-f80c8c95.js";import{a as w,_ as xn}from"./inheritsLoose-d4851ab8.js";import{b as Ft,c as Wa,a as $a,d as Ua}from"./redux-10ee6be7.js";import{r as Ha,R as ka}from"./index-3d476d02.js";import{m as G}from"./memoize-one.esm-52518564.js";import{_ as or}from"./icon-e9cbb4d7.js";var Sn=T.createContext(null);function qa(e){e()}var In=qa,Va=function(r){return In=r},za=function(){return In};function ja(){var e=za(),r=null,t=null;return{clear:function(){r=null,t=null},notify:function(){e(function(){for(var a=r;a;)a.callback(),a=a.next})},get:function(){for(var a=[],i=r;i;)a.push(i),i=i.next;return a},subscribe:function(a){var i=!0,o=t={callback:a,next:null,prev:t};return o.prev?o.prev.next=o:r=o,function(){!i||r===null||(i=!1,o.next?o.next.prev=o.prev:t=o.prev,o.prev?o.prev.next=o.next:r=o.next)}}}}var Gt={notify:function(){},get:function(){return[]}};function Cn(e,r){var t,n=Gt;function a(u){return s(),n.subscribe(u)}function i(){n.notify()}function o(){p.onStateChange&&p.onStateChange()}function l(){return!!t}function s(){t||(t=r?r.addNestedSub(o):e.subscribe(o),n=ja())}function d(){t&&(t(),t=void 0,n.clear(),n=Gt)}var p={addNestedSub:a,notifyNestedSubs:i,handleChangeWrapper:o,isSubscribed:l,trySubscribe:s,tryUnsubscribe:d,getListeners:function(){return n}};return p}var wn=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u"?S.useLayoutEffect:S.useEffect;function Ya(e){var r=e.store,t=e.context,n=e.children,a=S.useMemo(function(){var l=Cn(r);return{store:r,subscription:l}},[r]),i=S.useMemo(function(){return r.getState()},[r]);wn(function(){var l=a.subscription;return l.onStateChange=l.notifyNestedSubs,l.trySubscribe(),i!==r.getState()&&l.notifyNestedSubs(),function(){l.tryUnsubscribe(),l.onStateChange=null}},[a,i]);var o=t||Sn;return T.createElement(o.Provider,{value:a},n)}var En={exports:{}},O={};/** @license React v16.13.1
2
2
  * react-is.production.min.js
3
3
  *
4
4
  * Copyright (c) Facebook, Inc. and its affiliates.
@@ -65,7 +65,7 @@ import{R as T,r as S,g as Ga}from"./index-f80c8c95.js";import{_ as xn}from"./inh
65
65
  -moz-user-select: none;
66
66
  -ms-user-select: none;
67
67
  overflow-anchor: none;
68
- `}},o=[n,t,a,i];return{always:Be(o,"always"),resting:Be(o,"resting"),dragging:Be(o,"dragging"),dropAnimating:Be(o,"dropAnimating"),userCancel:Be(o,"userCancel")}},j=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u"?S.useLayoutEffect:S.useEffect,Kr=function(){var r=document.querySelector("head");return r||h(!1),r},dn=function(r){var t=document.createElement("style");return r&&t.setAttribute("nonce",r),t.type="text/css",t};function As(e,r){var t=A(function(){return Ps(e)},[e]),n=S.useRef(null),a=S.useRef(null),i=I(G(function(u){var c=a.current;c||h(!1),c.textContent=u}),[]),o=I(function(u){var c=n.current;c||h(!1),c.textContent=u},[]);j(function(){!n.current&&!a.current||h(!1);var u=dn(r),c=dn(r);return n.current=u,a.current=c,u.setAttribute(xe+"-always",e),c.setAttribute(xe+"-dynamic",e),Kr().appendChild(u),Kr().appendChild(c),o(t.always),i(t.resting),function(){var f=function(g){var m=g.current;m||h(!1),Kr().removeChild(m),g.current=null};f(n),f(a)}},[r,o,i,t.always,t.resting,e]);var l=I(function(){return i(t.dragging)},[i,t.dragging]),s=I(function(u){if(u==="DROP"){i(t.dropAnimating);return}i(t.userCancel)},[i,t.dropAnimating,t.userCancel]),d=I(function(){a.current&&i(t.resting)},[i,t.resting]),p=A(function(){return{dragging:l,dropping:s,resting:d}},[l,s,d]);return p}var Ia=function(e){return e&&e.ownerDocument?e.ownerDocument.defaultView:window};function Tr(e){return e instanceof Ia(e).HTMLElement}function Bs(e,r){var t="["+Se.contextId+'="'+e+'"]',n=zn(document.querySelectorAll(t));if(!n.length)return null;var a=ce(n,function(i){return i.getAttribute(Se.draggableId)===r});return!a||!Tr(a)?null:a}function Rs(e){var r=S.useRef({}),t=S.useRef(null),n=S.useRef(null),a=S.useRef(!1),i=I(function(c,f){var v={id:c,focus:f};return r.current[c]=v,function(){var m=r.current,b=m[c];b!==v&&delete m[c]}},[]),o=I(function(c){var f=Bs(e,c);f&&f!==document.activeElement&&f.focus()},[e]),l=I(function(c,f){t.current===c&&(t.current=f)},[]),s=I(function(){n.current||a.current&&(n.current=requestAnimationFrame(function(){n.current=null;var c=t.current;c&&o(c)}))},[o]),d=I(function(c){t.current=null;var f=document.activeElement;f&&f.getAttribute(Se.draggableId)===c&&(t.current=c)},[]);j(function(){return a.current=!0,function(){a.current=!1;var c=n.current;c&&cancelAnimationFrame(c)}},[]);var p=A(function(){return{register:i,tryRecordFocus:d,tryRestoreFocusRecorded:s,tryShiftRecord:l}},[i,d,s,l]);return p}function Ts(){var e={draggables:{},droppables:{}},r=[];function t(u){return r.push(u),function(){var f=r.indexOf(u);f!==-1&&r.splice(f,1)}}function n(u){r.length&&r.forEach(function(c){return c(u)})}function a(u){return e.draggables[u]||null}function i(u){var c=a(u);return c||h(!1),c}var o={register:function(c){e.draggables[c.descriptor.id]=c,n({type:"ADDITION",value:c})},update:function(c,f){var v=e.draggables[f.descriptor.id];v&&v.uniqueId===c.uniqueId&&(delete e.draggables[f.descriptor.id],e.draggables[c.descriptor.id]=c)},unregister:function(c){var f=c.descriptor.id,v=a(f);v&&c.uniqueId===v.uniqueId&&(delete e.draggables[f],n({type:"REMOVAL",value:c}))},getById:i,findById:a,exists:function(c){return!!a(c)},getAllByType:function(c){return dr(e.draggables).filter(function(f){return f.descriptor.type===c})}};function l(u){return e.droppables[u]||null}function s(u){var c=l(u);return c||h(!1),c}var d={register:function(c){e.droppables[c.descriptor.id]=c},unregister:function(c){var f=l(c.descriptor.id);f&&c.uniqueId===f.uniqueId&&delete e.droppables[c.descriptor.id]},getById:s,findById:l,exists:function(c){return!!l(c)},getAllByType:function(c){return dr(e.droppables).filter(function(f){return f.descriptor.type===c})}};function p(){e.draggables={},e.droppables={},r.length=0}return{draggable:o,droppable:d,subscribe:t,clean:p}}function Os(){var e=A(Ts,[]);return S.useEffect(function(){return function(){requestAnimationFrame(e.clean)}},[e]),e}var Rt=T.createContext(null),fr=function(){var e=document.body;return e||h(!1),e},Ms={position:"absolute",width:"1px",height:"1px",margin:"-1px",border:"0",padding:"0",overflow:"hidden",clip:"rect(0 0 0 0)","clip-path":"inset(100%)"},Ns=function(r){return"rbd-announcement-"+r};function Ls(e){var r=A(function(){return Ns(e)},[e]),t=S.useRef(null);S.useEffect(function(){var i=document.createElement("div");return t.current=i,i.id=r,i.setAttribute("aria-live","assertive"),i.setAttribute("aria-atomic","true"),w(i.style,Ms),fr().appendChild(i),function(){setTimeout(function(){var s=fr();s.contains(i)&&s.removeChild(i),i===t.current&&(t.current=null)})}},[r]);var n=I(function(a){var i=t.current;if(i){i.textContent=a;return}},[]);return n}var Fs=0,Gs={separator:"::"};function Tt(e,r){return r===void 0&&(r=Gs),A(function(){return""+e+r.separator+Fs++},[r.separator,e])}function Ws(e){var r=e.contextId,t=e.uniqueId;return"rbd-hidden-text-"+r+"-"+t}function $s(e){var r=e.contextId,t=e.text,n=Tt("hidden-text",{separator:"-"}),a=A(function(){return Ws({contextId:r,uniqueId:n})},[n,r]);return S.useEffect(function(){var o=document.createElement("div");return o.id=a,o.textContent=t,o.style.display="none",fr().appendChild(o),function(){var s=fr();s.contains(o)&&s.removeChild(o)}},[a,t]),a}var Or=T.createContext(null);function Ca(e){var r=S.useRef(e);return S.useEffect(function(){r.current=e}),r}function Us(){var e=null;function r(){return!!e}function t(o){return o===e}function n(o){e&&h(!1);var l={abandon:o};return e=l,l}function a(){e||h(!1),e=null}function i(){e&&(e.abandon(),a())}return{isClaimed:r,isActive:t,claim:n,release:a,tryAbandon:i}}var Hs=9,ks=13,Ot=27,wa=32,qs=33,Vs=34,zs=35,js=36,Ys=37,Ks=38,Js=39,Xs=40,tr,Qs=(tr={},tr[ks]=!0,tr[Hs]=!0,tr),Ea=function(e){Qs[e.keyCode]&&e.preventDefault()},Mr=function(){var e="visibilitychange";if(typeof document>"u")return e;var r=[e,"ms"+e,"webkit"+e,"moz"+e,"o"+e],t=ce(r,function(n){return"on"+n in document});return t||e}(),Pa=0,pn=5;function Zs(e,r){return Math.abs(r.x-e.x)>=pn||Math.abs(r.y-e.y)>=pn}var fn={type:"IDLE"};function _s(e){var r=e.cancel,t=e.completed,n=e.getPhase,a=e.setPhase;return[{eventName:"mousemove",fn:function(o){var l=o.button,s=o.clientX,d=o.clientY;if(l===Pa){var p={x:s,y:d},u=n();if(u.type==="DRAGGING"){o.preventDefault(),u.actions.move(p);return}u.type!=="PENDING"&&h(!1);var c=u.point;if(Zs(c,p)){o.preventDefault();var f=u.actions.fluidLift(p);a({type:"DRAGGING",actions:f})}}}},{eventName:"mouseup",fn:function(o){var l=n();if(l.type!=="DRAGGING"){r();return}o.preventDefault(),l.actions.drop({shouldBlockNextClick:!0}),t()}},{eventName:"mousedown",fn:function(o){n().type==="DRAGGING"&&o.preventDefault(),r()}},{eventName:"keydown",fn:function(o){var l=n();if(l.type==="PENDING"){r();return}if(o.keyCode===Ot){o.preventDefault(),r();return}Ea(o)}},{eventName:"resize",fn:r},{eventName:"scroll",options:{passive:!0,capture:!1},fn:function(){n().type==="PENDING"&&r()}},{eventName:"webkitmouseforcedown",fn:function(o){var l=n();if(l.type==="IDLE"&&h(!1),l.actions.shouldRespectForcePress()){r();return}o.preventDefault()}},{eventName:Mr,fn:r}]}function eu(e){var r=S.useRef(fn),t=S.useRef(oe),n=A(function(){return{eventName:"mousedown",fn:function(u){if(!u.defaultPrevented&&u.button===Pa&&!(u.ctrlKey||u.metaKey||u.shiftKey||u.altKey)){var c=e.findClosestDraggableId(u);if(c){var f=e.tryGetLock(c,o,{sourceEvent:u});if(f){u.preventDefault();var v={x:u.clientX,y:u.clientY};t.current(),d(f,v)}}}}}},[e]),a=A(function(){return{eventName:"webkitmouseforcewillbegin",fn:function(u){if(!u.defaultPrevented){var c=e.findClosestDraggableId(u);if(c){var f=e.findOptionsForDraggable(c);f&&(f.shouldRespectForcePress||e.canGetLock(c)&&u.preventDefault())}}}}},[e]),i=I(function(){var u={passive:!1,capture:!0};t.current=_(window,[a,n],u)},[a,n]),o=I(function(){var p=r.current;p.type!=="IDLE"&&(r.current=fn,t.current(),i())},[i]),l=I(function(){var p=r.current;o(),p.type==="DRAGGING"&&p.actions.cancel({shouldBlockNextClick:!0}),p.type==="PENDING"&&p.actions.abort()},[o]),s=I(function(){var u={capture:!0,passive:!1},c=_s({cancel:l,completed:o,getPhase:function(){return r.current},setPhase:function(v){r.current=v}});t.current=_(window,c,u)},[l,o]),d=I(function(u,c){r.current.type!=="IDLE"&&h(!1),r.current={type:"PENDING",point:c,actions:u},s()},[s]);j(function(){return i(),function(){t.current()}},[i])}var he;function ru(){}var tu=(he={},he[Vs]=!0,he[qs]=!0,he[js]=!0,he[zs]=!0,he);function nu(e,r){function t(){r(),e.cancel()}function n(){r(),e.drop()}return[{eventName:"keydown",fn:function(i){if(i.keyCode===Ot){i.preventDefault(),t();return}if(i.keyCode===wa){i.preventDefault(),n();return}if(i.keyCode===Xs){i.preventDefault(),e.moveDown();return}if(i.keyCode===Ks){i.preventDefault(),e.moveUp();return}if(i.keyCode===Js){i.preventDefault(),e.moveRight();return}if(i.keyCode===Ys){i.preventDefault(),e.moveLeft();return}if(tu[i.keyCode]){i.preventDefault();return}Ea(i)}},{eventName:"mousedown",fn:t},{eventName:"mouseup",fn:t},{eventName:"click",fn:t},{eventName:"touchstart",fn:t},{eventName:"resize",fn:t},{eventName:"wheel",fn:t,options:{passive:!0}},{eventName:Mr,fn:t}]}function au(e){var r=S.useRef(ru),t=A(function(){return{eventName:"keydown",fn:function(i){if(i.defaultPrevented||i.keyCode!==wa)return;var o=e.findClosestDraggableId(i);if(!o)return;var l=e.tryGetLock(o,p,{sourceEvent:i});if(!l)return;i.preventDefault();var s=!0,d=l.snapLift();r.current();function p(){s||h(!1),s=!1,r.current(),n()}r.current=_(window,nu(d,p),{capture:!0,passive:!1})}}},[e]),n=I(function(){var i={passive:!1,capture:!0};r.current=_(window,[t],i)},[t]);j(function(){return n(),function(){r.current()}},[n])}var Jr={type:"IDLE"},iu=120,ou=.15;function lu(e){var r=e.cancel,t=e.getPhase;return[{eventName:"orientationchange",fn:r},{eventName:"resize",fn:r},{eventName:"contextmenu",fn:function(a){a.preventDefault()}},{eventName:"keydown",fn:function(a){if(t().type!=="DRAGGING"){r();return}a.keyCode===Ot&&a.preventDefault(),r()}},{eventName:Mr,fn:r}]}function su(e){var r=e.cancel,t=e.completed,n=e.getPhase;return[{eventName:"touchmove",options:{capture:!1},fn:function(i){var o=n();if(o.type!=="DRAGGING"){r();return}o.hasMoved=!0;var l=i.touches[0],s=l.clientX,d=l.clientY,p={x:s,y:d};i.preventDefault(),o.actions.move(p)}},{eventName:"touchend",fn:function(i){var o=n();if(o.type!=="DRAGGING"){r();return}i.preventDefault(),o.actions.drop({shouldBlockNextClick:!0}),t()}},{eventName:"touchcancel",fn:function(i){if(n().type!=="DRAGGING"){r();return}i.preventDefault(),r()}},{eventName:"touchforcechange",fn:function(i){var o=n();o.type==="IDLE"&&h(!1);var l=i.touches[0];if(l){var s=l.force>=ou;if(s){var d=o.actions.shouldRespectForcePress();if(o.type==="PENDING"){d&&r();return}if(d){if(o.hasMoved){i.preventDefault();return}r();return}i.preventDefault()}}}},{eventName:Mr,fn:r}]}function uu(e){var r=S.useRef(Jr),t=S.useRef(oe),n=I(function(){return r.current},[]),a=I(function(f){r.current=f},[]),i=A(function(){return{eventName:"touchstart",fn:function(f){if(!f.defaultPrevented){var v=e.findClosestDraggableId(f);if(v){var g=e.tryGetLock(v,l,{sourceEvent:f});if(g){var m=f.touches[0],b=m.clientX,y=m.clientY,x={x:b,y};t.current(),u(g,x)}}}}}},[e]),o=I(function(){var f={capture:!0,passive:!1};t.current=_(window,[i],f)},[i]),l=I(function(){var c=r.current;c.type!=="IDLE"&&(c.type==="PENDING"&&clearTimeout(c.longPressTimerId),a(Jr),t.current(),o())},[o,a]),s=I(function(){var c=r.current;l(),c.type==="DRAGGING"&&c.actions.cancel({shouldBlockNextClick:!0}),c.type==="PENDING"&&c.actions.abort()},[l]),d=I(function(){var f={capture:!0,passive:!1},v={cancel:s,completed:l,getPhase:n},g=_(window,su(v),f),m=_(window,lu(v),f);t.current=function(){g(),m()}},[s,n,l]),p=I(function(){var f=n();f.type!=="PENDING"&&h(!1);var v=f.actions.fluidLift(f.point);a({type:"DRAGGING",actions:v,hasMoved:!1})},[n,a]),u=I(function(f,v){n().type!=="IDLE"&&h(!1);var g=setTimeout(p,iu);a({type:"PENDING",point:v,actions:f,longPressTimerId:g}),d()},[d,n,a,p]);j(function(){return o(),function(){t.current();var v=n();v.type==="PENDING"&&(clearTimeout(v.longPressTimerId),a(Jr))}},[n,o,a]),j(function(){var f=_(window,[{eventName:"touchmove",fn:function(){},options:{capture:!1,passive:!1}}]);return f},[])}var cu={input:!0,button:!0,textarea:!0,select:!0,option:!0,optgroup:!0,video:!0,audio:!0};function Aa(e,r){if(r==null)return!1;var t=!!cu[r.tagName.toLowerCase()];if(t)return!0;var n=r.getAttribute("contenteditable");return n==="true"||n===""?!0:r===e?!1:Aa(e,r.parentElement)}function du(e,r){var t=r.target;return Tr(t)?Aa(e,t):!1}var pu=function(e){return te(e.getBoundingClientRect()).center};function fu(e){return e instanceof Ia(e).Element}var vu=function(){var e="matches";if(typeof document>"u")return e;var r=[e,"msMatchesSelector","webkitMatchesSelector"],t=ce(r,function(n){return n in Element.prototype});return t||e}();function Ba(e,r){return e==null?null:e[vu](r)?e:Ba(e.parentElement,r)}function gu(e,r){return e.closest?e.closest(r):Ba(e,r)}function mu(e){return"["+Se.contextId+'="'+e+'"]'}function bu(e,r){var t=r.target;if(!fu(t))return null;var n=mu(e),a=gu(t,n);return!a||!Tr(a)?null:a}function hu(e,r){var t=bu(e,r);return t?t.getAttribute(Se.draggableId):null}function yu(e,r){var t="["+tt.contextId+'="'+e+'"]',n=zn(document.querySelectorAll(t)),a=ce(n,function(i){return i.getAttribute(tt.id)===r});return!a||!Tr(a)?null:a}function Du(e){e.preventDefault()}function nr(e){var r=e.expected,t=e.phase,n=e.isLockActive;return e.shouldWarn,!(!n()||r!==t)}function Ra(e){var r=e.lockAPI,t=e.store,n=e.registry,a=e.draggableId;if(r.isClaimed())return!1;var i=n.draggable.findById(a);return!(!i||!i.options.isEnabled||!ya(t.getState(),a))}function xu(e){var r=e.lockAPI,t=e.contextId,n=e.store,a=e.registry,i=e.draggableId,o=e.forceSensorStop,l=e.sourceEvent,s=Ra({lockAPI:r,store:n,registry:a,draggableId:i});if(!s)return null;var d=a.draggable.getById(i),p=yu(t,d.descriptor.id);if(!p||l&&!d.options.canDragInteractiveElements&&du(p,l))return null;var u=r.claim(o||oe),c="PRE_DRAG";function f(){return d.options.shouldRespectForcePress}function v(){return r.isActive(u)}function g(C,B){nr({expected:C,phase:c,isLockActive:v,shouldWarn:!0})&&n.dispatch(B())}var m=g.bind(null,"DRAGGING");function b(C){function B(){r.release(),c="COMPLETED"}c!=="PRE_DRAG"&&(B(),c!=="PRE_DRAG"&&h(!1)),n.dispatch(vl(C.liftActionArgs)),c="DRAGGING";function N(P,L){if(L===void 0&&(L={shouldBlockNextClick:!1}),C.cleanup(),L.shouldBlockNextClick){var R=_(window,[{eventName:"click",fn:Du,options:{once:!0,passive:!1,capture:!0}}]);setTimeout(R)}B(),n.dispatch(pa({reason:P}))}return w({isActive:function(){return nr({expected:"DRAGGING",phase:c,isLockActive:v,shouldWarn:!1})},shouldRespectForcePress:f,drop:function(L){return N("DROP",L)},cancel:function(L){return N("CANCEL",L)}},C.actions)}function y(C){var B=Ne(function(P){m(function(){return da({client:P})})}),N=b({liftActionArgs:{id:i,clientSelection:C,movementMode:"FLUID"},cleanup:function(){return B.cancel()},actions:{move:B}});return w({},N,{move:B})}function x(){var C={moveUp:function(){return m(Il)},moveRight:function(){return m(wl)},moveDown:function(){return m(Cl)},moveLeft:function(){return m(El)}};return b({liftActionArgs:{id:i,clientSelection:pu(p),movementMode:"SNAP"},cleanup:oe,actions:C})}function D(){var C=nr({expected:"PRE_DRAG",phase:c,isLockActive:v,shouldWarn:!0});C&&r.release()}var E={isActive:function(){return nr({expected:"PRE_DRAG",phase:c,isLockActive:v,shouldWarn:!1})},shouldRespectForcePress:f,fluidLift:y,snapLift:x,abort:D};return E}var Su=[eu,au,uu];function Iu(e){var r=e.contextId,t=e.store,n=e.registry,a=e.customSensors,i=e.enableDefaultSensors,o=[].concat(i?Su:[],a||[]),l=S.useState(function(){return Us()})[0],s=I(function(y,x){y.isDragging&&!x.isDragging&&l.tryAbandon()},[l]);j(function(){var y=t.getState(),x=t.subscribe(function(){var D=t.getState();s(y,D),y=D});return x},[l,t,s]),j(function(){return l.tryAbandon},[l.tryAbandon]);for(var d=I(function(b){return Ra({lockAPI:l,registry:n,store:t,draggableId:b})},[l,n,t]),p=I(function(b,y,x){return xu({lockAPI:l,registry:n,contextId:r,store:t,draggableId:b,forceSensorStop:y,sourceEvent:x&&x.sourceEvent?x.sourceEvent:null})},[r,l,n,t]),u=I(function(b){return hu(r,b)},[r]),c=I(function(b){var y=n.draggable.findById(b);return y?y.options:null},[n.draggable]),f=I(function(){l.isClaimed()&&(l.tryAbandon(),t.getState().phase!=="IDLE"&&t.dispatch(St()))},[l,t]),v=I(l.isClaimed,[l]),g=A(function(){return{canGetLock:d,tryGetLock:p,findClosestDraggableId:u,findOptionsForDraggable:c,tryReleaseLock:f,isLockClaimed:v}},[d,p,u,c,f,v]),m=0;m<o.length;m++)o[m](g)}var Cu=function(r){return{onBeforeCapture:r.onBeforeCapture,onBeforeDragStart:r.onBeforeDragStart,onDragStart:r.onDragStart,onDragEnd:r.onDragEnd,onDragUpdate:r.onDragUpdate}};function Re(e){return e.current||h(!1),e.current}function wu(e){var r=e.contextId,t=e.setCallbacks,n=e.sensors,a=e.nonce,i=e.dragHandleUsageInstructions,o=S.useRef(null),l=Ca(e),s=I(function(){return Cu(l.current)},[l]),d=Ls(r),p=$s({contextId:r,text:i}),u=As(r,a),c=I(function(P){Re(o).dispatch(P)},[]),f=A(function(){return Ft({publishWhileDragging:ml,updateDroppableScroll:hl,updateDroppableIsEnabled:yl,updateDroppableIsCombineEnabled:Dl,collectionStarting:bl},c)},[c]),v=Os(),g=A(function(){return os(v,f)},[v,f]),m=A(function(){return Is(w({scrollWindow:ls,scrollDroppable:g.scrollDroppable},Ft({move:da},c)))},[g.scrollDroppable,c]),b=Rs(r),y=A(function(){return ts({announce:d,autoScroller:m,dimensionMarshal:g,focusMarshal:b,getResponders:s,styleMarshal:u})},[d,m,g,b,s,u]);o.current=y;var x=I(function(){var P=Re(o),L=P.getState();L.phase!=="IDLE"&&P.dispatch(St())},[]),D=I(function(){var P=Re(o).getState();return P.isDragging||P.phase==="DROP_ANIMATING"},[]),E=A(function(){return{isDragging:D,tryAbort:x}},[D,x]);t(E);var C=I(function(P){return ya(Re(o).getState(),P)},[]),B=I(function(){return fe(Re(o).getState())},[]),N=A(function(){return{marshal:g,focus:b,contextId:r,canLift:C,isMovementAllowed:B,dragHandleUsageInstructionsId:p,registry:v}},[r,g,p,b,C,B,v]);return Iu({contextId:r,store:y,registry:v,customSensors:n,enableDefaultSensors:e.enableDefaultSensors!==!1}),S.useEffect(function(){return x},[x]),T.createElement(Or.Provider,{value:N},T.createElement(Ya,{context:Rt,store:y},e.children))}var Eu=0;function Pu(){return A(function(){return""+Eu++},[])}function wc(e){var r=Pu(),t=e.dragHandleUsageInstructions||ir.dragHandleUsageInstructions;return T.createElement(no,null,function(n){return T.createElement(wu,{nonce:e.nonce,contextId:r,setCallbacks:n,dragHandleUsageInstructions:t,enableDefaultSensors:e.enableDefaultSensors,sensors:e.sensors,onBeforeCapture:e.onBeforeCapture,onBeforeDragStart:e.onBeforeDragStart,onDragStart:e.onDragStart,onDragUpdate:e.onDragUpdate,onDragEnd:e.onDragEnd},e.children)})}var Ta=function(r){return function(t){return r===t}},Au=Ta("scroll"),Bu=Ta("auto"),vn=function(r,t){return t(r.overflowX)||t(r.overflowY)},Ru=function(r){var t=window.getComputedStyle(r),n={overflowX:t.overflowX,overflowY:t.overflowY};return vn(n,Au)||vn(n,Bu)},Tu=function(){return!1},Ou=function e(r){return r==null?null:r===document.body?Tu()?r:null:r===document.documentElement?null:Ru(r)?r:e(r.parentElement)},nt=function(e){return{x:e.scrollLeft,y:e.scrollTop}},Mu=function e(r){if(!r)return!1;var t=window.getComputedStyle(r);return t.position==="fixed"?!0:e(r.parentElement)},Nu=function(e){var r=Ou(e),t=Mu(e);return{closestScrollable:r,isFixedOnPage:t}},Lu=function(e){var r=e.descriptor,t=e.isEnabled,n=e.isCombineEnabled,a=e.isFixedOnPage,i=e.direction,o=e.client,l=e.page,s=e.closest,d=function(){if(!s)return null;var f=s.scrollSize,v=s.client,g=ma({scrollHeight:f.scrollHeight,scrollWidth:f.scrollWidth,height:v.paddingBox.height,width:v.paddingBox.width});return{pageMarginBox:s.page.marginBox,frameClient:v,scrollSize:f,shouldClipSubject:s.shouldClipSubject,scroll:{initial:s.scroll,current:s.scroll,max:g,diff:{value:W,displacement:W}}}}(),p=i==="vertical"?bt:Xn,u=De({page:l,withPlaceholder:null,axis:p,frame:d}),c={descriptor:r,isCombineEnabled:n,isFixedOnPage:a,axis:p,isEnabled:t,client:o,page:l,frame:d,subject:u};return c},Fu=function(r,t){var n=Un(r);if(!t||r!==t)return n;var a=n.paddingBox.top-t.scrollTop,i=n.paddingBox.left-t.scrollLeft,o=a+t.scrollHeight,l=i+t.scrollWidth,s={top:a,right:l,bottom:o,left:i},d=pt(s,n.border),p=ft({borderBox:d,margin:n.margin,border:n.border,padding:n.padding});return p},Gu=function(e){var r=e.ref,t=e.descriptor,n=e.env,a=e.windowScroll,i=e.direction,o=e.isDropDisabled,l=e.isCombineEnabled,s=e.shouldClipSubject,d=n.closestScrollable,p=Fu(r,d),u=sr(p,a),c=function(){if(!d)return null;var v=Un(d),g={scrollHeight:d.scrollHeight,scrollWidth:d.scrollWidth};return{client:v,page:sr(v,a),scroll:nt(d),scrollSize:g,shouldClipSubject:s}}(),f=Lu({descriptor:t,isEnabled:!o,isCombineEnabled:l,isFixedOnPage:n.isFixedOnPage,direction:i,client:p,page:u,closest:c});return f},Wu={passive:!1},$u={passive:!0},gn=function(e){return e.shouldPublishImmediately?Wu:$u};function vr(e){var r=S.useContext(e);return r||h(!1),r}var ar=function(r){return r&&r.env.closestScrollable||null};function Uu(e){var r=S.useRef(null),t=vr(Or),n=Tt("droppable"),a=t.registry,i=t.marshal,o=Ca(e),l=A(function(){return{id:e.droppableId,type:e.type,mode:e.mode}},[e.droppableId,e.mode,e.type]),s=S.useRef(l),d=A(function(){return G(function(D,E){r.current||h(!1);var C={x:D,y:E};i.updateDroppableScroll(l.id,C)})},[l.id,i]),p=I(function(){var D=r.current;return!D||!D.env.closestScrollable?W:nt(D.env.closestScrollable)},[]),u=I(function(){var D=p();d(D.x,D.y)},[p,d]),c=A(function(){return Ne(u)},[u]),f=I(function(){var D=r.current,E=ar(D);D&&E||h(!1);var C=D.scrollOptions;if(C.shouldPublishImmediately){u();return}c()},[c,u]),v=I(function(D,E){r.current&&h(!1);var C=o.current,B=C.getDroppableRef();B||h(!1);var N=Nu(B),P={ref:B,descriptor:l,env:N,scrollOptions:E};r.current=P;var L=Gu({ref:B,descriptor:l,env:N,windowScroll:D,direction:C.direction,isDropDisabled:C.isDropDisabled,isCombineEnabled:C.isCombineEnabled,shouldClipSubject:!C.ignoreContainerClipping}),R=N.closestScrollable;return R&&(R.setAttribute(cn.contextId,t.contextId),R.addEventListener("scroll",f,gn(P.scrollOptions))),L},[t.contextId,l,f,o]),g=I(function(){var D=r.current,E=ar(D);return D&&E||h(!1),nt(E)},[]),m=I(function(){var D=r.current;D||h(!1);var E=ar(D);r.current=null,E&&(c.cancel(),E.removeAttribute(cn.contextId),E.removeEventListener("scroll",f,gn(D.scrollOptions)))},[f,c]),b=I(function(D){var E=r.current;E||h(!1);var C=ar(E);C||h(!1),C.scrollTop+=D.y,C.scrollLeft+=D.x},[]),y=A(function(){return{getDimensionAndWatchScroll:v,getScrollWhileDragging:g,dragStopped:m,scroll:b}},[m,v,g,b]),x=A(function(){return{uniqueId:n,descriptor:l,callbacks:y}},[y,l,n]);j(function(){return s.current=x.descriptor,a.droppable.register(x),function(){r.current&&m(),a.droppable.unregister(x)}},[y,l,m,x,i,a.droppable]),j(function(){r.current&&i.updateDroppableIsEnabled(s.current.id,!e.isDropDisabled)},[e.isDropDisabled,i]),j(function(){r.current&&i.updateDroppableIsCombineEnabled(s.current.id,e.isCombineEnabled)},[e.isCombineEnabled,i])}function Xr(){}var mn={width:0,height:0,margin:uo},Hu=function(r){var t=r.isAnimatingOpenOnMount,n=r.placeholder,a=r.animate;return t||a==="close"?mn:{height:n.client.borderBox.height,width:n.client.borderBox.width,margin:n.client.margin}},ku=function(r){var t=r.isAnimatingOpenOnMount,n=r.placeholder,a=r.animate,i=Hu({isAnimatingOpenOnMount:t,placeholder:n,animate:a});return{display:n.display,boxSizing:"border-box",width:i.width,height:i.height,marginTop:i.margin.top,marginRight:i.margin.right,marginBottom:i.margin.bottom,marginLeft:i.margin.left,flexShrink:"0",flexGrow:"0",pointerEvents:"none",transition:a!=="none"?Oe.placeholder:null}};function qu(e){var r=S.useRef(null),t=I(function(){r.current&&(clearTimeout(r.current),r.current=null)},[]),n=e.animate,a=e.onTransitionEnd,i=e.onClose,o=e.contextId,l=S.useState(e.animate==="open"),s=l[0],d=l[1];S.useEffect(function(){return s?n!=="open"?(t(),d(!1),Xr):r.current?Xr:(r.current=setTimeout(function(){r.current=null,d(!1)}),t):Xr},[n,s,t]);var p=I(function(c){c.propertyName==="height"&&(a(),n==="close"&&i())},[n,i,a]),u=ku({isAnimatingOpenOnMount:s,animate:e.animate,placeholder:e.placeholder});return T.createElement(e.placeholder.tagName,{style:u,"data-rbd-placeholder-context-id":o,onTransitionEnd:p,ref:e.innerRef})}var Vu=T.memo(qu),Mt=T.createContext(null),zu=function(e){xn(r,e);function r(){for(var n,a=arguments.length,i=new Array(a),o=0;o<a;o++)i[o]=arguments[o];return n=e.call.apply(e,[this].concat(i))||this,n.state={isVisible:!!n.props.on,data:n.props.on,animate:n.props.shouldAnimate&&n.props.on?"open":"none"},n.onClose=function(){n.state.animate==="close"&&n.setState({isVisible:!1})},n}r.getDerivedStateFromProps=function(a,i){return a.shouldAnimate?a.on?{isVisible:!0,data:a.on,animate:"open"}:i.isVisible?{isVisible:!0,data:i.data,animate:"close"}:{isVisible:!1,animate:"close",data:null}:{isVisible:!!a.on,data:a.on,animate:"none"}};var t=r.prototype;return t.render=function(){if(!this.state.isVisible)return null;var a={onClose:this.onClose,data:this.state.data,animate:this.state.animate};return this.props.children(a)},r}(T.PureComponent),bn={dragging:5e3,dropAnimating:4500},ju=function(r,t){return t?Oe.drop(t.duration):r?Oe.snap:Oe.fluid},Yu=function(r,t){return r?t?We.opacity.drop:We.opacity.combining:null},Ku=function(r){return r.forceShouldAnimate!=null?r.forceShouldAnimate:r.mode==="SNAP"};function Ju(e){var r=e.dimension,t=r.client,n=e.offset,a=e.combineWith,i=e.dropping,o=!!a,l=Ku(e),s=!!i,d=s?et.drop(n,o):et.moveTo(n),p={position:"fixed",top:t.marginBox.top,left:t.marginBox.left,boxSizing:"border-box",width:t.borderBox.width,height:t.borderBox.height,transition:ju(l,i),transform:d,opacity:Yu(o,s),zIndex:s?bn.dropAnimating:bn.dragging,pointerEvents:"none"};return p}function Xu(e){return{transform:et.moveTo(e.offset),transition:e.shouldAnimateDisplacement?null:"none"}}function Qu(e){return e.type==="DRAGGING"?Ju(e):Xu(e)}function Zu(e,r,t){t===void 0&&(t=W);var n=window.getComputedStyle(r),a=r.getBoundingClientRect(),i=$n(a,n),o=sr(i,t),l={client:i,tagName:r.tagName.toLowerCase(),display:n.display},s={x:i.marginBox.width,y:i.marginBox.height},d={descriptor:e,placeholder:l,displaceBy:s,client:i,page:o};return d}function _u(e){var r=Tt("draggable"),t=e.descriptor,n=e.registry,a=e.getDraggableRef,i=e.canDragInteractiveElements,o=e.shouldRespectForcePress,l=e.isEnabled,s=A(function(){return{canDragInteractiveElements:i,shouldRespectForcePress:o,isEnabled:l}},[i,l,o]),d=I(function(f){var v=a();return v||h(!1),Zu(t,v,f)},[t,a]),p=A(function(){return{uniqueId:r,descriptor:t,options:s,getDimension:d}},[t,d,s,r]),u=S.useRef(p),c=S.useRef(!0);j(function(){return n.draggable.register(u.current),function(){return n.draggable.unregister(u.current)}},[n.draggable]),j(function(){if(c.current){c.current=!1;return}var f=u.current;u.current=p,n.draggable.update(p,f)},[p,n.draggable])}function ec(e){e.preventDefault()}function rc(e){var r=S.useRef(null),t=I(function(P){r.current=P},[]),n=I(function(){return r.current},[]),a=vr(Or),i=a.contextId,o=a.dragHandleUsageInstructionsId,l=a.registry,s=vr(Mt),d=s.type,p=s.droppableId,u=A(function(){return{id:e.draggableId,index:e.index,type:d,droppableId:p}},[e.draggableId,e.index,d,p]),c=e.children,f=e.draggableId,v=e.isEnabled,g=e.shouldRespectForcePress,m=e.canDragInteractiveElements,b=e.isClone,y=e.mapped,x=e.dropAnimationFinished;if(!b){var D=A(function(){return{descriptor:u,registry:l,getDraggableRef:n,canDragInteractiveElements:m,shouldRespectForcePress:g,isEnabled:v}},[u,l,n,m,g,v]);_u(D)}var E=A(function(){return v?{tabIndex:0,role:"button","aria-describedby":o,"data-rbd-drag-handle-draggable-id":f,"data-rbd-drag-handle-context-id":i,draggable:!1,onDragStart:ec}:null},[i,o,f,v]),C=I(function(P){y.type==="DRAGGING"&&y.dropping&&P.propertyName==="transform"&&x()},[x,y]),B=A(function(){var P=Qu(y),L=y.type==="DRAGGING"&&y.dropping?C:null,R={innerRef:t,draggableProps:{"data-rbd-draggable-context-id":i,"data-rbd-draggable-id":f,style:P,onTransitionEnd:L},dragHandleProps:E};return R},[i,E,f,y,C,t]),N=A(function(){return{draggableId:u.id,type:u.type,source:{index:u.index,droppableId:u.droppableId}}},[u.droppableId,u.id,u.index,u.type]);return c(B,y.snapshot,N)}var Oa=function(e,r){return e===r},Ma=function(e){var r=e.combine,t=e.destination;return t?t.droppableId:r?r.droppableId:null},tc=function(r){return r.combine?r.combine.draggableId:null},nc=function(r){return r.at&&r.at.type==="COMBINE"?r.at.combine.draggableId:null};function ac(){var e=G(function(a,i){return{x:a,y:i}}),r=G(function(a,i,o,l,s){return{isDragging:!0,isClone:i,isDropAnimating:!!s,dropAnimation:s,mode:a,draggingOver:o,combineWith:l,combineTargetFor:null}}),t=G(function(a,i,o,l,s,d,p){return{mapped:{type:"DRAGGING",dropping:null,draggingOver:s,combineWith:d,mode:i,offset:a,dimension:o,forceShouldAnimate:p,snapshot:r(i,l,s,d,null)}}}),n=function(i,o){if(i.isDragging){if(i.critical.draggable.id!==o.draggableId)return null;var l=i.current.client.offset,s=i.dimensions.draggables[o.draggableId],d=z(i.impact),p=nc(i.impact),u=i.forceShouldAnimate;return t(e(l.x,l.y),i.movementMode,s,o.isClone,d,p,u)}if(i.phase==="DROP_ANIMATING"){var c=i.completed;if(c.result.draggableId!==o.draggableId)return null;var f=o.isClone,v=i.dimensions.draggables[o.draggableId],g=c.result,m=g.mode,b=Ma(g),y=tc(g),x=i.dropDuration,D={duration:x,curve:Ct.drop,moveTo:i.newHomeClientOffset,opacity:y?We.opacity.drop:null,scale:y?We.scale.drop:null};return{mapped:{type:"DRAGGING",offset:i.newHomeClientOffset,dimension:v,dropping:D,draggingOver:b,combineWith:y,mode:m,forceShouldAnimate:null,snapshot:r(m,f,b,y,D)}}}return null};return n}function Na(e){return{isDragging:!1,isDropAnimating:!1,isClone:!1,dropAnimation:null,mode:null,draggingOver:null,combineTargetFor:e,combineWith:null}}var ic={mapped:{type:"SECONDARY",offset:W,combineTargetFor:null,shouldAnimateDisplacement:!0,snapshot:Na(null)}};function oc(){var e=G(function(o,l){return{x:o,y:l}}),r=G(Na),t=G(function(o,l,s){return l===void 0&&(l=null),{mapped:{type:"SECONDARY",offset:o,combineTargetFor:l,shouldAnimateDisplacement:s,snapshot:r(l)}}}),n=function(l){return l?t(W,l,!0):null},a=function(l,s,d,p){var u=d.displaced.visible[l],c=!!(p.inVirtualList&&p.effected[l]),f=Ar(d),v=f&&f.draggableId===l?s:null;if(!u){if(!c)return n(v);if(d.displaced.invisible[l])return null;var g=Ie(p.displacedBy.point),m=e(g.x,g.y);return t(m,v,!0)}if(c)return n(v);var b=d.displacedBy.point,y=e(b.x,b.y);return t(y,v,u.shouldAnimate)},i=function(l,s){if(l.isDragging)return l.critical.draggable.id===s.draggableId?null:a(s.draggableId,l.critical.draggable.id,l.impact,l.afterCritical);if(l.phase==="DROP_ANIMATING"){var d=l.completed;return d.result.draggableId===s.draggableId?null:a(s.draggableId,d.result.draggableId,d.impact,d.afterCritical)}return null};return i}var lc=function(){var r=ac(),t=oc(),n=function(i,o){return r(i,o)||t(i,o)||ic};return n},sc={dropAnimationFinished:fa},uc=Gn(lc,sc,null,{context:Rt,pure:!0,areStatePropsEqual:Oa})(rc);function La(e){var r=vr(Mt),t=r.isUsingCloneFor;return t===e.draggableId&&!e.isClone?null:T.createElement(uc,e)}function Ec(e){var r=typeof e.isDragDisabled=="boolean"?!e.isDragDisabled:!0,t=!!e.disableInteractiveElementBlocking,n=!!e.shouldRespectForcePress;return T.createElement(La,w({},e,{isClone:!1,isEnabled:r,canDragInteractiveElements:t,shouldRespectForcePress:n}))}function cc(e){var r=S.useContext(Or);r||h(!1);var t=r.contextId,n=r.isMovementAllowed,a=S.useRef(null),i=S.useRef(null),o=e.children,l=e.droppableId,s=e.type,d=e.mode,p=e.direction,u=e.ignoreContainerClipping,c=e.isDropDisabled,f=e.isCombineEnabled,v=e.snapshot,g=e.useClone,m=e.updateViewportMaxScroll,b=e.getContainerForClone,y=I(function(){return a.current},[]),x=I(function(R){a.current=R},[]);I(function(){return i.current},[]);var D=I(function(R){i.current=R},[]),E=I(function(){n()&&m({maxScroll:ha()})},[n,m]);Uu({droppableId:l,type:s,mode:d,direction:p,isDropDisabled:c,isCombineEnabled:f,ignoreContainerClipping:u,getDroppableRef:y});var C=T.createElement(zu,{on:e.placeholder,shouldAnimate:e.shouldAnimatePlaceholder},function(R){var K=R.onClose,J=R.data,F=R.animate;return T.createElement(Vu,{placeholder:J,onClose:K,innerRef:D,animate:F,contextId:t,onTransitionEnd:E})}),B=A(function(){return{innerRef:x,placeholder:C,droppableProps:{"data-rbd-droppable-id":l,"data-rbd-droppable-context-id":t}}},[t,l,C,x]),N=g?g.dragging.draggableId:null,P=A(function(){return{droppableId:l,type:s,isUsingCloneFor:N}},[l,N,s]);function L(){if(!g)return null;var R=g.dragging,K=g.render,J=T.createElement(La,{draggableId:R.draggableId,index:R.source.index,isClone:!0,isEnabled:!0,shouldRespectForcePress:!1,canDragInteractiveElements:!0},function(F,X){return K(F,X,R)});return ka.createPortal(J,b())}return T.createElement(Mt.Provider,{value:P},o(B,v),L())}var Qr=function(r,t){return r===t.droppable.type},hn=function(r,t){return t.draggables[r.draggable.id]},dc=function(){var r={placeholder:null,shouldAnimatePlaceholder:!0,snapshot:{isDraggingOver:!1,draggingOverWith:null,draggingFromThisWith:null,isUsingPlaceholder:!1},useClone:null},t=w({},r,{shouldAnimatePlaceholder:!1}),n=G(function(o){return{draggableId:o.id,type:o.type,source:{index:o.index,droppableId:o.droppableId}}}),a=G(function(o,l,s,d,p,u){var c=p.descriptor.id,f=p.descriptor.droppableId===o;if(f){var v=u?{render:u,dragging:n(p.descriptor)}:null,g={isDraggingOver:s,draggingOverWith:s?c:null,draggingFromThisWith:c,isUsingPlaceholder:!0};return{placeholder:p.placeholder,shouldAnimatePlaceholder:!1,snapshot:g,useClone:v}}if(!l)return t;if(!d)return r;var m={isDraggingOver:s,draggingOverWith:c,draggingFromThisWith:null,isUsingPlaceholder:!0};return{placeholder:p.placeholder,shouldAnimatePlaceholder:!0,snapshot:m,useClone:null}}),i=function(l,s){var d=s.droppableId,p=s.type,u=!s.isDropDisabled,c=s.renderClone;if(l.isDragging){var f=l.critical;if(!Qr(p,f))return t;var v=hn(f,l.dimensions),g=z(l.impact)===d;return a(d,u,g,g,v,c)}if(l.phase==="DROP_ANIMATING"){var m=l.completed;if(!Qr(p,m.critical))return t;var b=hn(m.critical,l.dimensions);return a(d,u,Ma(m.result)===d,z(m.impact)===d,b,c)}if(l.phase==="IDLE"&&l.completed&&!l.shouldFlush){var y=l.completed;if(!Qr(p,y.critical))return t;var x=z(y.impact)===d,D=!!(y.impact.at&&y.impact.at.type==="COMBINE"),E=y.critical.droppable.id===d;return x?D?r:t:E?r:t}return t};return i},pc={updateViewportMaxScroll:Sl};function fc(){return document.body||h(!1),document.body}var vc={mode:"standard",type:"DEFAULT",direction:"vertical",isDropDisabled:!1,isCombineEnabled:!1,ignoreContainerClipping:!1,renderClone:null,getContainerForClone:fc},gc=Gn(dc,pc,null,{context:Rt,pure:!0,areStatePropsEqual:Oa})(cc);gc.defaultProps=vc;/*! *****************************************************************************
68
+ `}},o=[n,t,a,i];return{always:Be(o,"always"),resting:Be(o,"resting"),dragging:Be(o,"dragging"),dropAnimating:Be(o,"dropAnimating"),userCancel:Be(o,"userCancel")}},j=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u"?S.useLayoutEffect:S.useEffect,Kr=function(){var r=document.querySelector("head");return r||h(!1),r},dn=function(r){var t=document.createElement("style");return r&&t.setAttribute("nonce",r),t.type="text/css",t};function As(e,r){var t=A(function(){return Ps(e)},[e]),n=S.useRef(null),a=S.useRef(null),i=I(G(function(u){var c=a.current;c||h(!1),c.textContent=u}),[]),o=I(function(u){var c=n.current;c||h(!1),c.textContent=u},[]);j(function(){!n.current&&!a.current||h(!1);var u=dn(r),c=dn(r);return n.current=u,a.current=c,u.setAttribute(xe+"-always",e),c.setAttribute(xe+"-dynamic",e),Kr().appendChild(u),Kr().appendChild(c),o(t.always),i(t.resting),function(){var f=function(g){var m=g.current;m||h(!1),Kr().removeChild(m),g.current=null};f(n),f(a)}},[r,o,i,t.always,t.resting,e]);var l=I(function(){return i(t.dragging)},[i,t.dragging]),s=I(function(u){if(u==="DROP"){i(t.dropAnimating);return}i(t.userCancel)},[i,t.dropAnimating,t.userCancel]),d=I(function(){a.current&&i(t.resting)},[i,t.resting]),p=A(function(){return{dragging:l,dropping:s,resting:d}},[l,s,d]);return p}var Ia=function(e){return e&&e.ownerDocument?e.ownerDocument.defaultView:window};function Tr(e){return e instanceof Ia(e).HTMLElement}function Bs(e,r){var t="["+Se.contextId+'="'+e+'"]',n=zn(document.querySelectorAll(t));if(!n.length)return null;var a=ce(n,function(i){return i.getAttribute(Se.draggableId)===r});return!a||!Tr(a)?null:a}function Rs(e){var r=S.useRef({}),t=S.useRef(null),n=S.useRef(null),a=S.useRef(!1),i=I(function(c,f){var v={id:c,focus:f};return r.current[c]=v,function(){var m=r.current,b=m[c];b!==v&&delete m[c]}},[]),o=I(function(c){var f=Bs(e,c);f&&f!==document.activeElement&&f.focus()},[e]),l=I(function(c,f){t.current===c&&(t.current=f)},[]),s=I(function(){n.current||a.current&&(n.current=requestAnimationFrame(function(){n.current=null;var c=t.current;c&&o(c)}))},[o]),d=I(function(c){t.current=null;var f=document.activeElement;f&&f.getAttribute(Se.draggableId)===c&&(t.current=c)},[]);j(function(){return a.current=!0,function(){a.current=!1;var c=n.current;c&&cancelAnimationFrame(c)}},[]);var p=A(function(){return{register:i,tryRecordFocus:d,tryRestoreFocusRecorded:s,tryShiftRecord:l}},[i,d,s,l]);return p}function Ts(){var e={draggables:{},droppables:{}},r=[];function t(u){return r.push(u),function(){var f=r.indexOf(u);f!==-1&&r.splice(f,1)}}function n(u){r.length&&r.forEach(function(c){return c(u)})}function a(u){return e.draggables[u]||null}function i(u){var c=a(u);return c||h(!1),c}var o={register:function(c){e.draggables[c.descriptor.id]=c,n({type:"ADDITION",value:c})},update:function(c,f){var v=e.draggables[f.descriptor.id];v&&v.uniqueId===c.uniqueId&&(delete e.draggables[f.descriptor.id],e.draggables[c.descriptor.id]=c)},unregister:function(c){var f=c.descriptor.id,v=a(f);v&&c.uniqueId===v.uniqueId&&(delete e.draggables[f],n({type:"REMOVAL",value:c}))},getById:i,findById:a,exists:function(c){return!!a(c)},getAllByType:function(c){return dr(e.draggables).filter(function(f){return f.descriptor.type===c})}};function l(u){return e.droppables[u]||null}function s(u){var c=l(u);return c||h(!1),c}var d={register:function(c){e.droppables[c.descriptor.id]=c},unregister:function(c){var f=l(c.descriptor.id);f&&c.uniqueId===f.uniqueId&&delete e.droppables[c.descriptor.id]},getById:s,findById:l,exists:function(c){return!!l(c)},getAllByType:function(c){return dr(e.droppables).filter(function(f){return f.descriptor.type===c})}};function p(){e.draggables={},e.droppables={},r.length=0}return{draggable:o,droppable:d,subscribe:t,clean:p}}function Os(){var e=A(Ts,[]);return S.useEffect(function(){return function(){requestAnimationFrame(e.clean)}},[e]),e}var Rt=T.createContext(null),fr=function(){var e=document.body;return e||h(!1),e},Ms={position:"absolute",width:"1px",height:"1px",margin:"-1px",border:"0",padding:"0",overflow:"hidden",clip:"rect(0 0 0 0)","clip-path":"inset(100%)"},Ns=function(r){return"rbd-announcement-"+r};function Ls(e){var r=A(function(){return Ns(e)},[e]),t=S.useRef(null);S.useEffect(function(){var i=document.createElement("div");return t.current=i,i.id=r,i.setAttribute("aria-live","assertive"),i.setAttribute("aria-atomic","true"),w(i.style,Ms),fr().appendChild(i),function(){setTimeout(function(){var s=fr();s.contains(i)&&s.removeChild(i),i===t.current&&(t.current=null)})}},[r]);var n=I(function(a){var i=t.current;if(i){i.textContent=a;return}},[]);return n}var Fs=0,Gs={separator:"::"};function Tt(e,r){return r===void 0&&(r=Gs),A(function(){return""+e+r.separator+Fs++},[r.separator,e])}function Ws(e){var r=e.contextId,t=e.uniqueId;return"rbd-hidden-text-"+r+"-"+t}function $s(e){var r=e.contextId,t=e.text,n=Tt("hidden-text",{separator:"-"}),a=A(function(){return Ws({contextId:r,uniqueId:n})},[n,r]);return S.useEffect(function(){var o=document.createElement("div");return o.id=a,o.textContent=t,o.style.display="none",fr().appendChild(o),function(){var s=fr();s.contains(o)&&s.removeChild(o)}},[a,t]),a}var Or=T.createContext(null);function Ca(e){var r=S.useRef(e);return S.useEffect(function(){r.current=e}),r}function Us(){var e=null;function r(){return!!e}function t(o){return o===e}function n(o){e&&h(!1);var l={abandon:o};return e=l,l}function a(){e||h(!1),e=null}function i(){e&&(e.abandon(),a())}return{isClaimed:r,isActive:t,claim:n,release:a,tryAbandon:i}}var Hs=9,ks=13,Ot=27,wa=32,qs=33,Vs=34,zs=35,js=36,Ys=37,Ks=38,Js=39,Xs=40,tr,Qs=(tr={},tr[ks]=!0,tr[Hs]=!0,tr),Ea=function(e){Qs[e.keyCode]&&e.preventDefault()},Mr=function(){var e="visibilitychange";if(typeof document>"u")return e;var r=[e,"ms"+e,"webkit"+e,"moz"+e,"o"+e],t=ce(r,function(n){return"on"+n in document});return t||e}(),Pa=0,pn=5;function Zs(e,r){return Math.abs(r.x-e.x)>=pn||Math.abs(r.y-e.y)>=pn}var fn={type:"IDLE"};function _s(e){var r=e.cancel,t=e.completed,n=e.getPhase,a=e.setPhase;return[{eventName:"mousemove",fn:function(o){var l=o.button,s=o.clientX,d=o.clientY;if(l===Pa){var p={x:s,y:d},u=n();if(u.type==="DRAGGING"){o.preventDefault(),u.actions.move(p);return}u.type!=="PENDING"&&h(!1);var c=u.point;if(Zs(c,p)){o.preventDefault();var f=u.actions.fluidLift(p);a({type:"DRAGGING",actions:f})}}}},{eventName:"mouseup",fn:function(o){var l=n();if(l.type!=="DRAGGING"){r();return}o.preventDefault(),l.actions.drop({shouldBlockNextClick:!0}),t()}},{eventName:"mousedown",fn:function(o){n().type==="DRAGGING"&&o.preventDefault(),r()}},{eventName:"keydown",fn:function(o){var l=n();if(l.type==="PENDING"){r();return}if(o.keyCode===Ot){o.preventDefault(),r();return}Ea(o)}},{eventName:"resize",fn:r},{eventName:"scroll",options:{passive:!0,capture:!1},fn:function(){n().type==="PENDING"&&r()}},{eventName:"webkitmouseforcedown",fn:function(o){var l=n();if(l.type==="IDLE"&&h(!1),l.actions.shouldRespectForcePress()){r();return}o.preventDefault()}},{eventName:Mr,fn:r}]}function eu(e){var r=S.useRef(fn),t=S.useRef(oe),n=A(function(){return{eventName:"mousedown",fn:function(u){if(!u.defaultPrevented&&u.button===Pa&&!(u.ctrlKey||u.metaKey||u.shiftKey||u.altKey)){var c=e.findClosestDraggableId(u);if(c){var f=e.tryGetLock(c,o,{sourceEvent:u});if(f){u.preventDefault();var v={x:u.clientX,y:u.clientY};t.current(),d(f,v)}}}}}},[e]),a=A(function(){return{eventName:"webkitmouseforcewillbegin",fn:function(u){if(!u.defaultPrevented){var c=e.findClosestDraggableId(u);if(c){var f=e.findOptionsForDraggable(c);f&&(f.shouldRespectForcePress||e.canGetLock(c)&&u.preventDefault())}}}}},[e]),i=I(function(){var u={passive:!1,capture:!0};t.current=_(window,[a,n],u)},[a,n]),o=I(function(){var p=r.current;p.type!=="IDLE"&&(r.current=fn,t.current(),i())},[i]),l=I(function(){var p=r.current;o(),p.type==="DRAGGING"&&p.actions.cancel({shouldBlockNextClick:!0}),p.type==="PENDING"&&p.actions.abort()},[o]),s=I(function(){var u={capture:!0,passive:!1},c=_s({cancel:l,completed:o,getPhase:function(){return r.current},setPhase:function(v){r.current=v}});t.current=_(window,c,u)},[l,o]),d=I(function(u,c){r.current.type!=="IDLE"&&h(!1),r.current={type:"PENDING",point:c,actions:u},s()},[s]);j(function(){return i(),function(){t.current()}},[i])}var he;function ru(){}var tu=(he={},he[Vs]=!0,he[qs]=!0,he[js]=!0,he[zs]=!0,he);function nu(e,r){function t(){r(),e.cancel()}function n(){r(),e.drop()}return[{eventName:"keydown",fn:function(i){if(i.keyCode===Ot){i.preventDefault(),t();return}if(i.keyCode===wa){i.preventDefault(),n();return}if(i.keyCode===Xs){i.preventDefault(),e.moveDown();return}if(i.keyCode===Ks){i.preventDefault(),e.moveUp();return}if(i.keyCode===Js){i.preventDefault(),e.moveRight();return}if(i.keyCode===Ys){i.preventDefault(),e.moveLeft();return}if(tu[i.keyCode]){i.preventDefault();return}Ea(i)}},{eventName:"mousedown",fn:t},{eventName:"mouseup",fn:t},{eventName:"click",fn:t},{eventName:"touchstart",fn:t},{eventName:"resize",fn:t},{eventName:"wheel",fn:t,options:{passive:!0}},{eventName:Mr,fn:t}]}function au(e){var r=S.useRef(ru),t=A(function(){return{eventName:"keydown",fn:function(i){if(i.defaultPrevented||i.keyCode!==wa)return;var o=e.findClosestDraggableId(i);if(!o)return;var l=e.tryGetLock(o,p,{sourceEvent:i});if(!l)return;i.preventDefault();var s=!0,d=l.snapLift();r.current();function p(){s||h(!1),s=!1,r.current(),n()}r.current=_(window,nu(d,p),{capture:!0,passive:!1})}}},[e]),n=I(function(){var i={passive:!1,capture:!0};r.current=_(window,[t],i)},[t]);j(function(){return n(),function(){r.current()}},[n])}var Jr={type:"IDLE"},iu=120,ou=.15;function lu(e){var r=e.cancel,t=e.getPhase;return[{eventName:"orientationchange",fn:r},{eventName:"resize",fn:r},{eventName:"contextmenu",fn:function(a){a.preventDefault()}},{eventName:"keydown",fn:function(a){if(t().type!=="DRAGGING"){r();return}a.keyCode===Ot&&a.preventDefault(),r()}},{eventName:Mr,fn:r}]}function su(e){var r=e.cancel,t=e.completed,n=e.getPhase;return[{eventName:"touchmove",options:{capture:!1},fn:function(i){var o=n();if(o.type!=="DRAGGING"){r();return}o.hasMoved=!0;var l=i.touches[0],s=l.clientX,d=l.clientY,p={x:s,y:d};i.preventDefault(),o.actions.move(p)}},{eventName:"touchend",fn:function(i){var o=n();if(o.type!=="DRAGGING"){r();return}i.preventDefault(),o.actions.drop({shouldBlockNextClick:!0}),t()}},{eventName:"touchcancel",fn:function(i){if(n().type!=="DRAGGING"){r();return}i.preventDefault(),r()}},{eventName:"touchforcechange",fn:function(i){var o=n();o.type==="IDLE"&&h(!1);var l=i.touches[0];if(l){var s=l.force>=ou;if(s){var d=o.actions.shouldRespectForcePress();if(o.type==="PENDING"){d&&r();return}if(d){if(o.hasMoved){i.preventDefault();return}r();return}i.preventDefault()}}}},{eventName:Mr,fn:r}]}function uu(e){var r=S.useRef(Jr),t=S.useRef(oe),n=I(function(){return r.current},[]),a=I(function(f){r.current=f},[]),i=A(function(){return{eventName:"touchstart",fn:function(f){if(!f.defaultPrevented){var v=e.findClosestDraggableId(f);if(v){var g=e.tryGetLock(v,l,{sourceEvent:f});if(g){var m=f.touches[0],b=m.clientX,y=m.clientY,x={x:b,y};t.current(),u(g,x)}}}}}},[e]),o=I(function(){var f={capture:!0,passive:!1};t.current=_(window,[i],f)},[i]),l=I(function(){var c=r.current;c.type!=="IDLE"&&(c.type==="PENDING"&&clearTimeout(c.longPressTimerId),a(Jr),t.current(),o())},[o,a]),s=I(function(){var c=r.current;l(),c.type==="DRAGGING"&&c.actions.cancel({shouldBlockNextClick:!0}),c.type==="PENDING"&&c.actions.abort()},[l]),d=I(function(){var f={capture:!0,passive:!1},v={cancel:s,completed:l,getPhase:n},g=_(window,su(v),f),m=_(window,lu(v),f);t.current=function(){g(),m()}},[s,n,l]),p=I(function(){var f=n();f.type!=="PENDING"&&h(!1);var v=f.actions.fluidLift(f.point);a({type:"DRAGGING",actions:v,hasMoved:!1})},[n,a]),u=I(function(f,v){n().type!=="IDLE"&&h(!1);var g=setTimeout(p,iu);a({type:"PENDING",point:v,actions:f,longPressTimerId:g}),d()},[d,n,a,p]);j(function(){return o(),function(){t.current();var v=n();v.type==="PENDING"&&(clearTimeout(v.longPressTimerId),a(Jr))}},[n,o,a]),j(function(){var f=_(window,[{eventName:"touchmove",fn:function(){},options:{capture:!1,passive:!1}}]);return f},[])}var cu={input:!0,button:!0,textarea:!0,select:!0,option:!0,optgroup:!0,video:!0,audio:!0};function Aa(e,r){if(r==null)return!1;var t=!!cu[r.tagName.toLowerCase()];if(t)return!0;var n=r.getAttribute("contenteditable");return n==="true"||n===""?!0:r===e?!1:Aa(e,r.parentElement)}function du(e,r){var t=r.target;return Tr(t)?Aa(e,t):!1}var pu=function(e){return te(e.getBoundingClientRect()).center};function fu(e){return e instanceof Ia(e).Element}var vu=function(){var e="matches";if(typeof document>"u")return e;var r=[e,"msMatchesSelector","webkitMatchesSelector"],t=ce(r,function(n){return n in Element.prototype});return t||e}();function Ba(e,r){return e==null?null:e[vu](r)?e:Ba(e.parentElement,r)}function gu(e,r){return e.closest?e.closest(r):Ba(e,r)}function mu(e){return"["+Se.contextId+'="'+e+'"]'}function bu(e,r){var t=r.target;if(!fu(t))return null;var n=mu(e),a=gu(t,n);return!a||!Tr(a)?null:a}function hu(e,r){var t=bu(e,r);return t?t.getAttribute(Se.draggableId):null}function yu(e,r){var t="["+tt.contextId+'="'+e+'"]',n=zn(document.querySelectorAll(t)),a=ce(n,function(i){return i.getAttribute(tt.id)===r});return!a||!Tr(a)?null:a}function Du(e){e.preventDefault()}function nr(e){var r=e.expected,t=e.phase,n=e.isLockActive;return e.shouldWarn,!(!n()||r!==t)}function Ra(e){var r=e.lockAPI,t=e.store,n=e.registry,a=e.draggableId;if(r.isClaimed())return!1;var i=n.draggable.findById(a);return!(!i||!i.options.isEnabled||!ya(t.getState(),a))}function xu(e){var r=e.lockAPI,t=e.contextId,n=e.store,a=e.registry,i=e.draggableId,o=e.forceSensorStop,l=e.sourceEvent,s=Ra({lockAPI:r,store:n,registry:a,draggableId:i});if(!s)return null;var d=a.draggable.getById(i),p=yu(t,d.descriptor.id);if(!p||l&&!d.options.canDragInteractiveElements&&du(p,l))return null;var u=r.claim(o||oe),c="PRE_DRAG";function f(){return d.options.shouldRespectForcePress}function v(){return r.isActive(u)}function g(C,B){nr({expected:C,phase:c,isLockActive:v,shouldWarn:!0})&&n.dispatch(B())}var m=g.bind(null,"DRAGGING");function b(C){function B(){r.release(),c="COMPLETED"}c!=="PRE_DRAG"&&(B(),c!=="PRE_DRAG"&&h(!1)),n.dispatch(vl(C.liftActionArgs)),c="DRAGGING";function N(P,L){if(L===void 0&&(L={shouldBlockNextClick:!1}),C.cleanup(),L.shouldBlockNextClick){var R=_(window,[{eventName:"click",fn:Du,options:{once:!0,passive:!1,capture:!0}}]);setTimeout(R)}B(),n.dispatch(pa({reason:P}))}return w({isActive:function(){return nr({expected:"DRAGGING",phase:c,isLockActive:v,shouldWarn:!1})},shouldRespectForcePress:f,drop:function(L){return N("DROP",L)},cancel:function(L){return N("CANCEL",L)}},C.actions)}function y(C){var B=Ne(function(P){m(function(){return da({client:P})})}),N=b({liftActionArgs:{id:i,clientSelection:C,movementMode:"FLUID"},cleanup:function(){return B.cancel()},actions:{move:B}});return w({},N,{move:B})}function x(){var C={moveUp:function(){return m(Il)},moveRight:function(){return m(wl)},moveDown:function(){return m(Cl)},moveLeft:function(){return m(El)}};return b({liftActionArgs:{id:i,clientSelection:pu(p),movementMode:"SNAP"},cleanup:oe,actions:C})}function D(){var C=nr({expected:"PRE_DRAG",phase:c,isLockActive:v,shouldWarn:!0});C&&r.release()}var E={isActive:function(){return nr({expected:"PRE_DRAG",phase:c,isLockActive:v,shouldWarn:!1})},shouldRespectForcePress:f,fluidLift:y,snapLift:x,abort:D};return E}var Su=[eu,au,uu];function Iu(e){var r=e.contextId,t=e.store,n=e.registry,a=e.customSensors,i=e.enableDefaultSensors,o=[].concat(i?Su:[],a||[]),l=S.useState(function(){return Us()})[0],s=I(function(y,x){y.isDragging&&!x.isDragging&&l.tryAbandon()},[l]);j(function(){var y=t.getState(),x=t.subscribe(function(){var D=t.getState();s(y,D),y=D});return x},[l,t,s]),j(function(){return l.tryAbandon},[l.tryAbandon]);for(var d=I(function(b){return Ra({lockAPI:l,registry:n,store:t,draggableId:b})},[l,n,t]),p=I(function(b,y,x){return xu({lockAPI:l,registry:n,contextId:r,store:t,draggableId:b,forceSensorStop:y,sourceEvent:x&&x.sourceEvent?x.sourceEvent:null})},[r,l,n,t]),u=I(function(b){return hu(r,b)},[r]),c=I(function(b){var y=n.draggable.findById(b);return y?y.options:null},[n.draggable]),f=I(function(){l.isClaimed()&&(l.tryAbandon(),t.getState().phase!=="IDLE"&&t.dispatch(St()))},[l,t]),v=I(l.isClaimed,[l]),g=A(function(){return{canGetLock:d,tryGetLock:p,findClosestDraggableId:u,findOptionsForDraggable:c,tryReleaseLock:f,isLockClaimed:v}},[d,p,u,c,f,v]),m=0;m<o.length;m++)o[m](g)}var Cu=function(r){return{onBeforeCapture:r.onBeforeCapture,onBeforeDragStart:r.onBeforeDragStart,onDragStart:r.onDragStart,onDragEnd:r.onDragEnd,onDragUpdate:r.onDragUpdate}};function Re(e){return e.current||h(!1),e.current}function wu(e){var r=e.contextId,t=e.setCallbacks,n=e.sensors,a=e.nonce,i=e.dragHandleUsageInstructions,o=S.useRef(null),l=Ca(e),s=I(function(){return Cu(l.current)},[l]),d=Ls(r),p=$s({contextId:r,text:i}),u=As(r,a),c=I(function(P){Re(o).dispatch(P)},[]),f=A(function(){return Ft({publishWhileDragging:ml,updateDroppableScroll:hl,updateDroppableIsEnabled:yl,updateDroppableIsCombineEnabled:Dl,collectionStarting:bl},c)},[c]),v=Os(),g=A(function(){return os(v,f)},[v,f]),m=A(function(){return Is(w({scrollWindow:ls,scrollDroppable:g.scrollDroppable},Ft({move:da},c)))},[g.scrollDroppable,c]),b=Rs(r),y=A(function(){return ts({announce:d,autoScroller:m,dimensionMarshal:g,focusMarshal:b,getResponders:s,styleMarshal:u})},[d,m,g,b,s,u]);o.current=y;var x=I(function(){var P=Re(o),L=P.getState();L.phase!=="IDLE"&&P.dispatch(St())},[]),D=I(function(){var P=Re(o).getState();return P.isDragging||P.phase==="DROP_ANIMATING"},[]),E=A(function(){return{isDragging:D,tryAbort:x}},[D,x]);t(E);var C=I(function(P){return ya(Re(o).getState(),P)},[]),B=I(function(){return fe(Re(o).getState())},[]),N=A(function(){return{marshal:g,focus:b,contextId:r,canLift:C,isMovementAllowed:B,dragHandleUsageInstructionsId:p,registry:v}},[r,g,p,b,C,B,v]);return Iu({contextId:r,store:y,registry:v,customSensors:n,enableDefaultSensors:e.enableDefaultSensors!==!1}),S.useEffect(function(){return x},[x]),T.createElement(Or.Provider,{value:N},T.createElement(Ya,{context:Rt,store:y},e.children))}var Eu=0;function Pu(){return A(function(){return""+Eu++},[])}function Cc(e){var r=Pu(),t=e.dragHandleUsageInstructions||ir.dragHandleUsageInstructions;return T.createElement(no,null,function(n){return T.createElement(wu,{nonce:e.nonce,contextId:r,setCallbacks:n,dragHandleUsageInstructions:t,enableDefaultSensors:e.enableDefaultSensors,sensors:e.sensors,onBeforeCapture:e.onBeforeCapture,onBeforeDragStart:e.onBeforeDragStart,onDragStart:e.onDragStart,onDragUpdate:e.onDragUpdate,onDragEnd:e.onDragEnd},e.children)})}var Ta=function(r){return function(t){return r===t}},Au=Ta("scroll"),Bu=Ta("auto"),vn=function(r,t){return t(r.overflowX)||t(r.overflowY)},Ru=function(r){var t=window.getComputedStyle(r),n={overflowX:t.overflowX,overflowY:t.overflowY};return vn(n,Au)||vn(n,Bu)},Tu=function(){return!1},Ou=function e(r){return r==null?null:r===document.body?Tu()?r:null:r===document.documentElement?null:Ru(r)?r:e(r.parentElement)},nt=function(e){return{x:e.scrollLeft,y:e.scrollTop}},Mu=function e(r){if(!r)return!1;var t=window.getComputedStyle(r);return t.position==="fixed"?!0:e(r.parentElement)},Nu=function(e){var r=Ou(e),t=Mu(e);return{closestScrollable:r,isFixedOnPage:t}},Lu=function(e){var r=e.descriptor,t=e.isEnabled,n=e.isCombineEnabled,a=e.isFixedOnPage,i=e.direction,o=e.client,l=e.page,s=e.closest,d=function(){if(!s)return null;var f=s.scrollSize,v=s.client,g=ma({scrollHeight:f.scrollHeight,scrollWidth:f.scrollWidth,height:v.paddingBox.height,width:v.paddingBox.width});return{pageMarginBox:s.page.marginBox,frameClient:v,scrollSize:f,shouldClipSubject:s.shouldClipSubject,scroll:{initial:s.scroll,current:s.scroll,max:g,diff:{value:W,displacement:W}}}}(),p=i==="vertical"?bt:Xn,u=De({page:l,withPlaceholder:null,axis:p,frame:d}),c={descriptor:r,isCombineEnabled:n,isFixedOnPage:a,axis:p,isEnabled:t,client:o,page:l,frame:d,subject:u};return c},Fu=function(r,t){var n=Un(r);if(!t||r!==t)return n;var a=n.paddingBox.top-t.scrollTop,i=n.paddingBox.left-t.scrollLeft,o=a+t.scrollHeight,l=i+t.scrollWidth,s={top:a,right:l,bottom:o,left:i},d=pt(s,n.border),p=ft({borderBox:d,margin:n.margin,border:n.border,padding:n.padding});return p},Gu=function(e){var r=e.ref,t=e.descriptor,n=e.env,a=e.windowScroll,i=e.direction,o=e.isDropDisabled,l=e.isCombineEnabled,s=e.shouldClipSubject,d=n.closestScrollable,p=Fu(r,d),u=sr(p,a),c=function(){if(!d)return null;var v=Un(d),g={scrollHeight:d.scrollHeight,scrollWidth:d.scrollWidth};return{client:v,page:sr(v,a),scroll:nt(d),scrollSize:g,shouldClipSubject:s}}(),f=Lu({descriptor:t,isEnabled:!o,isCombineEnabled:l,isFixedOnPage:n.isFixedOnPage,direction:i,client:p,page:u,closest:c});return f},Wu={passive:!1},$u={passive:!0},gn=function(e){return e.shouldPublishImmediately?Wu:$u};function vr(e){var r=S.useContext(e);return r||h(!1),r}var ar=function(r){return r&&r.env.closestScrollable||null};function Uu(e){var r=S.useRef(null),t=vr(Or),n=Tt("droppable"),a=t.registry,i=t.marshal,o=Ca(e),l=A(function(){return{id:e.droppableId,type:e.type,mode:e.mode}},[e.droppableId,e.mode,e.type]),s=S.useRef(l),d=A(function(){return G(function(D,E){r.current||h(!1);var C={x:D,y:E};i.updateDroppableScroll(l.id,C)})},[l.id,i]),p=I(function(){var D=r.current;return!D||!D.env.closestScrollable?W:nt(D.env.closestScrollable)},[]),u=I(function(){var D=p();d(D.x,D.y)},[p,d]),c=A(function(){return Ne(u)},[u]),f=I(function(){var D=r.current,E=ar(D);D&&E||h(!1);var C=D.scrollOptions;if(C.shouldPublishImmediately){u();return}c()},[c,u]),v=I(function(D,E){r.current&&h(!1);var C=o.current,B=C.getDroppableRef();B||h(!1);var N=Nu(B),P={ref:B,descriptor:l,env:N,scrollOptions:E};r.current=P;var L=Gu({ref:B,descriptor:l,env:N,windowScroll:D,direction:C.direction,isDropDisabled:C.isDropDisabled,isCombineEnabled:C.isCombineEnabled,shouldClipSubject:!C.ignoreContainerClipping}),R=N.closestScrollable;return R&&(R.setAttribute(cn.contextId,t.contextId),R.addEventListener("scroll",f,gn(P.scrollOptions))),L},[t.contextId,l,f,o]),g=I(function(){var D=r.current,E=ar(D);return D&&E||h(!1),nt(E)},[]),m=I(function(){var D=r.current;D||h(!1);var E=ar(D);r.current=null,E&&(c.cancel(),E.removeAttribute(cn.contextId),E.removeEventListener("scroll",f,gn(D.scrollOptions)))},[f,c]),b=I(function(D){var E=r.current;E||h(!1);var C=ar(E);C||h(!1),C.scrollTop+=D.y,C.scrollLeft+=D.x},[]),y=A(function(){return{getDimensionAndWatchScroll:v,getScrollWhileDragging:g,dragStopped:m,scroll:b}},[m,v,g,b]),x=A(function(){return{uniqueId:n,descriptor:l,callbacks:y}},[y,l,n]);j(function(){return s.current=x.descriptor,a.droppable.register(x),function(){r.current&&m(),a.droppable.unregister(x)}},[y,l,m,x,i,a.droppable]),j(function(){r.current&&i.updateDroppableIsEnabled(s.current.id,!e.isDropDisabled)},[e.isDropDisabled,i]),j(function(){r.current&&i.updateDroppableIsCombineEnabled(s.current.id,e.isCombineEnabled)},[e.isCombineEnabled,i])}function Xr(){}var mn={width:0,height:0,margin:uo},Hu=function(r){var t=r.isAnimatingOpenOnMount,n=r.placeholder,a=r.animate;return t||a==="close"?mn:{height:n.client.borderBox.height,width:n.client.borderBox.width,margin:n.client.margin}},ku=function(r){var t=r.isAnimatingOpenOnMount,n=r.placeholder,a=r.animate,i=Hu({isAnimatingOpenOnMount:t,placeholder:n,animate:a});return{display:n.display,boxSizing:"border-box",width:i.width,height:i.height,marginTop:i.margin.top,marginRight:i.margin.right,marginBottom:i.margin.bottom,marginLeft:i.margin.left,flexShrink:"0",flexGrow:"0",pointerEvents:"none",transition:a!=="none"?Oe.placeholder:null}};function qu(e){var r=S.useRef(null),t=I(function(){r.current&&(clearTimeout(r.current),r.current=null)},[]),n=e.animate,a=e.onTransitionEnd,i=e.onClose,o=e.contextId,l=S.useState(e.animate==="open"),s=l[0],d=l[1];S.useEffect(function(){return s?n!=="open"?(t(),d(!1),Xr):r.current?Xr:(r.current=setTimeout(function(){r.current=null,d(!1)}),t):Xr},[n,s,t]);var p=I(function(c){c.propertyName==="height"&&(a(),n==="close"&&i())},[n,i,a]),u=ku({isAnimatingOpenOnMount:s,animate:e.animate,placeholder:e.placeholder});return T.createElement(e.placeholder.tagName,{style:u,"data-rbd-placeholder-context-id":o,onTransitionEnd:p,ref:e.innerRef})}var Vu=T.memo(qu),Mt=T.createContext(null),zu=function(e){xn(r,e);function r(){for(var n,a=arguments.length,i=new Array(a),o=0;o<a;o++)i[o]=arguments[o];return n=e.call.apply(e,[this].concat(i))||this,n.state={isVisible:!!n.props.on,data:n.props.on,animate:n.props.shouldAnimate&&n.props.on?"open":"none"},n.onClose=function(){n.state.animate==="close"&&n.setState({isVisible:!1})},n}r.getDerivedStateFromProps=function(a,i){return a.shouldAnimate?a.on?{isVisible:!0,data:a.on,animate:"open"}:i.isVisible?{isVisible:!0,data:i.data,animate:"close"}:{isVisible:!1,animate:"close",data:null}:{isVisible:!!a.on,data:a.on,animate:"none"}};var t=r.prototype;return t.render=function(){if(!this.state.isVisible)return null;var a={onClose:this.onClose,data:this.state.data,animate:this.state.animate};return this.props.children(a)},r}(T.PureComponent),bn={dragging:5e3,dropAnimating:4500},ju=function(r,t){return t?Oe.drop(t.duration):r?Oe.snap:Oe.fluid},Yu=function(r,t){return r?t?We.opacity.drop:We.opacity.combining:null},Ku=function(r){return r.forceShouldAnimate!=null?r.forceShouldAnimate:r.mode==="SNAP"};function Ju(e){var r=e.dimension,t=r.client,n=e.offset,a=e.combineWith,i=e.dropping,o=!!a,l=Ku(e),s=!!i,d=s?et.drop(n,o):et.moveTo(n),p={position:"fixed",top:t.marginBox.top,left:t.marginBox.left,boxSizing:"border-box",width:t.borderBox.width,height:t.borderBox.height,transition:ju(l,i),transform:d,opacity:Yu(o,s),zIndex:s?bn.dropAnimating:bn.dragging,pointerEvents:"none"};return p}function Xu(e){return{transform:et.moveTo(e.offset),transition:e.shouldAnimateDisplacement?null:"none"}}function Qu(e){return e.type==="DRAGGING"?Ju(e):Xu(e)}function Zu(e,r,t){t===void 0&&(t=W);var n=window.getComputedStyle(r),a=r.getBoundingClientRect(),i=$n(a,n),o=sr(i,t),l={client:i,tagName:r.tagName.toLowerCase(),display:n.display},s={x:i.marginBox.width,y:i.marginBox.height},d={descriptor:e,placeholder:l,displaceBy:s,client:i,page:o};return d}function _u(e){var r=Tt("draggable"),t=e.descriptor,n=e.registry,a=e.getDraggableRef,i=e.canDragInteractiveElements,o=e.shouldRespectForcePress,l=e.isEnabled,s=A(function(){return{canDragInteractiveElements:i,shouldRespectForcePress:o,isEnabled:l}},[i,l,o]),d=I(function(f){var v=a();return v||h(!1),Zu(t,v,f)},[t,a]),p=A(function(){return{uniqueId:r,descriptor:t,options:s,getDimension:d}},[t,d,s,r]),u=S.useRef(p),c=S.useRef(!0);j(function(){return n.draggable.register(u.current),function(){return n.draggable.unregister(u.current)}},[n.draggable]),j(function(){if(c.current){c.current=!1;return}var f=u.current;u.current=p,n.draggable.update(p,f)},[p,n.draggable])}function ec(e){e.preventDefault()}function rc(e){var r=S.useRef(null),t=I(function(P){r.current=P},[]),n=I(function(){return r.current},[]),a=vr(Or),i=a.contextId,o=a.dragHandleUsageInstructionsId,l=a.registry,s=vr(Mt),d=s.type,p=s.droppableId,u=A(function(){return{id:e.draggableId,index:e.index,type:d,droppableId:p}},[e.draggableId,e.index,d,p]),c=e.children,f=e.draggableId,v=e.isEnabled,g=e.shouldRespectForcePress,m=e.canDragInteractiveElements,b=e.isClone,y=e.mapped,x=e.dropAnimationFinished;if(!b){var D=A(function(){return{descriptor:u,registry:l,getDraggableRef:n,canDragInteractiveElements:m,shouldRespectForcePress:g,isEnabled:v}},[u,l,n,m,g,v]);_u(D)}var E=A(function(){return v?{tabIndex:0,role:"button","aria-describedby":o,"data-rbd-drag-handle-draggable-id":f,"data-rbd-drag-handle-context-id":i,draggable:!1,onDragStart:ec}:null},[i,o,f,v]),C=I(function(P){y.type==="DRAGGING"&&y.dropping&&P.propertyName==="transform"&&x()},[x,y]),B=A(function(){var P=Qu(y),L=y.type==="DRAGGING"&&y.dropping?C:null,R={innerRef:t,draggableProps:{"data-rbd-draggable-context-id":i,"data-rbd-draggable-id":f,style:P,onTransitionEnd:L},dragHandleProps:E};return R},[i,E,f,y,C,t]),N=A(function(){return{draggableId:u.id,type:u.type,source:{index:u.index,droppableId:u.droppableId}}},[u.droppableId,u.id,u.index,u.type]);return c(B,y.snapshot,N)}var Oa=function(e,r){return e===r},Ma=function(e){var r=e.combine,t=e.destination;return t?t.droppableId:r?r.droppableId:null},tc=function(r){return r.combine?r.combine.draggableId:null},nc=function(r){return r.at&&r.at.type==="COMBINE"?r.at.combine.draggableId:null};function ac(){var e=G(function(a,i){return{x:a,y:i}}),r=G(function(a,i,o,l,s){return{isDragging:!0,isClone:i,isDropAnimating:!!s,dropAnimation:s,mode:a,draggingOver:o,combineWith:l,combineTargetFor:null}}),t=G(function(a,i,o,l,s,d,p){return{mapped:{type:"DRAGGING",dropping:null,draggingOver:s,combineWith:d,mode:i,offset:a,dimension:o,forceShouldAnimate:p,snapshot:r(i,l,s,d,null)}}}),n=function(i,o){if(i.isDragging){if(i.critical.draggable.id!==o.draggableId)return null;var l=i.current.client.offset,s=i.dimensions.draggables[o.draggableId],d=z(i.impact),p=nc(i.impact),u=i.forceShouldAnimate;return t(e(l.x,l.y),i.movementMode,s,o.isClone,d,p,u)}if(i.phase==="DROP_ANIMATING"){var c=i.completed;if(c.result.draggableId!==o.draggableId)return null;var f=o.isClone,v=i.dimensions.draggables[o.draggableId],g=c.result,m=g.mode,b=Ma(g),y=tc(g),x=i.dropDuration,D={duration:x,curve:Ct.drop,moveTo:i.newHomeClientOffset,opacity:y?We.opacity.drop:null,scale:y?We.scale.drop:null};return{mapped:{type:"DRAGGING",offset:i.newHomeClientOffset,dimension:v,dropping:D,draggingOver:b,combineWith:y,mode:m,forceShouldAnimate:null,snapshot:r(m,f,b,y,D)}}}return null};return n}function Na(e){return{isDragging:!1,isDropAnimating:!1,isClone:!1,dropAnimation:null,mode:null,draggingOver:null,combineTargetFor:e,combineWith:null}}var ic={mapped:{type:"SECONDARY",offset:W,combineTargetFor:null,shouldAnimateDisplacement:!0,snapshot:Na(null)}};function oc(){var e=G(function(o,l){return{x:o,y:l}}),r=G(Na),t=G(function(o,l,s){return l===void 0&&(l=null),{mapped:{type:"SECONDARY",offset:o,combineTargetFor:l,shouldAnimateDisplacement:s,snapshot:r(l)}}}),n=function(l){return l?t(W,l,!0):null},a=function(l,s,d,p){var u=d.displaced.visible[l],c=!!(p.inVirtualList&&p.effected[l]),f=Ar(d),v=f&&f.draggableId===l?s:null;if(!u){if(!c)return n(v);if(d.displaced.invisible[l])return null;var g=Ie(p.displacedBy.point),m=e(g.x,g.y);return t(m,v,!0)}if(c)return n(v);var b=d.displacedBy.point,y=e(b.x,b.y);return t(y,v,u.shouldAnimate)},i=function(l,s){if(l.isDragging)return l.critical.draggable.id===s.draggableId?null:a(s.draggableId,l.critical.draggable.id,l.impact,l.afterCritical);if(l.phase==="DROP_ANIMATING"){var d=l.completed;return d.result.draggableId===s.draggableId?null:a(s.draggableId,d.result.draggableId,d.impact,d.afterCritical)}return null};return i}var lc=function(){var r=ac(),t=oc(),n=function(i,o){return r(i,o)||t(i,o)||ic};return n},sc={dropAnimationFinished:fa},uc=Gn(lc,sc,null,{context:Rt,pure:!0,areStatePropsEqual:Oa})(rc);function La(e){var r=vr(Mt),t=r.isUsingCloneFor;return t===e.draggableId&&!e.isClone?null:T.createElement(uc,e)}function wc(e){var r=typeof e.isDragDisabled=="boolean"?!e.isDragDisabled:!0,t=!!e.disableInteractiveElementBlocking,n=!!e.shouldRespectForcePress;return T.createElement(La,w({},e,{isClone:!1,isEnabled:r,canDragInteractiveElements:t,shouldRespectForcePress:n}))}function cc(e){var r=S.useContext(Or);r||h(!1);var t=r.contextId,n=r.isMovementAllowed,a=S.useRef(null),i=S.useRef(null),o=e.children,l=e.droppableId,s=e.type,d=e.mode,p=e.direction,u=e.ignoreContainerClipping,c=e.isDropDisabled,f=e.isCombineEnabled,v=e.snapshot,g=e.useClone,m=e.updateViewportMaxScroll,b=e.getContainerForClone,y=I(function(){return a.current},[]),x=I(function(R){a.current=R},[]);I(function(){return i.current},[]);var D=I(function(R){i.current=R},[]),E=I(function(){n()&&m({maxScroll:ha()})},[n,m]);Uu({droppableId:l,type:s,mode:d,direction:p,isDropDisabled:c,isCombineEnabled:f,ignoreContainerClipping:u,getDroppableRef:y});var C=T.createElement(zu,{on:e.placeholder,shouldAnimate:e.shouldAnimatePlaceholder},function(R){var K=R.onClose,J=R.data,F=R.animate;return T.createElement(Vu,{placeholder:J,onClose:K,innerRef:D,animate:F,contextId:t,onTransitionEnd:E})}),B=A(function(){return{innerRef:x,placeholder:C,droppableProps:{"data-rbd-droppable-id":l,"data-rbd-droppable-context-id":t}}},[t,l,C,x]),N=g?g.dragging.draggableId:null,P=A(function(){return{droppableId:l,type:s,isUsingCloneFor:N}},[l,N,s]);function L(){if(!g)return null;var R=g.dragging,K=g.render,J=T.createElement(La,{draggableId:R.draggableId,index:R.source.index,isClone:!0,isEnabled:!0,shouldRespectForcePress:!1,canDragInteractiveElements:!0},function(F,X){return K(F,X,R)});return ka.createPortal(J,b())}return T.createElement(Mt.Provider,{value:P},o(B,v),L())}var Qr=function(r,t){return r===t.droppable.type},hn=function(r,t){return t.draggables[r.draggable.id]},dc=function(){var r={placeholder:null,shouldAnimatePlaceholder:!0,snapshot:{isDraggingOver:!1,draggingOverWith:null,draggingFromThisWith:null,isUsingPlaceholder:!1},useClone:null},t=w({},r,{shouldAnimatePlaceholder:!1}),n=G(function(o){return{draggableId:o.id,type:o.type,source:{index:o.index,droppableId:o.droppableId}}}),a=G(function(o,l,s,d,p,u){var c=p.descriptor.id,f=p.descriptor.droppableId===o;if(f){var v=u?{render:u,dragging:n(p.descriptor)}:null,g={isDraggingOver:s,draggingOverWith:s?c:null,draggingFromThisWith:c,isUsingPlaceholder:!0};return{placeholder:p.placeholder,shouldAnimatePlaceholder:!1,snapshot:g,useClone:v}}if(!l)return t;if(!d)return r;var m={isDraggingOver:s,draggingOverWith:c,draggingFromThisWith:null,isUsingPlaceholder:!0};return{placeholder:p.placeholder,shouldAnimatePlaceholder:!0,snapshot:m,useClone:null}}),i=function(l,s){var d=s.droppableId,p=s.type,u=!s.isDropDisabled,c=s.renderClone;if(l.isDragging){var f=l.critical;if(!Qr(p,f))return t;var v=hn(f,l.dimensions),g=z(l.impact)===d;return a(d,u,g,g,v,c)}if(l.phase==="DROP_ANIMATING"){var m=l.completed;if(!Qr(p,m.critical))return t;var b=hn(m.critical,l.dimensions);return a(d,u,Ma(m.result)===d,z(m.impact)===d,b,c)}if(l.phase==="IDLE"&&l.completed&&!l.shouldFlush){var y=l.completed;if(!Qr(p,y.critical))return t;var x=z(y.impact)===d,D=!!(y.impact.at&&y.impact.at.type==="COMBINE"),E=y.critical.droppable.id===d;return x?D?r:t:E?r:t}return t};return i},pc={updateViewportMaxScroll:Sl};function fc(){return document.body||h(!1),document.body}var vc={mode:"standard",type:"DEFAULT",direction:"vertical",isDropDisabled:!1,isCombineEnabled:!1,ignoreContainerClipping:!1,renderClone:null,getContainerForClone:fc},gc=Gn(dc,pc,null,{context:Rt,pure:!0,areStatePropsEqual:Oa})(cc);gc.defaultProps=vc;/*! *****************************************************************************
69
69
  Copyright (c) Microsoft Corporation. All rights reserved.
70
70
  Licensed under the Apache License, Version 2.0 (the "License"); you may not use
71
71
  this file except in compliance with the License. You may obtain a copy of the
@@ -78,9 +78,9 @@ MERCHANTABLITY OR NON-INFRINGEMENT.
78
78
 
79
79
  See the Apache Version 2.0 License for specific language governing permissions
80
80
  and limitations under the License.
81
- ***************************************************************************** */var at=function(e,r){return at=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var a in n)n.hasOwnProperty(a)&&(t[a]=n[a])},at(e,r)};function mc(e,r){at(e,r);function t(){this.constructor=e}e.prototype=r===null?Object.create(r):(t.prototype=r.prototype,new t)}var Me=function(){return Me=Object.assign||function(r){for(var t,n=1,a=arguments.length;n<a;n++){t=arguments[n];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(r[i]=t[i])}return r},Me.apply(this,arguments)};function bc(e,r,t,n){var a,i=!1,o=0;function l(){a&&clearTimeout(a)}function s(){l(),i=!0}typeof r!="boolean"&&(n=t,t=r,r=void 0);function d(){var p=this,u=Date.now()-o,c=arguments;if(i)return;function f(){o=Date.now(),t.apply(p,c)}function v(){a=void 0}n&&!a&&f(),l(),n===void 0&&u>e?f():r!==!0&&(a=setTimeout(n?v:f,n===void 0?e-u:e))}return d.cancel=s,d}var ye={Pixel:"Pixel",Percent:"Percent"},yn={unit:ye.Percent,value:.8};function Dn(e){return typeof e=="number"?{unit:ye.Percent,value:e*100}:typeof e=="string"?e.match(/^(\d*(\.\d+)?)px$/)?{unit:ye.Pixel,value:parseFloat(e)}:e.match(/^(\d*(\.\d+)?)%$/)?{unit:ye.Percent,value:parseFloat(e)}:(console.warn('scrollThreshold format is invalid. Valid formats: "120px", "50%"...'),yn):(console.warn("scrollThreshold should be string or number"),yn)}var Pc=function(e){mc(r,e);function r(t){var n=e.call(this,t)||this;return n.lastScrollTop=0,n.actionTriggered=!1,n.startY=0,n.currentY=0,n.dragging=!1,n.maxPullDownDistance=0,n.getScrollableTarget=function(){return n.props.scrollableTarget instanceof HTMLElement?n.props.scrollableTarget:typeof n.props.scrollableTarget=="string"?document.getElementById(n.props.scrollableTarget):(n.props.scrollableTarget===null&&console.warn(`You are trying to pass scrollableTarget but it is null. This might
81
+ ***************************************************************************** */var at=function(e,r){return at=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var a in n)n.hasOwnProperty(a)&&(t[a]=n[a])},at(e,r)};function mc(e,r){at(e,r);function t(){this.constructor=e}e.prototype=r===null?Object.create(r):(t.prototype=r.prototype,new t)}var Me=function(){return Me=Object.assign||function(r){for(var t,n=1,a=arguments.length;n<a;n++){t=arguments[n];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(r[i]=t[i])}return r},Me.apply(this,arguments)};function bc(e,r,t,n){var a,i=!1,o=0;function l(){a&&clearTimeout(a)}function s(){l(),i=!0}typeof r!="boolean"&&(n=t,t=r,r=void 0);function d(){var p=this,u=Date.now()-o,c=arguments;if(i)return;function f(){o=Date.now(),t.apply(p,c)}function v(){a=void 0}n&&!a&&f(),l(),n===void 0&&u>e?f():r!==!0&&(a=setTimeout(n?v:f,n===void 0?e-u:e))}return d.cancel=s,d}var ye={Pixel:"Pixel",Percent:"Percent"},yn={unit:ye.Percent,value:.8};function Dn(e){return typeof e=="number"?{unit:ye.Percent,value:e*100}:typeof e=="string"?e.match(/^(\d*(\.\d+)?)px$/)?{unit:ye.Pixel,value:parseFloat(e)}:e.match(/^(\d*(\.\d+)?)%$/)?{unit:ye.Percent,value:parseFloat(e)}:(console.warn('scrollThreshold format is invalid. Valid formats: "120px", "50%"...'),yn):(console.warn("scrollThreshold should be string or number"),yn)}var Ec=function(e){mc(r,e);function r(t){var n=e.call(this,t)||this;return n.lastScrollTop=0,n.actionTriggered=!1,n.startY=0,n.currentY=0,n.dragging=!1,n.maxPullDownDistance=0,n.getScrollableTarget=function(){return n.props.scrollableTarget instanceof HTMLElement?n.props.scrollableTarget:typeof n.props.scrollableTarget=="string"?document.getElementById(n.props.scrollableTarget):(n.props.scrollableTarget===null&&console.warn(`You are trying to pass scrollableTarget but it is null. This might
82
82
  happen because the element may not have been added to DOM yet.
83
83
  See https://github.com/ankeetmaini/react-infinite-scroll-component/issues/59 for more info.
84
84
  `),null)},n.onStart=function(a){n.lastScrollTop||(n.dragging=!0,a instanceof MouseEvent?n.startY=a.pageY:a instanceof TouchEvent&&(n.startY=a.touches[0].pageY),n.currentY=n.startY,n._infScroll&&(n._infScroll.style.willChange="transform",n._infScroll.style.transition="transform 0.2s cubic-bezier(0,0,0.31,1)"))},n.onMove=function(a){n.dragging&&(a instanceof MouseEvent?n.currentY=a.pageY:a instanceof TouchEvent&&(n.currentY=a.touches[0].pageY),!(n.currentY<n.startY)&&(n.currentY-n.startY>=Number(n.props.pullDownToRefreshThreshold)&&n.setState({pullToRefreshThresholdBreached:!0}),!(n.currentY-n.startY>n.maxPullDownDistance*1.5)&&n._infScroll&&(n._infScroll.style.overflow="visible",n._infScroll.style.transform="translate3d(0px, "+(n.currentY-n.startY)+"px, 0px)")))},n.onEnd=function(){n.startY=0,n.currentY=0,n.dragging=!1,n.state.pullToRefreshThresholdBreached&&(n.props.refreshFunction&&n.props.refreshFunction(),n.setState({pullToRefreshThresholdBreached:!1})),requestAnimationFrame(function(){n._infScroll&&(n._infScroll.style.overflow="auto",n._infScroll.style.transform="none",n._infScroll.style.willChange="unset")})},n.onScrollListener=function(a){typeof n.props.onScroll=="function"&&setTimeout(function(){return n.props.onScroll&&n.props.onScroll(a)},0);var i=n.props.height||n._scrollableNode?a.target:document.documentElement.scrollTop?document.documentElement:document.body;if(!n.actionTriggered){var o=n.props.inverse?n.isElementAtTop(i,n.props.scrollThreshold):n.isElementAtBottom(i,n.props.scrollThreshold);o&&n.props.hasMore&&(n.actionTriggered=!0,n.setState({showLoader:!0}),n.props.next&&n.props.next()),n.lastScrollTop=i.scrollTop}},n.state={showLoader:!1,pullToRefreshThresholdBreached:!1,prevDataLength:t.dataLength},n.throttledOnScrollListener=bc(150,n.onScrollListener).bind(n),n.onStart=n.onStart.bind(n),n.onMove=n.onMove.bind(n),n.onEnd=n.onEnd.bind(n),n}return r.prototype.componentDidMount=function(){if(typeof this.props.dataLength>"u")throw new Error('mandatory prop "dataLength" is missing. The prop is needed when loading more content. Check README.md for usage');if(this._scrollableNode=this.getScrollableTarget(),this.el=this.props.height?this._infScroll:this._scrollableNode||window,this.el&&this.el.addEventListener("scroll",this.throttledOnScrollListener),typeof this.props.initialScrollY=="number"&&this.el&&this.el instanceof HTMLElement&&this.el.scrollHeight>this.props.initialScrollY&&this.el.scrollTo(0,this.props.initialScrollY),this.props.pullDownToRefresh&&this.el&&(this.el.addEventListener("touchstart",this.onStart),this.el.addEventListener("touchmove",this.onMove),this.el.addEventListener("touchend",this.onEnd),this.el.addEventListener("mousedown",this.onStart),this.el.addEventListener("mousemove",this.onMove),this.el.addEventListener("mouseup",this.onEnd),this.maxPullDownDistance=this._pullDown&&this._pullDown.firstChild&&this._pullDown.firstChild.getBoundingClientRect().height||0,this.forceUpdate(),typeof this.props.refreshFunction!="function"))throw new Error(`Mandatory prop "refreshFunction" missing.
85
85
  Pull Down To Refresh functionality will not work
86
- as expected. Check README.md for usage'`)},r.prototype.componentWillUnmount=function(){this.el&&(this.el.removeEventListener("scroll",this.throttledOnScrollListener),this.props.pullDownToRefresh&&(this.el.removeEventListener("touchstart",this.onStart),this.el.removeEventListener("touchmove",this.onMove),this.el.removeEventListener("touchend",this.onEnd),this.el.removeEventListener("mousedown",this.onStart),this.el.removeEventListener("mousemove",this.onMove),this.el.removeEventListener("mouseup",this.onEnd)))},r.prototype.componentDidUpdate=function(t){this.props.dataLength!==t.dataLength&&(this.actionTriggered=!1,this.setState({showLoader:!1}))},r.getDerivedStateFromProps=function(t,n){var a=t.dataLength!==n.prevDataLength;return a?Me(Me({},n),{prevDataLength:t.dataLength}):null},r.prototype.isElementAtTop=function(t,n){n===void 0&&(n=.8);var a=t===document.body||t===document.documentElement?window.screen.availHeight:t.clientHeight,i=Dn(n);return i.unit===ye.Pixel?t.scrollTop<=i.value+a-t.scrollHeight+1:t.scrollTop<=i.value/100+a-t.scrollHeight+1},r.prototype.isElementAtBottom=function(t,n){n===void 0&&(n=.8);var a=t===document.body||t===document.documentElement?window.screen.availHeight:t.clientHeight,i=Dn(n);return i.unit===ye.Pixel?t.scrollTop+a>=t.scrollHeight-i.value:t.scrollTop+a>=i.value/100*t.scrollHeight},r.prototype.render=function(){var t=this,n=Me({height:this.props.height||"auto",overflow:"auto",WebkitOverflowScrolling:"touch"},this.props.style),a=this.props.hasChildren||!!(this.props.children&&this.props.children instanceof Array&&this.props.children.length),i=this.props.pullDownToRefresh&&this.props.height?{overflow:"auto"}:{};return T.createElement("div",{style:i,className:"infinite-scroll-component__outerdiv"},T.createElement("div",{className:"infinite-scroll-component "+(this.props.className||""),ref:function(o){return t._infScroll=o},style:n},this.props.pullDownToRefresh&&T.createElement("div",{style:{position:"relative"},ref:function(o){return t._pullDown=o}},T.createElement("div",{style:{position:"absolute",left:0,right:0,top:-1*this.maxPullDownDistance}},this.state.pullToRefreshThresholdBreached?this.props.releaseToRefreshContent:this.props.pullDownToRefreshContent)),this.props.children,!this.state.showLoader&&!a&&this.props.hasMore&&this.props.loader,this.state.showLoader&&this.props.hasMore&&this.props.loader,!this.props.hasMore&&this.props.endMessage))},r}(S.Component);export{gc as C,wc as D,Pc as I,Ec as P};
86
+ as expected. Check README.md for usage'`)},r.prototype.componentWillUnmount=function(){this.el&&(this.el.removeEventListener("scroll",this.throttledOnScrollListener),this.props.pullDownToRefresh&&(this.el.removeEventListener("touchstart",this.onStart),this.el.removeEventListener("touchmove",this.onMove),this.el.removeEventListener("touchend",this.onEnd),this.el.removeEventListener("mousedown",this.onStart),this.el.removeEventListener("mousemove",this.onMove),this.el.removeEventListener("mouseup",this.onEnd)))},r.prototype.componentDidUpdate=function(t){this.props.dataLength!==t.dataLength&&(this.actionTriggered=!1,this.setState({showLoader:!1}))},r.getDerivedStateFromProps=function(t,n){var a=t.dataLength!==n.prevDataLength;return a?Me(Me({},n),{prevDataLength:t.dataLength}):null},r.prototype.isElementAtTop=function(t,n){n===void 0&&(n=.8);var a=t===document.body||t===document.documentElement?window.screen.availHeight:t.clientHeight,i=Dn(n);return i.unit===ye.Pixel?t.scrollTop<=i.value+a-t.scrollHeight+1:t.scrollTop<=i.value/100+a-t.scrollHeight+1},r.prototype.isElementAtBottom=function(t,n){n===void 0&&(n=.8);var a=t===document.body||t===document.documentElement?window.screen.availHeight:t.clientHeight,i=Dn(n);return i.unit===ye.Pixel?t.scrollTop+a>=t.scrollHeight-i.value:t.scrollTop+a>=i.value/100*t.scrollHeight},r.prototype.render=function(){var t=this,n=Me({height:this.props.height||"auto",overflow:"auto",WebkitOverflowScrolling:"touch"},this.props.style),a=this.props.hasChildren||!!(this.props.children&&this.props.children instanceof Array&&this.props.children.length),i=this.props.pullDownToRefresh&&this.props.height?{overflow:"auto"}:{};return T.createElement("div",{style:i,className:"infinite-scroll-component__outerdiv"},T.createElement("div",{className:"infinite-scroll-component "+(this.props.className||""),ref:function(o){return t._infScroll=o},style:n},this.props.pullDownToRefresh&&T.createElement("div",{style:{position:"relative"},ref:function(o){return t._pullDown=o}},T.createElement("div",{style:{position:"absolute",left:0,right:0,top:-1*this.maxPullDownDistance}},this.state.pullToRefreshThresholdBreached?this.props.releaseToRefreshContent:this.props.pullDownToRefreshContent)),this.props.children,!this.state.showLoader&&!a&&this.props.hasMore&&this.props.loader,this.state.showLoader&&this.props.hasMore&&this.props.loader,!this.props.hasMore&&this.props.endMessage))},r}(S.Component);export{gc as C,Cc as D,Ec as I,wc as P};
@@ -0,0 +1 @@
1
+ function n(){return n=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(t[o]=r[o])}return t},n.apply(this,arguments)}const a=Object.freeze(Object.defineProperty({__proto__:null,default:n},Symbol.toStringTag,{value:"Module"}));function p(t,e){return p=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(o,c){return o.__proto__=c,o},p(t,e)}function f(t,e){t.prototype=Object.create(e.prototype),t.prototype.constructor=t,p(t,e)}export{f as _,n as a,a as b,p as c};
@@ -1 +1 @@
1
- import{j as r}from"./jsx-runtime-f961835c.js";import{r as d}from"./index-f80c8c95.js";import{c as H}from"./index-a80ed1cf.js";import{D as F}from"./disabled-context-d654f6ff.js";import{i as l}from"./types-332ceaf3.js";import{T as R}from"./tooltip-856042a7.js";const S="_inputInTable_jnwnh_1",L="_inputHover_jnwnh_13",M="_inputFocus_jnwnh_18",P="_inputError_jnwnh_25",W="_inputWarning_jnwnh_26",D="_inputDisabled_jnwnh_61",J="_hideScrollbars_jnwnh_67",K="_input_jnwnh_1",X="_isInTable_jnwnh_100",$="_small_jnwnh_124",z="_error_jnwnh_130",B="_warning_jnwnh_147",k="_right_jnwnh_170",A="_groupOrderFirst_jnwnh_173",G="_groupOrderMiddle_jnwnh_174",Q="_groupOrderLast_jnwnh_175",n={inputInTable:S,inputHover:L,inputFocus:M,inputError:P,inputWarning:W,inputDisabled:D,hideScrollbars:J,input:K,isInTable:X,small:$,error:z,warning:B,right:k,groupOrderFirst:A,groupOrderMiddle:G,groupOrderLast:Q},p=e=>`calc((${e} * 0.675em) + (2 * var(--padding-input-x)))`,c=d.forwardRef(({error:e=null,tooltip:a=null,isInTable:i,width:m=void 0,small:f=!1,onChange:_=()=>{},placeholder:g="",value:h="",onKeyPress:b=()=>{},onFocus:y=()=>{},onBlur:v=()=>{},onPaste:w=()=>{},name:I=void 0,type:q="text",tabIndex:V=0,disabled:j=!1,right:x=!1,warning:t=null,groupOrder:u=null,maxTooltipWidth:E=void 0,testId:T=void 0,size:s=null},O)=>{const N=d.useContext(F),C=(()=>{if(u)switch(u){case"first":return n.groupOrderFirst;case"last":return n.groupOrderLast;default:return n.groupOrderMiddle}return""})(),o=m||(s?"auto":"100%");return r.jsx("div",{style:{width:o},className:C,children:r.jsx(R,{error:!!e,warning:!!t,text:a||e||t,enabled:a&&l(a)||e&&l(e)||t&&l(t)||!1,maxWidth:E,display:"block",placement:"bottom-center",children:r.jsx("input",{ref:O,type:q||"text",size:s||20,placeholder:g??"",value:h??"",onChange:_,onKeyPress:b,onFocus:y,onBlur:v,onPaste:w,name:I,tabIndex:V,autoComplete:"off",disabled:j||N,className:H(n.input,e?n.error:t?n.warning:"",x?n.right:"",f?n.small:"",i?n.isInTable:""),style:{width:o},"data-testid":T})})})});try{p.displayName="widthOfCharacters",p.__docgenInfo={description:"",displayName:"widthOfCharacters",props:{}}}catch{}try{c.displayName="Input",c.__docgenInfo={description:"",displayName:"Input",props:{error:{defaultValue:{value:"null"},description:"",name:"error",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},warning:{defaultValue:{value:"null"},description:"",name:"warning",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},tooltip:{defaultValue:{value:"null"},description:"",name:"tooltip",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},name:{defaultValue:{value:"undefined"},description:"",name:"name",required:!1,type:{name:"string"}},type:{defaultValue:{value:"text"},description:"",name:"type",required:!1,type:{name:"string"}},onChange:{defaultValue:{value:"() => {}"},description:"",name:"onChange",required:!1,type:{name:"ChangeEventHandler<HTMLInputElement>"}},onKeyPress:{defaultValue:{value:"() => {}"},description:"",name:"onKeyPress",required:!1,type:{name:"KeyboardEventHandler<HTMLInputElement>"}},onFocus:{defaultValue:{value:"() => {}"},description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler<HTMLInputElement>"}},onBlur:{defaultValue:{value:"() => {}"},description:"",name:"onBlur",required:!1,type:{name:"FocusEventHandler<HTMLInputElement>"}},onPaste:{defaultValue:{value:"() => {}"},description:"",name:"onPaste",required:!1,type:{name:"ClipboardEventHandler<HTMLInputElement>"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},placeholder:{defaultValue:{value:""},description:"",name:"placeholder",required:!1,type:{name:"string | null"}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},value:{defaultValue:{value:""},description:"",name:"value",required:!1,type:{name:"TStringNumberNull"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},right:{defaultValue:{value:"false"},description:"",name:"right",required:!1,type:{name:"boolean"}},groupOrder:{defaultValue:{value:"null"},description:"",name:"groupOrder",required:!1,type:{name:"string"}},maxTooltipWidth:{defaultValue:{value:"undefined"},description:"",name:"maxTooltipWidth",required:!1,type:{name:"TStringOrNumber"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},testId:{defaultValue:{value:"undefined"},description:"",name:"testId",required:!1,type:{name:"string"}},size:{defaultValue:{value:"null"},description:"",name:"size",required:!1,type:{name:"number"}},isInTable:{defaultValue:null,description:"",name:"isInTable",required:!1,type:{name:"boolean"}}}}}catch{}export{c as I};
1
+ import{j as r}from"./jsx-runtime-f961835c.js";import{r as d}from"./index-f80c8c95.js";import{c as H}from"./index-a80ed1cf.js";import{D as F}from"./disabled-context-d654f6ff.js";import{i as l}from"./types-332ceaf3.js";import{T as R}from"./tooltip-23e84186.js";const S="_inputInTable_jnwnh_1",L="_inputHover_jnwnh_13",M="_inputFocus_jnwnh_18",P="_inputError_jnwnh_25",W="_inputWarning_jnwnh_26",D="_inputDisabled_jnwnh_61",J="_hideScrollbars_jnwnh_67",K="_input_jnwnh_1",X="_isInTable_jnwnh_100",$="_small_jnwnh_124",z="_error_jnwnh_130",B="_warning_jnwnh_147",k="_right_jnwnh_170",A="_groupOrderFirst_jnwnh_173",G="_groupOrderMiddle_jnwnh_174",Q="_groupOrderLast_jnwnh_175",n={inputInTable:S,inputHover:L,inputFocus:M,inputError:P,inputWarning:W,inputDisabled:D,hideScrollbars:J,input:K,isInTable:X,small:$,error:z,warning:B,right:k,groupOrderFirst:A,groupOrderMiddle:G,groupOrderLast:Q},p=e=>`calc((${e} * 0.675em) + (2 * var(--padding-input-x)))`,c=d.forwardRef(({error:e=null,tooltip:a=null,isInTable:i,width:m=void 0,small:f=!1,onChange:_=()=>{},placeholder:g="",value:h="",onKeyPress:b=()=>{},onFocus:y=()=>{},onBlur:v=()=>{},onPaste:w=()=>{},name:I=void 0,type:q="text",tabIndex:V=0,disabled:j=!1,right:x=!1,warning:t=null,groupOrder:u=null,maxTooltipWidth:E=void 0,testId:T=void 0,size:s=null},O)=>{const N=d.useContext(F),C=(()=>{if(u)switch(u){case"first":return n.groupOrderFirst;case"last":return n.groupOrderLast;default:return n.groupOrderMiddle}return""})(),o=m||(s?"auto":"100%");return r.jsx("div",{style:{width:o},className:C,children:r.jsx(R,{error:!!e,warning:!!t,text:a||e||t,enabled:a&&l(a)||e&&l(e)||t&&l(t)||!1,maxWidth:E,display:"block",placement:"bottom-center",children:r.jsx("input",{ref:O,type:q||"text",size:s||20,placeholder:g??"",value:h??"",onChange:_,onKeyPress:b,onFocus:y,onBlur:v,onPaste:w,name:I,tabIndex:V,autoComplete:"off",disabled:j||N,className:H(n.input,e?n.error:t?n.warning:"",x?n.right:"",f?n.small:"",i?n.isInTable:""),style:{width:o},"data-testid":T})})})});try{p.displayName="widthOfCharacters",p.__docgenInfo={description:"",displayName:"widthOfCharacters",props:{}}}catch{}try{c.displayName="Input",c.__docgenInfo={description:"",displayName:"Input",props:{error:{defaultValue:{value:"null"},description:"",name:"error",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},warning:{defaultValue:{value:"null"},description:"",name:"warning",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},tooltip:{defaultValue:{value:"null"},description:"",name:"tooltip",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},name:{defaultValue:{value:"undefined"},description:"",name:"name",required:!1,type:{name:"string"}},type:{defaultValue:{value:"text"},description:"",name:"type",required:!1,type:{name:"string"}},onChange:{defaultValue:{value:"() => {}"},description:"",name:"onChange",required:!1,type:{name:"ChangeEventHandler<HTMLInputElement>"}},onKeyPress:{defaultValue:{value:"() => {}"},description:"",name:"onKeyPress",required:!1,type:{name:"KeyboardEventHandler<HTMLInputElement>"}},onFocus:{defaultValue:{value:"() => {}"},description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler<HTMLInputElement>"}},onBlur:{defaultValue:{value:"() => {}"},description:"",name:"onBlur",required:!1,type:{name:"FocusEventHandler<HTMLInputElement>"}},onPaste:{defaultValue:{value:"() => {}"},description:"",name:"onPaste",required:!1,type:{name:"ClipboardEventHandler<HTMLInputElement>"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},placeholder:{defaultValue:{value:""},description:"",name:"placeholder",required:!1,type:{name:"string | null"}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},value:{defaultValue:{value:""},description:"",name:"value",required:!1,type:{name:"TStringNumberNull"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},right:{defaultValue:{value:"false"},description:"",name:"right",required:!1,type:{name:"boolean"}},groupOrder:{defaultValue:{value:"null"},description:"",name:"groupOrder",required:!1,type:{name:"string"}},maxTooltipWidth:{defaultValue:{value:"undefined"},description:"",name:"maxTooltipWidth",required:!1,type:{name:"TStringOrNumber"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},testId:{defaultValue:{value:"undefined"},description:"",name:"testId",required:!1,type:{name:"string"}},size:{defaultValue:{value:"null"},description:"",name:"size",required:!1,type:{name:"number"}},isInTable:{defaultValue:null,description:"",name:"isInTable",required:!1,type:{name:"boolean"}}}}}catch{}export{c as I};
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-f961835c.js";import{T as x}from"./common-types-2c81813f.js";import{I as t}from"./input-group-20c3add3.js";import{I as h}from"./input-group-addon-f8f6683a.js";import{I as M}from"./input-05f21b51.js";import{B as C}from"./button-050c998a.js";import{M as f}from"./actions-83a2a04e.js";import{S as I}from"./select-1a8fd9be.js";import{T as P}from"./tooltip-856042a7.js";import{M as o}from"./types-cc224262.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./spinner-a81ebe38.js";import"./icon-8acf9925.js";import"./inheritsLoose-c82a83d4.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./badge-20e7ee0b.js";import"./extends-98964cd2.js";import"./assertThisInitialized-081f9914.js";import"./memoize-one.esm-52518564.js";import"./text-ad1f5f1d.js";import"./select.input-88b6ebab.js";import"./index-3d476d02.js";const ae={title:"Forms/InputGroup",component:t,args:{}},s=i=>e.jsxs(t,{...i,children:[e.jsx(h,{children:"$"}),e.jsx(M,{width:"100%",name:"example",value:"123",onChange:()=>{}}),e.jsx(I,{options:[{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"},{label:"Possums",value:"slugs"}],onChange:()=>{},value:{label:"Monkeys",value:"bananas"},width:"auto",native:!0}),e.jsx(f,{menu:{label:"E-06/degC",trigger:x.DROP_DOWN_BUTTON,small:i.small,sections:[{type:o.OPTION,label:"403.5433",description:"ft",inline:!0,onClick:()=>{}},{type:o.OPTION,label:"0.123",description:"km",inline:!0,onClick:()=>{}},{type:o.OPTION,label:"4842.4608",description:"in",inline:!0,onClick:()=>{}}]}}),e.jsx(C,{name:"example",label:"Confirm",colored:!0,onClick:()=>{}})]}),n=s.bind({}),a=s.bind({});a.args={width:"480px"};const l=s.bind({});l.args={small:!0};const r=()=>e.jsxs(t,{children:[e.jsx(I,{options:[{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"},{label:"Possums",value:"slugs"}],onChange:()=>{},value:{label:"Monkeys",value:"bananas"}}),e.jsx(P,{text:"This is a tooltip",children:e.jsx(C,{name:"example",label:"Confirm",colored:!0,onClick:()=>{},groupOrder:"last"})})]});var u,p,m;n.parameters={...n.parameters,docs:{...(u=n.parameters)==null?void 0:u.docs,source:{originalSource:`args => {
1
+ import{j as e}from"./jsx-runtime-f961835c.js";import{T as x}from"./common-types-2c81813f.js";import{I as s}from"./input-group-20c3add3.js";import{I as h}from"./input-group-addon-f8f6683a.js";import{I as M}from"./input-d68625a5.js";import{B as C}from"./button-74c97e4a.js";import{M as f}from"./actions-2d4e1c8e.js";import{S as I}from"./select-205cd538.js";import{T as P}from"./tooltip-23e84186.js";import{M as o}from"./types-cc224262.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./spinner-a81ebe38.js";import"./icon-e9cbb4d7.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./badge-20e7ee0b.js";import"./assertThisInitialized-081f9914.js";import"./memoize-one.esm-52518564.js";import"./text-ad1f5f1d.js";import"./select.input-88b6ebab.js";import"./index-3d476d02.js";const ee={title:"Forms/InputGroup",component:s,args:{}},t=i=>e.jsxs(s,{...i,children:[e.jsx(h,{children:"$"}),e.jsx(M,{width:"100%",name:"example",value:"123",onChange:()=>{}}),e.jsx(I,{options:[{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"},{label:"Possums",value:"slugs"}],onChange:()=>{},value:{label:"Monkeys",value:"bananas"},width:"auto",native:!0}),e.jsx(f,{menu:{label:"E-06/degC",trigger:x.DROP_DOWN_BUTTON,small:i.small,sections:[{type:o.OPTION,label:"403.5433",description:"ft",inline:!0,onClick:()=>{}},{type:o.OPTION,label:"0.123",description:"km",inline:!0,onClick:()=>{}},{type:o.OPTION,label:"4842.4608",description:"in",inline:!0,onClick:()=>{}}]}}),e.jsx(C,{name:"example",label:"Confirm",colored:!0,onClick:()=>{}})]}),n=t.bind({}),a=t.bind({});a.args={width:"480px"};const l=t.bind({});l.args={small:!0};const r=()=>e.jsxs(s,{children:[e.jsx(I,{options:[{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"},{label:"Possums",value:"slugs"}],onChange:()=>{},value:{label:"Monkeys",value:"bananas"}}),e.jsx(P,{text:"This is a tooltip",children:e.jsx(C,{name:"example",label:"Confirm",colored:!0,onClick:()=>{},groupOrder:"last"})})]});var u,p,m;n.parameters={...n.parameters,docs:{...(u=n.parameters)==null?void 0:u.docs,source:{originalSource:`args => {
2
2
  return <InputGroup
3
3
  // eslint-disable-next-line react/jsx-props-no-spreading
4
4
  {...args}>
@@ -164,4 +164,4 @@ import{j as e}from"./jsx-runtime-f961835c.js";import{T as x}from"./common-types-
164
164
  <Button name="example" label="Confirm" colored onClick={() => {}} groupOrder="last" />
165
165
  </Tooltip>
166
166
  </InputGroup>;
167
- }`,...(y=(O=r.parameters)==null?void 0:O.docs)==null?void 0:y.source}}};const le=["Default","FixedWidth","Small","SelectWithButton"];export{n as Default,a as FixedWidth,r as SelectWithButton,l as Small,le as __namedExportsOrder,ae as default};
167
+ }`,...(y=(O=r.parameters)==null?void 0:O.docs)==null?void 0:y.source}}};const ae=["Default","FixedWidth","Small","SelectWithButton"];export{n as Default,a as FixedWidth,r as SelectWithButton,l as Small,ae as __namedExportsOrder,ee as default};
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-f961835c.js";import{M as s,C as n}from"./index-321d8456.js";import{NonExistentValue as a,Error as l}from"./select.stories-f81a3e79.js";import{u as r}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-c82204d3.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./extends-98964cd2.js";import"./assertThisInitialized-081f9914.js";import"./inheritsLoose-c82a83d4.js";import"./index-cf68f115.js";import"./select-1a8fd9be.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./tooltip-856042a7.js";import"./index-c89a1915.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./text-ad1f5f1d.js";import"./actions-83a2a04e.js";import"./button-050c998a.js";import"./spinner-a81ebe38.js";import"./icon-8acf9925.js";import"./tslib.es6-dfef685f.js";import"./badge-20e7ee0b.js";import"./select.input-88b6ebab.js";import"./spacer-54db0620.js";function o(t){const i=Object.assign({h1:"h1",h2:"h2",h3:"h3",p:"p",code:"code",strong:"strong"},r(),t.components);return e.jsxs(e.Fragment,{children:[e.jsx(s,{title:"Input Validation"}),`
1
+ import{j as e}from"./jsx-runtime-f961835c.js";import{M as s,C as n}from"./index-24b2d8c6.js";import{NonExistentValue as a,Error as l}from"./select.stories-60f055e6.js";import{u as r}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-4241ee87.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-cf68f115.js";import"./select-205cd538.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-c89a1915.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./text-ad1f5f1d.js";import"./actions-2d4e1c8e.js";import"./button-74c97e4a.js";import"./spinner-a81ebe38.js";import"./icon-e9cbb4d7.js";import"./tslib.es6-dfef685f.js";import"./badge-20e7ee0b.js";import"./select.input-88b6ebab.js";import"./spacer-54db0620.js";function o(t){const i=Object.assign({h1:"h1",h2:"h2",h3:"h3",p:"p",code:"code",strong:"strong"},r(),t.components);return e.jsxs(e.Fragment,{children:[e.jsx(s,{title:"Input Validation"}),`
2
2
  `,e.jsx(i.h1,{id:"input-validation",children:"Input Validation"}),`
3
3
  `,e.jsx(i.h2,{id:"select",children:"Select"}),`
4
4
  `,e.jsx(i.h3,{id:"invalid-states",children:"Invalid states"}),`
@@ -23,4 +23,4 @@ application layer.`}),`
23
23
  `,e.jsxs(i.p,{children:[`For a 'hard invalid' state (where the value is unusable, but required), it is recommended for the business logic to not
24
24
  set a value (use `,e.jsx(i.code,{children:"null"})," or ",e.jsx(i.code,{children:"undefined"}),"), and to set the ",e.jsx(i.code,{children:"error"}),` prop with an appropriate message
25
25
  (e.g. "Value is required").`]}),`
26
- `,e.jsx(n,{of:l})]})}function L(t={}){const{wrapper:i}=Object.assign({},r(),t.components);return i?e.jsx(i,Object.assign({},t,{children:e.jsx(o,t)})):o(t)}export{L as default};
26
+ `,e.jsx(n,{of:l})]})}function H(t={}){const{wrapper:i}=Object.assign({},r(),t.components);return i?e.jsx(i,Object.assign({},t,{children:e.jsx(o,t)})):o(t)}export{H as default};
@@ -1,4 +1,4 @@
1
- import{j as b}from"./jsx-runtime-f961835c.js";import{I}from"./input-05f21b51.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./tooltip-856042a7.js";import"./index-3d476d02.js";const{useArgs:L}=__STORYBOOK_MODULE_ADDONS__,F={title:"Forms/Input",component:I,args:{disabled:!1,small:!1,placeholder:"Placeholder"}},t=S=>{const[M,f]=L(),D=T=>{f({value:T.target.value})};return b.jsx(I,{...S,onChange:D})},s=t.bind({}),e=t.bind({});e.args={small:!0};const n=t.bind({});n.args={error:"Error goes here"};const r=t.bind({});r.args={warning:"Warning goes here"};const a=t.bind({});a.args={type:"date",value:"2020-01-01"};var o,g,u;s.parameters={...s.parameters,docs:{...(o=s.parameters)==null?void 0:o.docs,source:{originalSource:`args => {
1
+ import{j as b}from"./jsx-runtime-f961835c.js";import{I}from"./input-d68625a5.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";const{useArgs:L}=__STORYBOOK_MODULE_ADDONS__,F={title:"Forms/Input",component:I,args:{disabled:!1,small:!1,placeholder:"Placeholder"}},t=S=>{const[M,f]=L(),D=T=>{f({value:T.target.value})};return b.jsx(I,{...S,onChange:D})},s=t.bind({}),e=t.bind({});e.args={small:!0};const n=t.bind({});n.args={error:"Error goes here"};const r=t.bind({});r.args={warning:"Warning goes here"};const a=t.bind({});a.args={type:"date",value:"2020-01-01"};var o,g,u;s.parameters={...s.parameters,docs:{...(o=s.parameters)==null?void 0:o.docs,source:{originalSource:`args => {
2
2
  const [_, updateArgs] = useArgs();
3
3
  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
4
4
  updateArgs({
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-f961835c.js";import{M as r,C as n}from"./index-321d8456.js";import{Default as l}from"./button.stories-5f73ddef.js";import{Default as a}from"./check-box.stories-9bf1c260.js";import{Default as c}from"./file-input.stories-a7e96582.js";import{Default as d,Date as p}from"./input.stories-bf58ba7c.js";import{Default as h}from"./number-input.stories-cc2fcc11.js";import{Default as u}from"./option-dropdown.stories-4c391727.js";import{Default as m}from"./radio-button.stories-6ff0dc9b.js";import{Native as f,Default as x}from"./select.stories-f81a3e79.js";import{Default as j}from"./slider.stories-a55df653.js";import{Default as b}from"./textarea.stories-3902f4aa.js";import{Default as g}from"./toggle.stories-a289f544.js";import{u as s}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-c82204d3.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./extends-98964cd2.js";import"./assertThisInitialized-081f9914.js";import"./inheritsLoose-c82a83d4.js";import"./index-cf68f115.js";import"./flex-1d14d86c.js";import"./button-050c998a.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./spinner-a81ebe38.js";import"./icon-8acf9925.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./tooltip-856042a7.js";import"./check-box-b38490e5.js";import"./help-icon-c0abd380.js";import"./input-group-20c3add3.js";import"./input-05f21b51.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./spacer-54db0620.js";import"./message-0b5ae3c5.js";import"./textarea-598f9fff.js";import"./number-input-7cb3ea4d.js";import"./index-54f0d271.js";import"./input-group-addon-f8f6683a.js";import"./select-1a8fd9be.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./text-ad1f5f1d.js";import"./actions-83a2a04e.js";import"./badge-20e7ee0b.js";import"./select.input-88b6ebab.js";import"./divider-182aa58c.js";import"./radio-button-d69b72e4.js";import"./slider-5d5442fe.js";import"./objectSpread2-fdee9b6d.js";import"./index-c7f280f6.js";import"./toggle-6f4d5797.js";function i(o){const t=Object.assign({h1:"h1",p:"p",h2:"h2",strong:"strong",ul:"ul",li:"li",code:"code",h3:"h3",a:"a"},s(),o.components);return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Inputs"}),`
1
+ import{j as e}from"./jsx-runtime-f961835c.js";import{M as r,C as n}from"./index-24b2d8c6.js";import{Default as l}from"./button.stories-9b954335.js";import{Default as a}from"./check-box.stories-5f7d06e0.js";import{Default as c}from"./file-input.stories-1c6ce0ea.js";import{Default as d,Date as p}from"./input.stories-164d93ab.js";import{Default as h}from"./number-input.stories-02528124.js";import{Default as u}from"./option-dropdown.stories-5030bdb8.js";import{Default as m}from"./radio-button.stories-0e8377ea.js";import{Native as f,Default as x}from"./select.stories-60f055e6.js";import{Default as j}from"./slider.stories-79ab0e97.js";import{Default as b}from"./textarea.stories-89c8afd7.js";import{Default as g}from"./toggle.stories-b771ed81.js";import{u as s}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-4241ee87.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-cf68f115.js";import"./flex-1d14d86c.js";import"./button-74c97e4a.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./spinner-a81ebe38.js";import"./icon-e9cbb4d7.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./tooltip-23e84186.js";import"./check-box-e21258d5.js";import"./help-icon-d4189b1b.js";import"./input-group-20c3add3.js";import"./input-d68625a5.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./spacer-54db0620.js";import"./message-7e627e60.js";import"./textarea-d48efea2.js";import"./number-input-7d49b0b3.js";import"./index-57d7693e.js";import"./index-54f0d271.js";import"./input-group-addon-f8f6683a.js";import"./select-205cd538.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./text-ad1f5f1d.js";import"./actions-2d4e1c8e.js";import"./badge-20e7ee0b.js";import"./select.input-88b6ebab.js";import"./divider-182aa58c.js";import"./radio-button-135a9615.js";import"./slider-160e2152.js";import"./objectSpread2-fdee9b6d.js";import"./index-c7f280f6.js";import"./toggle-bb34b2a2.js";function i(o){const t=Object.assign({h1:"h1",p:"p",h2:"h2",strong:"strong",ul:"ul",li:"li",code:"code",h3:"h3",a:"a"},s(),o.components);return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Inputs"}),`
2
2
  `,e.jsx(t.h1,{id:"inputs",children:"Inputs"}),`
3
3
  `,e.jsx(t.p,{children:"React UI Library provides a comprehensive set of user input components."}),`
4
4
  `,e.jsx(t.h2,{id:"button",children:"Button"}),`
@@ -1,4 +1,4 @@
1
- import{j as t}from"./jsx-runtime-f961835c.js";import{c as m}from"./index-a80ed1cf.js";import{I as a}from"./common-types-2c81813f.js";import{H as n}from"./help-icon-c0abd380.js";const b="_label_18pfe_1",v="_labelLeft_18pfe_5",x="_icons_18pfe_13",i={label:b,labelLeft:v,icons:x},u=({label:s=null,width:c="auto",helpText:o="",helpTextMaxWidth:p="300px",onClickHelp:r=void 0,lock:e={visible:!1,active:!1,onClick:()=>{},tooltip:"",testId:void 0},info:d,libraryIcon:l,labelLeft:f=!1})=>t.jsx("div",{className:m(i.label,f?i.labelLeft:""),children:t.jsxs("label",{style:{width:c||""},children:[s,t.jsxs("div",{className:i.icons,children:[(o||r)&&t.jsx(n,{text:o,onClick:r,maxWidth:p}),d&&t.jsx(n,{text:d,icon:a.INFO}),e&&e.visible&&e.onClick&&t.jsx(n,{onClick:e.onClick,icon:e.active?a.LOCK:a.UNLOCK,active:e.active,testId:e.testId}),l&&t.jsx(n,{text:(l==null?void 0:l.tooltip)??"",onClick:l.onClick,icon:a.LIBRARY})]})]})});try{u.displayName="Label",u.__docgenInfo={description:"",displayName:"Label",props:{label:{defaultValue:{value:"null"},description:"",name:"label",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},helpText:{defaultValue:{value:""},description:"",name:"helpText",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},helpTextMaxWidth:{defaultValue:{value:"300px"},description:"",name:"helpTextMaxWidth",required:!1,type:{name:"TStringOrNumber"}},width:{defaultValue:{value:"auto"},description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},info:{defaultValue:null,description:"",name:"info",required:!1,type:{name:"string"}},onClickHelp:{defaultValue:{value:"undefined"},description:"",name:"onClickHelp",required:!1,type:{name:"((event?: MouseEvent<HTMLDivElement, MouseEvent>) => void)"}},lock:{defaultValue:{value:`{
1
+ import{j as t}from"./jsx-runtime-f961835c.js";import{c as m}from"./index-a80ed1cf.js";import{I as a}from"./common-types-2c81813f.js";import{H as n}from"./help-icon-d4189b1b.js";const b="_label_18pfe_1",v="_labelLeft_18pfe_5",x="_icons_18pfe_13",i={label:b,labelLeft:v,icons:x},u=({label:s=null,width:c="auto",helpText:o="",helpTextMaxWidth:p="300px",onClickHelp:r=void 0,lock:e={visible:!1,active:!1,onClick:()=>{},tooltip:"",testId:void 0},info:d,libraryIcon:l,labelLeft:f=!1})=>t.jsx("div",{className:m(i.label,f?i.labelLeft:""),children:t.jsxs("label",{style:{width:c||""},children:[s,t.jsxs("div",{className:i.icons,children:[(o||r)&&t.jsx(n,{text:o,onClick:r,maxWidth:p}),d&&t.jsx(n,{text:d,icon:a.INFO}),e&&e.visible&&e.onClick&&t.jsx(n,{onClick:e.onClick,icon:e.active?a.LOCK:a.UNLOCK,active:e.active,testId:e.testId}),l&&t.jsx(n,{text:(l==null?void 0:l.tooltip)??"",onClick:l.onClick,icon:a.LIBRARY})]})]})});try{u.displayName="Label",u.__docgenInfo={description:"",displayName:"Label",props:{label:{defaultValue:{value:"null"},description:"",name:"label",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},helpText:{defaultValue:{value:""},description:"",name:"helpText",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},helpTextMaxWidth:{defaultValue:{value:"300px"},description:"",name:"helpTextMaxWidth",required:!1,type:{name:"TStringOrNumber"}},width:{defaultValue:{value:"auto"},description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},info:{defaultValue:null,description:"",name:"info",required:!1,type:{name:"string"}},onClickHelp:{defaultValue:{value:"undefined"},description:"",name:"onClickHelp",required:!1,type:{name:"((event?: MouseEvent<HTMLDivElement, MouseEvent>) => void)"}},lock:{defaultValue:{value:`{
2
2
  visible: false,
3
3
  active: false,
4
4
  onClick: () => {},
@@ -1,4 +1,4 @@
1
- import{j}from"./jsx-runtime-f961835c.js";import{r as E}from"./index-f80c8c95.js";import{L as p}from"./label-e6d15b59.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./help-icon-c0abd380.js";import"./tooltip-856042a7.js";import"./index-3d476d02.js";import"./icon-8acf9925.js";import"./inheritsLoose-c82a83d4.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";const J={title:"Forms/Label",component:p,args:{label:"Label"}},t=e=>j.jsx(p,{...e}),c=t.bind({}),o=t.bind({});o.args={helpText:"Tooltip goes here"};const r=t.bind({});r.args={onClickHelp:()=>{}};const s=t.bind({});s.args={info:"Info goes here"};const l=()=>{const[e,v]=E.useState(!1),y=()=>v(!e);return j.jsx(p,{label:"Label",lock:{visible:!0,active:e,onClick:y,tooltip:e?"Unlock":"Lock",testId:"testId"}})},a=t.bind({});a.args={libraryIcon:{onClick:()=>{},tooltip:"View in library"}};var i,n,m;c.parameters={...c.parameters,docs:{...(i=c.parameters)==null?void 0:i.docs,source:{originalSource:"(args: ILabelProps) => <Label {...args} />",...(m=(n=c.parameters)==null?void 0:n.docs)==null?void 0:m.source}}};var d,b,g;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:"(args: ILabelProps) => <Label {...args} />",...(g=(b=o.parameters)==null?void 0:b.docs)==null?void 0:g.source}}};var L,u,k;r.parameters={...r.parameters,docs:{...(L=r.parameters)==null?void 0:L.docs,source:{originalSource:"(args: ILabelProps) => <Label {...args} />",...(k=(u=r.parameters)==null?void 0:u.docs)==null?void 0:k.source}}};var I,f,x;s.parameters={...s.parameters,docs:{...(I=s.parameters)==null?void 0:I.docs,source:{originalSource:"(args: ILabelProps) => <Label {...args} />",...(x=(f=s.parameters)==null?void 0:f.docs)==null?void 0:x.source}}};var S,T,h;l.parameters={...l.parameters,docs:{...(S=l.parameters)==null?void 0:S.docs,source:{originalSource:`() => {
1
+ import{j}from"./jsx-runtime-f961835c.js";import{r as E}from"./index-f80c8c95.js";import{L as p}from"./label-13d490a3.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./help-icon-d4189b1b.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./icon-e9cbb4d7.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";const J={title:"Forms/Label",component:p,args:{label:"Label"}},t=e=>j.jsx(p,{...e}),c=t.bind({}),o=t.bind({});o.args={helpText:"Tooltip goes here"};const r=t.bind({});r.args={onClickHelp:()=>{}};const s=t.bind({});s.args={info:"Info goes here"};const l=()=>{const[e,v]=E.useState(!1),y=()=>v(!e);return j.jsx(p,{label:"Label",lock:{visible:!0,active:e,onClick:y,tooltip:e?"Unlock":"Lock",testId:"testId"}})},a=t.bind({});a.args={libraryIcon:{onClick:()=>{},tooltip:"View in library"}};var i,n,m;c.parameters={...c.parameters,docs:{...(i=c.parameters)==null?void 0:i.docs,source:{originalSource:"(args: ILabelProps) => <Label {...args} />",...(m=(n=c.parameters)==null?void 0:n.docs)==null?void 0:m.source}}};var d,b,g;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:"(args: ILabelProps) => <Label {...args} />",...(g=(b=o.parameters)==null?void 0:b.docs)==null?void 0:g.source}}};var L,u,k;r.parameters={...r.parameters,docs:{...(L=r.parameters)==null?void 0:L.docs,source:{originalSource:"(args: ILabelProps) => <Label {...args} />",...(k=(u=r.parameters)==null?void 0:u.docs)==null?void 0:k.source}}};var I,f,x;s.parameters={...s.parameters,docs:{...(I=s.parameters)==null?void 0:I.docs,source:{originalSource:"(args: ILabelProps) => <Label {...args} />",...(x=(f=s.parameters)==null?void 0:f.docs)==null?void 0:x.source}}};var S,T,h;l.parameters={...l.parameters,docs:{...(S=l.parameters)==null?void 0:S.docs,source:{originalSource:`() => {
2
2
  const [locked, setLocked] = useState(false);
3
3
  const handleToggleLock = () => setLocked(!locked);
4
4
  return <Label label="Label" lock={{
@@ -0,0 +1,16 @@
1
+ import{j as t}from"./jsx-runtime-f961835c.js";import{M as s,C as o}from"./index-24b2d8c6.js";import{Default as l,LabelOnLeft as p}from"./field.stories-f1318053.js";import{Default as m,LabelsOnLeft as a,Row as h}from"./form.stories-45c0cd59.js";import{u as n}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-4241ee87.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-cf68f115.js";import"./field-a094cd72.js";import"./index-a80ed1cf.js";import"./label-13d490a3.js";import"./common-types-2c81813f.js";import"./help-icon-d4189b1b.js";import"./tooltip-23e84186.js";import"./icon-e9cbb4d7.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./input-d68625a5.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./text-ad1f5f1d.js";import"./select-205cd538.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./actions-2d4e1c8e.js";import"./button-74c97e4a.js";import"./spinner-a81ebe38.js";import"./badge-20e7ee0b.js";import"./select.input-88b6ebab.js";import"./check-box-e21258d5.js";import"./button-group-fa895d0c.js";import"./toggle-bb34b2a2.js";import"./input-group-20c3add3.js";import"./input-group-addon-f8f6683a.js";import"./slider-160e2152.js";import"./objectSpread2-fdee9b6d.js";import"./index-c7f280f6.js";import"./textarea-d48efea2.js";import"./radio-button-135a9615.js";import"./form-row-19dd7f6e.js";function r(i){const e=Object.assign({h1:"h1",h2:"h2",p:"p",code:"code"},n(),i.components);return t.jsxs(t.Fragment,{children:[t.jsx(s,{title:"Layout (Forms)"}),`
2
+ `,t.jsx(e.h1,{id:"layout-forms",children:"Layout (Forms)"}),`
3
+ `,t.jsx(e.h2,{id:"field",children:"Field"}),`
4
+ `,t.jsxs(e.p,{children:["This is a wrapper for any form element with default bottom margin, and props like ",t.jsx(e.code,{children:"label"})," for other default styling."]}),`
5
+ `,t.jsx(o,{of:l}),`
6
+ `,t.jsxs(e.p,{children:["For inline labels, use the ",t.jsx(e.code,{children:"labelLeft"})," prop (and the optional ",t.jsx(e.code,{children:"labelWidth"}),")."]}),`
7
+ `,t.jsx(o,{of:p}),`
8
+ `,t.jsx(e.h2,{id:"stacked",children:"Stacked"}),`
9
+ `,t.jsxs(e.p,{children:["This is the simplest form layout, and works well when horizontal space is limited, or inputs vary in height (e.g. ",t.jsx(e.code,{children:"TextArea"}),")."]}),`
10
+ `,t.jsx(o,{of:m}),`
11
+ `,t.jsx(e.h2,{id:"stacked-with-inline-labels",children:"Stacked with inline labels"}),`
12
+ `,t.jsxs(e.p,{children:["This has the same markup, but with ",t.jsx(e.code,{children:"labelLeft"})," and ",t.jsx(e.code,{children:"labelWidth"})," set on each field."]}),`
13
+ `,t.jsx(o,{of:a}),`
14
+ `,t.jsx(e.h2,{id:"row",children:"Row"}),`
15
+ `,t.jsxs(e.p,{children:["Wrapping a group of form controls in ",t.jsx(e.code,{children:"FormRow"})," arranges them horizontally, and applies default spacing between each item. This works well when vertical space is limited, because inputs will only wrap onto the next line when they need to."]}),`
16
+ `,t.jsx(o,{of:h})]})}function ot(i={}){const{wrapper:e}=Object.assign({},n(),i.components);return e?t.jsx(e,Object.assign({},i,{children:t.jsx(r,i)})):r(i)}export{ot as default};
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-f961835c.js";import{M as r,C as n}from"./index-321d8456.js";import{Center as d,SpaceBetween as a,JustifyEnd as c,Column as l}from"./flex.stories-6a278b40.js";import{Default as h,CustomColumnWidth as p,DefaultGap as x,CustomGap as m,Responsive as j}from"./grid.stories-bf68df4a.js";import{Default as u,FixedWidth as f,NoPadding as g,ResponsiveWidth as w}from"./column.stories-d5ca2c42.js";import{u as t}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-c82204d3.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./extends-98964cd2.js";import"./assertThisInitialized-081f9914.js";import"./inheritsLoose-c82a83d4.js";import"./index-cf68f115.js";import"./flex-1d14d86c.js";import"./button-050c998a.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./spinner-a81ebe38.js";import"./icon-8acf9925.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./tooltip-856042a7.js";import"./text-ad1f5f1d.js";import"./grid-3b729f81.js";import"./styled-components.browser.esm-416d73e5.js";import"./card-3847c251.js";import"./row-2299f0e7.js";import"./heading-39e599c8.js";import"./help-icon-c0abd380.js";function s(i){const o=Object.assign({h1:"h1",h2:"h2",p:"p",code:"code",h3:"h3"},t(),i.components);return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Layout (General)"}),`
1
+ import{j as e}from"./jsx-runtime-f961835c.js";import{M as r,C as n}from"./index-24b2d8c6.js";import{Center as d,SpaceBetween as a,JustifyEnd as c,Column as l}from"./flex.stories-09e9c602.js";import{Default as h,CustomColumnWidth as p,DefaultGap as x,CustomGap as m,Responsive as j}from"./grid.stories-bf68df4a.js";import{Default as u,FixedWidth as f,NoPadding as g,ResponsiveWidth as w}from"./column.stories-ae7588c5.js";import{u as t}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-4241ee87.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-cf68f115.js";import"./flex-1d14d86c.js";import"./button-74c97e4a.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./spinner-a81ebe38.js";import"./icon-e9cbb4d7.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./tooltip-23e84186.js";import"./text-ad1f5f1d.js";import"./grid-3b729f81.js";import"./styled-components.browser.esm-416d73e5.js";import"./card-3847c251.js";import"./row-2299f0e7.js";import"./heading-d29eb744.js";import"./help-icon-d4189b1b.js";function s(i){const o=Object.assign({h1:"h1",h2:"h2",p:"p",code:"code",h3:"h3"},t(),i.components);return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Layout (General)"}),`
2
2
  `,e.jsx(o.h1,{id:"layout-general",children:"Layout (General)"}),`
3
3
  `,e.jsx(o.h2,{id:"flex",children:"Flex"}),`
4
4
  `,e.jsxs(o.p,{children:["The ",e.jsx(o.code,{children:"Flex"})," component is a basic flexbox wrapper with optional props for ",e.jsx(o.code,{children:"alignItems"}),", ",e.jsx(o.code,{children:"justifyContent"})," and ",e.jsx(o.code,{children:"flexDirection"}),". This is a conveninent way to center items vertically and/or horizontally, to align them to opposite edges, or align them to the far side."]}),`
@@ -32,4 +32,4 @@ import{j as e}from"./jsx-runtime-f961835c.js";import{M as r,C as n}from"./index-
32
32
  `,e.jsx(n,{of:g}),`
33
33
  `,e.jsx(o.h3,{id:"responsive",children:"Responsive"}),`
34
34
  `,e.jsxs(o.p,{children:["To change the layout on smaller devices, you can set props for ",e.jsx(o.code,{children:"widthTablet"})," (up to 992px wide) and/or ",e.jsx(o.code,{children:"widthMobile"})," (up to 575px wide)."]}),`
35
- `,e.jsx(n,{of:w})]})}function Q(i={}){const{wrapper:o}=Object.assign({},t(),i.components);return o?e.jsx(o,Object.assign({},i,{children:e.jsx(s,i)})):s(i)}export{Q as default};
35
+ `,e.jsx(n,{of:w})]})}function K(i={}){const{wrapper:o}=Object.assign({},t(),i.components);return o?e.jsx(o,Object.assign({},i,{children:e.jsx(s,i)})):s(i)}export{K as default};
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-f961835c.js";import{r as o}from"./index-f80c8c95.js";import{c as C}from"./index-a80ed1cf.js";import{P as ne,D as re,C as te,I as le}from"./index.es-37e2ce0d.js";import{C as se}from"./card-3847c251.js";import{s as r,N as ie,M as oe,L as ce}from"./list-heading-2215213f.js";import{I as w}from"./common-types-2c81813f.js";import{D as B}from"./disabled-context-d654f6ff.js";import{A as G}from"./actions-83a2a04e.js";import{B as F}from"./badge-20e7ee0b.js";import{I as T}from"./icon-8acf9925.js";import{L as de}from"./loader-87ec8334.js";const E=({label:a})=>a?e.jsx("span",{className:r.label,children:e.jsx(F,{color:a.color,title:a.value,small:a.small})}):null;try{E.displayName="Label",E.__docgenInfo={description:"",displayName:"Label",props:{label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"ILabel"}}}}}catch{}const S=({item:a})=>a.metaCount!==void 0?e.jsx(F,{color:"rgba(0,0,0,0.25)",title:a.metaCount}):null;try{S.displayName="MetaCount",S.__docgenInfo={description:"",displayName:"MetaCount",props:{item:{defaultValue:null,description:"",name:"item",required:!0,type:{name:"{ metaCount?: number | undefined; }"}}}}}catch{}const R=({item:a,expanding:i})=>{const c=u=>{u.preventDefault(),u.stopPropagation()};return i&&a.active&&a.content?e.jsx("div",{className:r.itemContent,onClick:c,children:a.content}):null};try{R.displayName="ItemContent",R.__docgenInfo={description:"",displayName:"ItemContent",props:{item:{defaultValue:null,description:"",name:"item",required:!0,type:{name:"{ active?: boolean | undefined; content?: ReactNode; }"}},expanding:{defaultValue:null,description:"",name:"expanding",required:!1,type:{name:"boolean"}}}}}catch{}const A=o.forwardRef(({item:a,index:i},c)=>{const u=o.useContext(B),{actions:x,disabled:f,expanded:g,onClick:b,title:t,name:s,icon:n,testId:m}=a;return e.jsx("div",{ref:p=>{c&&"current"in c&&Array.isArray(c.current)&&i!==void 0&&(c.current[i]=p)},"data-testid":m??null,className:C(r.item,r.heading,f||u?r.disabled:"",b?r.action:""),onClick:p=>{b&&b(p)},title:t,children:e.jsx("div",{children:e.jsxs("div",{className:r.itemHeader,children:[typeof g=="boolean"&&e.jsx("div",{className:C(r.expandIcon,g&&r.expanded),children:e.jsx(T,{icon:w.CHEVRON_RIGHT})}),e.jsx(ie,{name:s,icon:n}),e.jsxs("div",{className:r.right,children:[e.jsx(S,{item:a}),!(f||u)&&x&&e.jsx("div",{className:r.actions,children:e.jsx(G,{actions:a.actions??[]})})]})]})})})});try{A.displayName="ListSubheading",A.__docgenInfo={description:"",displayName:"ListSubheading",props:{item:{defaultValue:null,description:"",name:"item",required:!0,type:{name:"IListSubheadingItem"}},index:{defaultValue:null,description:"",name:"index",required:!1,type:{name:"number"}}}}}catch{}const ue=(a,i)=>a?{cursor:i.cursor?i.cursor:"",...a.style}:null,H=o.forwardRef(({items:a,expanding:i,invokeEditOnRowClick:c,provided:u,draggable:x},f)=>{const g=o.useContext(B),b=(t,s,n,m,p,y)=>o.createElement("a",{href:n.url,ref:s==null?void 0:s.innerRef,...s.draggableProps,style:ue(s.draggableProps,n),className:C(r.item,n.active?r.active:"",n.disabled||g?r.disabled:"",p?r.action:""),onClick:d=>{if(c&&y&&y.onClick&&y.onClick(d,n.id),n.onClick)return n.onClick(d)},key:t,"data-id":t,title:n.title,"data-testid":n.testId},e.jsxs("div",{ref:d=>{f&&"current"in f&&Array.isArray(f.current)&&t!==void 0&&(f.current[t]=d)},style:{paddingLeft:m},children:[e.jsxs("div",{className:r.itemHeader,children:[x&&e.jsx("div",{className:r.drag,...s.dragHandleProps,children:e.jsx(T,{icon:w.DRAG})}),n.level&&n.level>0?e.jsx("div",{className:r.indentIcon,children:e.jsx(T,{icon:w.INDENT})}):null,e.jsx(E,{label:n.label}),e.jsx(oe,{item:n}),e.jsxs("div",{className:r.right,children:[e.jsx(S,{item:n}),!(n.disabled||g)&&n.actions&&e.jsx("div",{className:r.actions,children:e.jsx(G,{actions:n.actions})})]})]}),e.jsx(R,{item:n,expanding:i})]}));return e.jsxs(e.Fragment,{children:[a.map((t,s)=>{const n=t.type==="Heading",m=t.actions&&t.actions.find(d=>{var V;return d.label&&((V=String(d.label))==null?void 0:V.toLowerCase())==="edit"}),p=!!(m||t.url||t.onClick),y=t.level&&t.level>1?(t.level-1)*20:0;return n?e.jsx(A,{ref:f,item:t,index:s},s):x?e.jsx(ne,{draggableId:t.id+"",index:s,children:d=>b(s,d,t,y,p,m)},t.id):b(s,u,t,y,p,m)}),u.placeholder]})});try{H.displayName="ListRow",H.__docgenInfo={description:"",displayName:"ListRow",props:{draggable:{defaultValue:null,description:"",name:"draggable",required:!1,type:{name:"boolean"}},expanding:{defaultValue:null,description:"",name:"expanding",required:!1,type:{name:"boolean"}},invokeEditOnRowClick:{defaultValue:null,description:"",name:"invokeEditOnRowClick",required:!1,type:{name:"boolean"}},onListReorder:{defaultValue:null,description:"",name:"onListReorder",required:!1,type:{name:"((args: { from?: number; to?: number; }) => void) | undefined"}},snapshot:{defaultValue:null,description:"",name:"snapshot",required:!1,type:{name:"DroppableStateSnapshot"}},provided:{defaultValue:null,description:"",name:"provided",required:!1,type:{name:"any"}},items:{defaultValue:null,description:"",name:"items",required:!0,type:{name:"IListItem[]"}}}}}catch{}const P=({list:a,bordered:i=!1,expanding:c=!1,narrow:u=!1,toggleNarrow:x=!1,onToggleNarrow:f=()=>{},invokeEditOnRowClick:g=!0,noHeader:b=!1,stickyHeader:t,draggable:s=!1,onListReorder:n=()=>{},marginBottom:m=0,height:p,testId:y,scrollDetails:d={scrollable:!1,hideScrollbar:!1,triggerScrollToActiveItem:!1,infiniteScroll:!1,limit:10,infiniteScrollTarget:void 0}})=>{const{scrollable:V,hideScrollbar:z,triggerScrollToActiveItem:D,infiniteScroll:M,infiniteScrollTarget:J}=d,v=o.useRef(null),_=o.useRef([]),j=o.useRef(null),K=44,O=M?Math.ceil(window.innerHeight/K):a.items.length,[I,Q]=o.useState(O),[U,W]=o.useState(I<(a==null?void 0:a.items.length));o.useEffect(()=>{_.current=_.current.slice(0,a.items.length)},[a.items.length]);const X=()=>{if(I>=a.items.length){W(!1);return}const l=O+I;Q(l)},Y=l=>l.findIndex(h=>h.active===!0),Z=l=>{if(!j.current||!v.current)return;const h=1;if(D&&l>=0){const k=_.current.reduce((L,ee,ae)=>ae<l?L+ee.clientHeight+h:L,0),q=j.current.clientHeight/2-_.current[l].clientHeight/2,N=k-q;if(t){const L=v.current.clientHeight/2;j.current.scrollTop=N+L}const $=v.current.clientHeight;j.current.scrollTop=N+$}};return o.useEffect(()=>{if(D){const l=Y(a==null?void 0:a.items);Z(l)}},[j.current,v.current,D]),e.jsx(re,{onDragEnd:l=>{var q,N;const h=(q=l==null?void 0:l.source)==null?void 0:q.index,k=(N=l==null?void 0:l.destination)==null?void 0:N.index;n({from:h,to:k})},children:e.jsx(te,{droppableId:"droppable",children:(l,h)=>e.jsx("div",{className:C(u?r.narrow:"",V?r.scrollableList:"",z?r.hideScrollbar:""),"data-testid":y,id:"scrollableDiv",style:{height:p,marginBottom:m},ref:j,children:e.jsx("div",{ref:l.innerRef,...l.droppableProps,children:e.jsxs(se,{bordered:i,padding:!1,children:[!b&&e.jsx(ce,{name:a.name,actions:a.actions,toggleNarrow:x,onToggleNarrow:f,stickyHeader:t,ref:v}),e.jsx("div",{className:C(r.list,i?r.bordered:""),children:M?e.jsx(le,{dataLength:I,next:X,hasMore:U,scrollableTarget:J||"scrollableDiv",loader:e.jsx(de,{}),children:e.jsx(H,{draggable:s,items:a.items.slice(0,I),expanding:c,invokeEditOnRowClick:g,onListReorder:n,provided:l,snapshot:h,ref:_})}):e.jsx(H,{draggable:s,items:a.items,expanding:c,invokeEditOnRowClick:g,onListReorder:n,provided:l,snapshot:h,ref:_})})]})})})})})};try{P.displayName="List",P.__docgenInfo={description:"",displayName:"List",props:{drawer:{defaultValue:null,description:"",name:"drawer",required:!1,type:{name:"boolean"}},list:{defaultValue:null,description:"",name:"list",required:!0,type:{name:"IListData"}},bordered:{defaultValue:{value:"false"},description:"",name:"bordered",required:!1,type:{name:"boolean"}},expanding:{defaultValue:{value:"false"},description:"",name:"expanding",required:!1,type:{name:"boolean"}},narrow:{defaultValue:{value:"false"},description:"",name:"narrow",required:!1,type:{name:"boolean"}},toggleNarrow:{defaultValue:{value:"false"},description:"",name:"toggleNarrow",required:!1,type:{name:"boolean"}},onToggleNarrow:{defaultValue:{value:"() => {}"},description:"",name:"onToggleNarrow",required:!1,type:{name:"TEmpty"}},invokeEditOnRowClick:{defaultValue:{value:"true"},description:"",name:"invokeEditOnRowClick",required:!1,type:{name:"boolean"}},noHeader:{defaultValue:{value:"false"},description:"",name:"noHeader",required:!1,type:{name:"boolean"}},stickyHeader:{defaultValue:null,description:"",name:"stickyHeader",required:!1,type:{name:"boolean"}},draggable:{defaultValue:{value:"false"},description:"",name:"draggable",required:!1,type:{name:"boolean"}},onListReorder:{defaultValue:{value:"() => {}"},description:"",name:"onListReorder",required:!1,type:{name:"((args: IReorderData) => void)"}},marginBottom:{defaultValue:{value:"0"},description:"",name:"marginBottom",required:!1,type:{name:"string | number"}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"string | number"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},scrollDetails:{defaultValue:{value:`{
1
+ import{j as e}from"./jsx-runtime-f961835c.js";import{r as o}from"./index-f80c8c95.js";import{c as C}from"./index-a80ed1cf.js";import{P as ne,D as re,C as te,I as le}from"./index.es-85cc7dfc.js";import{C as se}from"./card-3847c251.js";import{s as r,N as ie,M as oe,L as ce}from"./list-heading-88cc8a9b.js";import{I as w}from"./common-types-2c81813f.js";import{D as B}from"./disabled-context-d654f6ff.js";import{A as G}from"./actions-2d4e1c8e.js";import{B as F}from"./badge-20e7ee0b.js";import{I as T}from"./icon-e9cbb4d7.js";import{L as de}from"./loader-87ec8334.js";const E=({label:a})=>a?e.jsx("span",{className:r.label,children:e.jsx(F,{color:a.color,title:a.value,small:a.small})}):null;try{E.displayName="Label",E.__docgenInfo={description:"",displayName:"Label",props:{label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"ILabel"}}}}}catch{}const S=({item:a})=>a.metaCount!==void 0?e.jsx(F,{color:"rgba(0,0,0,0.25)",title:a.metaCount}):null;try{S.displayName="MetaCount",S.__docgenInfo={description:"",displayName:"MetaCount",props:{item:{defaultValue:null,description:"",name:"item",required:!0,type:{name:"{ metaCount?: number | undefined; }"}}}}}catch{}const R=({item:a,expanding:i})=>{const c=u=>{u.preventDefault(),u.stopPropagation()};return i&&a.active&&a.content?e.jsx("div",{className:r.itemContent,onClick:c,children:a.content}):null};try{R.displayName="ItemContent",R.__docgenInfo={description:"",displayName:"ItemContent",props:{item:{defaultValue:null,description:"",name:"item",required:!0,type:{name:"{ active?: boolean | undefined; content?: ReactNode; }"}},expanding:{defaultValue:null,description:"",name:"expanding",required:!1,type:{name:"boolean"}}}}}catch{}const A=o.forwardRef(({item:a,index:i},c)=>{const u=o.useContext(B),{actions:x,disabled:f,expanded:g,onClick:b,title:t,name:s,icon:n,testId:m}=a;return e.jsx("div",{ref:p=>{c&&"current"in c&&Array.isArray(c.current)&&i!==void 0&&(c.current[i]=p)},"data-testid":m??null,className:C(r.item,r.heading,f||u?r.disabled:"",b?r.action:""),onClick:p=>{b&&b(p)},title:t,children:e.jsx("div",{children:e.jsxs("div",{className:r.itemHeader,children:[typeof g=="boolean"&&e.jsx("div",{className:C(r.expandIcon,g&&r.expanded),children:e.jsx(T,{icon:w.CHEVRON_RIGHT})}),e.jsx(ie,{name:s,icon:n}),e.jsxs("div",{className:r.right,children:[e.jsx(S,{item:a}),!(f||u)&&x&&e.jsx("div",{className:r.actions,children:e.jsx(G,{actions:a.actions??[]})})]})]})})})});try{A.displayName="ListSubheading",A.__docgenInfo={description:"",displayName:"ListSubheading",props:{item:{defaultValue:null,description:"",name:"item",required:!0,type:{name:"IListSubheadingItem"}},index:{defaultValue:null,description:"",name:"index",required:!1,type:{name:"number"}}}}}catch{}const ue=(a,i)=>a?{cursor:i.cursor?i.cursor:"",...a.style}:null,H=o.forwardRef(({items:a,expanding:i,invokeEditOnRowClick:c,provided:u,draggable:x},f)=>{const g=o.useContext(B),b=(t,s,n,m,p,y)=>o.createElement("a",{href:n.url,ref:s==null?void 0:s.innerRef,...s.draggableProps,style:ue(s.draggableProps,n),className:C(r.item,n.active?r.active:"",n.disabled||g?r.disabled:"",p?r.action:""),onClick:d=>{if(c&&y&&y.onClick&&y.onClick(d,n.id),n.onClick)return n.onClick(d)},key:t,"data-id":t,title:n.title,"data-testid":n.testId},e.jsxs("div",{ref:d=>{f&&"current"in f&&Array.isArray(f.current)&&t!==void 0&&(f.current[t]=d)},style:{paddingLeft:m},children:[e.jsxs("div",{className:r.itemHeader,children:[x&&e.jsx("div",{className:r.drag,...s.dragHandleProps,children:e.jsx(T,{icon:w.DRAG})}),n.level&&n.level>0?e.jsx("div",{className:r.indentIcon,children:e.jsx(T,{icon:w.INDENT})}):null,e.jsx(E,{label:n.label}),e.jsx(oe,{item:n}),e.jsxs("div",{className:r.right,children:[e.jsx(S,{item:n}),!(n.disabled||g)&&n.actions&&e.jsx("div",{className:r.actions,children:e.jsx(G,{actions:n.actions})})]})]}),e.jsx(R,{item:n,expanding:i})]}));return e.jsxs(e.Fragment,{children:[a.map((t,s)=>{const n=t.type==="Heading",m=t.actions&&t.actions.find(d=>{var V;return d.label&&((V=String(d.label))==null?void 0:V.toLowerCase())==="edit"}),p=!!(m||t.url||t.onClick),y=t.level&&t.level>1?(t.level-1)*20:0;return n?e.jsx(A,{ref:f,item:t,index:s},s):x?e.jsx(ne,{draggableId:t.id+"",index:s,children:d=>b(s,d,t,y,p,m)},t.id):b(s,u,t,y,p,m)}),u.placeholder]})});try{H.displayName="ListRow",H.__docgenInfo={description:"",displayName:"ListRow",props:{draggable:{defaultValue:null,description:"",name:"draggable",required:!1,type:{name:"boolean"}},expanding:{defaultValue:null,description:"",name:"expanding",required:!1,type:{name:"boolean"}},invokeEditOnRowClick:{defaultValue:null,description:"",name:"invokeEditOnRowClick",required:!1,type:{name:"boolean"}},onListReorder:{defaultValue:null,description:"",name:"onListReorder",required:!1,type:{name:"((args: { from?: number; to?: number; }) => void) | undefined"}},items:{defaultValue:null,description:"",name:"items",required:!0,type:{name:"IListItem[]"}},provided:{defaultValue:null,description:"",name:"provided",required:!1,type:{name:"any"}},snapshot:{defaultValue:null,description:"",name:"snapshot",required:!1,type:{name:"DroppableStateSnapshot"}}}}}catch{}const P=({list:a,bordered:i=!1,expanding:c=!1,narrow:u=!1,toggleNarrow:x=!1,onToggleNarrow:f=()=>{},invokeEditOnRowClick:g=!0,noHeader:b=!1,stickyHeader:t,draggable:s=!1,onListReorder:n=()=>{},marginBottom:m=0,height:p,testId:y,scrollDetails:d={scrollable:!1,hideScrollbar:!1,triggerScrollToActiveItem:!1,infiniteScroll:!1,limit:10,infiniteScrollTarget:void 0}})=>{const{scrollable:V,hideScrollbar:z,triggerScrollToActiveItem:D,infiniteScroll:M,infiniteScrollTarget:J}=d,v=o.useRef(null),_=o.useRef([]),j=o.useRef(null),K=44,O=M?Math.ceil(window.innerHeight/K):a.items.length,[I,Q]=o.useState(O),[U,W]=o.useState(I<(a==null?void 0:a.items.length));o.useEffect(()=>{_.current=_.current.slice(0,a.items.length)},[a.items.length]);const X=()=>{if(I>=a.items.length){W(!1);return}const l=O+I;Q(l)},Y=l=>l.findIndex(h=>h.active===!0),Z=l=>{if(!j.current||!v.current)return;const h=1;if(D&&l>=0){const k=_.current.reduce((L,ee,ae)=>ae<l?L+ee.clientHeight+h:L,0),q=j.current.clientHeight/2-_.current[l].clientHeight/2,N=k-q;if(t){const L=v.current.clientHeight/2;j.current.scrollTop=N+L}const $=v.current.clientHeight;j.current.scrollTop=N+$}};return o.useEffect(()=>{if(D){const l=Y(a==null?void 0:a.items);Z(l)}},[j.current,v.current,D]),e.jsx(re,{onDragEnd:l=>{var q,N;const h=(q=l==null?void 0:l.source)==null?void 0:q.index,k=(N=l==null?void 0:l.destination)==null?void 0:N.index;n({from:h,to:k})},children:e.jsx(te,{droppableId:"droppable",children:(l,h)=>e.jsx("div",{className:C(u?r.narrow:"",V?r.scrollableList:"",z?r.hideScrollbar:""),"data-testid":y,id:"scrollableDiv",style:{height:p,marginBottom:m},ref:j,children:e.jsx("div",{ref:l.innerRef,...l.droppableProps,children:e.jsxs(se,{bordered:i,padding:!1,children:[!b&&e.jsx(ce,{name:a.name,actions:a.actions,toggleNarrow:x,onToggleNarrow:f,stickyHeader:t,ref:v}),e.jsx("div",{className:C(r.list,i?r.bordered:""),children:M?e.jsx(le,{dataLength:I,next:X,hasMore:U,scrollableTarget:J||"scrollableDiv",loader:e.jsx(de,{}),children:e.jsx(H,{draggable:s,items:a.items.slice(0,I),expanding:c,invokeEditOnRowClick:g,onListReorder:n,provided:l,snapshot:h,ref:_})}):e.jsx(H,{draggable:s,items:a.items,expanding:c,invokeEditOnRowClick:g,onListReorder:n,provided:l,snapshot:h,ref:_})})]})})})})})};try{P.displayName="List",P.__docgenInfo={description:"",displayName:"List",props:{drawer:{defaultValue:null,description:"",name:"drawer",required:!1,type:{name:"boolean"}},list:{defaultValue:null,description:"",name:"list",required:!0,type:{name:"IListData"}},bordered:{defaultValue:{value:"false"},description:"",name:"bordered",required:!1,type:{name:"boolean"}},expanding:{defaultValue:{value:"false"},description:"",name:"expanding",required:!1,type:{name:"boolean"}},narrow:{defaultValue:{value:"false"},description:"",name:"narrow",required:!1,type:{name:"boolean"}},toggleNarrow:{defaultValue:{value:"false"},description:"",name:"toggleNarrow",required:!1,type:{name:"boolean"}},onToggleNarrow:{defaultValue:{value:"() => {}"},description:"",name:"onToggleNarrow",required:!1,type:{name:"TEmpty"}},invokeEditOnRowClick:{defaultValue:{value:"true"},description:"",name:"invokeEditOnRowClick",required:!1,type:{name:"boolean"}},noHeader:{defaultValue:{value:"false"},description:"",name:"noHeader",required:!1,type:{name:"boolean"}},stickyHeader:{defaultValue:null,description:"",name:"stickyHeader",required:!1,type:{name:"boolean"}},draggable:{defaultValue:{value:"false"},description:"",name:"draggable",required:!1,type:{name:"boolean"}},onListReorder:{defaultValue:{value:"() => {}"},description:"",name:"onListReorder",required:!1,type:{name:"((args: IReorderData) => void)"}},marginBottom:{defaultValue:{value:"0"},description:"",name:"marginBottom",required:!1,type:{name:"string | number"}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"string | number"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},scrollDetails:{defaultValue:{value:`{
2
2
  scrollable: false,
3
3
  hideScrollbar: false,
4
4
  triggerScrollToActiveItem: false,
@@ -1 +1 @@
1
- import{j as e}from"./jsx-runtime-f961835c.js";import{B as j}from"./badge-20e7ee0b.js";import{c as u}from"./index-a80ed1cf.js";import{I as g}from"./icon-8acf9925.js";import{T as N}from"./tooltip-856042a7.js";import{r as f}from"./index-f80c8c95.js";import{I as y}from"./common-types-2c81813f.js";import{H as h}from"./heading-39e599c8.js";import{A as x}from"./actions-83a2a04e.js";const b="_inputInTable_1jod2_1",I="_inputHover_1jod2_13",T="_inputFocus_1jod2_18",w="_inputError_1jod2_25",H="_inputWarning_1jod2_26",V="_inputDisabled_1jod2_61",q="_hideScrollbars_1jod2_67",v="_header_1jod2_77",C="_headerTitle_1jod2_77",R="_heading_1jod2_78",E="_itemHeader_1jod2_78",k="_narrow_1jod2_81",M="_stickyHeader_1jod2_85",L="_title_1jod2_96",S="_name_1jod2_102",F="_iconTooltipMargin_1jod2_105",W="_bold_1jod2_108",$="_toggleNarrow_1jod2_117",B="_drag_1jod2_135",D="_list_1jod2_154",A="_bordered_1jod2_158",J="_item_1jod2_78",O="_action_1jod2_191",P="_active_1jod2_194",X="_indented_1jod2_201",z="_disabled_1jod2_214",G="_label_1jod2_225",K="_details_1jod2_236",Q="_metadata_1jod2_237",U="_itemContent_1jod2_245",Y="_indentIcon_1jod2_252",Z="_expandIcon_1jod2_257",ee="_expanded_1jod2_264",te="_right_1jod2_267",ae="_actions_1jod2_275",oe="_scrollableList_1jod2_280",ne="_hideScrollbar_1jod2_67",o={inputInTable:b,inputHover:I,inputFocus:T,inputError:w,inputWarning:H,inputDisabled:V,hideScrollbars:q,header:v,headerTitle:C,heading:R,itemHeader:E,narrow:k,stickyHeader:M,title:L,name:S,iconTooltipMargin:F,bold:W,toggleNarrow:$,drag:B,list:D,bordered:A,item:J,action:O,active:P,indented:X,disabled:z,label:G,details:K,metadata:Q,itemContent:U,indentIcon:Y,expandIcon:Z,expanded:ee,right:te,actions:ae,scrollableList:oe,hideScrollbar:ne},c=({name:a,icon:t,testId:i})=>{const n=t&&e.jsx(g,{icon:t.icon,color:t.color||"#db2828"});return e.jsxs("span",{className:u(o.name,o.bold),"data-testid":i,children:[a,t&&t.tooltip&&t.tooltip.text?e.jsx("span",{className:o.iconTooltipMargin,children:e.jsx(N,{text:t.tooltip.text,maxWidth:"350px",children:n})}):t&&t.icon&&e.jsx("span",{className:o.iconTooltipMargin,children:n})]})};try{c.displayName="Name",c.__docgenInfo={description:"",displayName:"Name",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"ReactNode"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"{ icon: ReactNode; color?: string; tooltip?: { text: ReactNode; }; } | undefined"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}try{name.displayName="name",name.__docgenInfo={description:"",displayName:"name",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"ReactNode"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"{ icon: ReactNode; color?: string; tooltip?: { text: ReactNode; }; } | undefined"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const p=({item:a})=>{const{name:t,icon:i,details:n,metadata:d,invalid:s,testId:r}=a;let l=e.jsx(c,{name:t,icon:i,testId:r&&`${r}-name`});return s&&(l=e.jsx(j,{small:!0,margin:"-2px",title:"!",children:l})),e.jsxs("span",{className:o.title,children:[l,n&&e.jsx("span",{className:o.details,"data-testid":r&&`${r}-details`,children:n}),d&&e.jsx("span",{className:o.metadata,"data-testid":r&&`${r}-metadata`,children:d})]})};try{p.displayName="MetaContent",p.__docgenInfo={description:"",displayName:"MetaContent",props:{item:{defaultValue:null,description:"",name:"item",required:!0,type:{name:"IMetaContentItem"}}}}}catch{}const _=({toggleNarrow:a,onClickToggleNarrow:t})=>a?e.jsx("a",{className:o.toggleNarrow,onClick:t,children:e.jsx(g,{icon:y.CHEVRON_LEFT})}):null;try{_.displayName="ToggleNarrow",_.__docgenInfo={description:"",displayName:"ToggleNarrow",props:{toggleNarrow:{defaultValue:null,description:"",name:"toggleNarrow",required:!1,type:{name:"boolean"}},onClickToggleNarrow:{defaultValue:null,description:"",name:"onClickToggleNarrow",required:!1,type:{name:"TEmpty"}}}}}catch{}const m=f.forwardRef(({name:a,actions:t=[],toggleNarrow:i=!1,onToggleNarrow:n=()=>{},stickyHeader:d},s)=>e.jsxs("div",{ref:s,className:u(o.header,d?o.stickyHeader:""),children:[e.jsx(_,{toggleNarrow:i,onClickToggleNarrow:n}),a&&e.jsx("div",{className:o.headerTitle,children:e.jsx(h,{top:!0,marginBottom:0,children:a})}),e.jsx("div",{className:o.right,children:e.jsx("div",{className:o.actions,children:e.jsx(x,{actions:t})})})]}));try{m.displayName="ListHeading",m.__docgenInfo={description:"",displayName:"ListHeading",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null | undefined"}},actions:{defaultValue:{value:"[]"},description:"",name:"actions",required:!1,type:{name:"any[]"}},toggleNarrow:{defaultValue:{value:"false"},description:"",name:"toggleNarrow",required:!1,type:{name:"boolean"}},onToggleNarrow:{defaultValue:{value:"() => {}"},description:"",name:"onToggleNarrow",required:!1,type:{name:"TEmpty"}},stickyHeader:{defaultValue:null,description:"",name:"stickyHeader",required:!1,type:{name:"boolean"}}}}}catch{}export{m as L,p as M,c as N,o as s};
1
+ import{j as e}from"./jsx-runtime-f961835c.js";import{B as j}from"./badge-20e7ee0b.js";import{c as u}from"./index-a80ed1cf.js";import{I as g}from"./icon-e9cbb4d7.js";import{T as N}from"./tooltip-23e84186.js";import{r as f}from"./index-f80c8c95.js";import{I as y}from"./common-types-2c81813f.js";import{H as h}from"./heading-d29eb744.js";import{A as x}from"./actions-2d4e1c8e.js";const b="_inputInTable_1jod2_1",I="_inputHover_1jod2_13",T="_inputFocus_1jod2_18",w="_inputError_1jod2_25",H="_inputWarning_1jod2_26",V="_inputDisabled_1jod2_61",q="_hideScrollbars_1jod2_67",v="_header_1jod2_77",C="_headerTitle_1jod2_77",R="_heading_1jod2_78",E="_itemHeader_1jod2_78",k="_narrow_1jod2_81",M="_stickyHeader_1jod2_85",L="_title_1jod2_96",S="_name_1jod2_102",F="_iconTooltipMargin_1jod2_105",W="_bold_1jod2_108",$="_toggleNarrow_1jod2_117",B="_drag_1jod2_135",D="_list_1jod2_154",A="_bordered_1jod2_158",J="_item_1jod2_78",O="_action_1jod2_191",P="_active_1jod2_194",X="_indented_1jod2_201",z="_disabled_1jod2_214",G="_label_1jod2_225",K="_details_1jod2_236",Q="_metadata_1jod2_237",U="_itemContent_1jod2_245",Y="_indentIcon_1jod2_252",Z="_expandIcon_1jod2_257",ee="_expanded_1jod2_264",te="_right_1jod2_267",ae="_actions_1jod2_275",oe="_scrollableList_1jod2_280",ne="_hideScrollbar_1jod2_67",o={inputInTable:b,inputHover:I,inputFocus:T,inputError:w,inputWarning:H,inputDisabled:V,hideScrollbars:q,header:v,headerTitle:C,heading:R,itemHeader:E,narrow:k,stickyHeader:M,title:L,name:S,iconTooltipMargin:F,bold:W,toggleNarrow:$,drag:B,list:D,bordered:A,item:J,action:O,active:P,indented:X,disabled:z,label:G,details:K,metadata:Q,itemContent:U,indentIcon:Y,expandIcon:Z,expanded:ee,right:te,actions:ae,scrollableList:oe,hideScrollbar:ne},c=({name:a,icon:t,testId:i})=>{const n=t&&e.jsx(g,{icon:t.icon,color:t.color||"#db2828"});return e.jsxs("span",{className:u(o.name,o.bold),"data-testid":i,children:[a,t&&t.tooltip&&t.tooltip.text?e.jsx("span",{className:o.iconTooltipMargin,children:e.jsx(N,{text:t.tooltip.text,maxWidth:"350px",children:n})}):t&&t.icon&&e.jsx("span",{className:o.iconTooltipMargin,children:n})]})};try{c.displayName="Name",c.__docgenInfo={description:"",displayName:"Name",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"ReactNode"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"{ icon: ReactNode; color?: string; tooltip?: { text: ReactNode; }; } | undefined"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}try{name.displayName="name",name.__docgenInfo={description:"",displayName:"name",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"ReactNode"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"{ icon: ReactNode; color?: string; tooltip?: { text: ReactNode; }; } | undefined"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const p=({item:a})=>{const{name:t,icon:i,details:n,metadata:d,invalid:s,testId:r}=a;let l=e.jsx(c,{name:t,icon:i,testId:r&&`${r}-name`});return s&&(l=e.jsx(j,{small:!0,margin:"-2px",title:"!",children:l})),e.jsxs("span",{className:o.title,children:[l,n&&e.jsx("span",{className:o.details,"data-testid":r&&`${r}-details`,children:n}),d&&e.jsx("span",{className:o.metadata,"data-testid":r&&`${r}-metadata`,children:d})]})};try{p.displayName="MetaContent",p.__docgenInfo={description:"",displayName:"MetaContent",props:{item:{defaultValue:null,description:"",name:"item",required:!0,type:{name:"IMetaContentItem"}}}}}catch{}const _=({toggleNarrow:a,onClickToggleNarrow:t})=>a?e.jsx("a",{className:o.toggleNarrow,onClick:t,children:e.jsx(g,{icon:y.CHEVRON_LEFT})}):null;try{_.displayName="ToggleNarrow",_.__docgenInfo={description:"",displayName:"ToggleNarrow",props:{toggleNarrow:{defaultValue:null,description:"",name:"toggleNarrow",required:!1,type:{name:"boolean"}},onClickToggleNarrow:{defaultValue:null,description:"",name:"onClickToggleNarrow",required:!1,type:{name:"TEmpty"}}}}}catch{}const m=f.forwardRef(({name:a,actions:t=[],toggleNarrow:i=!1,onToggleNarrow:n=()=>{},stickyHeader:d},s)=>e.jsxs("div",{ref:s,className:u(o.header,d?o.stickyHeader:""),children:[e.jsx(_,{toggleNarrow:i,onClickToggleNarrow:n}),a&&e.jsx("div",{className:o.headerTitle,children:e.jsx(h,{top:!0,marginBottom:0,children:a})}),e.jsx("div",{className:o.right,children:e.jsx("div",{className:o.actions,children:e.jsx(x,{actions:t})})})]}));try{m.displayName="ListHeading",m.__docgenInfo={description:"",displayName:"ListHeading",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null | undefined"}},actions:{defaultValue:{value:"[]"},description:"",name:"actions",required:!1,type:{name:"any[]"}},toggleNarrow:{defaultValue:{value:"false"},description:"",name:"toggleNarrow",required:!1,type:{name:"boolean"}},onToggleNarrow:{defaultValue:{value:"() => {}"},description:"",name:"onToggleNarrow",required:!1,type:{name:"TEmpty"}},stickyHeader:{defaultValue:null,description:"",name:"stickyHeader",required:!1,type:{name:"boolean"}}}}}catch{}export{m as L,p as M,c as N,o as s};
@@ -1,4 +1,4 @@
1
- import{j as o}from"./jsx-runtime-f961835c.js";import{r as B}from"./index-f80c8c95.js";import{p as k}from"./immer.esm-5c06d4d0.js";import{L as x,a as q}from"./list-bc0d9ad9.js";import{L as en}from"./list-heading-2215213f.js";import{F as nn}from"./flex-1d14d86c.js";import{l as an,a as tn,b as rn,c as sn,d as on,e as dn,f as mn,g as ln,h as cn,i as pn,j as un,k as gn,m as hn,n as Ye}from"./list.stories-data-ba40864f.js";import"./index-a80ed1cf.js";import"./index.es-37e2ce0d.js";import"./inheritsLoose-c82a83d4.js";import"./extends-98964cd2.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./index-3d476d02.js";import"./memoize-one.esm-52518564.js";import"./icon-8acf9925.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./card-3847c251.js";import"./common-types-2c81813f.js";import"./actions-83a2a04e.js";import"./lodash-75c70a11.js";import"./button-050c998a.js";import"./spinner-a81ebe38.js";import"./tooltip-856042a7.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-20e7ee0b.js";import"./loader-87ec8334.js";import"./heading-39e599c8.js";import"./help-icon-c0abd380.js";const Pn={title:"Basic/List",component:x,args:{list:an,noHeader:!0},parameters:{layout:"fullscreen"}},s=d=>o.jsx(x,{...d}),O=s.bind({}),L=s.bind({});L.args={list:tn};const D=s.bind({});D.args={list:rn};const v=s.bind({});v.args={list:sn};const K=s.bind({});K.args={list:on,expanding:!0};const H=s.bind({});H.args={list:dn,noHeader:!1};const M=s.bind({});M.args={list:mn};const j=s.bind({});j.args={list:ln};const T=s.bind({});T.args={list:cn};const R=s.bind({});R.args={list:pn};const E=s.bind({});E.args={list:un,noHeader:!1};const N=s.bind({});N.args={bordered:!0};const w=s.bind({});w.args={list:gn};const $=s.bind({});$.args={list:hn};const S=s.bind({});S.args={list:Ye,noHeader:!1,stickyHeader:!0};S.parameters={docs:{story:{inline:!1,iframeHeight:200}}};const f=s.bind({});f.args={list:Ye,scrollDetails:{scrollable:!0}};f.parameters={docs:{description:{story:"Adds an internal scrollbar to the `List`, which will fill its parent height unless a `height` is set. The scrollbar can be toggled using `hideScrollbar`."}}};f.decorators=[d=>o.jsx("div",{style:{height:200,overflow:"hidden"},children:d()})];const J=()=>{const[d,y]=B.useState(0),b={name:"Animals",items:[...Array(50)].map((m,l)=>({id:l,name:`Aardvark #${l+1}`,active:l===d,onClick:()=>y(l)}))};return o.jsx("div",{style:{height:200,overflow:"auto"},children:o.jsx(x,{list:b,scrollDetails:{infiniteScroll:!0,scrollable:!0,limit:10}})})},_=()=>{const d=(e,a)=>{switch(a.type){case"headingClicked":{const{headingKey:t}=a.payload;return k(e,r=>{const i=r[t];i.expanded=!i.expanded})}case"itemClicked":{const{headingKey:t,itemIndex:r}=a.payload;return k(e,i=>{Object.keys(i).forEach(h=>{i[h].items.forEach((A,Ze)=>{A.active=h===t&&Ze===r})})})}case"addClicked":{const{headingKey:t}=a.payload;return k(e,r=>{const i=r[t];i.expanded=!0,i.items.push({name:`${i.label} #${i.items.length+1}`})})}case"deleteClicked":{const{headingKey:t,itemIndex:r}=a.payload;return k(e,i=>{let{items:h}=i[t];delete h[r],i[t].items=h.filter(A=>A)})}default:return e}},y=()=>({mammals:{draggable:!0,name:"Mammals",key:"mammals",label:"Mammals",expanded:!0,items:[{name:"Click item to scroll",type:"Heading"},{name:"Mammal #1",active:!0},{name:"Mammal #2"},{name:"Mammal #3"},{name:"Mammal #4"},{name:"Mammal #5"},{name:"Mammal #6"},{name:"Mammal #7"},{name:"Mammal #8"},{name:"Mammal #9"},{name:"Mammal #10"}]},amphibians:{name:"Amphibians (sticky header)",key:"amphibians",label:"Amphibians",expanded:!0,items:[{name:"Click item to scroll",type:"Heading"},{name:"Amphibian #1",active:!0},{name:"Amphibian #2"},{name:"Amphibian #3"},{name:"Amphibian #4"},{name:"Amphibian #5"},{name:"Amphibian #6"},{name:"Amphibian #7"},{name:"Amphibian #8"},{name:"Amphibian #9"},{name:"Amphibian #10"}]}}),[b,m]=B.useReducer(d,{},()=>y()),[l,u]=B.useState(!1),c=(e,a)=>{u(!0),m({type:"itemClicked",payload:{headingKey:e,itemIndex:a}}),setTimeout(()=>u(!1),0)},p=e=>{m({type:"addClicked",payload:{headingKey:e}})},g=(e,a)=>m({type:"deleteClicked",payload:{headingKey:e,itemIndex:a}}),{mammals:I,amphibians:F}=b,C=e=>({...e,actions:[{label:"Add",primary:!0,icon:"add",onClick:()=>p(e.key)}],items:e.items.map((a,t)=>a.type=="Heading"?{...a,id:t}:{...a,id:t,onClick:()=>c(e.key,t),actions:[{label:"Delete",icon:"delete",onClick:()=>g(e.key,t)}]})}),n=300;return o.jsxs(nn,{gap:!0,children:[o.jsx(x,{list:C(I),bordered:!0,height:n,scrollDetails:{scrollable:!0,hideScrollbar:!1,triggerScrollToActiveItem:l}}),o.jsx(x,{list:C(F),bordered:!0,stickyHeader:!0,height:n,scrollDetails:{scrollable:!0,hideScrollbar:!1,triggerScrollToActiveItem:l}})]})},W=()=>{const d=(n,e)=>{switch(e.type){case"headingClicked":{const{headingKey:a}=e.payload;return k(n,t=>{const r=t[a];r.expanded=!r.expanded})}case"itemClicked":{const{headingKey:a,itemIndex:t}=e.payload;return k(n,r=>{Object.keys(r).forEach(i=>{r[i].items.forEach((h,A)=>{h.active=i===a&&A===t})})})}case"addClicked":{const{headingKey:a}=e.payload;return k(n,t=>{const r=t[a];r.expanded=!0,r.items.push({name:`${r.label} #${r.items.length+1}`})})}case"deleteClicked":{const{headingKey:a,itemIndex:t}=e.payload;return k(n,r=>{let{items:i}=r[a];delete i[t],r[a].items=i.filter(h=>h)})}default:return n}},y=()=>({mammals:{key:"mammals",label:"Mammals",expanded:!0,items:[{name:"Aardvark",active:!0},{name:"Kangaroo"}]},amphibians:{key:"amphibians",label:"Amphibians",expanded:!0,items:[{name:"Frog"}]}}),[b,m]=B.useReducer(d,y()),l=n=>m({type:"headingClicked",payload:{headingKey:n}}),u=(n,e)=>m({type:"itemClicked",payload:{headingKey:n,itemIndex:e}}),c=n=>m({type:"addClicked",payload:{headingKey:n}}),p=(n,e)=>m({type:"deleteClicked",payload:{headingKey:n,itemIndex:e}}),{mammals:g,amphibians:I}=b,F=n=>({name:n.label,metaCount:n.items.length,expanded:n.expanded,onClick:()=>l(n.key),actions:[{label:"Add",primary:!0,icon:"add",onClick:()=>c(n.key)}]}),C=n=>({...n,items:n.items.map((e,a)=>({...e,id:a,onClick:()=>u(n.key,a),actions:[{label:"Delete",icon:"delete",onClick:()=>p(n.key,a)}]}))});return o.jsxs(o.Fragment,{children:[o.jsx(en,{name:"Animals"}),o.jsx(q,{item:F(g)}),g.expanded&&o.jsx(x,{noHeader:!0,list:C(g)}),o.jsx(q,{item:F(I)}),I.expanded&&o.jsx(x,{noHeader:!0,list:C(I)})]})},X=()=>{const d=(u,c,p)=>{if(c&&isNaN(c)||p&&isNaN(p)||c===p)return u;const g=[...u];return typeof p=="number"&&typeof c=="number"&&g.splice(p,0,g.splice(c,1)[0]),g},y={name:"List Name",draggable:!0,items:[{id:1,name:"element 1",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]},{id:2,name:"element 2",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]},{id:3,name:"element 3"},{id:4,name:"element 4",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]},{id:5,name:"element 5",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]}]},[b,m]=B.useState(y.items),l=u=>{const{to:c,from:p}=u;m(d(b,p,c))};return o.jsx(x,{list:{...y,items:b},draggable:!0,onListReorder:l})};var z,G,P;O.parameters={...O.parameters,docs:{...(z=O.parameters)==null?void 0:z.docs,source:{originalSource:`args => {
1
+ import{j as o}from"./jsx-runtime-f961835c.js";import{r as B}from"./index-f80c8c95.js";import{p as k}from"./immer.esm-5c06d4d0.js";import{L as x,a as q}from"./list-0dc3df85.js";import{L as en}from"./list-heading-88cc8a9b.js";import{F as nn}from"./flex-1d14d86c.js";import{l as an,a as tn,b as rn,c as sn,d as on,e as dn,f as mn,g as ln,h as cn,i as pn,j as un,k as gn,m as hn,n as Ye}from"./list.stories-data-94f7c623.js";import"./index-a80ed1cf.js";import"./index.es-85cc7dfc.js";import"./inheritsLoose-d4851ab8.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./index-3d476d02.js";import"./memoize-one.esm-52518564.js";import"./icon-e9cbb4d7.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./card-3847c251.js";import"./common-types-2c81813f.js";import"./actions-2d4e1c8e.js";import"./lodash-75c70a11.js";import"./button-74c97e4a.js";import"./spinner-a81ebe38.js";import"./tooltip-23e84186.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-20e7ee0b.js";import"./loader-87ec8334.js";import"./heading-d29eb744.js";import"./help-icon-d4189b1b.js";const Gn={title:"Basic/List",component:x,args:{list:an,noHeader:!0},parameters:{layout:"fullscreen"}},s=d=>o.jsx(x,{...d}),O=s.bind({}),L=s.bind({});L.args={list:tn};const D=s.bind({});D.args={list:rn};const v=s.bind({});v.args={list:sn};const K=s.bind({});K.args={list:on,expanding:!0};const H=s.bind({});H.args={list:dn,noHeader:!1};const M=s.bind({});M.args={list:mn};const j=s.bind({});j.args={list:ln};const T=s.bind({});T.args={list:cn};const R=s.bind({});R.args={list:pn};const E=s.bind({});E.args={list:un,noHeader:!1};const N=s.bind({});N.args={bordered:!0};const w=s.bind({});w.args={list:gn};const $=s.bind({});$.args={list:hn};const S=s.bind({});S.args={list:Ye,noHeader:!1,stickyHeader:!0};S.parameters={docs:{story:{inline:!1,iframeHeight:200}}};const f=s.bind({});f.args={list:Ye,scrollDetails:{scrollable:!0}};f.parameters={docs:{description:{story:"Adds an internal scrollbar to the `List`, which will fill its parent height unless a `height` is set. The scrollbar can be toggled using `hideScrollbar`."}}};f.decorators=[d=>o.jsx("div",{style:{height:200,overflow:"hidden"},children:d()})];const J=()=>{const[d,y]=B.useState(0),b={name:"Animals",items:[...Array(50)].map((m,l)=>({id:l,name:`Aardvark #${l+1}`,active:l===d,onClick:()=>y(l)}))};return o.jsx("div",{style:{height:200,overflow:"auto"},children:o.jsx(x,{list:b,scrollDetails:{infiniteScroll:!0,scrollable:!0,limit:10}})})},_=()=>{const d=(e,a)=>{switch(a.type){case"headingClicked":{const{headingKey:t}=a.payload;return k(e,r=>{const i=r[t];i.expanded=!i.expanded})}case"itemClicked":{const{headingKey:t,itemIndex:r}=a.payload;return k(e,i=>{Object.keys(i).forEach(h=>{i[h].items.forEach((A,Ze)=>{A.active=h===t&&Ze===r})})})}case"addClicked":{const{headingKey:t}=a.payload;return k(e,r=>{const i=r[t];i.expanded=!0,i.items.push({name:`${i.label} #${i.items.length+1}`})})}case"deleteClicked":{const{headingKey:t,itemIndex:r}=a.payload;return k(e,i=>{let{items:h}=i[t];delete h[r],i[t].items=h.filter(A=>A)})}default:return e}},y=()=>({mammals:{draggable:!0,name:"Mammals",key:"mammals",label:"Mammals",expanded:!0,items:[{name:"Click item to scroll",type:"Heading"},{name:"Mammal #1",active:!0},{name:"Mammal #2"},{name:"Mammal #3"},{name:"Mammal #4"},{name:"Mammal #5"},{name:"Mammal #6"},{name:"Mammal #7"},{name:"Mammal #8"},{name:"Mammal #9"},{name:"Mammal #10"}]},amphibians:{name:"Amphibians (sticky header)",key:"amphibians",label:"Amphibians",expanded:!0,items:[{name:"Click item to scroll",type:"Heading"},{name:"Amphibian #1",active:!0},{name:"Amphibian #2"},{name:"Amphibian #3"},{name:"Amphibian #4"},{name:"Amphibian #5"},{name:"Amphibian #6"},{name:"Amphibian #7"},{name:"Amphibian #8"},{name:"Amphibian #9"},{name:"Amphibian #10"}]}}),[b,m]=B.useReducer(d,{},()=>y()),[l,u]=B.useState(!1),c=(e,a)=>{u(!0),m({type:"itemClicked",payload:{headingKey:e,itemIndex:a}}),setTimeout(()=>u(!1),0)},p=e=>{m({type:"addClicked",payload:{headingKey:e}})},g=(e,a)=>m({type:"deleteClicked",payload:{headingKey:e,itemIndex:a}}),{mammals:I,amphibians:F}=b,C=e=>({...e,actions:[{label:"Add",primary:!0,icon:"add",onClick:()=>p(e.key)}],items:e.items.map((a,t)=>a.type=="Heading"?{...a,id:t}:{...a,id:t,onClick:()=>c(e.key,t),actions:[{label:"Delete",icon:"delete",onClick:()=>g(e.key,t)}]})}),n=300;return o.jsxs(nn,{gap:!0,children:[o.jsx(x,{list:C(I),bordered:!0,height:n,scrollDetails:{scrollable:!0,hideScrollbar:!1,triggerScrollToActiveItem:l}}),o.jsx(x,{list:C(F),bordered:!0,stickyHeader:!0,height:n,scrollDetails:{scrollable:!0,hideScrollbar:!1,triggerScrollToActiveItem:l}})]})},W=()=>{const d=(n,e)=>{switch(e.type){case"headingClicked":{const{headingKey:a}=e.payload;return k(n,t=>{const r=t[a];r.expanded=!r.expanded})}case"itemClicked":{const{headingKey:a,itemIndex:t}=e.payload;return k(n,r=>{Object.keys(r).forEach(i=>{r[i].items.forEach((h,A)=>{h.active=i===a&&A===t})})})}case"addClicked":{const{headingKey:a}=e.payload;return k(n,t=>{const r=t[a];r.expanded=!0,r.items.push({name:`${r.label} #${r.items.length+1}`})})}case"deleteClicked":{const{headingKey:a,itemIndex:t}=e.payload;return k(n,r=>{let{items:i}=r[a];delete i[t],r[a].items=i.filter(h=>h)})}default:return n}},y=()=>({mammals:{key:"mammals",label:"Mammals",expanded:!0,items:[{name:"Aardvark",active:!0},{name:"Kangaroo"}]},amphibians:{key:"amphibians",label:"Amphibians",expanded:!0,items:[{name:"Frog"}]}}),[b,m]=B.useReducer(d,y()),l=n=>m({type:"headingClicked",payload:{headingKey:n}}),u=(n,e)=>m({type:"itemClicked",payload:{headingKey:n,itemIndex:e}}),c=n=>m({type:"addClicked",payload:{headingKey:n}}),p=(n,e)=>m({type:"deleteClicked",payload:{headingKey:n,itemIndex:e}}),{mammals:g,amphibians:I}=b,F=n=>({name:n.label,metaCount:n.items.length,expanded:n.expanded,onClick:()=>l(n.key),actions:[{label:"Add",primary:!0,icon:"add",onClick:()=>c(n.key)}]}),C=n=>({...n,items:n.items.map((e,a)=>({...e,id:a,onClick:()=>u(n.key,a),actions:[{label:"Delete",icon:"delete",onClick:()=>p(n.key,a)}]}))});return o.jsxs(o.Fragment,{children:[o.jsx(en,{name:"Animals"}),o.jsx(q,{item:F(g)}),g.expanded&&o.jsx(x,{noHeader:!0,list:C(g)}),o.jsx(q,{item:F(I)}),I.expanded&&o.jsx(x,{noHeader:!0,list:C(I)})]})},X=()=>{const d=(u,c,p)=>{if(c&&isNaN(c)||p&&isNaN(p)||c===p)return u;const g=[...u];return typeof p=="number"&&typeof c=="number"&&g.splice(p,0,g.splice(c,1)[0]),g},y={name:"List Name",draggable:!0,items:[{id:1,name:"element 1",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]},{id:2,name:"element 2",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]},{id:3,name:"element 3"},{id:4,name:"element 4",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]},{id:5,name:"element 5",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]}]},[b,m]=B.useState(y.items),l=u=>{const{to:c,from:p}=u;m(d(b,p,c))};return o.jsx(x,{list:{...y,items:b},draggable:!0,onListReorder:l})};var z,G,P;O.parameters={...O.parameters,docs:{...(z=O.parameters)==null?void 0:z.docs,source:{originalSource:`args => {
2
2
  return <List {...args} />;
3
3
  }`,...(P=(G=O.parameters)==null?void 0:G.docs)==null?void 0:P.source}}};var Q,U,V;L.parameters={...L.parameters,docs:{...(Q=L.parameters)==null?void 0:Q.docs,source:{originalSource:`args => {
4
4
  return <List {...args} />;
@@ -454,4 +454,4 @@ import{j as o}from"./jsx-runtime-f961835c.js";import{r as B}from"./index-f80c8c9
454
454
  ...beautifulDnD,
455
455
  items: reorderedItems
456
456
  }} draggable onListReorder={onListReorder} />;
457
- }`,...(Ve=(Ue=X.parameters)==null?void 0:Ue.docs)==null?void 0:Ve.source}}};const Qn=["Default","Actions","Menus","Details","Expanding","Header","Badges","BadgesSmall","Nested","InvalidItems","JSXTitles","Bordered","IconWithTooltip","Metacount","StickyHeader","Scrollable","InfiniteScroll","ScrollToActiveItem","HeadingsManaged","ManagedDragAndDrop"];export{L as Actions,M as Badges,j as BadgesSmall,N as Bordered,O as Default,v as Details,K as Expanding,H as Header,W as HeadingsManaged,w as IconWithTooltip,J as InfiniteScroll,R as InvalidItems,E as JSXTitles,X as ManagedDragAndDrop,D as Menus,$ as Metacount,T as Nested,_ as ScrollToActiveItem,f as Scrollable,S as StickyHeader,Qn as __namedExportsOrder,Pn as default};
457
+ }`,...(Ve=(Ue=X.parameters)==null?void 0:Ue.docs)==null?void 0:Ve.source}}};const Pn=["Default","Actions","Menus","Details","Expanding","Header","Badges","BadgesSmall","Nested","InvalidItems","JSXTitles","Bordered","IconWithTooltip","Metacount","StickyHeader","Scrollable","InfiniteScroll","ScrollToActiveItem","HeadingsManaged","ManagedDragAndDrop"];export{L as Actions,M as Badges,j as BadgesSmall,N as Bordered,O as Default,v as Details,K as Expanding,H as Header,W as HeadingsManaged,w as IconWithTooltip,J as InfiniteScroll,R as InvalidItems,E as JSXTitles,X as ManagedDragAndDrop,D as Menus,$ as Metacount,T as Nested,_ as ScrollToActiveItem,f as Scrollable,S as StickyHeader,Pn as __namedExportsOrder,Gn as default};