@oliasoft-open-source/react-ui-library 4.6.0 → 4.6.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +2 -3
- package/dist/index.js +5 -7
- package/dist/index.js.map +1 -1
- package/dist/storybook/assets/Color-6VNJS4EI-LkypNDYY.js +1 -0
- package/dist/storybook/assets/DocsRenderer-NNNQARDV-271EmMHR.js +1 -0
- package/dist/storybook/assets/WithTooltip-V3YHNWJZ-5odABDuO.js +1 -0
- package/dist/storybook/assets/{accordion-MRdNs3mQ.js → accordion-M-sY23Hd.js} +1 -1
- package/dist/storybook/assets/{accordion.stories-3sqRwqly.js → accordion.stories-nYKTmoeA.js} +2 -2
- package/dist/storybook/assets/{actions-AZ9fI-GM.js → actions-mOcj9IlF.js} +1 -1
- package/dist/storybook/assets/{actions.stories-DcHBD8wo.js → actions.stories-ER0_rAT3.js} +1 -1
- package/dist/storybook/assets/afe.stories-gufd9PH8.js +88 -0
- package/dist/storybook/assets/{badge.stories-5O4TV4St.js → badge.stories-QAHZ0hGs.js} +1 -1
- package/dist/storybook/assets/blowout.stories-TT3YZhxD.js +40 -0
- package/dist/storybook/assets/{button-group-O6Di9sNA.js → button-group-mNQThLQb.js} +1 -1
- package/dist/storybook/assets/{button-group.stories-2yCzCoPD.js → button-group.stories-hEWUnlpm.js} +1 -1
- package/dist/storybook/assets/{button-rm22C2wf.js → button-shH4xakS.js} +1 -1
- package/dist/storybook/assets/{button.stories-32q2fViV.js → button.stories-5xHwBO1P.js} +6 -6
- package/dist/storybook/assets/{buttons-and-links-LEUVLdX3.js → buttons-and-links-Sb4bneec.js} +1 -1
- package/dist/storybook/assets/{card.stories-v_QIHoI3.js → card.stories-52XKdWMP.js} +1 -1
- package/dist/storybook/assets/{casing-loads.stories-rcooFkDL.js → casing-loads.stories-58Yzw909.js} +2 -2
- package/dist/storybook/assets/{cell.stories-MEK7F8sN.js → cell.stories-dk65sciA.js} +9 -9
- package/dist/storybook/assets/{check-box-7DccPNCs.js → check-box-2gxosI3y.js} +1 -1
- package/dist/storybook/assets/{check-box.stories-QBPARD7M.js → check-box.stories-dct4BaKG.js} +1 -1
- package/dist/storybook/assets/{chunk-HLWAVYOI-XeHb_zS2.js → chunk-HLWAVYOI-C-Uqv-lv.js} +1 -1
- package/dist/storybook/assets/color-QEPOj0Ib.js +25 -0
- package/dist/storybook/assets/{column.stories-FWqVDX5B.js → column.stories-1Qq8awo0.js} +6 -6
- package/dist/storybook/assets/{dialog-VIWX250Q.js → dialog-roJ8Yns6.js} +1 -1
- package/dist/storybook/assets/{drawer-FAo1Q_ET.js → drawer-GdbVQdWk.js} +1 -1
- package/dist/storybook/assets/{drawer.stories-raVCT-8R.js → drawer.stories-XWMoCncm.js} +2 -2
- package/dist/storybook/assets/{empty.stories-eLsVeLsD.js → empty.stories-XVXKuuiT.js} +1 -1
- package/dist/storybook/assets/entry-preview-TGgN7-T4.js +1 -0
- package/dist/storybook/assets/{config-b-_d5fwn.js → entry-preview-docs-KfUfHYQ7.js} +37 -37
- package/dist/storybook/assets/{field-9udMeZdr.js → field-FZX0Z7IB.js} +1 -1
- package/dist/storybook/assets/{field.stories-H98nslNw.js → field.stories-Quu0snQm.js} +5 -5
- package/dist/storybook/assets/{file-input.stories-d--B8cOO.js → file-input.stories-qbEqmWyt.js} +1 -1
- package/dist/storybook/assets/{flex-KzhjL9yc.js → flex-RYZsoWEN.js} +1 -1
- package/dist/storybook/assets/{flex.stories-I4p46kT6.js → flex.stories-8HJIYv6E.js} +1 -1
- package/dist/storybook/assets/footer.stories-tB9ZiuYm.js +3 -0
- package/dist/storybook/assets/form.stories-7v6JzvJl.js +49 -0
- package/dist/storybook/assets/formation.stories-gIRSy7_9.js +74 -0
- package/dist/storybook/assets/{formatter-SWP5E3XI-DSCJOjJG.js → formatter-SWP5E3XI-a7sBt194.js} +1 -1
- package/dist/storybook/assets/{heading-sY0SLHoQ.js → heading-jZsIIJF0.js} +1 -1
- package/dist/storybook/assets/{heading.stories-zStr3-HL.js → heading.stories-lW_q2VjY.js} +1 -1
- package/dist/storybook/assets/{help-icon-yrJgkgdC.js → help-icon-SKky6KLV.js} +1 -1
- package/dist/storybook/assets/{help-icon.stories-gjzAU_pF.js → help-icon.stories-i7tX8eBl.js} +1 -1
- package/dist/storybook/assets/icon-8EQazuuW.js +8 -0
- package/dist/storybook/assets/{icon.stories-jaMoeuyt.js → icon.stories-j-b_Exev.js} +1 -1
- package/dist/storybook/assets/iframe-Z5bUT4O1.js +7 -0
- package/dist/storybook/assets/index-PPLHz8o0.js +6 -0
- package/dist/storybook/assets/index-R5dkQuFe.js +3 -0
- package/dist/storybook/assets/{index-abKsB-Kl.js → index-i2tVYo5N.js} +20 -20
- package/dist/storybook/assets/{index.es-LXZC0YVN.js → index.es-VXFRDikp.js} +4 -4
- package/dist/storybook/assets/inheritsLoose-8sb_A2v4.js +1 -0
- package/dist/storybook/assets/{input-iDZqV-2m.js → input-2BhbKV-j.js} +1 -1
- package/dist/storybook/assets/{input-group.stories-UDFOhdWz.js → input-group.stories-gJFYuvVb.js} +5 -5
- package/dist/storybook/assets/{input-validation-20MUxBI6.js → input-validation-FFXJoKSI.js} +1 -1
- package/dist/storybook/assets/{input.stories-iopguZKB.js → input.stories-74EIL_bF.js} +1 -1
- package/dist/storybook/assets/{inputs-TmWBRWaW.js → inputs-DtKO2too.js} +1 -1
- package/dist/storybook/assets/{isPlainObject-4RuU_w9g.js → isPlainObject-OQlD0fAV.js} +1 -1
- package/dist/storybook/assets/{label-J7MI85wD.js → label-uCFEME1p.js} +1 -1
- package/dist/storybook/assets/{label.stories-kmvMrgz2.js → label.stories-LhXr4NuA.js} +1 -1
- package/dist/storybook/assets/{layout-forms-kkgtzmiO.js → layout-forms-7ZIITxGs.js} +1 -1
- package/dist/storybook/assets/{layout-general-BO1UiJxQ.js → layout-general-zuo7KumY.js} +1 -1
- package/dist/storybook/assets/{list-vXYnYUi0.js → list-PShi-3TE.js} +1 -1
- package/dist/storybook/assets/{list.stories-KCjHPYZx.js → list.stories-TLnvjaYU.js} +2 -2
- package/dist/storybook/assets/{list.stories-data-p4t83IOz.js → list.stories-data-Qc3oehAh.js} +1 -1
- package/dist/storybook/assets/{loader.stories-NPfeCmtc.js → loader.stories-xsnhGOV_.js} +5 -5
- package/dist/storybook/assets/{menu.stories-data-c8X93fYM.js → menu.stories-data-hEz8P1yK.js} +1 -1
- package/dist/storybook/assets/{menu.stories-t0fFav_z.js → menu.stories-ppWN2JgO.js} +6 -6
- package/dist/storybook/assets/{message-p9VAXLNZ.js → message-CRKuTfOl.js} +1 -1
- package/dist/storybook/assets/{message.stories-uPLoUdpD.js → message.stories-N8ZGvhv2.js} +1 -1
- package/dist/storybook/assets/meta-content-lUynpOsR.js +1 -0
- package/dist/storybook/assets/{modal.stories-7Z_rzYSc.js → modal.stories-dirXv4n_.js} +2 -2
- package/dist/storybook/assets/number-input-CMhEMmUd.js +1 -0
- package/dist/storybook/assets/number-input.stories-AU1jlL6D.js +97 -0
- package/dist/storybook/assets/{option-dropdown.stories-XXhHv7Q-.js → option-dropdown.stories-n7CDZevX.js} +1 -1
- package/dist/storybook/assets/{padding-and-spacing-ResQ517B.js → padding-and-spacing-3Mlm9PiC.js} +1 -1
- package/dist/storybook/assets/{page.stories-WaAu4bZx.js → page.stories-OXhmRr73.js} +1 -1
- package/dist/storybook/assets/{pagination-WmRtOUjO.js → pagination-tnyyuMkB.js} +1 -1
- package/dist/storybook/assets/{pagination.stories-leit5iOS.js → pagination.stories-c7jbEB_j.js} +2 -2
- package/dist/storybook/assets/{pop-confirm.stories-PknEXhpI.js → pop-confirm.stories-kZScSFuk.js} +1 -1
- package/dist/storybook/assets/{popover-ZT5lBU-W.js → popover-cad2llTa.js} +1 -1
- package/dist/storybook/assets/popover.stories-1JvlWYFM.js +1 -0
- package/dist/storybook/assets/{portal.stories-UGkzdgVk.js → portal.stories-1Jnj3LXz.js} +1 -1
- package/dist/storybook/assets/{preview-5oXwpv5M.js → preview-0LPoYPAJ.js} +13 -13
- package/dist/storybook/assets/preview-MDW-geT9.js +7 -0
- package/dist/storybook/assets/preview-OnO0tzRj.js +17 -0
- package/dist/storybook/assets/projects.stories-epAPUAg1.js +47 -0
- package/dist/storybook/assets/{radio-button-T38JdN-I.js → radio-button-5n_38sFk.js} +1 -1
- package/dist/storybook/assets/{radio-button.stories-MbtUJQ4_.js → radio-button.stories-Z_B_oHnZ.js} +1 -1
- package/dist/storybook/assets/react-router-dom-EZH1n7K1.js +8 -0
- package/dist/storybook/assets/{reservoirs.stories-qYaPMbjv.js → reservoirs.stories-vxBxhmZh.js} +2 -2
- package/dist/storybook/assets/{rich-text-input.stories-hYx4gSgs.js → rich-text-input.stories-EbjoMb2s.js} +3 -3
- package/dist/storybook/assets/{row.stories-1uI0HLm0.js → row.stories-p0ssjvtr.js} +2 -2
- package/dist/storybook/assets/select-DZdWUrCW.js +1 -0
- package/dist/storybook/assets/{select.stories-U32XvwIb.js → select.stories-QOxuHSmz.js} +2 -2
- package/dist/storybook/assets/{side-bar-_tR5JeGc.js → side-bar-ZpHvA_KQ.js} +1 -1
- package/dist/storybook/assets/side-bar.stories-GCjyz_UC.js +27 -0
- package/dist/storybook/assets/{site.stories-ltRQw7Km.js → site.stories-k6-tU36k.js} +2 -2
- package/dist/storybook/assets/slider-MN9iDCsS.js +7 -0
- package/dist/storybook/assets/{slider.stories-10JT-qwQ.js → slider.stories-hVrt3K9M.js} +4 -4
- package/dist/storybook/assets/{spacer.stories-hs33H_N9.js → spacer.stories-Tc3LfeOH.js} +1 -1
- package/dist/storybook/assets/syntaxhighlighter-B5GMVT5T-jueltlMw.js +1 -0
- package/dist/storybook/assets/table-033R9jUC.js +1 -0
- package/dist/storybook/assets/{table.stories-data-ehBuODKA.js → table.stories-data-NfE_v-gH.js} +1 -1
- package/dist/storybook/assets/{table.stories-63gTcmnB.js → table.stories-wdVWlpz1.js} +5 -5
- package/dist/storybook/assets/{tabs.stories-KtJc5Yci.js → tabs.stories-aps5NXFv.js} +2 -2
- package/dist/storybook/assets/text-link.stories-Mx9ojcOC.js +14 -0
- package/dist/storybook/assets/{textarea-mYEkEnUR.js → textarea-ygEac3d2.js} +1 -1
- package/dist/storybook/assets/{textarea.stories-ARS3RM31.js → textarea.stories-vr_I38NI.js} +1 -1
- package/dist/storybook/assets/{hoist-non-react-statics.cjs-pnyno-Dk.js → tiny-invariant-R4kOKlvx.js} +2 -2
- package/dist/storybook/assets/title.stories-9QWP9XVr.js +37 -0
- package/dist/storybook/assets/{toaster-bqqWcltU.js → toaster-yPcd4ELJ.js} +1 -1
- package/dist/storybook/assets/toaster.stories-D_1FY8OT.js +86 -0
- package/dist/storybook/assets/{toggle-b0PkHQDl.js → toggle-M_66MP8X.js} +1 -1
- package/dist/storybook/assets/{toggle.stories-zMCWB_3O.js → toggle.stories-VfPLoUW1.js} +1 -1
- package/dist/storybook/assets/{tooltip-ZHdi6rl-.js → tooltip-HEHiU__l.js} +1 -1
- package/dist/storybook/assets/{tooltip.stories-gTfOeEzv.js → tooltip.stories-tiOgoWHH.js} +1 -1
- package/dist/storybook/assets/{tooltip.test-case.stories-Vq8nFCVS.js → tooltip.test-case.stories-g9fe1-Ut.js} +1 -1
- package/dist/storybook/assets/{top-bar-e2jItFw6.js → top-bar-ywJJBf-H.js} +1 -1
- package/dist/storybook/assets/top-bar.stories-KkBPu_h3.js +21 -0
- package/dist/storybook/assets/{top-bar.testcase.stories-2MxbcV7T.js → top-bar.testcase.stories-RJkl6c8Z.js} +2 -2
- package/dist/storybook/assets/{tree.stories-U6RKMnnO.js → tree.stories-UiERA8eJ.js} +1 -1
- package/dist/storybook/assets/{unit-input.stories-S31ymsIe.js → unit-input.stories-NxlXJaPc.js} +15 -15
- package/dist/storybook/assets/unit-table.stories-JkNu_Up6.js +103 -0
- package/dist/storybook/iframe.html +3 -1
- package/dist/storybook/index.json +1 -1
- package/dist/storybook/project.json +1 -1
- package/dist/storybook/sb-addons/actions-0/manager-bundle.js +1 -1
- package/dist/storybook/sb-preview/globals.js +1 -1
- package/dist/storybook/sb-preview/runtime.js +19 -19
- package/dist/storybook/stories.json +1 -1
- package/package.json +1 -1
- package/dist/storybook/assets/Color-6VNJS4EI-7SF_QHKQ.js +0 -1
- package/dist/storybook/assets/DocsRenderer-NNNQARDV-zFqyxzyz.js +0 -1
- package/dist/storybook/assets/WithTooltip-4HIR6TLV--mlcCTTj.js +0 -1
- package/dist/storybook/assets/afe.stories-ArA2txnu.js +0 -88
- package/dist/storybook/assets/blowout.stories-6yWu_xKW.js +0 -40
- package/dist/storybook/assets/color-fUhGriLa.js +0 -25
- package/dist/storybook/assets/extends-dGVwEr9R.js +0 -1
- package/dist/storybook/assets/footer.stories-Mrr_R3r9.js +0 -3
- package/dist/storybook/assets/form.stories-6S2hx2wh.js +0 -49
- package/dist/storybook/assets/formation.stories-pE9W1lT-.js +0 -74
- package/dist/storybook/assets/icon-_m67DAr0.js +0 -8
- package/dist/storybook/assets/iframe-5vkaUfcR.js +0 -7
- package/dist/storybook/assets/index-gM75B7fB.js +0 -8
- package/dist/storybook/assets/inheritsLoose-Y9jOMJLd.js +0 -1
- package/dist/storybook/assets/list-heading-5IIpXtaS.js +0 -1
- package/dist/storybook/assets/number-input-wURqWy_O.js +0 -1
- package/dist/storybook/assets/number-input.stories-V3bsui-x.js +0 -81
- package/dist/storybook/assets/popover.stories-Jsd7AOQD.js +0 -1
- package/dist/storybook/assets/preview-Fi7DQdoQ.js +0 -1
- package/dist/storybook/assets/preview-XaSsmro5.js +0 -7
- package/dist/storybook/assets/projects.stories-thRPHYqQ.js +0 -47
- package/dist/storybook/assets/react-router-dom-2JKSc1g5.js +0 -8
- package/dist/storybook/assets/select-kE9fK8N9.js +0 -1
- package/dist/storybook/assets/side-bar.stories-I7ZQcntL.js +0 -27
- package/dist/storybook/assets/slider-XJwLz14m.js +0 -7
- package/dist/storybook/assets/syntaxhighlighter-NMPM6SWI-CwboJMBs.js +0 -1
- package/dist/storybook/assets/table-geCXJ5Oo.js +0 -1
- package/dist/storybook/assets/text-link.stories-_A7eKI_2.js +0 -14
- package/dist/storybook/assets/title.stories-0uqbMXQe.js +0 -37
- package/dist/storybook/assets/toaster.stories-j_yWcF95.js +0 -86
- package/dist/storybook/assets/top-bar.stories-Dz8tdKm4.js +0 -21
- package/dist/storybook/assets/unit-table.stories-8hLAgPN9.js +0 -103
- /package/dist/storybook/assets/{list-heading-dR7AAq04.css → meta-content-dR7AAq04.css} +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{R as T,r as I}from"./index-RfLt4OUa.js";import{_ as
|
|
1
|
+
import{R as T,r as I}from"./index-RfLt4OUa.js";import{_ as w,a as Zt}from"./inheritsLoose-8sb_A2v4.js";import{b as bt,c as da,a as pa,d as fa}from"./redux-F5dueAP3.js";import{h as ht,i as va}from"./tiny-invariant-R4kOKlvx.js";import{r as ga,R as ma}from"./index-miLrID2P.js";import{m as F}from"./memoize-one.esm-hqe5SRxC.js";import{_ as nr}from"./objectWithoutPropertiesLoose-9Q1jwsKS.js";var _t=T.createContext(null);function ba(e){e()}var en=ba,ha=function(r){return en=r},ya=function(){return en};function Da(){var e=ya(),r=null,t=null;return{clear:function(){r=null,t=null},notify:function(){e(function(){for(var i=r;i;)i.callback(),i=i.next})},get:function(){for(var i=[],a=r;a;)i.push(a),a=a.next;return i},subscribe:function(i){var a=!0,o=t={callback:i,next:null,prev:t};return o.prev?o.prev.next=o:r=o,function(){!a||r===null||(a=!1,o.next?o.next.prev=o.prev:t=o.prev,o.prev?o.prev.next=o.next:r=o.next)}}}}var yt={notify:function(){},get:function(){return[]}};function rn(e,r){var t,n=yt;function i(u){return s(),n.subscribe(u)}function a(){n.notify()}function o(){p.onStateChange&&p.onStateChange()}function l(){return!!t}function s(){t||(t=r?r.addNestedSub(o):e.subscribe(o),n=Da())}function d(){t&&(t(),t=void 0,n.clear(),n=yt)}var p={addNestedSub:i,notifyNestedSubs:a,handleChangeWrapper:o,isSubscribed:l,trySubscribe:s,tryUnsubscribe:d,getListeners:function(){return n}};return p}var tn=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u"?I.useLayoutEffect:I.useEffect;function xa(e){var r=e.store,t=e.context,n=e.children,i=I.useMemo(function(){var l=rn(r);return{store:r,subscription:l}},[r]),a=I.useMemo(function(){return r.getState()},[r]);tn(function(){var l=i.subscription;return l.onStateChange=l.notifyNestedSubs,l.trySubscribe(),a!==r.getState()&&l.notifyNestedSubs(),function(){l.tryUnsubscribe(),l.onStateChange=null}},[i,a]);var o=t||_t;return T.createElement(o.Provider,{value:i},n)}var nn={exports:{}},O={};/** @license React v17.0.2
|
|
2
2
|
* react-is.production.min.js
|
|
3
3
|
*
|
|
4
4
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
@@ -58,7 +58,7 @@ import{R as T,r as I}from"./index-RfLt4OUa.js";import{_ as Zt}from"./inheritsLoo
|
|
|
58
58
|
-moz-user-select: none;
|
|
59
59
|
-ms-user-select: none;
|
|
60
60
|
overflow-anchor: none;
|
|
61
|
-
`}},o=[n,t,i,a];return{always:Ee(o,"always"),resting:Ee(o,"resting"),dragging:Ee(o,"dragging"),dropAnimating:Ee(o,"dropAnimating"),userCancel:Ee(o,"userCancel")}},$=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u"?I.useLayoutEffect:I.useEffect,Mr=function(){var r=document.querySelector("head");return r||h(!1),r},qt=function(r){var t=document.createElement("style");return r&&t.setAttribute("nonce",r),t.type="text/css",t};function Hl(e,r){var t=A(function(){return Wl(e)},[e]),n=I.useRef(null),i=I.useRef(null),a=S(F(function(u){var c=i.current;c||h(!1),c.textContent=u}),[]),o=S(function(u){var c=n.current;c||h(!1),c.textContent=u},[]);$(function(){!n.current&&!i.current||h(!1);var u=qt(r),c=qt(r);return n.current=u,i.current=c,u.setAttribute(he+"-always",e),c.setAttribute(he+"-dynamic",e),Mr().appendChild(u),Mr().appendChild(c),o(t.always),a(t.resting),function(){var f=function(g){var m=g.current;m||h(!1),Mr().removeChild(m),g.current=null};f(n),f(i)}},[r,o,a,t.always,t.resting,e]);var l=S(function(){return a(t.dragging)},[a,t.dragging]),s=S(function(u){if(u==="DROP"){a(t.dropAnimating);return}a(t.userCancel)},[a,t.dropAnimating,t.userCancel]),d=S(function(){i.current&&a(t.resting)},[a,t.resting]),p=A(function(){return{dragging:l,dropping:s,resting:d}},[l,s,d]);return p}var Qn=function(e){return e&&e.ownerDocument?e.ownerDocument.defaultView:window};function hr(e){return e instanceof Qn(e).HTMLElement}function Ul(e,r){var t="["+ye.contextId+'="'+e+'"]',n=yn(document.querySelectorAll(t));if(!n.length)return null;var i=le(n,function(a){return a.getAttribute(ye.draggableId)===r});return!i||!hr(i)?null:i}function kl(e){var r=I.useRef({}),t=I.useRef(null),n=I.useRef(null),i=I.useRef(!1),a=S(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=S(function(c){var f=Ul(e,c);f&&f!==document.activeElement&&f.focus()},[e]),l=S(function(c,f){t.current===c&&(t.current=f)},[]),s=S(function(){n.current||i.current&&(n.current=requestAnimationFrame(function(){n.current=null;var c=t.current;c&&o(c)}))},[o]),d=S(function(c){t.current=null;var f=document.activeElement;f&&f.getAttribute(ye.draggableId)===c&&(t.current=c)},[]);$(function(){return i.current=!0,function(){i.current=!1;var c=n.current;c&&cancelAnimationFrame(c)}},[]);var p=A(function(){return{register:a,tryRecordFocus:d,tryRestoreFocusRecorded:s,tryShiftRecord:l}},[a,d,s,l]);return p}function ql(){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 i(u){return e.draggables[u]||null}function a(u){var c=i(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=i(f);v&&c.uniqueId===v.uniqueId&&(delete e.draggables[f],n({type:"REMOVAL",value:c}))},getById:a,findById:i,exists:function(c){return!!i(c)},getAllByType:function(c){return ur(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 ur(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 Vl(){var e=A(ql,[]);return I.useEffect(function(){return function(){requestAnimationFrame(e.clean)}},[e]),e}var dt=T.createContext(null),cr=function(){var e=document.body;return e||h(!1),e},$l={position:"absolute",width:"1px",height:"1px",margin:"-1px",border:"0",padding:"0",overflow:"hidden",clip:"rect(0 0 0 0)","clip-path":"inset(100%)"},zl=function(r){return"rbd-announcement-"+r};function Yl(e){var r=A(function(){return zl(e)},[e]),t=I.useRef(null);I.useEffect(function(){var a=document.createElement("div");return t.current=a,a.id=r,a.setAttribute("aria-live","assertive"),a.setAttribute("aria-atomic","true"),w(a.style,$l),cr().appendChild(a),function(){setTimeout(function(){var s=cr();s.contains(a)&&s.removeChild(a),a===t.current&&(t.current=null)})}},[r]);var n=S(function(i){var a=t.current;if(a){a.textContent=i;return}},[]);return n}var jl=0,Kl={separator:"::"};function pt(e,r){return r===void 0&&(r=Kl),A(function(){return""+e+r.separator+jl++},[r.separator,e])}function Jl(e){var r=e.contextId,t=e.uniqueId;return"rbd-hidden-text-"+r+"-"+t}function Xl(e){var r=e.contextId,t=e.text,n=pt("hidden-text",{separator:"-"}),i=A(function(){return Jl({contextId:r,uniqueId:n})},[n,r]);return I.useEffect(function(){var o=document.createElement("div");return o.id=i,o.textContent=t,o.style.display="none",cr().appendChild(o),function(){var s=cr();s.contains(o)&&s.removeChild(o)}},[i,t]),i}var yr=T.createContext(null);function Zn(e){var r=I.useRef(e);return I.useEffect(function(){r.current=e}),r}function Ql(){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 i(){e||h(!1),e=null}function a(){e&&(e.abandon(),i())}return{isClaimed:r,isActive:t,claim:n,release:i,tryAbandon:a}}var Zl=9,_l=13,ft=27,_n=32,eu=33,ru=34,tu=35,nu=36,au=37,iu=38,ou=39,lu=40,_e,uu=(_e={},_e[_l]=!0,_e[Zl]=!0,_e),ea=function(e){uu[e.keyCode]&&e.preventDefault()},Dr=function(){var e="visibilitychange";if(typeof document>"u")return e;var r=[e,"ms"+e,"webkit"+e,"moz"+e,"o"+e],t=le(r,function(n){return"on"+n in document});return t||e}(),ra=0,Vt=5;function su(e,r){return Math.abs(r.x-e.x)>=Vt||Math.abs(r.y-e.y)>=Vt}var $t={type:"IDLE"};function cu(e){var r=e.cancel,t=e.completed,n=e.getPhase,i=e.setPhase;return[{eventName:"mousemove",fn:function(o){var l=o.button,s=o.clientX,d=o.clientY;if(l===ra){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(su(c,p)){o.preventDefault();var f=u.actions.fluidLift(p);i({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===ft){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:Dr,fn:r}]}function du(e){var r=I.useRef($t),t=I.useRef(ne),n=A(function(){return{eventName:"mousedown",fn:function(u){if(!u.defaultPrevented&&u.button===ra&&!(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]),i=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]),a=S(function(){var u={passive:!1,capture:!0};t.current=X(window,[i,n],u)},[i,n]),o=S(function(){var p=r.current;p.type!=="IDLE"&&(r.current=$t,t.current(),a())},[a]),l=S(function(){var p=r.current;o(),p.type==="DRAGGING"&&p.actions.cancel({shouldBlockNextClick:!0}),p.type==="PENDING"&&p.actions.abort()},[o]),s=S(function(){var u={capture:!0,passive:!1},c=cu({cancel:l,completed:o,getPhase:function(){return r.current},setPhase:function(v){r.current=v}});t.current=X(window,c,u)},[l,o]),d=S(function(u,c){r.current.type!=="IDLE"&&h(!1),r.current={type:"PENDING",point:c,actions:u},s()},[s]);$(function(){return a(),function(){t.current()}},[a])}var ge;function pu(){}var fu=(ge={},ge[ru]=!0,ge[eu]=!0,ge[nu]=!0,ge[tu]=!0,ge);function vu(e,r){function t(){r(),e.cancel()}function n(){r(),e.drop()}return[{eventName:"keydown",fn:function(a){if(a.keyCode===ft){a.preventDefault(),t();return}if(a.keyCode===_n){a.preventDefault(),n();return}if(a.keyCode===lu){a.preventDefault(),e.moveDown();return}if(a.keyCode===iu){a.preventDefault(),e.moveUp();return}if(a.keyCode===ou){a.preventDefault(),e.moveRight();return}if(a.keyCode===au){a.preventDefault(),e.moveLeft();return}if(fu[a.keyCode]){a.preventDefault();return}ea(a)}},{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:Dr,fn:t}]}function gu(e){var r=I.useRef(pu),t=A(function(){return{eventName:"keydown",fn:function(a){if(a.defaultPrevented||a.keyCode!==_n)return;var o=e.findClosestDraggableId(a);if(!o)return;var l=e.tryGetLock(o,p,{sourceEvent:a});if(!l)return;a.preventDefault();var s=!0,d=l.snapLift();r.current();function p(){s||h(!1),s=!1,r.current(),n()}r.current=X(window,vu(d,p),{capture:!0,passive:!1})}}},[e]),n=S(function(){var a={passive:!1,capture:!0};r.current=X(window,[t],a)},[t]);$(function(){return n(),function(){r.current()}},[n])}var Lr={type:"IDLE"},mu=120,bu=.15;function hu(e){var r=e.cancel,t=e.getPhase;return[{eventName:"orientationchange",fn:r},{eventName:"resize",fn:r},{eventName:"contextmenu",fn:function(i){i.preventDefault()}},{eventName:"keydown",fn:function(i){if(t().type!=="DRAGGING"){r();return}i.keyCode===ft&&i.preventDefault(),r()}},{eventName:Dr,fn:r}]}function yu(e){var r=e.cancel,t=e.completed,n=e.getPhase;return[{eventName:"touchmove",options:{capture:!1},fn:function(a){var o=n();if(o.type!=="DRAGGING"){r();return}o.hasMoved=!0;var l=a.touches[0],s=l.clientX,d=l.clientY,p={x:s,y:d};a.preventDefault(),o.actions.move(p)}},{eventName:"touchend",fn:function(a){var o=n();if(o.type!=="DRAGGING"){r();return}a.preventDefault(),o.actions.drop({shouldBlockNextClick:!0}),t()}},{eventName:"touchcancel",fn:function(a){if(n().type!=="DRAGGING"){r();return}a.preventDefault(),r()}},{eventName:"touchforcechange",fn:function(a){var o=n();o.type==="IDLE"&&h(!1);var l=a.touches[0];if(l){var s=l.force>=bu;if(s){var d=o.actions.shouldRespectForcePress();if(o.type==="PENDING"){d&&r();return}if(d){if(o.hasMoved){a.preventDefault();return}r();return}a.preventDefault()}}}},{eventName:Dr,fn:r}]}function Du(e){var r=I.useRef(Lr),t=I.useRef(ne),n=S(function(){return r.current},[]),i=S(function(f){r.current=f},[]),a=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=S(function(){var f={capture:!0,passive:!1};t.current=X(window,[a],f)},[a]),l=S(function(){var c=r.current;c.type!=="IDLE"&&(c.type==="PENDING"&&clearTimeout(c.longPressTimerId),i(Lr),t.current(),o())},[o,i]),s=S(function(){var c=r.current;l(),c.type==="DRAGGING"&&c.actions.cancel({shouldBlockNextClick:!0}),c.type==="PENDING"&&c.actions.abort()},[l]),d=S(function(){var f={capture:!0,passive:!1},v={cancel:s,completed:l,getPhase:n},g=X(window,yu(v),f),m=X(window,hu(v),f);t.current=function(){g(),m()}},[s,n,l]),p=S(function(){var f=n();f.type!=="PENDING"&&h(!1);var v=f.actions.fluidLift(f.point);i({type:"DRAGGING",actions:v,hasMoved:!1})},[n,i]),u=S(function(f,v){n().type!=="IDLE"&&h(!1);var g=setTimeout(p,mu);i({type:"PENDING",point:v,actions:f,longPressTimerId:g}),d()},[d,n,i,p]);$(function(){return o(),function(){t.current();var v=n();v.type==="PENDING"&&(clearTimeout(v.longPressTimerId),i(Lr))}},[n,o,i]),$(function(){var f=X(window,[{eventName:"touchmove",fn:function(){},options:{capture:!1,passive:!1}}]);return f},[])}var xu={input:!0,button:!0,textarea:!0,select:!0,option:!0,optgroup:!0,video:!0,audio:!0};function ta(e,r){if(r==null)return!1;var t=!!xu[r.tagName.toLowerCase()];if(t)return!0;var n=r.getAttribute("contenteditable");return n==="true"||n===""?!0:r===e?!1:ta(e,r.parentElement)}function Iu(e,r){var t=r.target;return hr(t)?ta(e,t):!1}var Su=function(e){return _(e.getBoundingClientRect()).center};function Cu(e){return e instanceof Qn(e).Element}var wu=function(){var e="matches";if(typeof document>"u")return e;var r=[e,"msMatchesSelector","webkitMatchesSelector"],t=le(r,function(n){return n in Element.prototype});return t||e}();function na(e,r){return e==null?null:e[wu](r)?e:na(e.parentElement,r)}function Eu(e,r){return e.closest?e.closest(r):na(e,r)}function Pu(e){return"["+ye.contextId+'="'+e+'"]'}function Au(e,r){var t=r.target;if(!Cu(t))return null;var n=Pu(e),i=Eu(t,n);return!i||!hr(i)?null:i}function Ru(e,r){var t=Au(e,r);return t?t.getAttribute(ye.draggableId):null}function Bu(e,r){var t="["+qr.contextId+'="'+e+'"]',n=yn(document.querySelectorAll(t)),i=le(n,function(a){return a.getAttribute(qr.id)===r});return!i||!hr(i)?null:i}function Tu(e){e.preventDefault()}function er(e){var r=e.expected,t=e.phase,n=e.isLockActive;return e.shouldWarn,!(!n()||r!==t)}function aa(e){var r=e.lockAPI,t=e.store,n=e.registry,i=e.draggableId;if(r.isClaimed())return!1;var a=n.draggable.findById(i);return!(!a||!a.options.isEnabled||!jn(t.getState(),i))}function Ou(e){var r=e.lockAPI,t=e.contextId,n=e.store,i=e.registry,a=e.draggableId,o=e.forceSensorStop,l=e.sourceEvent,s=aa({lockAPI:r,store:n,registry:i,draggableId:a});if(!s)return null;var d=i.draggable.getById(a),p=Bu(t,d.descriptor.id);if(!p||l&&!d.options.canDragInteractiveElements&&Iu(p,l))return null;var u=r.claim(o||ne),c="PRE_DRAG";function f(){return d.options.shouldRespectForcePress}function v(){return r.isActive(u)}function g(C,R){er({expected:C,phase:c,isLockActive:v,shouldWarn:!0})&&n.dispatch(R())}var m=g.bind(null,"DRAGGING");function b(C){function R(){r.release(),c="COMPLETED"}c!=="PRE_DRAG"&&(R(),c!=="PRE_DRAG"&&h(!1)),n.dispatch(wo(C.liftActionArgs)),c="DRAGGING";function N(P,M){if(M===void 0&&(M={shouldBlockNextClick:!1}),C.cleanup(),M.shouldBlockNextClick){var B=X(window,[{eventName:"click",fn:Tu,options:{once:!0,passive:!1,capture:!0}}]);setTimeout(B)}R(),n.dispatch(Un({reason:P}))}return w({isActive:function(){return er({expected:"DRAGGING",phase:c,isLockActive:v,shouldWarn:!1})},shouldRespectForcePress:f,drop:function(M){return N("DROP",M)},cancel:function(M){return N("CANCEL",M)}},C.actions)}function y(C){var R=Te(function(P){m(function(){return Hn({client:P})})}),N=b({liftActionArgs:{id:a,clientSelection:C,movementMode:"FLUID"},cleanup:function(){return R.cancel()},actions:{move:R}});return w({},N,{move:R})}function x(){var C={moveUp:function(){return m(Mo)},moveRight:function(){return m(Fo)},moveDown:function(){return m(Lo)},moveLeft:function(){return m(Go)}};return b({liftActionArgs:{id:a,clientSelection:Su(p),movementMode:"SNAP"},cleanup:ne,actions:C})}function D(){var C=er({expected:"PRE_DRAG",phase:c,isLockActive:v,shouldWarn:!0});C&&r.release()}var E={isActive:function(){return er({expected:"PRE_DRAG",phase:c,isLockActive:v,shouldWarn:!1})},shouldRespectForcePress:f,fluidLift:y,snapLift:x,abort:D};return E}var Nu=[du,gu,Du];function Mu(e){var r=e.contextId,t=e.store,n=e.registry,i=e.customSensors,a=e.enableDefaultSensors,o=[].concat(a?Nu:[],i||[]),l=I.useState(function(){return Ql()})[0],s=S(function(y,x){y.isDragging&&!x.isDragging&&l.tryAbandon()},[l]);$(function(){var y=t.getState(),x=t.subscribe(function(){var D=t.getState();s(y,D),y=D});return x},[l,t,s]),$(function(){return l.tryAbandon},[l.tryAbandon]);for(var d=S(function(b){return aa({lockAPI:l,registry:n,store:t,draggableId:b})},[l,n,t]),p=S(function(b,y,x){return Ou({lockAPI:l,registry:n,contextId:r,store:t,draggableId:b,forceSensorStop:y,sourceEvent:x&&x.sourceEvent?x.sourceEvent:null})},[r,l,n,t]),u=S(function(b){return Ru(r,b)},[r]),c=S(function(b){var y=n.draggable.findById(b);return y?y.options:null},[n.draggable]),f=S(function(){l.isClaimed()&&(l.tryAbandon(),t.getState().phase!=="IDLE"&&t.dispatch(nt()))},[l,t]),v=S(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 Lu=function(r){return{onBeforeCapture:r.onBeforeCapture,onBeforeDragStart:r.onBeforeDragStart,onDragStart:r.onDragStart,onDragEnd:r.onDragEnd,onDragUpdate:r.onDragUpdate}};function Pe(e){return e.current||h(!1),e.current}function Fu(e){var r=e.contextId,t=e.setCallbacks,n=e.sensors,i=e.nonce,a=e.dragHandleUsageInstructions,o=I.useRef(null),l=Zn(e),s=S(function(){return Lu(l.current)},[l]),d=Yl(r),p=Xl({contextId:r,text:a}),u=Hl(r,i),c=S(function(P){Pe(o).dispatch(P)},[]),f=A(function(){return bt({publishWhileDragging:Po,updateDroppableScroll:Ro,updateDroppableIsEnabled:Bo,updateDroppableIsCombineEnabled:To,collectionStarting:Ao},c)},[c]),v=Vl(),g=A(function(){return bl(v,f)},[v,f]),m=A(function(){return Ml(w({scrollWindow:hl,scrollDroppable:g.scrollDroppable},bt({move:Hn},c)))},[g.scrollDroppable,c]),b=kl(r),y=A(function(){return fl({announce:d,autoScroller:m,dimensionMarshal:g,focusMarshal:b,getResponders:s,styleMarshal:u})},[d,m,g,b,s,u]);o.current=y;var x=S(function(){var P=Pe(o),M=P.getState();M.phase!=="IDLE"&&P.dispatch(nt())},[]),D=S(function(){var P=Pe(o).getState();return P.isDragging||P.phase==="DROP_ANIMATING"},[]),E=A(function(){return{isDragging:D,tryAbort:x}},[D,x]);t(E);var C=S(function(P){return jn(Pe(o).getState(),P)},[]),R=S(function(){return ce(Pe(o).getState())},[]),N=A(function(){return{marshal:g,focus:b,contextId:r,canLift:C,isMovementAllowed:R,dragHandleUsageInstructionsId:p,registry:v}},[r,g,p,b,C,R,v]);return Mu({contextId:r,store:y,registry:v,customSensors:n,enableDefaultSensors:e.enableDefaultSensors!==!1}),I.useEffect(function(){return x},[x]),T.createElement(yr.Provider,{value:N},T.createElement(xa,{context:dt,store:y},e.children))}var Gu=0;function Wu(){return A(function(){return""+Gu++},[])}function Gs(e){var r=Wu(),t=e.dragHandleUsageInstructions||tr.dragHandleUsageInstructions;return T.createElement(vi,null,function(n){return T.createElement(Fu,{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 ia=function(r){return function(t){return r===t}},Hu=ia("scroll"),Uu=ia("auto"),zt=function(r,t){return t(r.overflowX)||t(r.overflowY)},ku=function(r){var t=window.getComputedStyle(r),n={overflowX:t.overflowX,overflowY:t.overflowY};return zt(n,Hu)||zt(n,Uu)},qu=function(){return!1},Vu=function e(r){return r==null?null:r===document.body?qu()?r:null:r===document.documentElement?null:ku(r)?r:e(r.parentElement)},Vr=function(e){return{x:e.scrollLeft,y:e.scrollTop}},$u=function e(r){if(!r)return!1;var t=window.getComputedStyle(r);return t.position==="fixed"?!0:e(r.parentElement)},zu=function(e){var r=Vu(e),t=$u(e);return{closestScrollable:r,isFixedOnPage:t}},Yu=function(e){var r=e.descriptor,t=e.isEnabled,n=e.isCombineEnabled,i=e.isFixedOnPage,a=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=$n({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:G,displacement:G}}}}(),p=a==="vertical"?Zr:Cn,u=be({page:l,withPlaceholder:null,axis:p,frame:d}),c={descriptor:r,isCombineEnabled:n,isFixedOnPage:i,axis:p,isEnabled:t,client:o,page:l,frame:d,subject:u};return c},ju=function(r,t){var n=vn(r);if(!t||r!==t)return n;var i=n.paddingBox.top-t.scrollTop,a=n.paddingBox.left-t.scrollLeft,o=i+t.scrollHeight,l=a+t.scrollWidth,s={top:i,right:l,bottom:o,left:a},d=jr(s,n.border),p=Kr({borderBox:d,margin:n.margin,border:n.border,padding:n.padding});return p},Ku=function(e){var r=e.ref,t=e.descriptor,n=e.env,i=e.windowScroll,a=e.direction,o=e.isDropDisabled,l=e.isCombineEnabled,s=e.shouldClipSubject,d=n.closestScrollable,p=ju(r,d),u=ir(p,i),c=function(){if(!d)return null;var v=vn(d),g={scrollHeight:d.scrollHeight,scrollWidth:d.scrollWidth};return{client:v,page:ir(v,i),scroll:Vr(d),scrollSize:g,shouldClipSubject:s}}(),f=Yu({descriptor:t,isEnabled:!o,isCombineEnabled:l,isFixedOnPage:n.isFixedOnPage,direction:a,client:p,page:u,closest:c});return f},Ju={passive:!1},Xu={passive:!0},Yt=function(e){return e.shouldPublishImmediately?Ju:Xu};function dr(e){var r=I.useContext(e);return r||h(!1),r}var rr=function(r){return r&&r.env.closestScrollable||null};function Qu(e){var r=I.useRef(null),t=dr(yr),n=pt("droppable"),i=t.registry,a=t.marshal,o=Zn(e),l=A(function(){return{id:e.droppableId,type:e.type,mode:e.mode}},[e.droppableId,e.mode,e.type]),s=I.useRef(l),d=A(function(){return F(function(D,E){r.current||h(!1);var C={x:D,y:E};a.updateDroppableScroll(l.id,C)})},[l.id,a]),p=S(function(){var D=r.current;return!D||!D.env.closestScrollable?G:Vr(D.env.closestScrollable)},[]),u=S(function(){var D=p();d(D.x,D.y)},[p,d]),c=A(function(){return Te(u)},[u]),f=S(function(){var D=r.current,E=rr(D);D&&E||h(!1);var C=D.scrollOptions;if(C.shouldPublishImmediately){u();return}c()},[c,u]),v=S(function(D,E){r.current&&h(!1);var C=o.current,R=C.getDroppableRef();R||h(!1);var N=zu(R),P={ref:R,descriptor:l,env:N,scrollOptions:E};r.current=P;var M=Ku({ref:R,descriptor:l,env:N,windowScroll:D,direction:C.direction,isDropDisabled:C.isDropDisabled,isCombineEnabled:C.isCombineEnabled,shouldClipSubject:!C.ignoreContainerClipping}),B=N.closestScrollable;return B&&(B.setAttribute(kt.contextId,t.contextId),B.addEventListener("scroll",f,Yt(P.scrollOptions))),M},[t.contextId,l,f,o]),g=S(function(){var D=r.current,E=rr(D);return D&&E||h(!1),Vr(E)},[]),m=S(function(){var D=r.current;D||h(!1);var E=rr(D);r.current=null,E&&(c.cancel(),E.removeAttribute(kt.contextId),E.removeEventListener("scroll",f,Yt(D.scrollOptions)))},[f,c]),b=S(function(D){var E=r.current;E||h(!1);var C=rr(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]);$(function(){return s.current=x.descriptor,i.droppable.register(x),function(){r.current&&m(),i.droppable.unregister(x)}},[y,l,m,x,a,i.droppable]),$(function(){r.current&&a.updateDroppableIsEnabled(s.current.id,!e.isDropDisabled)},[e.isDropDisabled,a]),$(function(){r.current&&a.updateDroppableIsCombineEnabled(s.current.id,e.isCombineEnabled)},[e.isCombineEnabled,a])}function Fr(){}var jt={width:0,height:0,margin:Di},Zu=function(r){var t=r.isAnimatingOpenOnMount,n=r.placeholder,i=r.animate;return t||i==="close"?jt:{height:n.client.borderBox.height,width:n.client.borderBox.width,margin:n.client.margin}},_u=function(r){var t=r.isAnimatingOpenOnMount,n=r.placeholder,i=r.animate,a=Zu({isAnimatingOpenOnMount:t,placeholder:n,animate:i});return{display:n.display,boxSizing:"border-box",width:a.width,height:a.height,marginTop:a.margin.top,marginRight:a.margin.right,marginBottom:a.margin.bottom,marginLeft:a.margin.left,flexShrink:"0",flexGrow:"0",pointerEvents:"none",transition:i!=="none"?Re.placeholder:null}};function es(e){var r=I.useRef(null),t=S(function(){r.current&&(clearTimeout(r.current),r.current=null)},[]),n=e.animate,i=e.onTransitionEnd,a=e.onClose,o=e.contextId,l=I.useState(e.animate==="open"),s=l[0],d=l[1];I.useEffect(function(){return s?n!=="open"?(t(),d(!1),Fr):r.current?Fr:(r.current=setTimeout(function(){r.current=null,d(!1)}),t):Fr},[n,s,t]);var p=S(function(c){c.propertyName==="height"&&(i(),n==="close"&&a())},[n,a,i]),u=_u({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 rs=T.memo(es),vt=T.createContext(null),ts=function(e){Zt(r,e);function r(){for(var n,i=arguments.length,a=new Array(i),o=0;o<i;o++)a[o]=arguments[o];return n=e.call.apply(e,[this].concat(a))||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(i,a){return i.shouldAnimate?i.on?{isVisible:!0,data:i.on,animate:"open"}:a.isVisible?{isVisible:!0,data:a.data,animate:"close"}:{isVisible:!1,animate:"close",data:null}:{isVisible:!!i.on,data:i.on,animate:"none"}};var t=r.prototype;return t.render=function(){if(!this.state.isVisible)return null;var i={onClose:this.onClose,data:this.state.data,animate:this.state.animate};return this.props.children(i)},r}(T.PureComponent),Kt={dragging:5e3,dropAnimating:4500},ns=function(r,t){return t?Re.drop(t.duration):r?Re.snap:Re.fluid},as=function(r,t){return r?t?Le.opacity.drop:Le.opacity.combining:null},is=function(r){return r.forceShouldAnimate!=null?r.forceShouldAnimate:r.mode==="SNAP"};function os(e){var r=e.dimension,t=r.client,n=e.offset,i=e.combineWith,a=e.dropping,o=!!i,l=is(e),s=!!a,d=s?Ur.drop(n,o):Ur.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:ns(l,a),transform:d,opacity:as(o,s),zIndex:s?Kt.dropAnimating:Kt.dragging,pointerEvents:"none"};return p}function ls(e){return{transform:Ur.moveTo(e.offset),transition:e.shouldAnimateDisplacement?null:"none"}}function us(e){return e.type==="DRAGGING"?os(e):ls(e)}function ss(e,r,t){t===void 0&&(t=G);var n=window.getComputedStyle(r),i=r.getBoundingClientRect(),a=fn(i,n),o=ir(a,t),l={client:a,tagName:r.tagName.toLowerCase(),display:n.display},s={x:a.marginBox.width,y:a.marginBox.height},d={descriptor:e,placeholder:l,displaceBy:s,client:a,page:o};return d}function cs(e){var r=pt("draggable"),t=e.descriptor,n=e.registry,i=e.getDraggableRef,a=e.canDragInteractiveElements,o=e.shouldRespectForcePress,l=e.isEnabled,s=A(function(){return{canDragInteractiveElements:a,shouldRespectForcePress:o,isEnabled:l}},[a,l,o]),d=S(function(f){var v=i();return v||h(!1),ss(t,v,f)},[t,i]),p=A(function(){return{uniqueId:r,descriptor:t,options:s,getDimension:d}},[t,d,s,r]),u=I.useRef(p),c=I.useRef(!0);$(function(){return n.draggable.register(u.current),function(){return n.draggable.unregister(u.current)}},[n.draggable]),$(function(){if(c.current){c.current=!1;return}var f=u.current;u.current=p,n.draggable.update(p,f)},[p,n.draggable])}function ds(e){e.preventDefault()}function ps(e){var r=I.useRef(null),t=S(function(P){r.current=P},[]),n=S(function(){return r.current},[]),i=dr(yr),a=i.contextId,o=i.dragHandleUsageInstructionsId,l=i.registry,s=dr(vt),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]);cs(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":a,draggable:!1,onDragStart:ds}:null},[a,o,f,v]),C=S(function(P){y.type==="DRAGGING"&&y.dropping&&P.propertyName==="transform"&&x()},[x,y]),R=A(function(){var P=us(y),M=y.type==="DRAGGING"&&y.dropping?C:null,B={innerRef:t,draggableProps:{"data-rbd-draggable-context-id":a,"data-rbd-draggable-id":f,style:P,onTransitionEnd:M},dragHandleProps:E};return B},[a,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(R,y.snapshot,N)}var oa=function(e,r){return e===r},la=function(e){var r=e.combine,t=e.destination;return t?t.droppableId:r?r.droppableId:null},fs=function(r){return r.combine?r.combine.draggableId:null},vs=function(r){return r.at&&r.at.type==="COMBINE"?r.at.combine.draggableId:null};function gs(){var e=F(function(i,a){return{x:i,y:a}}),r=F(function(i,a,o,l,s){return{isDragging:!0,isClone:a,isDropAnimating:!!s,dropAnimation:s,mode:i,draggingOver:o,combineWith:l,combineTargetFor:null}}),t=F(function(i,a,o,l,s,d,p){return{mapped:{type:"DRAGGING",dropping:null,draggingOver:s,combineWith:d,mode:a,offset:i,dimension:o,forceShouldAnimate:p,snapshot:r(a,l,s,d,null)}}}),n=function(a,o){if(a.isDragging){if(a.critical.draggable.id!==o.draggableId)return null;var l=a.current.client.offset,s=a.dimensions.draggables[o.draggableId],d=V(a.impact),p=vs(a.impact),u=a.forceShouldAnimate;return t(e(l.x,l.y),a.movementMode,s,o.isClone,d,p,u)}if(a.phase==="DROP_ANIMATING"){var c=a.completed;if(c.result.draggableId!==o.draggableId)return null;var f=o.isClone,v=a.dimensions.draggables[o.draggableId],g=c.result,m=g.mode,b=la(g),y=fs(g),x=a.dropDuration,D={duration:x,curve:it.drop,moveTo:a.newHomeClientOffset,opacity:y?Le.opacity.drop:null,scale:y?Le.scale.drop:null};return{mapped:{type:"DRAGGING",offset:a.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 ua(e){return{isDragging:!1,isDropAnimating:!1,isClone:!1,dropAnimation:null,mode:null,draggingOver:null,combineTargetFor:e,combineWith:null}}var ms={mapped:{type:"SECONDARY",offset:G,combineTargetFor:null,shouldAnimateDisplacement:!0,snapshot:ua(null)}};function bs(){var e=F(function(o,l){return{x:o,y:l}}),r=F(ua),t=F(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(G,l,!0):null},i=function(l,s,d,p){var u=d.displaced.visible[l],c=!!(p.inVirtualList&&p.effected[l]),f=gr(d),v=f&&f.draggableId===l?s:null;if(!u){if(!c)return n(v);if(d.displaced.invisible[l])return null;var g=De(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)},a=function(l,s){if(l.isDragging)return l.critical.draggable.id===s.draggableId?null:i(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:i(s.draggableId,d.result.draggableId,d.impact,d.afterCritical)}return null};return a}var hs=function(){var r=gs(),t=bs(),n=function(a,o){return r(a,o)||t(a,o)||ms};return n},ys={dropAnimationFinished:kn},Ds=dn(hs,ys,null,{context:dt,pure:!0,areStatePropsEqual:oa})(ps);function sa(e){var r=dr(vt),t=r.isUsingCloneFor;return t===e.draggableId&&!e.isClone?null:T.createElement(Ds,e)}function Ws(e){var r=typeof e.isDragDisabled=="boolean"?!e.isDragDisabled:!0,t=!!e.disableInteractiveElementBlocking,n=!!e.shouldRespectForcePress;return T.createElement(sa,w({},e,{isClone:!1,isEnabled:r,canDragInteractiveElements:t,shouldRespectForcePress:n}))}function xs(e){var r=I.useContext(yr);r||h(!1);var t=r.contextId,n=r.isMovementAllowed,i=I.useRef(null),a=I.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=S(function(){return i.current},[]),x=S(function(B){i.current=B},[]);S(function(){return a.current},[]);var D=S(function(B){a.current=B},[]),E=S(function(){n()&&m({maxScroll:Yn()})},[n,m]);Qu({droppableId:l,type:s,mode:d,direction:p,isDropDisabled:c,isCombineEnabled:f,ignoreContainerClipping:u,getDroppableRef:y});var C=T.createElement(ts,{on:e.placeholder,shouldAnimate:e.shouldAnimatePlaceholder},function(B){var z=B.onClose,Y=B.data,L=B.animate;return T.createElement(rs,{placeholder:Y,onClose:z,innerRef:D,animate:L,contextId:t,onTransitionEnd:E})}),R=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 M(){if(!g)return null;var B=g.dragging,z=g.render,Y=T.createElement(sa,{draggableId:B.draggableId,index:B.source.index,isClone:!0,isEnabled:!0,shouldRespectForcePress:!1,canDragInteractiveElements:!0},function(L,j){return z(L,j,B)});return ma.createPortal(Y,b())}return T.createElement(vt.Provider,{value:P},o(R,v),M())}var Gr=function(r,t){return r===t.droppable.type},Jt=function(r,t){return t.draggables[r.draggable.id]},Is=function(){var r={placeholder:null,shouldAnimatePlaceholder:!0,snapshot:{isDraggingOver:!1,draggingOverWith:null,draggingFromThisWith:null,isUsingPlaceholder:!1},useClone:null},t=w({},r,{shouldAnimatePlaceholder:!1}),n=F(function(o){return{draggableId:o.id,type:o.type,source:{index:o.index,droppableId:o.droppableId}}}),i=F(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}}),a=function(l,s){var d=s.droppableId,p=s.type,u=!s.isDropDisabled,c=s.renderClone;if(l.isDragging){var f=l.critical;if(!Gr(p,f))return t;var v=Jt(f,l.dimensions),g=V(l.impact)===d;return i(d,u,g,g,v,c)}if(l.phase==="DROP_ANIMATING"){var m=l.completed;if(!Gr(p,m.critical))return t;var b=Jt(m.critical,l.dimensions);return i(d,u,la(m.result)===d,V(m.impact)===d,b,c)}if(l.phase==="IDLE"&&l.completed&&!l.shouldFlush){var y=l.completed;if(!Gr(p,y.critical))return t;var x=V(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 a},Ss={updateViewportMaxScroll:No};function Cs(){return document.body||h(!1),document.body}var ws={mode:"standard",type:"DEFAULT",direction:"vertical",isDropDisabled:!1,isCombineEnabled:!1,ignoreContainerClipping:!1,renderClone:null,getContainerForClone:Cs},Es=dn(Is,Ss,null,{context:dt,pure:!0,areStatePropsEqual:oa})(xs);Es.defaultProps=ws;/*! *****************************************************************************
|
|
61
|
+
`}},o=[n,t,i,a];return{always:Ee(o,"always"),resting:Ee(o,"resting"),dragging:Ee(o,"dragging"),dropAnimating:Ee(o,"dropAnimating"),userCancel:Ee(o,"userCancel")}},$=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u"?I.useLayoutEffect:I.useEffect,Mr=function(){var r=document.querySelector("head");return r||h(!1),r},qt=function(r){var t=document.createElement("style");return r&&t.setAttribute("nonce",r),t.type="text/css",t};function Hl(e,r){var t=A(function(){return Wl(e)},[e]),n=I.useRef(null),i=I.useRef(null),a=S(F(function(u){var c=i.current;c||h(!1),c.textContent=u}),[]),o=S(function(u){var c=n.current;c||h(!1),c.textContent=u},[]);$(function(){!n.current&&!i.current||h(!1);var u=qt(r),c=qt(r);return n.current=u,i.current=c,u.setAttribute(he+"-always",e),c.setAttribute(he+"-dynamic",e),Mr().appendChild(u),Mr().appendChild(c),o(t.always),a(t.resting),function(){var f=function(g){var m=g.current;m||h(!1),Mr().removeChild(m),g.current=null};f(n),f(i)}},[r,o,a,t.always,t.resting,e]);var l=S(function(){return a(t.dragging)},[a,t.dragging]),s=S(function(u){if(u==="DROP"){a(t.dropAnimating);return}a(t.userCancel)},[a,t.dropAnimating,t.userCancel]),d=S(function(){i.current&&a(t.resting)},[a,t.resting]),p=A(function(){return{dragging:l,dropping:s,resting:d}},[l,s,d]);return p}var Qn=function(e){return e&&e.ownerDocument?e.ownerDocument.defaultView:window};function hr(e){return e instanceof Qn(e).HTMLElement}function Ul(e,r){var t="["+ye.contextId+'="'+e+'"]',n=yn(document.querySelectorAll(t));if(!n.length)return null;var i=le(n,function(a){return a.getAttribute(ye.draggableId)===r});return!i||!hr(i)?null:i}function kl(e){var r=I.useRef({}),t=I.useRef(null),n=I.useRef(null),i=I.useRef(!1),a=S(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=S(function(c){var f=Ul(e,c);f&&f!==document.activeElement&&f.focus()},[e]),l=S(function(c,f){t.current===c&&(t.current=f)},[]),s=S(function(){n.current||i.current&&(n.current=requestAnimationFrame(function(){n.current=null;var c=t.current;c&&o(c)}))},[o]),d=S(function(c){t.current=null;var f=document.activeElement;f&&f.getAttribute(ye.draggableId)===c&&(t.current=c)},[]);$(function(){return i.current=!0,function(){i.current=!1;var c=n.current;c&&cancelAnimationFrame(c)}},[]);var p=A(function(){return{register:a,tryRecordFocus:d,tryRestoreFocusRecorded:s,tryShiftRecord:l}},[a,d,s,l]);return p}function ql(){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 i(u){return e.draggables[u]||null}function a(u){var c=i(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=i(f);v&&c.uniqueId===v.uniqueId&&(delete e.draggables[f],n({type:"REMOVAL",value:c}))},getById:a,findById:i,exists:function(c){return!!i(c)},getAllByType:function(c){return ur(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 ur(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 Vl(){var e=A(ql,[]);return I.useEffect(function(){return function(){requestAnimationFrame(e.clean)}},[e]),e}var dt=T.createContext(null),cr=function(){var e=document.body;return e||h(!1),e},$l={position:"absolute",width:"1px",height:"1px",margin:"-1px",border:"0",padding:"0",overflow:"hidden",clip:"rect(0 0 0 0)","clip-path":"inset(100%)"},zl=function(r){return"rbd-announcement-"+r};function Yl(e){var r=A(function(){return zl(e)},[e]),t=I.useRef(null);I.useEffect(function(){var a=document.createElement("div");return t.current=a,a.id=r,a.setAttribute("aria-live","assertive"),a.setAttribute("aria-atomic","true"),w(a.style,$l),cr().appendChild(a),function(){setTimeout(function(){var s=cr();s.contains(a)&&s.removeChild(a),a===t.current&&(t.current=null)})}},[r]);var n=S(function(i){var a=t.current;if(a){a.textContent=i;return}},[]);return n}var jl=0,Kl={separator:"::"};function pt(e,r){return r===void 0&&(r=Kl),A(function(){return""+e+r.separator+jl++},[r.separator,e])}function Jl(e){var r=e.contextId,t=e.uniqueId;return"rbd-hidden-text-"+r+"-"+t}function Xl(e){var r=e.contextId,t=e.text,n=pt("hidden-text",{separator:"-"}),i=A(function(){return Jl({contextId:r,uniqueId:n})},[n,r]);return I.useEffect(function(){var o=document.createElement("div");return o.id=i,o.textContent=t,o.style.display="none",cr().appendChild(o),function(){var s=cr();s.contains(o)&&s.removeChild(o)}},[i,t]),i}var yr=T.createContext(null);function Zn(e){var r=I.useRef(e);return I.useEffect(function(){r.current=e}),r}function Ql(){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 i(){e||h(!1),e=null}function a(){e&&(e.abandon(),i())}return{isClaimed:r,isActive:t,claim:n,release:i,tryAbandon:a}}var Zl=9,_l=13,ft=27,_n=32,eu=33,ru=34,tu=35,nu=36,au=37,iu=38,ou=39,lu=40,_e,uu=(_e={},_e[_l]=!0,_e[Zl]=!0,_e),ea=function(e){uu[e.keyCode]&&e.preventDefault()},Dr=function(){var e="visibilitychange";if(typeof document>"u")return e;var r=[e,"ms"+e,"webkit"+e,"moz"+e,"o"+e],t=le(r,function(n){return"on"+n in document});return t||e}(),ra=0,Vt=5;function su(e,r){return Math.abs(r.x-e.x)>=Vt||Math.abs(r.y-e.y)>=Vt}var $t={type:"IDLE"};function cu(e){var r=e.cancel,t=e.completed,n=e.getPhase,i=e.setPhase;return[{eventName:"mousemove",fn:function(o){var l=o.button,s=o.clientX,d=o.clientY;if(l===ra){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(su(c,p)){o.preventDefault();var f=u.actions.fluidLift(p);i({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===ft){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:Dr,fn:r}]}function du(e){var r=I.useRef($t),t=I.useRef(ne),n=A(function(){return{eventName:"mousedown",fn:function(u){if(!u.defaultPrevented&&u.button===ra&&!(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]),i=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]),a=S(function(){var u={passive:!1,capture:!0};t.current=X(window,[i,n],u)},[i,n]),o=S(function(){var p=r.current;p.type!=="IDLE"&&(r.current=$t,t.current(),a())},[a]),l=S(function(){var p=r.current;o(),p.type==="DRAGGING"&&p.actions.cancel({shouldBlockNextClick:!0}),p.type==="PENDING"&&p.actions.abort()},[o]),s=S(function(){var u={capture:!0,passive:!1},c=cu({cancel:l,completed:o,getPhase:function(){return r.current},setPhase:function(v){r.current=v}});t.current=X(window,c,u)},[l,o]),d=S(function(u,c){r.current.type!=="IDLE"&&h(!1),r.current={type:"PENDING",point:c,actions:u},s()},[s]);$(function(){return a(),function(){t.current()}},[a])}var ge;function pu(){}var fu=(ge={},ge[ru]=!0,ge[eu]=!0,ge[nu]=!0,ge[tu]=!0,ge);function vu(e,r){function t(){r(),e.cancel()}function n(){r(),e.drop()}return[{eventName:"keydown",fn:function(a){if(a.keyCode===ft){a.preventDefault(),t();return}if(a.keyCode===_n){a.preventDefault(),n();return}if(a.keyCode===lu){a.preventDefault(),e.moveDown();return}if(a.keyCode===iu){a.preventDefault(),e.moveUp();return}if(a.keyCode===ou){a.preventDefault(),e.moveRight();return}if(a.keyCode===au){a.preventDefault(),e.moveLeft();return}if(fu[a.keyCode]){a.preventDefault();return}ea(a)}},{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:Dr,fn:t}]}function gu(e){var r=I.useRef(pu),t=A(function(){return{eventName:"keydown",fn:function(a){if(a.defaultPrevented||a.keyCode!==_n)return;var o=e.findClosestDraggableId(a);if(!o)return;var l=e.tryGetLock(o,p,{sourceEvent:a});if(!l)return;a.preventDefault();var s=!0,d=l.snapLift();r.current();function p(){s||h(!1),s=!1,r.current(),n()}r.current=X(window,vu(d,p),{capture:!0,passive:!1})}}},[e]),n=S(function(){var a={passive:!1,capture:!0};r.current=X(window,[t],a)},[t]);$(function(){return n(),function(){r.current()}},[n])}var Lr={type:"IDLE"},mu=120,bu=.15;function hu(e){var r=e.cancel,t=e.getPhase;return[{eventName:"orientationchange",fn:r},{eventName:"resize",fn:r},{eventName:"contextmenu",fn:function(i){i.preventDefault()}},{eventName:"keydown",fn:function(i){if(t().type!=="DRAGGING"){r();return}i.keyCode===ft&&i.preventDefault(),r()}},{eventName:Dr,fn:r}]}function yu(e){var r=e.cancel,t=e.completed,n=e.getPhase;return[{eventName:"touchmove",options:{capture:!1},fn:function(a){var o=n();if(o.type!=="DRAGGING"){r();return}o.hasMoved=!0;var l=a.touches[0],s=l.clientX,d=l.clientY,p={x:s,y:d};a.preventDefault(),o.actions.move(p)}},{eventName:"touchend",fn:function(a){var o=n();if(o.type!=="DRAGGING"){r();return}a.preventDefault(),o.actions.drop({shouldBlockNextClick:!0}),t()}},{eventName:"touchcancel",fn:function(a){if(n().type!=="DRAGGING"){r();return}a.preventDefault(),r()}},{eventName:"touchforcechange",fn:function(a){var o=n();o.type==="IDLE"&&h(!1);var l=a.touches[0];if(l){var s=l.force>=bu;if(s){var d=o.actions.shouldRespectForcePress();if(o.type==="PENDING"){d&&r();return}if(d){if(o.hasMoved){a.preventDefault();return}r();return}a.preventDefault()}}}},{eventName:Dr,fn:r}]}function Du(e){var r=I.useRef(Lr),t=I.useRef(ne),n=S(function(){return r.current},[]),i=S(function(f){r.current=f},[]),a=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=S(function(){var f={capture:!0,passive:!1};t.current=X(window,[a],f)},[a]),l=S(function(){var c=r.current;c.type!=="IDLE"&&(c.type==="PENDING"&&clearTimeout(c.longPressTimerId),i(Lr),t.current(),o())},[o,i]),s=S(function(){var c=r.current;l(),c.type==="DRAGGING"&&c.actions.cancel({shouldBlockNextClick:!0}),c.type==="PENDING"&&c.actions.abort()},[l]),d=S(function(){var f={capture:!0,passive:!1},v={cancel:s,completed:l,getPhase:n},g=X(window,yu(v),f),m=X(window,hu(v),f);t.current=function(){g(),m()}},[s,n,l]),p=S(function(){var f=n();f.type!=="PENDING"&&h(!1);var v=f.actions.fluidLift(f.point);i({type:"DRAGGING",actions:v,hasMoved:!1})},[n,i]),u=S(function(f,v){n().type!=="IDLE"&&h(!1);var g=setTimeout(p,mu);i({type:"PENDING",point:v,actions:f,longPressTimerId:g}),d()},[d,n,i,p]);$(function(){return o(),function(){t.current();var v=n();v.type==="PENDING"&&(clearTimeout(v.longPressTimerId),i(Lr))}},[n,o,i]),$(function(){var f=X(window,[{eventName:"touchmove",fn:function(){},options:{capture:!1,passive:!1}}]);return f},[])}var xu={input:!0,button:!0,textarea:!0,select:!0,option:!0,optgroup:!0,video:!0,audio:!0};function ta(e,r){if(r==null)return!1;var t=!!xu[r.tagName.toLowerCase()];if(t)return!0;var n=r.getAttribute("contenteditable");return n==="true"||n===""?!0:r===e?!1:ta(e,r.parentElement)}function Iu(e,r){var t=r.target;return hr(t)?ta(e,t):!1}var Su=function(e){return _(e.getBoundingClientRect()).center};function Cu(e){return e instanceof Qn(e).Element}var wu=function(){var e="matches";if(typeof document>"u")return e;var r=[e,"msMatchesSelector","webkitMatchesSelector"],t=le(r,function(n){return n in Element.prototype});return t||e}();function na(e,r){return e==null?null:e[wu](r)?e:na(e.parentElement,r)}function Eu(e,r){return e.closest?e.closest(r):na(e,r)}function Pu(e){return"["+ye.contextId+'="'+e+'"]'}function Au(e,r){var t=r.target;if(!Cu(t))return null;var n=Pu(e),i=Eu(t,n);return!i||!hr(i)?null:i}function Ru(e,r){var t=Au(e,r);return t?t.getAttribute(ye.draggableId):null}function Bu(e,r){var t="["+qr.contextId+'="'+e+'"]',n=yn(document.querySelectorAll(t)),i=le(n,function(a){return a.getAttribute(qr.id)===r});return!i||!hr(i)?null:i}function Tu(e){e.preventDefault()}function er(e){var r=e.expected,t=e.phase,n=e.isLockActive;return e.shouldWarn,!(!n()||r!==t)}function aa(e){var r=e.lockAPI,t=e.store,n=e.registry,i=e.draggableId;if(r.isClaimed())return!1;var a=n.draggable.findById(i);return!(!a||!a.options.isEnabled||!jn(t.getState(),i))}function Ou(e){var r=e.lockAPI,t=e.contextId,n=e.store,i=e.registry,a=e.draggableId,o=e.forceSensorStop,l=e.sourceEvent,s=aa({lockAPI:r,store:n,registry:i,draggableId:a});if(!s)return null;var d=i.draggable.getById(a),p=Bu(t,d.descriptor.id);if(!p||l&&!d.options.canDragInteractiveElements&&Iu(p,l))return null;var u=r.claim(o||ne),c="PRE_DRAG";function f(){return d.options.shouldRespectForcePress}function v(){return r.isActive(u)}function g(C,R){er({expected:C,phase:c,isLockActive:v,shouldWarn:!0})&&n.dispatch(R())}var m=g.bind(null,"DRAGGING");function b(C){function R(){r.release(),c="COMPLETED"}c!=="PRE_DRAG"&&(R(),c!=="PRE_DRAG"&&h(!1)),n.dispatch(wo(C.liftActionArgs)),c="DRAGGING";function N(P,M){if(M===void 0&&(M={shouldBlockNextClick:!1}),C.cleanup(),M.shouldBlockNextClick){var B=X(window,[{eventName:"click",fn:Tu,options:{once:!0,passive:!1,capture:!0}}]);setTimeout(B)}R(),n.dispatch(Un({reason:P}))}return w({isActive:function(){return er({expected:"DRAGGING",phase:c,isLockActive:v,shouldWarn:!1})},shouldRespectForcePress:f,drop:function(M){return N("DROP",M)},cancel:function(M){return N("CANCEL",M)}},C.actions)}function y(C){var R=Te(function(P){m(function(){return Hn({client:P})})}),N=b({liftActionArgs:{id:a,clientSelection:C,movementMode:"FLUID"},cleanup:function(){return R.cancel()},actions:{move:R}});return w({},N,{move:R})}function x(){var C={moveUp:function(){return m(Mo)},moveRight:function(){return m(Fo)},moveDown:function(){return m(Lo)},moveLeft:function(){return m(Go)}};return b({liftActionArgs:{id:a,clientSelection:Su(p),movementMode:"SNAP"},cleanup:ne,actions:C})}function D(){var C=er({expected:"PRE_DRAG",phase:c,isLockActive:v,shouldWarn:!0});C&&r.release()}var E={isActive:function(){return er({expected:"PRE_DRAG",phase:c,isLockActive:v,shouldWarn:!1})},shouldRespectForcePress:f,fluidLift:y,snapLift:x,abort:D};return E}var Nu=[du,gu,Du];function Mu(e){var r=e.contextId,t=e.store,n=e.registry,i=e.customSensors,a=e.enableDefaultSensors,o=[].concat(a?Nu:[],i||[]),l=I.useState(function(){return Ql()})[0],s=S(function(y,x){y.isDragging&&!x.isDragging&&l.tryAbandon()},[l]);$(function(){var y=t.getState(),x=t.subscribe(function(){var D=t.getState();s(y,D),y=D});return x},[l,t,s]),$(function(){return l.tryAbandon},[l.tryAbandon]);for(var d=S(function(b){return aa({lockAPI:l,registry:n,store:t,draggableId:b})},[l,n,t]),p=S(function(b,y,x){return Ou({lockAPI:l,registry:n,contextId:r,store:t,draggableId:b,forceSensorStop:y,sourceEvent:x&&x.sourceEvent?x.sourceEvent:null})},[r,l,n,t]),u=S(function(b){return Ru(r,b)},[r]),c=S(function(b){var y=n.draggable.findById(b);return y?y.options:null},[n.draggable]),f=S(function(){l.isClaimed()&&(l.tryAbandon(),t.getState().phase!=="IDLE"&&t.dispatch(nt()))},[l,t]),v=S(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 Lu=function(r){return{onBeforeCapture:r.onBeforeCapture,onBeforeDragStart:r.onBeforeDragStart,onDragStart:r.onDragStart,onDragEnd:r.onDragEnd,onDragUpdate:r.onDragUpdate}};function Pe(e){return e.current||h(!1),e.current}function Fu(e){var r=e.contextId,t=e.setCallbacks,n=e.sensors,i=e.nonce,a=e.dragHandleUsageInstructions,o=I.useRef(null),l=Zn(e),s=S(function(){return Lu(l.current)},[l]),d=Yl(r),p=Xl({contextId:r,text:a}),u=Hl(r,i),c=S(function(P){Pe(o).dispatch(P)},[]),f=A(function(){return bt({publishWhileDragging:Po,updateDroppableScroll:Ro,updateDroppableIsEnabled:Bo,updateDroppableIsCombineEnabled:To,collectionStarting:Ao},c)},[c]),v=Vl(),g=A(function(){return bl(v,f)},[v,f]),m=A(function(){return Ml(w({scrollWindow:hl,scrollDroppable:g.scrollDroppable},bt({move:Hn},c)))},[g.scrollDroppable,c]),b=kl(r),y=A(function(){return fl({announce:d,autoScroller:m,dimensionMarshal:g,focusMarshal:b,getResponders:s,styleMarshal:u})},[d,m,g,b,s,u]);o.current=y;var x=S(function(){var P=Pe(o),M=P.getState();M.phase!=="IDLE"&&P.dispatch(nt())},[]),D=S(function(){var P=Pe(o).getState();return P.isDragging||P.phase==="DROP_ANIMATING"},[]),E=A(function(){return{isDragging:D,tryAbort:x}},[D,x]);t(E);var C=S(function(P){return jn(Pe(o).getState(),P)},[]),R=S(function(){return ce(Pe(o).getState())},[]),N=A(function(){return{marshal:g,focus:b,contextId:r,canLift:C,isMovementAllowed:R,dragHandleUsageInstructionsId:p,registry:v}},[r,g,p,b,C,R,v]);return Mu({contextId:r,store:y,registry:v,customSensors:n,enableDefaultSensors:e.enableDefaultSensors!==!1}),I.useEffect(function(){return x},[x]),T.createElement(yr.Provider,{value:N},T.createElement(xa,{context:dt,store:y},e.children))}var Gu=0;function Wu(){return A(function(){return""+Gu++},[])}function Fs(e){var r=Wu(),t=e.dragHandleUsageInstructions||tr.dragHandleUsageInstructions;return T.createElement(vi,null,function(n){return T.createElement(Fu,{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 ia=function(r){return function(t){return r===t}},Hu=ia("scroll"),Uu=ia("auto"),zt=function(r,t){return t(r.overflowX)||t(r.overflowY)},ku=function(r){var t=window.getComputedStyle(r),n={overflowX:t.overflowX,overflowY:t.overflowY};return zt(n,Hu)||zt(n,Uu)},qu=function(){return!1},Vu=function e(r){return r==null?null:r===document.body?qu()?r:null:r===document.documentElement?null:ku(r)?r:e(r.parentElement)},Vr=function(e){return{x:e.scrollLeft,y:e.scrollTop}},$u=function e(r){if(!r)return!1;var t=window.getComputedStyle(r);return t.position==="fixed"?!0:e(r.parentElement)},zu=function(e){var r=Vu(e),t=$u(e);return{closestScrollable:r,isFixedOnPage:t}},Yu=function(e){var r=e.descriptor,t=e.isEnabled,n=e.isCombineEnabled,i=e.isFixedOnPage,a=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=$n({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:G,displacement:G}}}}(),p=a==="vertical"?Zr:Cn,u=be({page:l,withPlaceholder:null,axis:p,frame:d}),c={descriptor:r,isCombineEnabled:n,isFixedOnPage:i,axis:p,isEnabled:t,client:o,page:l,frame:d,subject:u};return c},ju=function(r,t){var n=vn(r);if(!t||r!==t)return n;var i=n.paddingBox.top-t.scrollTop,a=n.paddingBox.left-t.scrollLeft,o=i+t.scrollHeight,l=a+t.scrollWidth,s={top:i,right:l,bottom:o,left:a},d=jr(s,n.border),p=Kr({borderBox:d,margin:n.margin,border:n.border,padding:n.padding});return p},Ku=function(e){var r=e.ref,t=e.descriptor,n=e.env,i=e.windowScroll,a=e.direction,o=e.isDropDisabled,l=e.isCombineEnabled,s=e.shouldClipSubject,d=n.closestScrollable,p=ju(r,d),u=ir(p,i),c=function(){if(!d)return null;var v=vn(d),g={scrollHeight:d.scrollHeight,scrollWidth:d.scrollWidth};return{client:v,page:ir(v,i),scroll:Vr(d),scrollSize:g,shouldClipSubject:s}}(),f=Yu({descriptor:t,isEnabled:!o,isCombineEnabled:l,isFixedOnPage:n.isFixedOnPage,direction:a,client:p,page:u,closest:c});return f},Ju={passive:!1},Xu={passive:!0},Yt=function(e){return e.shouldPublishImmediately?Ju:Xu};function dr(e){var r=I.useContext(e);return r||h(!1),r}var rr=function(r){return r&&r.env.closestScrollable||null};function Qu(e){var r=I.useRef(null),t=dr(yr),n=pt("droppable"),i=t.registry,a=t.marshal,o=Zn(e),l=A(function(){return{id:e.droppableId,type:e.type,mode:e.mode}},[e.droppableId,e.mode,e.type]),s=I.useRef(l),d=A(function(){return F(function(D,E){r.current||h(!1);var C={x:D,y:E};a.updateDroppableScroll(l.id,C)})},[l.id,a]),p=S(function(){var D=r.current;return!D||!D.env.closestScrollable?G:Vr(D.env.closestScrollable)},[]),u=S(function(){var D=p();d(D.x,D.y)},[p,d]),c=A(function(){return Te(u)},[u]),f=S(function(){var D=r.current,E=rr(D);D&&E||h(!1);var C=D.scrollOptions;if(C.shouldPublishImmediately){u();return}c()},[c,u]),v=S(function(D,E){r.current&&h(!1);var C=o.current,R=C.getDroppableRef();R||h(!1);var N=zu(R),P={ref:R,descriptor:l,env:N,scrollOptions:E};r.current=P;var M=Ku({ref:R,descriptor:l,env:N,windowScroll:D,direction:C.direction,isDropDisabled:C.isDropDisabled,isCombineEnabled:C.isCombineEnabled,shouldClipSubject:!C.ignoreContainerClipping}),B=N.closestScrollable;return B&&(B.setAttribute(kt.contextId,t.contextId),B.addEventListener("scroll",f,Yt(P.scrollOptions))),M},[t.contextId,l,f,o]),g=S(function(){var D=r.current,E=rr(D);return D&&E||h(!1),Vr(E)},[]),m=S(function(){var D=r.current;D||h(!1);var E=rr(D);r.current=null,E&&(c.cancel(),E.removeAttribute(kt.contextId),E.removeEventListener("scroll",f,Yt(D.scrollOptions)))},[f,c]),b=S(function(D){var E=r.current;E||h(!1);var C=rr(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]);$(function(){return s.current=x.descriptor,i.droppable.register(x),function(){r.current&&m(),i.droppable.unregister(x)}},[y,l,m,x,a,i.droppable]),$(function(){r.current&&a.updateDroppableIsEnabled(s.current.id,!e.isDropDisabled)},[e.isDropDisabled,a]),$(function(){r.current&&a.updateDroppableIsCombineEnabled(s.current.id,e.isCombineEnabled)},[e.isCombineEnabled,a])}function Fr(){}var jt={width:0,height:0,margin:Di},Zu=function(r){var t=r.isAnimatingOpenOnMount,n=r.placeholder,i=r.animate;return t||i==="close"?jt:{height:n.client.borderBox.height,width:n.client.borderBox.width,margin:n.client.margin}},_u=function(r){var t=r.isAnimatingOpenOnMount,n=r.placeholder,i=r.animate,a=Zu({isAnimatingOpenOnMount:t,placeholder:n,animate:i});return{display:n.display,boxSizing:"border-box",width:a.width,height:a.height,marginTop:a.margin.top,marginRight:a.margin.right,marginBottom:a.margin.bottom,marginLeft:a.margin.left,flexShrink:"0",flexGrow:"0",pointerEvents:"none",transition:i!=="none"?Re.placeholder:null}};function es(e){var r=I.useRef(null),t=S(function(){r.current&&(clearTimeout(r.current),r.current=null)},[]),n=e.animate,i=e.onTransitionEnd,a=e.onClose,o=e.contextId,l=I.useState(e.animate==="open"),s=l[0],d=l[1];I.useEffect(function(){return s?n!=="open"?(t(),d(!1),Fr):r.current?Fr:(r.current=setTimeout(function(){r.current=null,d(!1)}),t):Fr},[n,s,t]);var p=S(function(c){c.propertyName==="height"&&(i(),n==="close"&&a())},[n,a,i]),u=_u({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 rs=T.memo(es),vt=T.createContext(null),ts=function(e){Zt(r,e);function r(){for(var n,i=arguments.length,a=new Array(i),o=0;o<i;o++)a[o]=arguments[o];return n=e.call.apply(e,[this].concat(a))||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(i,a){return i.shouldAnimate?i.on?{isVisible:!0,data:i.on,animate:"open"}:a.isVisible?{isVisible:!0,data:a.data,animate:"close"}:{isVisible:!1,animate:"close",data:null}:{isVisible:!!i.on,data:i.on,animate:"none"}};var t=r.prototype;return t.render=function(){if(!this.state.isVisible)return null;var i={onClose:this.onClose,data:this.state.data,animate:this.state.animate};return this.props.children(i)},r}(T.PureComponent),Kt={dragging:5e3,dropAnimating:4500},ns=function(r,t){return t?Re.drop(t.duration):r?Re.snap:Re.fluid},as=function(r,t){return r?t?Le.opacity.drop:Le.opacity.combining:null},is=function(r){return r.forceShouldAnimate!=null?r.forceShouldAnimate:r.mode==="SNAP"};function os(e){var r=e.dimension,t=r.client,n=e.offset,i=e.combineWith,a=e.dropping,o=!!i,l=is(e),s=!!a,d=s?Ur.drop(n,o):Ur.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:ns(l,a),transform:d,opacity:as(o,s),zIndex:s?Kt.dropAnimating:Kt.dragging,pointerEvents:"none"};return p}function ls(e){return{transform:Ur.moveTo(e.offset),transition:e.shouldAnimateDisplacement?null:"none"}}function us(e){return e.type==="DRAGGING"?os(e):ls(e)}function ss(e,r,t){t===void 0&&(t=G);var n=window.getComputedStyle(r),i=r.getBoundingClientRect(),a=fn(i,n),o=ir(a,t),l={client:a,tagName:r.tagName.toLowerCase(),display:n.display},s={x:a.marginBox.width,y:a.marginBox.height},d={descriptor:e,placeholder:l,displaceBy:s,client:a,page:o};return d}function cs(e){var r=pt("draggable"),t=e.descriptor,n=e.registry,i=e.getDraggableRef,a=e.canDragInteractiveElements,o=e.shouldRespectForcePress,l=e.isEnabled,s=A(function(){return{canDragInteractiveElements:a,shouldRespectForcePress:o,isEnabled:l}},[a,l,o]),d=S(function(f){var v=i();return v||h(!1),ss(t,v,f)},[t,i]),p=A(function(){return{uniqueId:r,descriptor:t,options:s,getDimension:d}},[t,d,s,r]),u=I.useRef(p),c=I.useRef(!0);$(function(){return n.draggable.register(u.current),function(){return n.draggable.unregister(u.current)}},[n.draggable]),$(function(){if(c.current){c.current=!1;return}var f=u.current;u.current=p,n.draggable.update(p,f)},[p,n.draggable])}function ds(e){e.preventDefault()}function ps(e){var r=I.useRef(null),t=S(function(P){r.current=P},[]),n=S(function(){return r.current},[]),i=dr(yr),a=i.contextId,o=i.dragHandleUsageInstructionsId,l=i.registry,s=dr(vt),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]);cs(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":a,draggable:!1,onDragStart:ds}:null},[a,o,f,v]),C=S(function(P){y.type==="DRAGGING"&&y.dropping&&P.propertyName==="transform"&&x()},[x,y]),R=A(function(){var P=us(y),M=y.type==="DRAGGING"&&y.dropping?C:null,B={innerRef:t,draggableProps:{"data-rbd-draggable-context-id":a,"data-rbd-draggable-id":f,style:P,onTransitionEnd:M},dragHandleProps:E};return B},[a,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(R,y.snapshot,N)}var oa=function(e,r){return e===r},la=function(e){var r=e.combine,t=e.destination;return t?t.droppableId:r?r.droppableId:null},fs=function(r){return r.combine?r.combine.draggableId:null},vs=function(r){return r.at&&r.at.type==="COMBINE"?r.at.combine.draggableId:null};function gs(){var e=F(function(i,a){return{x:i,y:a}}),r=F(function(i,a,o,l,s){return{isDragging:!0,isClone:a,isDropAnimating:!!s,dropAnimation:s,mode:i,draggingOver:o,combineWith:l,combineTargetFor:null}}),t=F(function(i,a,o,l,s,d,p){return{mapped:{type:"DRAGGING",dropping:null,draggingOver:s,combineWith:d,mode:a,offset:i,dimension:o,forceShouldAnimate:p,snapshot:r(a,l,s,d,null)}}}),n=function(a,o){if(a.isDragging){if(a.critical.draggable.id!==o.draggableId)return null;var l=a.current.client.offset,s=a.dimensions.draggables[o.draggableId],d=V(a.impact),p=vs(a.impact),u=a.forceShouldAnimate;return t(e(l.x,l.y),a.movementMode,s,o.isClone,d,p,u)}if(a.phase==="DROP_ANIMATING"){var c=a.completed;if(c.result.draggableId!==o.draggableId)return null;var f=o.isClone,v=a.dimensions.draggables[o.draggableId],g=c.result,m=g.mode,b=la(g),y=fs(g),x=a.dropDuration,D={duration:x,curve:it.drop,moveTo:a.newHomeClientOffset,opacity:y?Le.opacity.drop:null,scale:y?Le.scale.drop:null};return{mapped:{type:"DRAGGING",offset:a.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 ua(e){return{isDragging:!1,isDropAnimating:!1,isClone:!1,dropAnimation:null,mode:null,draggingOver:null,combineTargetFor:e,combineWith:null}}var ms={mapped:{type:"SECONDARY",offset:G,combineTargetFor:null,shouldAnimateDisplacement:!0,snapshot:ua(null)}};function bs(){var e=F(function(o,l){return{x:o,y:l}}),r=F(ua),t=F(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(G,l,!0):null},i=function(l,s,d,p){var u=d.displaced.visible[l],c=!!(p.inVirtualList&&p.effected[l]),f=gr(d),v=f&&f.draggableId===l?s:null;if(!u){if(!c)return n(v);if(d.displaced.invisible[l])return null;var g=De(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)},a=function(l,s){if(l.isDragging)return l.critical.draggable.id===s.draggableId?null:i(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:i(s.draggableId,d.result.draggableId,d.impact,d.afterCritical)}return null};return a}var hs=function(){var r=gs(),t=bs(),n=function(a,o){return r(a,o)||t(a,o)||ms};return n},ys={dropAnimationFinished:kn},Ds=dn(hs,ys,null,{context:dt,pure:!0,areStatePropsEqual:oa})(ps);function sa(e){var r=dr(vt),t=r.isUsingCloneFor;return t===e.draggableId&&!e.isClone?null:T.createElement(Ds,e)}function Gs(e){var r=typeof e.isDragDisabled=="boolean"?!e.isDragDisabled:!0,t=!!e.disableInteractiveElementBlocking,n=!!e.shouldRespectForcePress;return T.createElement(sa,w({},e,{isClone:!1,isEnabled:r,canDragInteractiveElements:t,shouldRespectForcePress:n}))}function xs(e){var r=I.useContext(yr);r||h(!1);var t=r.contextId,n=r.isMovementAllowed,i=I.useRef(null),a=I.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=S(function(){return i.current},[]),x=S(function(B){i.current=B},[]);S(function(){return a.current},[]);var D=S(function(B){a.current=B},[]),E=S(function(){n()&&m({maxScroll:Yn()})},[n,m]);Qu({droppableId:l,type:s,mode:d,direction:p,isDropDisabled:c,isCombineEnabled:f,ignoreContainerClipping:u,getDroppableRef:y});var C=T.createElement(ts,{on:e.placeholder,shouldAnimate:e.shouldAnimatePlaceholder},function(B){var z=B.onClose,Y=B.data,L=B.animate;return T.createElement(rs,{placeholder:Y,onClose:z,innerRef:D,animate:L,contextId:t,onTransitionEnd:E})}),R=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 M(){if(!g)return null;var B=g.dragging,z=g.render,Y=T.createElement(sa,{draggableId:B.draggableId,index:B.source.index,isClone:!0,isEnabled:!0,shouldRespectForcePress:!1,canDragInteractiveElements:!0},function(L,j){return z(L,j,B)});return ma.createPortal(Y,b())}return T.createElement(vt.Provider,{value:P},o(R,v),M())}var Gr=function(r,t){return r===t.droppable.type},Jt=function(r,t){return t.draggables[r.draggable.id]},Is=function(){var r={placeholder:null,shouldAnimatePlaceholder:!0,snapshot:{isDraggingOver:!1,draggingOverWith:null,draggingFromThisWith:null,isUsingPlaceholder:!1},useClone:null},t=w({},r,{shouldAnimatePlaceholder:!1}),n=F(function(o){return{draggableId:o.id,type:o.type,source:{index:o.index,droppableId:o.droppableId}}}),i=F(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}}),a=function(l,s){var d=s.droppableId,p=s.type,u=!s.isDropDisabled,c=s.renderClone;if(l.isDragging){var f=l.critical;if(!Gr(p,f))return t;var v=Jt(f,l.dimensions),g=V(l.impact)===d;return i(d,u,g,g,v,c)}if(l.phase==="DROP_ANIMATING"){var m=l.completed;if(!Gr(p,m.critical))return t;var b=Jt(m.critical,l.dimensions);return i(d,u,la(m.result)===d,V(m.impact)===d,b,c)}if(l.phase==="IDLE"&&l.completed&&!l.shouldFlush){var y=l.completed;if(!Gr(p,y.critical))return t;var x=V(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 a},Ss={updateViewportMaxScroll:No};function Cs(){return document.body||h(!1),document.body}var ws={mode:"standard",type:"DEFAULT",direction:"vertical",isDropDisabled:!1,isCombineEnabled:!1,ignoreContainerClipping:!1,renderClone:null,getContainerForClone:Cs},Es=dn(Is,Ss,null,{context:dt,pure:!0,areStatePropsEqual:oa})(xs);Es.defaultProps=ws;/*! *****************************************************************************
|
|
62
62
|
Copyright (c) Microsoft Corporation. All rights reserved.
|
|
63
63
|
Licensed under the Apache License, Version 2.0 (the "License"); you may not use
|
|
64
64
|
this file except in compliance with the License. You may obtain a copy of the
|
|
@@ -71,9 +71,9 @@ MERCHANTABLITY OR NON-INFRINGEMENT.
|
|
|
71
71
|
|
|
72
72
|
See the Apache Version 2.0 License for specific language governing permissions
|
|
73
73
|
and limitations under the License.
|
|
74
|
-
***************************************************************************** */var $r=function(e,r){return $r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var i in n)n.hasOwnProperty(i)&&(t[i]=n[i])},$r(e,r)};function Ps(e,r){$r(e,r);function t(){this.constructor=e}e.prototype=r===null?Object.create(r):(t.prototype=r.prototype,new t)}var Be=function(){return Be=Object.assign||function(r){for(var t,n=1,i=arguments.length;n<i;n++){t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(r[a]=t[a])}return r},Be.apply(this,arguments)};function As(e,r,t,n){var i,a=!1,o=0;function l(){i&&clearTimeout(i)}function s(){l(),a=!0}typeof r!="boolean"&&(n=t,t=r,r=void 0);function d(){var p=this,u=Date.now()-o,c=arguments;if(a)return;function f(){o=Date.now(),t.apply(p,c)}function v(){i=void 0}n&&!i&&f(),l(),n===void 0&&u>e?f():r!==!0&&(i=setTimeout(n?v:f,n===void 0?e-u:e))}return d.cancel=s,d}var me={Pixel:"Pixel",Percent:"Percent"},Xt={unit:me.Percent,value:.8};function Qt(e){return typeof e=="number"?{unit:me.Percent,value:e*100}:typeof e=="string"?e.match(/^(\d*(\.\d+)?)px$/)?{unit:me.Pixel,value:parseFloat(e)}:e.match(/^(\d*(\.\d+)?)%$/)?{unit:me.Percent,value:parseFloat(e)}:(console.warn('scrollThreshold format is invalid. Valid formats: "120px", "50%"...'),Xt):(console.warn("scrollThreshold should be string or number"),Xt)}var
|
|
74
|
+
***************************************************************************** */var $r=function(e,r){return $r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var i in n)n.hasOwnProperty(i)&&(t[i]=n[i])},$r(e,r)};function Ps(e,r){$r(e,r);function t(){this.constructor=e}e.prototype=r===null?Object.create(r):(t.prototype=r.prototype,new t)}var Be=function(){return Be=Object.assign||function(r){for(var t,n=1,i=arguments.length;n<i;n++){t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(r[a]=t[a])}return r},Be.apply(this,arguments)};function As(e,r,t,n){var i,a=!1,o=0;function l(){i&&clearTimeout(i)}function s(){l(),a=!0}typeof r!="boolean"&&(n=t,t=r,r=void 0);function d(){var p=this,u=Date.now()-o,c=arguments;if(a)return;function f(){o=Date.now(),t.apply(p,c)}function v(){i=void 0}n&&!i&&f(),l(),n===void 0&&u>e?f():r!==!0&&(i=setTimeout(n?v:f,n===void 0?e-u:e))}return d.cancel=s,d}var me={Pixel:"Pixel",Percent:"Percent"},Xt={unit:me.Percent,value:.8};function Qt(e){return typeof e=="number"?{unit:me.Percent,value:e*100}:typeof e=="string"?e.match(/^(\d*(\.\d+)?)px$/)?{unit:me.Pixel,value:parseFloat(e)}:e.match(/^(\d*(\.\d+)?)%$/)?{unit:me.Percent,value:parseFloat(e)}:(console.warn('scrollThreshold format is invalid. Valid formats: "120px", "50%"...'),Xt):(console.warn("scrollThreshold should be string or number"),Xt)}var Ws=function(e){Ps(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
|
|
75
75
|
happen because the element may not have been added to DOM yet.
|
|
76
76
|
See https://github.com/ankeetmaini/react-infinite-scroll-component/issues/59 for more info.
|
|
77
77
|
`),null)},n.onStart=function(i){n.lastScrollTop||(n.dragging=!0,i instanceof MouseEvent?n.startY=i.pageY:i instanceof TouchEvent&&(n.startY=i.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(i){n.dragging&&(i instanceof MouseEvent?n.currentY=i.pageY:i instanceof TouchEvent&&(n.currentY=i.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(i){typeof n.props.onScroll=="function"&&setTimeout(function(){return n.props.onScroll&&n.props.onScroll(i)},0);var a=n.props.height||n._scrollableNode?i.target:document.documentElement.scrollTop?document.documentElement:document.body;if(!n.actionTriggered){var o=n.props.inverse?n.isElementAtTop(a,n.props.scrollThreshold):n.isElementAtBottom(a,n.props.scrollThreshold);o&&n.props.hasMore&&(n.actionTriggered=!0,n.setState({showLoader:!0}),n.props.next&&n.props.next()),n.lastScrollTop=a.scrollTop}},n.state={showLoader:!1,pullToRefreshThresholdBreached:!1,prevDataLength:t.dataLength},n.throttledOnScrollListener=As(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.
|
|
78
78
|
Pull Down To Refresh functionality will not work
|
|
79
|
-
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 i=t.dataLength!==n.prevDataLength;return i?Be(Be({},n),{prevDataLength:t.dataLength}):null},r.prototype.isElementAtTop=function(t,n){n===void 0&&(n=.8);var i=t===document.body||t===document.documentElement?window.screen.availHeight:t.clientHeight,a=Qt(n);return a.unit===me.Pixel?t.scrollTop<=a.value+i-t.scrollHeight+1:t.scrollTop<=a.value/100+i-t.scrollHeight+1},r.prototype.isElementAtBottom=function(t,n){n===void 0&&(n=.8);var i=t===document.body||t===document.documentElement?window.screen.availHeight:t.clientHeight,a=Qt(n);return a.unit===me.Pixel?t.scrollTop+i>=t.scrollHeight-a.value:t.scrollTop+i>=a.value/100*t.scrollHeight},r.prototype.render=function(){var t=this,n=Be({height:this.props.height||"auto",overflow:"auto",WebkitOverflowScrolling:"touch"},this.props.style),i=this.props.hasChildren||!!(this.props.children&&this.props.children instanceof Array&&this.props.children.length),a=this.props.pullDownToRefresh&&this.props.height?{overflow:"auto"}:{};return T.createElement("div",{style:a,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&&!i&&this.props.hasMore&&this.props.loader,this.state.showLoader&&this.props.hasMore&&this.props.loader,!this.props.hasMore&&this.props.endMessage))},r}(I.Component);export{Es as C,
|
|
79
|
+
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 i=t.dataLength!==n.prevDataLength;return i?Be(Be({},n),{prevDataLength:t.dataLength}):null},r.prototype.isElementAtTop=function(t,n){n===void 0&&(n=.8);var i=t===document.body||t===document.documentElement?window.screen.availHeight:t.clientHeight,a=Qt(n);return a.unit===me.Pixel?t.scrollTop<=a.value+i-t.scrollHeight+1:t.scrollTop<=a.value/100+i-t.scrollHeight+1},r.prototype.isElementAtBottom=function(t,n){n===void 0&&(n=.8);var i=t===document.body||t===document.documentElement?window.screen.availHeight:t.clientHeight,a=Qt(n);return a.unit===me.Pixel?t.scrollTop+i>=t.scrollHeight-a.value:t.scrollTop+i>=a.value/100*t.scrollHeight},r.prototype.render=function(){var t=this,n=Be({height:this.props.height||"auto",overflow:"auto",WebkitOverflowScrolling:"touch"},this.props.style),i=this.props.hasChildren||!!(this.props.children&&this.props.children instanceof Array&&this.props.children.length),a=this.props.pullDownToRefresh&&this.props.height?{overflow:"auto"}:{};return T.createElement("div",{style:a,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&&!i&&this.props.hasMore&&this.props.loader,this.state.showLoader&&this.props.hasMore&&this.props.loader,!this.props.hasMore&&this.props.endMessage))},r}(I.Component);export{Es as C,Fs as D,Ws as I,Gs 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{n as _,f as a,a as b,p as c};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as r}from"./jsx-runtime-FsUICBgo.js";import{r as d}from"./index-RfLt4OUa.js";import{c as
|
|
1
|
+
import{j as r}from"./jsx-runtime-FsUICBgo.js";import{r as d}from"./index-RfLt4OUa.js";import{c as F}from"./index-VW3EWkuE.js";import{D as H}from"./disabled-context-urNQThQz.js";import{i as l}from"./types-5uVBABF4.js";import{T as R}from"./tooltip-HEHiU__l.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:E="text",tabIndex:q=0,disabled:V=!1,right:j=!1,warning:t=null,groupOrder:u=null,maxTooltipWidth:x=void 0,testId:T=void 0,size:s=null},O)=>{const N=d.useContext(H),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:x,display:"block",placement:"bottom-center",children:r.jsx("input",{ref:O,type:E||"text",size:s||20,placeholder:g??"",value:h??"",onChange:_,onKeyPress:b,onFocus:y,onBlur:v,onPaste:w,name:I,tabIndex:q,autoComplete:"off",disabled:V||N,className:F(n.input,e?n.error:t?n.warning:"",j?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:"((evt: FocusEvent<HTMLInputElement, Element>) => void)"}},onBlur:{defaultValue:{value:"() => {}"},description:"",name:"onBlur",required:!1,type:{name:"((evt: FocusEvent<HTMLInputElement, Element>) => void)"}},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};
|
package/dist/storybook/assets/{input-group.stories-UDFOhdWz.js → input-group.stories-gJFYuvVb.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as
|
|
1
|
+
import{j as n}from"./jsx-runtime-FsUICBgo.js";import{T as x}from"./common-types-U65vzrrz.js";import{I as t}from"./input-group-R8LoqKRn.js";import{I as h}from"./input-group-addon-BHVsW9mL.js";import{I as M}from"./input-2BhbKV-j.js";import{B as C}from"./button-shH4xakS.js";import{M as f}from"./actions-mOcj9IlF.js";import{S as I}from"./select-DZdWUrCW.js";import{T as P}from"./tooltip-HEHiU__l.js";import{M as o}from"./types-VB5zD18b.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./disabled-context-urNQThQz.js";import"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";import"./spinner-R8Il4aRe.js";import"./icon-8EQazuuW.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-8sb_A2v4.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./badge-23Ty_zBt.js";import"./assertThisInitialized-4q6YPdh3.js";import"./memoize-one.esm-hqe5SRxC.js";import"./text-6KQ6ntOV.js";import"./select.input-zP5tW20f.js";import"./index-miLrID2P.js";const en={title:"Forms/InputGroup",component:t,args:{}},s=i=>n.jsxs(t,{...i,children:[n.jsx(h,{children:"$"}),n.jsx(M,{width:"100%",name:"example",value:"123",onChange:()=>{}}),n.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}),n.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:()=>{}}]}}),n.jsx(C,{name:"example",label:"Confirm",colored:!0,onClick:()=>{}})]}),l=s.bind({}),e=s.bind({});e.args={width:"480px"};const a=s.bind({});a.args={small:!0};const r=()=>n.jsxs(t,{children:[n.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"}}),n.jsx(P,{text:"This is a tooltip",children:n.jsx(C,{name:"example",label:"Confirm",colored:!0,onClick:()=>{},groupOrder:"last"})})]});var u,p,m;l.parameters={...l.parameters,docs:{...(u=l.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}>
|
|
@@ -46,7 +46,7 @@ import{j as e}from"./jsx-runtime-FsUICBgo.js";import{T as x}from"./common-types-
|
|
|
46
46
|
}} />
|
|
47
47
|
<Button name="example" label="Confirm" colored onClick={() => {}} />
|
|
48
48
|
</InputGroup>;
|
|
49
|
-
}`,...(m=(p=
|
|
49
|
+
}`,...(m=(p=l.parameters)==null?void 0:p.docs)==null?void 0:m.source}}};var c,d,b;e.parameters={...e.parameters,docs:{...(c=e.parameters)==null?void 0:c.docs,source:{originalSource:`args => {
|
|
50
50
|
return <InputGroup
|
|
51
51
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
52
52
|
{...args}>
|
|
@@ -94,7 +94,7 @@ import{j as e}from"./jsx-runtime-FsUICBgo.js";import{T as x}from"./common-types-
|
|
|
94
94
|
}} />
|
|
95
95
|
<Button name="example" label="Confirm" colored onClick={() => {}} />
|
|
96
96
|
</InputGroup>;
|
|
97
|
-
}`,...(b=(d=
|
|
97
|
+
}`,...(b=(d=e.parameters)==null?void 0:d.docs)==null?void 0:b.source}}};var g,v,T;a.parameters={...a.parameters,docs:{...(g=a.parameters)==null?void 0:g.docs,source:{originalSource:`args => {
|
|
98
98
|
return <InputGroup
|
|
99
99
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
100
100
|
{...args}>
|
|
@@ -142,7 +142,7 @@ import{j as e}from"./jsx-runtime-FsUICBgo.js";import{T as x}from"./common-types-
|
|
|
142
142
|
}} />
|
|
143
143
|
<Button name="example" label="Confirm" colored onClick={() => {}} />
|
|
144
144
|
</InputGroup>;
|
|
145
|
-
}`,...(T=(v=
|
|
145
|
+
}`,...(T=(v=a.parameters)==null?void 0:v.docs)==null?void 0:T.source}}};var k,O,y;r.parameters={...r.parameters,docs:{...(k=r.parameters)==null?void 0:k.docs,source:{originalSource:`() => {
|
|
146
146
|
return <InputGroup>
|
|
147
147
|
<Select options={[{
|
|
148
148
|
label: 'Aardvarks',
|
|
@@ -164,4 +164,4 @@ import{j as e}from"./jsx-runtime-FsUICBgo.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
|
|
167
|
+
}`,...(y=(O=r.parameters)==null?void 0:O.docs)==null?void 0:y.source}}};const an=["Default","FixedWidth","Small","SelectWithButton"];export{l as Default,e as FixedWidth,r as SelectWithButton,a as Small,an as __namedExportsOrder,en as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-FsUICBgo.js";import{M as s,C as n}from"./index-
|
|
1
|
+
import{j as e}from"./jsx-runtime-FsUICBgo.js";import{M as s,C as n}from"./index-i2tVYo5N.js";import{NonExistentValue as a,Error as l}from"./select.stories-QOxuHSmz.js";import{useMDXComponents as r}from"./index-4YXVTraW.js";import"./index-RfLt4OUa.js";import"./iframe-Z5bUT4O1.js";import"../sb-preview/runtime.js";import"./index-miLrID2P.js";import"./inheritsLoose-8sb_A2v4.js";import"./assertThisInitialized-4q6YPdh3.js";import"./index-R5dkQuFe.js";import"./index-PPLHz8o0.js";import"./select-DZdWUrCW.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-HEHiU__l.js";import"./index-4QtD-hFu.js";import"./memoize-one.esm-hqe5SRxC.js";import"./types-VB5zD18b.js";import"./text-6KQ6ntOV.js";import"./actions-mOcj9IlF.js";import"./button-shH4xakS.js";import"./spinner-R8Il4aRe.js";import"./icon-8EQazuuW.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./tslib.es6-OIsz3r9a.js";import"./badge-23Ty_zBt.js";import"./select.input-zP5tW20f.js";import"./spacer-Yji9g2AW.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"}),`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as b}from"./jsx-runtime-FsUICBgo.js";import{I}from"./input-
|
|
1
|
+
import{j as b}from"./jsx-runtime-FsUICBgo.js";import{I}from"./input-2BhbKV-j.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./disabled-context-urNQThQz.js";import"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.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-FsUICBgo.js";import{M as r,C as o}from"./index-
|
|
1
|
+
import{j as e}from"./jsx-runtime-FsUICBgo.js";import{M as r,C as o}from"./index-i2tVYo5N.js";import{Default as l}from"./button.stories-5xHwBO1P.js";import{Default as a}from"./check-box.stories-dct4BaKG.js";import{Default as c}from"./file-input.stories-qbEqmWyt.js";import{Default as d,Date as p}from"./input.stories-74EIL_bF.js";import{Default as h}from"./number-input.stories-AU1jlL6D.js";import{Default as m}from"./option-dropdown.stories-n7CDZevX.js";import{Default as u}from"./radio-button.stories-Z_B_oHnZ.js";import{Native as f,Default as x}from"./select.stories-QOxuHSmz.js";import{Default as j}from"./slider.stories-hVrt3K9M.js";import{Default as b}from"./textarea.stories-vr_I38NI.js";import{Default as g}from"./toggle.stories-VfPLoUW1.js";import{useMDXComponents as s}from"./index-4YXVTraW.js";import"./index-RfLt4OUa.js";import"./iframe-Z5bUT4O1.js";import"../sb-preview/runtime.js";import"./index-miLrID2P.js";import"./inheritsLoose-8sb_A2v4.js";import"./assertThisInitialized-4q6YPdh3.js";import"./index-R5dkQuFe.js";import"./index-PPLHz8o0.js";import"./react-router-dom-EZH1n7K1.js";import"./index-4QtD-hFu.js";import"./tiny-invariant-R4kOKlvx.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./flex-RYZsoWEN.js";import"./button-shH4xakS.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./spinner-R8Il4aRe.js";import"./icon-8EQazuuW.js";import"./tslib.es6-OIsz3r9a.js";import"./tooltip-HEHiU__l.js";import"./check-box-2gxosI3y.js";import"./help-icon-SKky6KLV.js";import"./input-group-R8LoqKRn.js";import"./input-2BhbKV-j.js";import"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";import"./spacer-Yji9g2AW.js";import"./message-CRKuTfOl.js";import"./textarea-ygEac3d2.js";import"./index-qZmQ7nA9.js";import"./index-cCpkwrS5.js";import"./number-input-CMhEMmUd.js";import"./input-group-addon-BHVsW9mL.js";import"./select-DZdWUrCW.js";import"./memoize-one.esm-hqe5SRxC.js";import"./types-VB5zD18b.js";import"./text-6KQ6ntOV.js";import"./actions-mOcj9IlF.js";import"./badge-23Ty_zBt.js";import"./select.input-zP5tW20f.js";import"./divider-RwW2f_N0.js";import"./radio-button-5n_38sFk.js";import"./slider-MN9iDCsS.js";import"./objectSpread2-93s0nBry.js";import"./index-ugi_ZH6T.js";import"./toggle-M_66MP8X.js";function i(n){const t=Object.assign({h1:"h1",p:"p",h2:"h2",strong:"strong",ul:"ul",li:"li",code:"code",h3:"h3",a:"a"},s(),n.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 +1 @@
|
|
|
1
|
-
import{g as a}from"./index-RfLt4OUa.js";import{_ as c,a as n,i}from"./index-
|
|
1
|
+
import{g as a}from"./index-RfLt4OUa.js";import{_ as c,a as n,i}from"./index-R5dkQuFe.js";var s=c,b=n,p=i,j="[object Object]",f=Function.prototype,l=Object.prototype,e=f.toString,u=l.hasOwnProperty,g=e.call(Object);function O(r){if(!p(r)||s(r)!=j)return!1;var o=b(r);if(o===null)return!0;var t=u.call(o,"constructor")&&o.constructor;return typeof t=="function"&&t instanceof t&&e.call(t)==g}var P=O;const m=a(P);export{P as a,m as i};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as t}from"./jsx-runtime-FsUICBgo.js";import{c as m}from"./index-VW3EWkuE.js";import{I as a}from"./common-types-U65vzrrz.js";import{H as n}from"./help-icon-
|
|
1
|
+
import{j as t}from"./jsx-runtime-FsUICBgo.js";import{c as m}from"./index-VW3EWkuE.js";import{I as a}from"./common-types-U65vzrrz.js";import{H as n}from"./help-icon-SKky6KLV.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-FsUICBgo.js";import{r as E}from"./index-RfLt4OUa.js";import{L as
|
|
1
|
+
import{j}from"./jsx-runtime-FsUICBgo.js";import{r as E}from"./index-RfLt4OUa.js";import{L as n}from"./label-uCFEME1p.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./help-icon-SKky6KLV.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";import"./icon-8EQazuuW.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-8sb_A2v4.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";const K={title:"Forms/Label",component:n,args:{label:"Label"}},t=e=>j.jsx(n,{...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(n,{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 p,i,m;c.parameters={...c.parameters,docs:{...(p=c.parameters)==null?void 0:p.docs,source:{originalSource:"(args: ILabelProps) => <Label {...args} />",...(m=(i=c.parameters)==null?void 0:i.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={{
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as t}from"./jsx-runtime-FsUICBgo.js";import{M as s,C as o}from"./index-
|
|
1
|
+
import{j as t}from"./jsx-runtime-FsUICBgo.js";import{M as s,C as o}from"./index-i2tVYo5N.js";import{Default as p,LabelOnLeft as m}from"./field.stories-Quu0snQm.js";import{Default as l,LabelsOnLeft as a,Row as h}from"./form.stories-7v6JzvJl.js";import{useMDXComponents as n}from"./index-4YXVTraW.js";import"./index-RfLt4OUa.js";import"./iframe-Z5bUT4O1.js";import"../sb-preview/runtime.js";import"./index-miLrID2P.js";import"./inheritsLoose-8sb_A2v4.js";import"./assertThisInitialized-4q6YPdh3.js";import"./index-R5dkQuFe.js";import"./index-PPLHz8o0.js";import"./field-FZX0Z7IB.js";import"./index-VW3EWkuE.js";import"./label-uCFEME1p.js";import"./common-types-U65vzrrz.js";import"./help-icon-SKky6KLV.js";import"./tooltip-HEHiU__l.js";import"./icon-8EQazuuW.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./input-2BhbKV-j.js";import"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";import"./text-6KQ6ntOV.js";import"./select-DZdWUrCW.js";import"./memoize-one.esm-hqe5SRxC.js";import"./types-VB5zD18b.js";import"./actions-mOcj9IlF.js";import"./button-shH4xakS.js";import"./spinner-R8Il4aRe.js";import"./badge-23Ty_zBt.js";import"./select.input-zP5tW20f.js";import"./check-box-2gxosI3y.js";import"./button-group-mNQThLQb.js";import"./toggle-M_66MP8X.js";import"./input-group-R8LoqKRn.js";import"./input-group-addon-BHVsW9mL.js";import"./slider-MN9iDCsS.js";import"./objectSpread2-93s0nBry.js";import"./index-ugi_ZH6T.js";import"./textarea-ygEac3d2.js";import"./radio-button-5n_38sFk.js";import"./form-row-bwoDTUga.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
2
|
`,t.jsx(e.h1,{id:"layout-forms",children:"Layout (Forms)"}),`
|
|
3
3
|
`,t.jsx(e.h2,{id:"field",children:"Field"}),`
|
|
4
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."]}),`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-FsUICBgo.js";import{M as r,C as n}from"./index-
|
|
1
|
+
import{j as e}from"./jsx-runtime-FsUICBgo.js";import{M as r,C as n}from"./index-i2tVYo5N.js";import{Center as d,SpaceBetween as a,JustifyEnd as c,Column as l}from"./flex.stories-8HJIYv6E.js";import{Default as h,CustomColumnWidth as p,DefaultGap as x,CustomGap as m,Responsive as j}from"./grid.stories-hPfW-CxX.js";import{Default as u,FixedWidth as f,NoPadding as g,ResponsiveWidth as w}from"./column.stories-1Qq8awo0.js";import{useMDXComponents as s}from"./index-4YXVTraW.js";import"./index-RfLt4OUa.js";import"./iframe-Z5bUT4O1.js";import"../sb-preview/runtime.js";import"./index-miLrID2P.js";import"./inheritsLoose-8sb_A2v4.js";import"./assertThisInitialized-4q6YPdh3.js";import"./index-R5dkQuFe.js";import"./index-PPLHz8o0.js";import"./flex-RYZsoWEN.js";import"./button-shH4xakS.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./spinner-R8Il4aRe.js";import"./icon-8EQazuuW.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./tooltip-HEHiU__l.js";import"./text-6KQ6ntOV.js";import"./grid-u1mZpaML.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./card-0r8RRVk-.js";import"./row-vFUhHoz5.js";import"./heading-jZsIIJF0.js";import"./help-icon-SKky6KLV.js";function t(i){const o=Object.assign({h1:"h1",h2:"h2",p:"p",code:"code",h3:"h3"},s(),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."]}),`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as o}from"./index-RfLt4OUa.js";import{c as V}from"./index-VW3EWkuE.js";import{P as ae,D as ne,C as re,I as te}from"./index.es-
|
|
1
|
+
import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as o}from"./index-RfLt4OUa.js";import{c as V}from"./index-VW3EWkuE.js";import{P as ae,D as ne,C as re,I as te}from"./index.es-VXFRDikp.js";import{C as le}from"./card-0r8RRVk-.js";import{l as r,N as se,M as ie,L as oe}from"./meta-content-lUynpOsR.js";import{I as k}from"./common-types-U65vzrrz.js";import{D as B}from"./disabled-context-urNQThQz.js";import{A as G}from"./actions-mOcj9IlF.js";import{B as F}from"./badge-23Ty_zBt.js";import{I as w}from"./icon-8EQazuuW.js";import{L as ce}from"./loader-TGOJBZQG.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 L=({item:a})=>a.metaCount!==void 0?e.jsx(F,{color:"rgba(0,0,0,0.25)",title:a.metaCount}):null;try{L.displayName="MetaCount",L.__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=d=>{d.preventDefault(),d.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 M=o.forwardRef(({item:a,index:i},c)=>{const d=o.useContext(B),{actions:_,disabled:u,expanded:g,onClick:b,title:t,name:s,icon:n,testId:p}=a;return e.jsx("div",{ref:f=>{c&&"current"in c&&Array.isArray(c.current)&&i!==void 0&&(c.current[i]=f)},"data-testid":p??null,className:V(r.item,r.heading,u||d?r.disabled:"",b?r.action:""),onClick:f=>{b&&b(f)},title:t,children:e.jsx("div",{children:e.jsxs("div",{className:r.itemHeader,children:[typeof g=="boolean"&&e.jsx("div",{className:V(r.expandIcon,g&&r.expanded),children:e.jsx(w,{icon:k.CHEVRON_RIGHT})}),e.jsx(se,{name:s,icon:n}),e.jsxs("div",{className:r.right,children:[e.jsx(L,{item:a}),!(u||d)&&_&&e.jsx("div",{className:r.actions,children:e.jsx(G,{actions:a.actions??[]})})]})]})})})});try{M.displayName="ListSubheading",M.__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 de=(a,i)=>a?{cursor:i.cursor?i.cursor:"",...a.style}:null,H=o.forwardRef(({items:a,expanding:i,invokeEditOnRowClick:c,provided:d,draggable:_},u)=>{const g=o.useContext(B),b=(t,s,n,p,f,y)=>{const h=n.component||"a";return o.createElement(h,{href:n.url,to:n.url,ref:s==null?void 0:s.innerRef,...s.draggableProps,style:de(s.draggableProps,n),className:V(r.item,n.active?r.active:"",n.disabled||g?r.disabled:"",f?r.action:""),onClick:m=>{if(c&&y&&y.onClick&&y.onClick(m,n.id),n.onClick)return n.onClick(m)},key:t,"data-id":t,title:n.title,"data-testid":n.testId},e.jsxs("div",{ref:m=>{u&&"current"in u&&Array.isArray(u.current)&&t!==void 0&&(u.current[t]=m)},style:{paddingLeft:p},children:[e.jsxs("div",{className:r.itemHeader,children:[_&&e.jsx("div",{className:r.drag,...s.dragHandleProps,children:e.jsx(w,{icon:k.DRAG})}),n.level&&n.level>0?e.jsx("div",{className:r.indentIcon,children:e.jsx(w,{icon:k.INDENT})}):null,e.jsx(E,{label:n.label}),e.jsx(ie,{item:n}),e.jsxs("div",{className:r.right,children:[e.jsx(L,{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",p=t.actions&&t.actions.find(h=>{var m;return h.label&&((m=String(h.label))==null?void 0:m.toLowerCase())==="edit"}),f=!!(p||t.url||t.onClick),y=t.level&&t.level>1?(t.level-1)*20:0;return n?e.jsx(M,{ref:u,item:t,index:s},s):_?e.jsx(ae,{draggableId:t.id+"",index:s,children:h=>b(s,h,t,y,f,p)},t.id):b(s,d,t,y,f,p)}),d.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:d=!1,toggleNarrow:_=!1,onToggleNarrow:u=()=>{},invokeEditOnRowClick:g=!0,noHeader:b=!1,stickyHeader:t,draggable:s=!1,onListReorder:n=()=>{},marginBottom:p=0,height:f,testId:y,scrollDetails:h={scrollable:!1,hideScrollbar:!1,triggerScrollToActiveItem:!1,infiniteScroll:!1,limit:10,infiniteScrollTarget:void 0}})=>{const{scrollable:m,hideScrollbar:z,triggerScrollToActiveItem:T,infiniteScroll:A,infiniteScrollTarget:J}=h,v=o.useRef(null),I=o.useRef([]),j=o.useRef(null),O=A?Math.ceil(window.innerHeight/44):a.items.length,[N,K]=o.useState(O),[Q,U]=o.useState(N<(a==null?void 0:a.items.length));o.useEffect(()=>{I.current=I.current.slice(0,a.items.length)},[a.items.length]);const W=()=>{if(N>=a.items.length){U(!1);return}const l=O+N;K(l)},X=l=>l.findIndex(x=>x.active===!0),Y=l=>{if(!j.current||!v.current)return;const x=1;if(T&&l>=0){const D=I.current.reduce((q,$,ee)=>ee<l?q+$.clientHeight+x:q,0),S=j.current.clientHeight/2-I.current[l].clientHeight/2,C=D-S;if(t){const q=v.current.clientHeight/2;j.current.scrollTop=C+q}const Z=v.current.clientHeight;j.current.scrollTop=C+Z}};return o.useEffect(()=>{if(T){const l=X(a==null?void 0:a.items);Y(l)}},[j.current,v.current,T]),e.jsx(ne,{onDragEnd:l=>{var S,C;const x=(S=l==null?void 0:l.source)==null?void 0:S.index,D=(C=l==null?void 0:l.destination)==null?void 0:C.index;n({from:x,to:D})},children:e.jsx(re,{droppableId:"droppable",children:(l,x)=>e.jsx("div",{className:V(d?r.narrow:"",m?r.scrollableList:"",z?r.hideScrollbar:""),"data-testid":y,id:"scrollableDiv",style:{height:f,marginBottom:p},ref:j,children:e.jsx("div",{ref:l.innerRef,...l.droppableProps,children:e.jsxs(le,{bordered:i,padding:!1,children:[!b&&e.jsx(oe,{name:a.name,actions:a.actions,toggleNarrow:_,onToggleNarrow:u,stickyHeader:t,ref:v}),e.jsx("div",{className:V(r.list,i?r.bordered:""),children:A?e.jsx(te,{dataLength:N,next:W,hasMore:Q,scrollableTarget:J||"scrollableDiv",loader:e.jsx(ce,{}),className:r.infiniteScrollContainer,children:e.jsx(H,{draggable:s,items:a.items.slice(0,N),expanding:c,invokeEditOnRowClick:g,onListReorder:n,provided:l,snapshot:x,ref:I})}):e.jsx(H,{draggable:s,items:a.items,expanding:c,invokeEditOnRowClick:g,onListReorder:n,provided:l,snapshot:x,ref:I})})]})})})})})};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,4 +1,4 @@
|
|
|
1
|
-
import{j as s}from"./jsx-runtime-FsUICBgo.js";import{r as B}from"./index-RfLt4OUa.js";import{f as x}from"./immer.esm-bD7SSJ7T.js";import{H as on,S as dn,R as z,L as G}from"./react-router-dom-
|
|
1
|
+
import{j as s}from"./jsx-runtime-FsUICBgo.js";import{r as B}from"./index-RfLt4OUa.js";import{f as x}from"./immer.esm-bD7SSJ7T.js";import{H as on,S as dn,R as z,L as G}from"./react-router-dom-EZH1n7K1.js";import{L as y,a as P}from"./list-PShi-3TE.js";import{L as mn}from"./meta-content-lUynpOsR.js";import{F as ln}from"./flex-RYZsoWEN.js";import{a as cn,b as pn,c as un,d as gn,e as hn,f as yn,g as bn,h as kn,i as xn,j as fn,k as Sn,m as In,n as Cn,o as rn}from"./list.stories-data-Qc3oehAh.js";import"./inheritsLoose-8sb_A2v4.js";import"./index-4QtD-hFu.js";import"./tiny-invariant-R4kOKlvx.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./index-VW3EWkuE.js";import"./index.es-VXFRDikp.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./index-miLrID2P.js";import"./memoize-one.esm-hqe5SRxC.js";import"./card-0r8RRVk-.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./actions-mOcj9IlF.js";import"./lodash-Bmg8FrMx.js";import"./button-shH4xakS.js";import"./spinner-R8Il4aRe.js";import"./icon-8EQazuuW.js";import"./tslib.es6-OIsz3r9a.js";import"./tooltip-HEHiU__l.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./loader-TGOJBZQG.js";import"./heading-jZsIIJF0.js";import"./help-icon-SKky6KLV.js";const ra={title:"Basic/List",component:y,args:{list:cn,noHeader:!0},parameters:{layout:"fullscreen"}},o=d=>s.jsx(y,{...d}),O=o.bind({}),L=o.bind({});L.args={list:pn};const D=o.bind({});D.args={list:un};const v=o.bind({});v.args={list:gn};const K=o.bind({});K.args={list:hn,expanding:!0};const H=o.bind({});H.args={list:yn,noHeader:!1};const M=o.bind({});M.args={list:bn};const j=o.bind({});j.args={list:kn};const R=o.bind({});R.args={list:xn};const T=o.bind({});T.args={list:fn};const E=o.bind({});E.args={list:Sn,noHeader:!1};const w=o.bind({});w.args={bordered:!0};const N=o.bind({});N.args={list:In};const $=o.bind({});$.args={list:Cn};const S=o.bind({});S.args={list:rn,noHeader:!1,stickyHeader:!0};S.parameters={docs:{story:{inline:!1,iframeHeight:200}}};const f=o.bind({});f.args={list:rn,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=>s.jsx("div",{style:{height:200,overflow:"hidden"},children:d()})];const J=()=>{const[d,b]=B.useState(0),k={name:"Animals",items:[...Array(50)].map((m,l)=>({id:l,name:`Aardvark #${l+1}`,active:l===d,onClick:()=>b(l)}))};return s.jsx("div",{style:{height:200,overflow:"auto"},children:s.jsx(y,{list:k,scrollDetails:{infiniteScroll:!0,scrollable:!0,limit:10}})})},_=()=>{const d=(e,a)=>{switch(a.type){case"headingClicked":{const{headingKey:t}=a.payload;return x(e,r=>{const i=r[t];i.expanded=!i.expanded})}case"itemClicked":{const{headingKey:t,itemIndex:r}=a.payload;return x(e,i=>{Object.keys(i).forEach(h=>{i[h].items.forEach((A,sn)=>{A.active=h===t&&sn===r})})})}case"addClicked":{const{headingKey:t}=a.payload;return x(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 x(e,i=>{let{items:h}=i[t];delete h[r],i[t].items=h.filter(A=>A)})}default:return e}},b=()=>({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"}]}}),[k,m]=B.useReducer(d,{},()=>b()),[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}=k,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 s.jsxs(ln,{gap:!0,children:[s.jsx(y,{list:C(I),bordered:!0,height:n,scrollDetails:{scrollable:!0,hideScrollbar:!1,triggerScrollToActiveItem:l}}),s.jsx(y,{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 x(n,t=>{const r=t[a];r.expanded=!r.expanded})}case"itemClicked":{const{headingKey:a,itemIndex:t}=e.payload;return x(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 x(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 x(n,r=>{let{items:i}=r[a];delete i[t],r[a].items=i.filter(h=>h)})}default:return n}},b=()=>({mammals:{key:"mammals",label:"Mammals",expanded:!0,items:[{name:"Aardvark",active:!0},{name:"Kangaroo"}]},amphibians:{key:"amphibians",label:"Amphibians",expanded:!0,items:[{name:"Frog"}]}}),[k,m]=B.useReducer(d,b()),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}=k,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 s.jsxs(s.Fragment,{children:[s.jsx(mn,{name:"Animals"}),s.jsx(P,{item:F(g)}),g.expanded&&s.jsx(y,{noHeader:!0,list:C(g)}),s.jsx(P,{item:F(I)}),I.expanded&&s.jsx(y,{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},b={name:"List Name",draggable:!0,items:[{id:1,name:"element 1",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]},{id:2,name:"Long element name goes here lorem ipsum dolor lorem ipsum dolor",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:()=>{}}]}]},[k,m]=B.useState(b.items),l=u=>{const{to:c,from:p}=u;m(d(k,p,c))};return s.jsx(y,{list:{...b,items:k},draggable:!0,onListReorder:l})},q=()=>{const d={items:[{id:1,name:"Dashboard",component:G,url:"/dashboard"},{id:2,name:"Settings",component:G,url:"/settings"}]};return s.jsxs(on,{children:[s.jsx(y,{list:d,noHeader:!0}),s.jsxs(dn,{children:[s.jsx(z,{path:"/dashboard",children:"Dashboard"}),s.jsx(z,{path:"/settings",children:"Settings"})]})]})};var Q,U,V;O.parameters={...O.parameters,docs:{...(Q=O.parameters)==null?void 0:Q.docs,source:{originalSource:`args => {
|
|
2
2
|
return <List {...args} />;
|
|
3
3
|
}`,...(V=(U=O.parameters)==null?void 0:U.docs)==null?void 0:V.source}}};var Y,Z,ee;L.parameters={...L.parameters,docs:{...(Y=L.parameters)==null?void 0:Y.docs,source:{originalSource:`args => {
|
|
4
4
|
return <List {...args} />;
|
|
@@ -475,4 +475,4 @@ import{j as s}from"./jsx-runtime-FsUICBgo.js";import{r as B}from"./index-RfLt4OU
|
|
|
475
475
|
<Route path="/settings">Settings</Route>
|
|
476
476
|
</Switch>
|
|
477
477
|
</HashRouter>;
|
|
478
|
-
}`,...(tn=(an=q.parameters)==null?void 0:an.docs)==null?void 0:tn.source}}};const
|
|
478
|
+
}`,...(tn=(an=q.parameters)==null?void 0:an.docs)==null?void 0:tn.source}}};const sa=["Default","Actions","Menus","Details","Expanding","Header","Badges","BadgesSmall","Nested","InvalidItems","JSXTitles","Bordered","IconWithTooltip","Metacount","StickyHeader","Scrollable","InfiniteScroll","ScrollToActiveItem","HeadingsManaged","ManagedDragAndDrop","AsRouterLink"];export{L as Actions,q as AsRouterLink,M as Badges,j as BadgesSmall,w as Bordered,O as Default,v as Details,K as Expanding,H as Header,W as HeadingsManaged,N as IconWithTooltip,J as InfiniteScroll,T as InvalidItems,E as JSXTitles,X as ManagedDragAndDrop,D as Menus,$ as Metacount,R as Nested,_ as ScrollToActiveItem,f as Scrollable,S as StickyHeader,sa as __namedExportsOrder,ra as default};
|