@oliasoft-open-source/react-ui-library 4.6.14 → 4.6.15-beta-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/assets/{index-D5bNrBhF.js → index-noRhVNRn.js} +1 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.html +1 -1
- package/dist/index.js +24 -5
- package/dist/index.js.map +1 -1
- package/dist/storybook/assets/{Color-6VNJS4EI-5UlYAMTA.js → Color-6VNJS4EI-zsSkOkZZ.js} +1 -1
- package/dist/storybook/assets/{DocsRenderer-NNNQARDV-WzTjKE7d.js → DocsRenderer-NNNQARDV-qG6IOFhG.js} +1 -1
- package/dist/storybook/assets/{WithTooltip-V3YHNWJZ-ryIv_3O-.js → WithTooltip-V3YHNWJZ-yOnEAyhN.js} +1 -1
- package/dist/storybook/assets/{accordion.stories-Ckfdc3yE.js → accordion.stories-dq4cVL-x.js} +1 -1
- package/dist/storybook/assets/{actions-eW7plDvv.js → actions-7PO9r8zE.js} +1 -1
- package/dist/storybook/assets/{actions.stories-v91cA8Aa.js → actions.stories-sQK7SAX5.js} +1 -1
- package/dist/storybook/assets/{afe.stories-O_jbxAft.js → afe.stories-ODEPBi0c.js} +1 -1
- package/dist/storybook/assets/{badge.stories-AQYzIvli.js → badge.stories-fpUlm73g.js} +1 -1
- package/dist/storybook/assets/{blowout.stories-Vff9htu-.js → blowout.stories-4nLIosc7.js} +1 -1
- package/dist/storybook/assets/{button-yLYf8aC9.js → button-BiJw0fB3.js} +1 -1
- package/dist/storybook/assets/{button-group-rkjreZ1T.js → button-group-uKCjEKYR.js} +1 -1
- package/dist/storybook/assets/{button-group.stories-HnVY5ZDT.js → button-group.stories-mynaBhDz.js} +1 -1
- package/dist/storybook/assets/{button.stories-sp9SbrbR.js → button.stories-7N3AZjiw.js} +1 -1
- package/dist/storybook/assets/{buttons-and-links-wQYi3l-U.js → buttons-and-links-A0m53_zo.js} +1 -1
- package/dist/storybook/assets/{card.stories--XA-NPtn.js → card.stories-N8mLrD63.js} +1 -1
- package/dist/storybook/assets/{casing-loads.stories-8Ttx4DIU.js → casing-loads.stories-_FNbyeeA.js} +1 -1
- package/dist/storybook/assets/{cell.stories-7M24NqPM.js → cell.stories-3MAfxgx0.js} +1 -1
- package/dist/storybook/assets/{check-box-TRAFDvOc.js → check-box-KynSyTaY.js} +1 -1
- package/dist/storybook/assets/{check-box.stories-xj8y4pvN.js → check-box.stories-yE82OQod.js} +1 -1
- package/dist/storybook/assets/{chunk-HLWAVYOI-PQMDp8-e.js → chunk-HLWAVYOI-GsXUOgxA.js} +1 -1
- package/dist/storybook/assets/{color-KbDQ53i0.js → color-q6tTUpFY.js} +1 -1
- package/dist/storybook/assets/{column.stories-wGhSlroa.js → column.stories-cX-u-DHI.js} +1 -1
- package/dist/storybook/assets/{dialog-8AGrsBs-.js → dialog-Au78k7wS.js} +1 -1
- package/dist/storybook/assets/{drawer-NuViVQqw.js → drawer-Vhj7CUNA.js} +1 -1
- package/dist/storybook/assets/{drawer.stories-mIhzICjZ.js → drawer.stories-gbeto4wq.js} +1 -1
- package/dist/storybook/assets/{empty.stories-3hs4gUgZ.js → empty.stories-oRmjEU7P.js} +1 -1
- package/dist/storybook/assets/{field-UZtORY6D.js → field-m7XXDdEG.js} +1 -1
- package/dist/storybook/assets/{field.stories-DPmPvDCm.js → field.stories-6xmZA-uD.js} +1 -1
- package/dist/storybook/assets/{file-input-w3uIEi5j.js → file-input-AwnqYeJy.js} +1 -1
- package/dist/storybook/assets/{file-input.stories-CEhS8FcP.js → file-input.stories-Ry6pP1Zp.js} +1 -1
- package/dist/storybook/assets/{flex.stories-7GcqtV92.js → flex.stories-xAOrglx5.js} +1 -1
- package/dist/storybook/assets/{footer.stories-rwoGk_OR.js → footer.stories-qmAGeGs1.js} +1 -1
- package/dist/storybook/assets/{form.stories-YrQLXdLj.js → form.stories-Ey59t61k.js} +1 -1
- package/dist/storybook/assets/{formation.stories-DzFYQPb4.js → formation.stories-Keaqq-1Z.js} +1 -1
- package/dist/storybook/assets/{formatter-SWP5E3XI-8mlIbK1f.js → formatter-SWP5E3XI-cZ_FW1kO.js} +1 -1
- package/dist/storybook/assets/{heading-AvGkZ8ae.js → heading-4tVgoT7O.js} +1 -1
- package/dist/storybook/assets/{heading.stories-aJs549tG.js → heading.stories-7Bqlw14c.js} +1 -1
- package/dist/storybook/assets/{help-icon-4sFVvBkZ.js → help-icon-eelulTML.js} +1 -1
- package/dist/storybook/assets/{help-icon.stories-9Apwwl_z.js → help-icon.stories-CptgOV2E.js} +1 -1
- package/dist/storybook/assets/iframe-SjYxkjL0.js +7 -0
- package/dist/storybook/assets/{index-zoJcPijW.js → index-eZm9jYMB.js} +5 -5
- package/dist/storybook/assets/{input-w-UScEUy.js → input-fYKvBwPs.js} +1 -1
- package/dist/storybook/assets/{input-group.stories-wQfcKDtd.js → input-group.stories-BJcLpgsm.js} +1 -1
- package/dist/storybook/assets/{input-validation-xuPjFWLN.js → input-validation-cA6NMipU.js} +1 -1
- package/dist/storybook/assets/{input.stories-NMD1Bqi4.js → input.stories-Y5X-JFWU.js} +1 -1
- package/dist/storybook/assets/{inputs-ykWKqjr9.js → inputs-HhHtsFTZ.js} +1 -1
- package/dist/storybook/assets/{label-am612zWx.js → label-bLcoUwtK.js} +1 -1
- package/dist/storybook/assets/{label.stories-QPyTvO7T.js → label.stories-KbJuUVw3.js} +1 -1
- package/dist/storybook/assets/{layout-forms-zfu0nfCP.js → layout-forms-6ESvGeNK.js} +1 -1
- package/dist/storybook/assets/{layout-general-OHXhWaEj.js → layout-general-45XaQyoR.js} +1 -1
- package/dist/storybook/assets/{list-LWmKQq1G.js → list-F9uDwsrH.js} +1 -1
- package/dist/storybook/assets/{list.stories-fgw3Kx3W.js → list.stories-GyWvG8gC.js} +1 -1
- package/dist/storybook/assets/{list.stories-data-IWB082tu.js → list.stories-data-Ijj3YnfK.js} +1 -1
- package/dist/storybook/assets/{loader.stories-NaDVDl7Z.js → loader.stories-B5lK8-XB.js} +1 -1
- package/dist/storybook/assets/{menu.stories-K4nBhFj_.js → menu.stories-YY0ZhdqW.js} +1 -1
- package/dist/storybook/assets/{message.stories-CSw6ElMp.js → message.stories-aLAQs_iU.js} +1 -1
- package/dist/storybook/assets/{meta-content-70Z_mWPh.js → meta-content-h1NJ9ypR.js} +1 -1
- package/dist/storybook/assets/{modal.stories-BtfZy0lG.js → modal.stories-VdULKoni.js} +1 -1
- package/dist/storybook/assets/{number-input-hrCn3Rag.js → number-input-ymd7m-s5.js} +1 -1
- package/dist/storybook/assets/{number-input.stories-59JRvVcf.js → number-input.stories-QU9Llt5Z.js} +1 -1
- package/dist/storybook/assets/{option-dropdown.stories-ZCnTHpeT.js → option-dropdown.stories-f_5X-NT4.js} +1 -1
- package/dist/storybook/assets/{padding-and-spacing-kNJ_woug.js → padding-and-spacing-kcyE8npU.js} +1 -1
- package/dist/storybook/assets/{page.stories-GrhPKgmq.js → page.stories-_evmOXW2.js} +1 -1
- package/dist/storybook/assets/{pagination-yFWOmymz.js → pagination-DtJdggbI.js} +1 -1
- package/dist/storybook/assets/{pagination.stories-IahSsrYh.js → pagination.stories-M2RqRdRc.js} +1 -1
- package/dist/storybook/assets/{pop-confirm.stories-StkaY9mZ.js → pop-confirm.stories-VnMlv9V7.js} +1 -1
- package/dist/storybook/assets/popover-1CwIRm4P.js +1 -0
- package/dist/storybook/assets/popover.stories-c_ZOMOy7.js +10 -0
- package/dist/storybook/assets/{preview-zwp8DxHE.js → preview-5sJhlF6_.js} +2 -2
- package/dist/storybook/assets/{preview-sU0DHdXp.js → preview-l_O2seEt.js} +1 -1
- package/dist/storybook/assets/{projects.stories-HDwAJ2lH.js → projects.stories-H8sLyz8n.js} +1 -1
- package/dist/storybook/assets/{radio-button-g10vtbgR.js → radio-button-HPU-KHv4.js} +1 -1
- package/dist/storybook/assets/{radio-button.stories-Lm3AgSPw.js → radio-button.stories-ZyjCpReq.js} +1 -1
- package/dist/storybook/assets/{reservoirs.stories-UloVc7w8.js → reservoirs.stories-dvGcJAh0.js} +1 -1
- package/dist/storybook/assets/{rich-text-input.stories-g_yH3vr8.js → rich-text-input.stories-BroJS4L0.js} +1 -1
- package/dist/storybook/assets/{row.stories-c7qJDc3O.js → row.stories-uLjS3aLm.js} +1 -1
- package/dist/storybook/assets/{select-xiPCWaz8.js → select-AcJYUY86.js} +1 -1
- package/dist/storybook/assets/{select.stories-XhlzQ7cL.js → select.stories-pZ8RM3fJ.js} +1 -1
- package/dist/storybook/assets/{side-bar-hJdv8LbH.js → side-bar-evBxuVzm.js} +1 -1
- package/dist/storybook/assets/{side-bar.stories-Yhz9jXs2.js → side-bar.stories-mtQSbRi1.js} +1 -1
- package/dist/storybook/assets/{site.stories-KJRfCDdv.js → site.stories--LjoKnDF.js} +1 -1
- package/dist/storybook/assets/{slider-at3_DXQg.js → slider-n3IxC2iq.js} +1 -1
- package/dist/storybook/assets/{slider.stories-R5xGydpl.js → slider.stories-ZZQVWjaY.js} +1 -1
- package/dist/storybook/assets/{smart-upload-modal.stories-kh8FMEy6.js → smart-upload-modal.stories-RRF2yq4B.js} +1 -1
- package/dist/storybook/assets/{spacer.stories-9tR72ZgH.js → spacer.stories-oFV2pFb8.js} +1 -1
- package/dist/storybook/assets/{syntaxhighlighter-B5GMVT5T-sKVSL-Cd.js → syntaxhighlighter-B5GMVT5T-4O5JDV7T.js} +1 -1
- package/dist/storybook/assets/{table-plX5wbPy.js → table-ZBqRpa7M.js} +1 -1
- package/dist/storybook/assets/{table.stories-AyVqJBEu.js → table.stories-3JSl8GYJ.js} +1 -1
- package/dist/storybook/assets/{table.stories-data-9T_1BLo6.js → table.stories-data-tjY9V0bM.js} +1 -1
- package/dist/storybook/assets/{textarea-MGt7RyLU.js → textarea-U_i0cI7f.js} +1 -1
- package/dist/storybook/assets/{textarea.stories-8YL7NSEV.js → textarea.stories-pGEjF8nH.js} +1 -1
- package/dist/storybook/assets/{title.stories-o7fCo4X-.js → title.stories-JpJGF0vE.js} +1 -1
- package/dist/storybook/assets/{toaster.stories-4aAkEVaa.js → toaster.stories-Cu8HbPc6.js} +1 -1
- package/dist/storybook/assets/{toggle-m3EwNS6z.js → toggle-R__kwKym.js} +1 -1
- package/dist/storybook/assets/{toggle.stories-jaduywRN.js → toggle.stories-ViKd2aK_.js} +1 -1
- package/dist/storybook/assets/{tooltip-gljV_DQ0.js → tooltip-dueTLnwA.js} +2 -2
- package/dist/storybook/assets/{tooltip.stories-CEbtg_cS.js → tooltip.stories-a_gd0XYu.js} +1 -1
- package/dist/storybook/assets/tooltip.test-case.stories-_THFk3Hb.js +5 -0
- package/dist/storybook/assets/{top-bar-8ASbRXqr.js → top-bar-0Ownj3Bx.js} +1 -1
- package/dist/storybook/assets/{top-bar.stories-9LS979MG.js → top-bar.stories-Z8pUGVuU.js} +1 -1
- package/dist/storybook/assets/{top-bar.testcase.stories-Yjz8R3nX.js → top-bar.testcase.stories-3XlaHVAQ.js} +1 -1
- package/dist/storybook/assets/{tree.stories-VhgtyM-i.js → tree.stories-Uh4XKQdz.js} +1 -1
- package/dist/storybook/assets/{unit-input.stories--JK_4hwn.js → unit-input.stories-R93nVPV4.js} +1 -1
- package/dist/storybook/assets/{unit-table.stories-fbIAsylx.js → unit-table.stories-kapwCHI6.js} +1 -1
- package/dist/storybook/iframe.html +1 -1
- package/dist/storybook/index.json +1 -1
- package/dist/storybook/project.json +1 -1
- package/dist/storybook/stories.json +1 -1
- package/package.json +1 -1
- package/dist/404.html +0 -1
- package/dist/storybook/assets/iframe-WnIhztC-.js +0 -7
- package/dist/storybook/assets/popover-YDVuwgEX.js +0 -1
- package/dist/storybook/assets/popover.stories-QeTPelqE.js +0 -1
- package/dist/storybook/assets/tooltip.test-case.stories-Sq5qLreq.js +0 -3
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j}from"./jsx-runtime-FsUICBgo.js";import{_ as ir}from"./lodash-Bmg8FrMx.js";import{r as o,a as or}from"./index-RfLt4OUa.js";import{a as Qe,b as Q,_ as Z}from"./objectSpread2-93s0nBry.js";import{c as fe,a as lr}from"./index-VW3EWkuE.js";import{_ as Lt,b as sr}from"./inheritsLoose-8sb_A2v4.js";import{_ as cr}from"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import{m as fr}from"./memoize-one.esm-hqe5SRxC.js";import{i as dr}from"./index-ugi_ZH6T.js";import{I as Et}from"./common-types-U65vzrrz.js";import{D as vr}from"./disabled-context-urNQThQz.js";import{T as Ft}from"./tooltip-
|
|
1
|
+
import{j}from"./jsx-runtime-FsUICBgo.js";import{_ as ir}from"./lodash-Bmg8FrMx.js";import{r as o,a as or}from"./index-RfLt4OUa.js";import{a as Qe,b as Q,_ as Z}from"./objectSpread2-93s0nBry.js";import{c as fe,a as lr}from"./index-VW3EWkuE.js";import{_ as Lt,b as sr}from"./inheritsLoose-8sb_A2v4.js";import{_ as cr}from"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import{m as fr}from"./memoize-one.esm-hqe5SRxC.js";import{i as dr}from"./index-ugi_ZH6T.js";import{I as Et}from"./common-types-U65vzrrz.js";import{D as vr}from"./disabled-context-urNQThQz.js";import{T as Ft}from"./tooltip-dueTLnwA.js";import{B as yt}from"./button-BiJw0fB3.js";function Ze(e,a){(a==null||a>e.length)&&(a=e.length);for(var t=0,r=new Array(a);t<a;t++)r[t]=e[t];return r}function mr(e){if(Array.isArray(e))return Ze(e)}function gr(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function Dt(e,a){if(e){if(typeof e=="string")return Ze(e,a);var t=Object.prototype.toString.call(e).slice(8,-1);if(t==="Object"&&e.constructor&&(t=e.constructor.name),t==="Map"||t==="Set")return Array.from(e);if(t==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return Ze(e,a)}}function Er(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
|
|
2
2
|
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function ne(e){return mr(e)||gr(e)||Dt(e)||Er()}function yr(e){if(Array.isArray(e))return e}function hr(e,a){var t=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(t!=null){var r,n,i,u,l=[],s=!0,h=!1;try{if(i=(t=t.call(e)).next,a===0){if(Object(t)!==t)return;s=!1}else for(;!(s=(r=i.call(t)).done)&&(l.push(r.value),l.length!==a);s=!0);}catch(b){h=!0,n=b}finally{try{if(!s&&t.return!=null&&(u=t.return(),Object(u)!==u))return}finally{if(h)throw n}}return l}}function br(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
|
|
3
3
|
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function $(e,a){return yr(e)||hr(e,a)||Dt(e,a)||br()}var ze={},_r=function(a){};function Sr(e,a){}function pr(e,a){}function Mr(){ze={}}function kt(e,a,t){!a&&!ze[t]&&(e(!1,t),ze[t]=!0)}function De(e,a){kt(Sr,e,a)}function Or(e,a){kt(pr,e,a)}De.preMessage=_r;De.resetWarned=Mr;De.noteOnce=Or;function Cr(e,a){var t=arguments.length>2&&arguments[2]!==void 0?arguments[2]:!1,r=new Set;function n(i,u){var l=arguments.length>2&&arguments[2]!==void 0?arguments[2]:1,s=r.has(i);if(De(!s,"Warning: There may be circular references"),s)return!1;if(i===u)return!0;if(t&&l>1)return!1;r.add(i);var h=l+1;if(Array.isArray(i)){if(!Array.isArray(u)||i.length!==u.length)return!1;for(var b=0;b<i.length;b++)if(!n(i[b],u[b],h))return!1;return!0}if(i&&u&&Qe(i)==="object"&&Qe(u)==="object"){var E=Object.keys(i);return E.length!==Object.keys(u).length?!1:E.every(function(y){return n(i[y],u[y],h)})}return!1}return n(e,a)}function ht(e){var a=o.useRef();a.current=e;var t=o.useCallback(function(){for(var r,n=arguments.length,i=new Array(n),u=0;u<n;u++)i[u]=arguments[u];return(r=a.current)===null||r===void 0?void 0:r.call.apply(r,[a].concat(i))},[]);return t}function Nr(){return!!(typeof window<"u"&&window.document&&window.document.createElement)}var bt=Nr()?o.useLayoutEffect:o.useEffect,xr=function(a,t){var r=o.useRef(!0);bt(function(){return a(r.current)},t),bt(function(){return r.current=!1,function(){r.current=!0}},[])},_t=function(a,t){xr(function(r){if(!r)return a()},t)};function St(e){var a=o.useRef(!1),t=o.useState(e),r=$(t,2),n=r[0],i=r[1];o.useEffect(function(){return a.current=!1,function(){a.current=!0}},[]);function u(l,s){s&&a.current||i(l)}return[n,u]}function je(e){return e!==void 0}function Rr(e,a){var t=a||{},r=t.defaultValue,n=t.value,i=t.onChange,u=t.postState,l=St(function(){return je(n)?n:je(r)?typeof r=="function"?r():r:typeof e=="function"?e():e}),s=$(l,2),h=s[0],b=s[1],E=n!==void 0?n:h,y=u?u(E):E,d=ht(i),g=St([E]),v=$(g,2),f=v[0],_=v[1];_t(function(){var S=f[0];h!==S&&d(h,S)},[f]),_t(function(){je(n)||b(n)},[n]);var c=ht(function(S,I){b(S,I),_([E],I)});return[y,c]}function Ht(e,a){if(e==null)return{};var t=cr(e,a),r,n;if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],!(a.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(e,r)&&(t[r]=e[r])}return t}var m={MAC_ENTER:3,BACKSPACE:8,TAB:9,NUM_CENTER:12,ENTER:13,SHIFT:16,CTRL:17,ALT:18,PAUSE:19,CAPS_LOCK:20,ESC:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40,PRINT_SCREEN:44,INSERT:45,DELETE:46,ZERO:48,ONE:49,TWO:50,THREE:51,FOUR:52,FIVE:53,SIX:54,SEVEN:55,EIGHT:56,NINE:57,QUESTION_MARK:63,A:65,B:66,C:67,D:68,E:69,F:70,G:71,H:72,I:73,J:74,K:75,L:76,M:77,N:78,O:79,P:80,Q:81,R:82,S:83,T:84,U:85,V:86,W:87,X:88,Y:89,Z:90,META:91,WIN_KEY_RIGHT:92,CONTEXT_MENU:93,NUM_ZERO:96,NUM_ONE:97,NUM_TWO:98,NUM_THREE:99,NUM_FOUR:100,NUM_FIVE:101,NUM_SIX:102,NUM_SEVEN:103,NUM_EIGHT:104,NUM_NINE:105,NUM_MULTIPLY:106,NUM_PLUS:107,NUM_MINUS:109,NUM_PERIOD:110,NUM_DIVISION:111,F1:112,F2:113,F3:114,F4:115,F5:116,F6:117,F7:118,F8:119,F9:120,F10:121,F11:122,F12:123,NUMLOCK:144,SEMICOLON:186,DASH:189,EQUALS:187,COMMA:188,PERIOD:190,SLASH:191,APOSTROPHE:192,SINGLE_QUOTE:222,OPEN_SQUARE_BRACKET:219,BACKSLASH:220,CLOSE_SQUARE_BRACKET:221,WIN_KEY:224,MAC_FF_META:224,WIN_IME:229,isTextModifyingKeyEvent:function(a){var t=a.keyCode;if(a.altKey&&!a.ctrlKey||a.metaKey||t>=m.F1&&t<=m.F12)return!1;switch(t){case m.ALT:case m.CAPS_LOCK:case m.CONTEXT_MENU:case m.CTRL:case m.DOWN:case m.END:case m.ESC:case m.HOME:case m.INSERT:case m.LEFT:case m.MAC_FF_META:case m.META:case m.NUMLOCK:case m.NUM_CENTER:case m.PAGE_DOWN:case m.PAGE_UP:case m.PAUSE:case m.PRINT_SCREEN:case m.RIGHT:case m.SHIFT:case m.UP:case m.WIN_KEY:case m.WIN_KEY_RIGHT:return!1;default:return!0}},isCharacterKey:function(a){if(a>=m.ZERO&&a<=m.NINE||a>=m.NUM_ZERO&&a<=m.NUM_MULTIPLY||a>=m.A&&a<=m.Z||window.navigator.userAgent.indexOf("WebKit")!==-1&&a===0)return!0;switch(a){case m.SPACE:case m.QUESTION_MARK:case m.NUM_PLUS:case m.NUM_MINUS:case m.NUM_PERIOD:case m.NUM_DIVISION:case m.SEMICOLON:case m.DASH:case m.EQUALS:case m.COMMA:case m.PERIOD:case m.SLASH:case m.APOSTROPHE:case m.SINGLE_QUOTE:case m.OPEN_SQUARE_BRACKET:case m.BACKSLASH:case m.CLOSE_SQUARE_BRACKET:return!0;default:return!1}}},de=o.createContext({min:0,max:0,direction:"ltr",step:1,includedStart:0,includedEnd:0,tabIndex:0,keyboard:!0});function Je(e,a,t){return(e-a)/(t-a)}function et(e,a,t,r){var n=Je(a,t,r),i={};switch(e){case"rtl":i.right="".concat(n*100,"%"),i.transform="translateX(50%)";break;case"btt":i.bottom="".concat(n*100,"%"),i.transform="translateY(50%)";break;case"ttb":i.top="".concat(n*100,"%"),i.transform="translateY(-50%)";break;default:i.left="".concat(n*100,"%"),i.transform="translateX(-50%)";break}return i}function _e(e,a){return Array.isArray(e)?e[a]:e}var Pr=["prefixCls","value","valueIndex","onStartMove","style","render","dragging","onOffsetChange"],Tr=o.forwardRef(function(e,a){var t,r,n=e.prefixCls,i=e.value,u=e.valueIndex,l=e.onStartMove,s=e.style,h=e.render,b=e.dragging,E=e.onOffsetChange,y=Ht(e,Pr),d=o.useContext(de),g=d.min,v=d.max,f=d.direction,_=d.disabled,c=d.keyboard,S=d.range,I=d.tabIndex,P=d.ariaLabelForHandle,x=d.ariaLabelledByForHandle,R=d.ariaValueTextFormatterForHandle,U="".concat(n,"-handle"),C=function(T){_||l(T,u)},O=function(T){if(!_&&c){var M=null;switch(T.which||T.keyCode){case m.LEFT:M=f==="ltr"||f==="btt"?-1:1;break;case m.RIGHT:M=f==="ltr"||f==="btt"?1:-1;break;case m.UP:M=f!=="ttb"?1:-1;break;case m.DOWN:M=f!=="ttb"?-1:1;break;case m.HOME:M="min";break;case m.END:M="max";break;case m.PAGE_UP:M=2;break;case m.PAGE_DOWN:M=-2;break}M!==null&&(T.preventDefault(),E(M,u))}},K=et(f,i,g,v),F=o.createElement("div",Lt({ref:a,className:fe(U,(t={},Q(t,"".concat(U,"-").concat(u+1),S),Q(t,"".concat(U,"-dragging"),b),t)),style:Z(Z({},K),s),onMouseDown:C,onTouchStart:C,onKeyDown:O,tabIndex:_?null:_e(I,u),role:"slider","aria-valuemin":g,"aria-valuemax":v,"aria-valuenow":i,"aria-disabled":_,"aria-label":_e(P,u),"aria-labelledby":_e(x,u),"aria-valuetext":(r=_e(R,u))===null||r===void 0?void 0:r(i),"aria-orientation":f==="ltr"||f==="rtl"?"horizontal":"vertical"},y));return h&&(F=h(F,{index:u,prefixCls:n,value:i,dragging:b})),F}),Ar=["prefixCls","style","onStartMove","onOffsetChange","values","handleRender","draggingIndex"],Ir=o.forwardRef(function(e,a){var t=e.prefixCls,r=e.style,n=e.onStartMove,i=e.onOffsetChange,u=e.values,l=e.handleRender,s=e.draggingIndex,h=Ht(e,Ar),b=o.useRef({});return o.useImperativeHandle(a,function(){return{focus:function(y){var d;(d=b.current[y])===null||d===void 0||d.focus()}}}),o.createElement(o.Fragment,null,u.map(function(E,y){return o.createElement(Tr,Lt({ref:function(g){g?b.current[y]=g:delete b.current[y]},dragging:s===y,prefixCls:t,style:_e(r,y),key:y,value:E,valueIndex:y,onStartMove:n,onOffsetChange:i,render:l},h))}))});function pt(e){var a="touches"in e?e.touches[0]:e;return{pageX:a.pageX,pageY:a.pageY}}function Ur(e,a,t,r,n,i,u,l,s){var h=o.useState(null),b=$(h,2),E=b[0],y=b[1],d=o.useState(-1),g=$(d,2),v=g[0],f=g[1],_=o.useState(t),c=$(_,2),S=c[0],I=c[1],P=o.useState(t),x=$(P,2),R=x[0],U=x[1],C=o.useRef(null),O=o.useRef(null);o.useEffect(function(){v===-1&&I(t)},[t,v]),o.useEffect(function(){return function(){document.removeEventListener("mousemove",C.current),document.removeEventListener("mouseup",O.current),document.removeEventListener("touchmove",C.current),document.removeEventListener("touchend",O.current)}},[]);var K=function(w,D){S.some(function(H,J){return H!==w[J]})&&(D!==void 0&&y(D),I(w),u(w))},F=function(w,D){if(w===-1){var H=R[0],J=R[R.length-1],Se=r-H,pe=n-J,W=D*(n-r);W=Math.max(W,Se),W=Math.min(W,pe);var ue=i(H+W);W=ue-H;var ie=R.map(function(ge){return ge+W});K(ie)}else{var G=(n-r)*D,oe=ne(S);oe[w]=R[w];var me=s(oe,G,w,"dist");K(me.values,me.value)}},q=o.useRef(F);q.current=F;var T=function(w,D){w.stopPropagation();var H=t[D];f(D),y(H),U(t);var J=pt(w),Se=J.pageX,pe=J.pageY,W=function(G){G.preventDefault();var oe=pt(G),me=oe.pageX,ge=oe.pageY,Me=me-Se,Oe=ge-pe,Ce=e.current.getBoundingClientRect(),Ne=Ce.width,ee=Ce.height,Y;switch(a){case"btt":Y=-Oe/ee;break;case"ttb":Y=Oe/ee;break;case"rtl":Y=-Me/Ne;break;default:Y=Me/Ne}q.current(D,Y)},ue=function ie(G){G.preventDefault(),document.removeEventListener("mouseup",ie),document.removeEventListener("mousemove",W),document.removeEventListener("touchend",ie),document.removeEventListener("touchmove",W),C.current=null,O.current=null,f(-1),l()};document.addEventListener("mouseup",ue),document.addEventListener("mousemove",W),document.addEventListener("touchend",ue),document.addEventListener("touchmove",W),C.current=W,O.current=ue},M=o.useMemo(function(){var B=ne(t).sort(function(D,H){return D-H}),w=ne(S).sort(function(D,H){return D-H});return B.every(function(D,H){return D===w[H]})?S:t},[t,S]);return[v,E,M,T]}function wr(e){var a,t=e.prefixCls,r=e.style,n=e.start,i=e.end,u=e.index,l=e.onStartMove,s=o.useContext(de),h=s.direction,b=s.min,E=s.max,y=s.disabled,d=s.range,g="".concat(t,"-track"),v=Je(n,b,E),f=Je(i,b,E),_=function(I){!y&&l&&l(I,-1)},c={};switch(h){case"rtl":c.right="".concat(v*100,"%"),c.width="".concat(f*100-v*100,"%");break;case"btt":c.bottom="".concat(v*100,"%"),c.height="".concat(f*100-v*100,"%");break;case"ttb":c.top="".concat(v*100,"%"),c.height="".concat(f*100-v*100,"%");break;default:c.left="".concat(v*100,"%"),c.width="".concat(f*100-v*100,"%")}return o.createElement("div",{className:fe(g,(a={},Q(a,"".concat(g,"-").concat(u+1),d),Q(a,"".concat(t,"-track-draggable"),l),a)),style:Z(Z({},c),r),onMouseDown:_,onTouchStart:_})}function Lr(e){var a=e.prefixCls,t=e.style,r=e.values,n=e.startPoint,i=e.onStartMove,u=o.useContext(de),l=u.included,s=u.range,h=u.min,b=o.useMemo(function(){if(!s){if(r.length===0)return[];var E=n??h,y=r[0];return[{start:Math.min(E,y),end:Math.max(E,y)}]}for(var d=[],g=0;g<r.length-1;g+=1)d.push({start:r[g],end:r[g+1]});return d},[r,s,n,h]);return l?b.map(function(E,y){var d=E.start,g=E.end;return o.createElement(wr,{index:y,prefixCls:a,style:_e(t,y),start:d,end:g,key:y,onStartMove:i})}):null}function Fr(e){var a=e.prefixCls,t=e.style,r=e.children,n=e.value,i=e.onClick,u=o.useContext(de),l=u.min,s=u.max,h=u.direction,b=u.includedStart,E=u.includedEnd,y=u.included,d="".concat(a,"-text"),g=et(h,n,l,s);return o.createElement("span",{className:fe(d,Q({},"".concat(d,"-active"),y&&b<=n&&n<=E)),style:Z(Z({},g),t),onMouseDown:function(f){f.stopPropagation()},onClick:function(){i(n)}},r)}function Dr(e){var a=e.prefixCls,t=e.marks,r=e.onClick,n="".concat(a,"-mark");return t.length?o.createElement("div",{className:n},t.map(function(i){var u=i.value,l=i.style,s=i.label;return o.createElement(Fr,{key:u,prefixCls:n,style:l,value:u,onClick:r},s)})):null}function kr(e){var a=e.prefixCls,t=e.value,r=e.style,n=e.activeStyle,i=o.useContext(de),u=i.min,l=i.max,s=i.direction,h=i.included,b=i.includedStart,E=i.includedEnd,y="".concat(a,"-dot"),d=h&&b<=t&&t<=E,g=Z(Z({},et(s,t,u,l)),typeof r=="function"?r(t):r);return d&&(g=Z(Z({},g),typeof n=="function"?n(t):n)),o.createElement("span",{className:fe(y,Q({},"".concat(y,"-active"),d)),style:g})}function Hr(e){var a=e.prefixCls,t=e.marks,r=e.dots,n=e.style,i=e.activeStyle,u=o.useContext(de),l=u.min,s=u.max,h=u.step,b=o.useMemo(function(){var E=new Set;if(t.forEach(function(d){E.add(d.value)}),r&&h!==null)for(var y=l;y<=s;)E.add(y),y+=h;return Array.from(E)},[l,s,h,r,t]);return o.createElement("div",{className:"".concat(a,"-step")},b.map(function(E){return o.createElement(kr,{prefixCls:a,key:E,value:E,style:n,activeStyle:i})}))}function Kr(e,a,t,r,n,i){var u=o.useCallback(function(d){var g=isFinite(d)?d:e;return g=Math.min(a,d),g=Math.max(e,g),g},[e,a]),l=o.useCallback(function(d){if(t!==null){var g=e+Math.round((u(d)-e)/t)*t,v=function(S){return(String(S).split(".")[1]||"").length},f=Math.max(v(t),v(a),v(e)),_=Number(g.toFixed(f));return e<=_&&_<=a?_:null}return null},[t,e,a,u]),s=o.useCallback(function(d){var g=u(d),v=r.map(function(c){return c.value});t!==null&&v.push(l(d)),v.push(e,a);var f=v[0],_=a-e;return v.forEach(function(c){var S=Math.abs(g-c);S<=_&&(f=c,_=S)}),f},[e,a,r,t,u,l]),h=function d(g,v,f){var _=arguments.length>3&&arguments[3]!==void 0?arguments[3]:"unit";if(typeof v=="number"){var c,S=g[f],I=S+v,P=[];r.forEach(function(O){P.push(O.value)}),P.push(e,a),P.push(l(S));var x=v>0?1:-1;_==="unit"?P.push(l(S+x*t)):P.push(l(I)),P=P.filter(function(O){return O!==null}).filter(function(O){return v<0?O<=S:O>=S}),_==="unit"&&(P=P.filter(function(O){return O!==S}));var R=_==="unit"?S:I;c=P[0];var U=Math.abs(c-R);if(P.forEach(function(O){var K=Math.abs(O-R);K<U&&(c=O,U=K)}),c===void 0)return v<0?e:a;if(_==="dist")return c;if(Math.abs(v)>1){var C=ne(g);return C[f]=c,d(C,v-x,f,_)}return c}else{if(v==="min")return e;if(v==="max")return a}},b=function(g,v,f){var _=arguments.length>3&&arguments[3]!==void 0?arguments[3]:"unit",c=g[f],S=h(g,v,f,_);return{value:S,changed:S!==c}},E=function(g){return i===null&&g===0||typeof i=="number"&&g<i},y=function(g,v,f){var _=arguments.length>3&&arguments[3]!==void 0?arguments[3]:"unit",c=g.map(s),S=c[f],I=h(c,v,f,_);if(c[f]=I,n===!1){var P=i||0;f>0&&c[f-1]!==S&&(c[f]=Math.max(c[f],c[f-1]+P)),f<c.length-1&&c[f+1]!==S&&(c[f]=Math.min(c[f],c[f+1]-P))}else if(typeof i=="number"||i===null){for(var x=f+1;x<c.length;x+=1)for(var R=!0;E(c[x]-c[x-1])&&R;){var U=b(c,1,x);c[x]=U.value,R=U.changed}for(var C=f;C>0;C-=1)for(var O=!0;E(c[C]-c[C-1])&&O;){var K=b(c,-1,C-1);c[C-1]=K.value,O=K.changed}for(var F=c.length-1;F>0;F-=1)for(var q=!0;E(c[F]-c[F-1])&&q;){var T=b(c,-1,F-1);c[F-1]=T.value,q=T.changed}for(var M=0;M<c.length-1;M+=1)for(var B=!0;E(c[M+1]-c[M])&&B;){var w=b(c,1,M+1);c[M+1]=w.value,B=w.changed}}return{value:c[f],values:c}};return[s,y]}var Wr=o.forwardRef(function(e,a){var t,r=e.prefixCls,n=r===void 0?"rc-slider":r,i=e.className,u=e.style,l=e.disabled,s=l===void 0?!1:l,h=e.keyboard,b=h===void 0?!0:h,E=e.autoFocus,y=e.onFocus,d=e.onBlur,g=e.min,v=g===void 0?0:g,f=e.max,_=f===void 0?100:f,c=e.step,S=c===void 0?1:c,I=e.value,P=e.defaultValue,x=e.range,R=e.count,U=e.onChange,C=e.onBeforeChange,O=e.onAfterChange,K=e.allowCross,F=K===void 0?!0:K,q=e.pushable,T=q===void 0?!1:q,M=e.draggableTrack,B=e.reverse,w=e.vertical,D=e.included,H=D===void 0?!0:D,J=e.startPoint,Se=e.trackStyle,pe=e.handleStyle,W=e.railStyle,ue=e.dotStyle,ie=e.activeDotStyle,G=e.marks,oe=e.dots,me=e.handleRender,ge=e.tabIndex,Me=ge===void 0?0:ge,Oe=e.ariaLabelForHandle,Ce=e.ariaLabelledByForHandle,Ne=e.ariaValueTextFormatterForHandle,ee=o.useRef(),Y=o.useRef(),Ie=o.useMemo(function(){return w?B?"ttb":"btt":B?"rtl":"ltr"},[B,w]),V=o.useMemo(function(){return isFinite(v)?v:0},[v]),Ee=o.useMemo(function(){return isFinite(_)?_:100},[_]),le=o.useMemo(function(){return S!==null&&S<=0?1:S},[S]),Vt=o.useMemo(function(){return typeof T=="boolean"?T?le:!1:T>=0?T:!1},[T,le]),Ue=o.useMemo(function(){var L=Object.keys(G||{});return L.map(function(N){var p=G[N],k={value:Number(N)};return p&&Qe(p)==="object"&&!o.isValidElement(p)&&("label"in p||"style"in p)?(k.style=p.style,k.label=p.label):k.label=p,k}).filter(function(N){var p=N.label;return p||typeof p=="number"}).sort(function(N,p){return N.value-p.value})},[G]),Bt=Kr(V,Ee,le,Ue,F,Vt),rt=$(Bt,2),we=rt[0],at=rt[1],Gt=Rr(P,{value:I}),nt=$(Gt,2),te=nt[0],Yt=nt[1],X=o.useMemo(function(){var L=te==null?[]:Array.isArray(te)?te:[te],N=$(L,1),p=N[0],k=p===void 0?V:p,A=te===null?[]:[k];if(x){if(A=ne(L),R||te===void 0){var he=R>=0?R+1:2;for(A=A.slice(0,he);A.length<he;){var ce;A.push((ce=A[A.length-1])!==null&&ce!==void 0?ce:V)}}A.sort(function(re,xe){return re-xe})}return A.forEach(function(re,xe){A[xe]=we(re)}),A},[te,x,V,R,we]),Le=o.useRef(X);Le.current=X;var se=function(N){return x?N:N[0]},He=function(N){var p=ne(N).sort(function(k,A){return k-A});U&&!Cr(p,Le.current,!0)&&U(se(p)),Yt(p)},ut=function(N){if(!s){var p=0,k=Ee-V;X.forEach(function(he,ce){var re=Math.abs(N-he);re<=k&&(k=re,p=ce)});var A=ne(X);A[p]=N,x&&!X.length&&R===void 0&&A.push(N),C==null||C(se(A)),He(A),O==null||O(se(A))}},Xt=function(N){N.preventDefault();var p=Y.current.getBoundingClientRect(),k=p.width,A=p.height,he=p.left,ce=p.top,re=p.bottom,xe=p.right,mt=N.clientX,gt=N.clientY,Re;switch(Ie){case"btt":Re=(re-gt)/A;break;case"ttb":Re=(gt-ce)/A;break;case"rtl":Re=(xe-mt)/k;break;default:Re=(mt-he)/k}var ur=V+Re*(Ee-V);ut(we(ur))},Qt=o.useState(null),it=$(Qt,2),Ke=it[0],ot=it[1],Zt=function(N,p){if(!s){var k=at(X,N,p);C==null||C(se(X)),He(k.values),O==null||O(se(k.values)),ot(k.value)}};o.useEffect(function(){if(Ke!==null){var L=X.indexOf(Ke);L>=0&&ee.current.focus(L)}ot(null)},[Ke]);var zt=o.useMemo(function(){return M&&le===null?!1:M},[M,le]),Jt=function(){O==null||O(se(Le.current))},er=Ur(Y,Ie,X,V,Ee,we,He,Jt,at),Fe=$(er,4),lt=Fe[0],tr=Fe[1],We=Fe[2],rr=Fe[3],st=function(N,p){rr(N,p),C==null||C(se(Le.current))},ct=lt!==-1;o.useEffect(function(){if(!ct){var L=X.lastIndexOf(tr);ee.current.focus(L)}},[ct]);var ye=o.useMemo(function(){return ne(We).sort(function(L,N){return L-N})},[We]),ar=o.useMemo(function(){return x?[ye[0],ye[ye.length-1]]:[V,ye[0]]},[ye,x,V]),ft=$(ar,2),dt=ft[0],vt=ft[1];o.useImperativeHandle(a,function(){return{focus:function(){ee.current.focus(0)},blur:function(){var N=document,p=N.activeElement;Y.current.contains(p)&&(p==null||p.blur())}}}),o.useEffect(function(){E&&ee.current.focus(0)},[]);var nr=o.useMemo(function(){return{min:V,max:Ee,direction:Ie,disabled:s,keyboard:b,step:le,included:H,includedStart:dt,includedEnd:vt,range:x,tabIndex:Me,ariaLabelForHandle:Oe,ariaLabelledByForHandle:Ce,ariaValueTextFormatterForHandle:Ne}},[V,Ee,Ie,s,b,le,H,dt,vt,x,Me,Oe,Ce,Ne]);return o.createElement(de.Provider,{value:nr},o.createElement("div",{ref:Y,className:fe(n,i,(t={},Q(t,"".concat(n,"-disabled"),s),Q(t,"".concat(n,"-vertical"),w),Q(t,"".concat(n,"-horizontal"),!w),Q(t,"".concat(n,"-with-marks"),Ue.length),t)),style:u,onMouseDown:Xt},o.createElement("div",{className:"".concat(n,"-rail"),style:W}),o.createElement(Lr,{prefixCls:n,style:Se,values:ye,startPoint:J,onStartMove:zt?st:null}),o.createElement(Hr,{prefixCls:n,marks:Ue,dots:oe,style:ue,activeStyle:ie}),o.createElement(Ir,{ref:ee,prefixCls:n,style:pe,values:We,draggingIndex:lt,onStartMove:st,onOffsetChange:Zt,onFocus:y,onBlur:d,handleRender:me}),o.createElement(Dr,{prefixCls:n,marks:Ue,onClick:ut})))}),tt={},Kt={exports:{}};(function(e){function a(t){return t&&t.__esModule?t:{default:t}}e.exports=a,e.exports.__esModule=!0,e.exports.default=e.exports})(Kt);var jr=Kt.exports,Wt={exports:{}};(function(e){function a(t){"@babel/helpers - typeof";return e.exports=a=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(r){return typeof r}:function(r){return r&&typeof Symbol=="function"&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},e.exports.__esModule=!0,e.exports.default=e.exports,a(t)}e.exports=a,e.exports.__esModule=!0,e.exports.default=e.exports})(Wt);var ke=Wt.exports;const $r=or(sr);var $e={exports:{}},qe={exports:{}},Ve={exports:{}},Be={exports:{}},Mt;function qr(){return Mt||(Mt=1,function(e){var a=ke.default;function t(r,n){if(a(r)!=="object"||r===null)return r;var i=r[Symbol.toPrimitive];if(i!==void 0){var u=i.call(r,n||"default");if(a(u)!=="object")return u;throw new TypeError("@@toPrimitive must return a primitive value.")}return(n==="string"?String:Number)(r)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}(Be)),Be.exports}var Ot;function Vr(){return Ot||(Ot=1,function(e){var a=ke.default,t=qr();function r(n){var i=t(n,"string");return a(i)==="symbol"?i:String(i)}e.exports=r,e.exports.__esModule=!0,e.exports.default=e.exports}(Ve)),Ve.exports}var Ct;function jt(){return Ct||(Ct=1,function(e){var a=Vr();function t(r,n,i){return n=a(n),n in r?Object.defineProperty(r,n,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[n]=i,r}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}(qe)),qe.exports}var Nt;function Br(){return Nt||(Nt=1,function(e){var a=jt();function t(n,i){var u=Object.keys(n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(n);i&&(l=l.filter(function(s){return Object.getOwnPropertyDescriptor(n,s).enumerable})),u.push.apply(u,l)}return u}function r(n){for(var i=1;i<arguments.length;i++){var u=arguments[i]!=null?arguments[i]:{};i%2?t(Object(u),!0).forEach(function(l){a(n,l,u[l])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(u)):t(Object(u)).forEach(function(l){Object.defineProperty(n,l,Object.getOwnPropertyDescriptor(u,l))})}return n}e.exports=r,e.exports.__esModule=!0,e.exports.default=e.exports}($e)),$e.exports}var Ge={exports:{}},Ye={exports:{}},xt;function Gr(){return xt||(xt=1,function(e){function a(t,r){if(t==null)return{};var n={},i=Object.keys(t),u,l;for(l=0;l<i.length;l++)u=i[l],!(r.indexOf(u)>=0)&&(n[u]=t[u]);return n}e.exports=a,e.exports.__esModule=!0,e.exports.default=e.exports}(Ye)),Ye.exports}var Rt;function Yr(){return Rt||(Rt=1,function(e){var a=Gr();function t(r,n){if(r==null)return{};var i=a(r,n),u,l;if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(r);for(l=0;l<s.length;l++)u=s[l],!(n.indexOf(u)>=0)&&Object.prototype.propertyIsEnumerable.call(r,u)&&(i[u]=r[u])}return i}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}(Ge)),Ge.exports}var Pe={},Pt;function Xr(){if(Pt)return Pe;Pt=1,Object.defineProperty(Pe,"__esModule",{value:!0}),Pe.default=void 0;var e={MAC_ENTER:3,BACKSPACE:8,TAB:9,NUM_CENTER:12,ENTER:13,SHIFT:16,CTRL:17,ALT:18,PAUSE:19,CAPS_LOCK:20,ESC:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40,PRINT_SCREEN:44,INSERT:45,DELETE:46,ZERO:48,ONE:49,TWO:50,THREE:51,FOUR:52,FIVE:53,SIX:54,SEVEN:55,EIGHT:56,NINE:57,QUESTION_MARK:63,A:65,B:66,C:67,D:68,E:69,F:70,G:71,H:72,I:73,J:74,K:75,L:76,M:77,N:78,O:79,P:80,Q:81,R:82,S:83,T:84,U:85,V:86,W:87,X:88,Y:89,Z:90,META:91,WIN_KEY_RIGHT:92,CONTEXT_MENU:93,NUM_ZERO:96,NUM_ONE:97,NUM_TWO:98,NUM_THREE:99,NUM_FOUR:100,NUM_FIVE:101,NUM_SIX:102,NUM_SEVEN:103,NUM_EIGHT:104,NUM_NINE:105,NUM_MULTIPLY:106,NUM_PLUS:107,NUM_MINUS:109,NUM_PERIOD:110,NUM_DIVISION:111,F1:112,F2:113,F3:114,F4:115,F5:116,F6:117,F7:118,F8:119,F9:120,F10:121,F11:122,F12:123,NUMLOCK:144,SEMICOLON:186,DASH:189,EQUALS:187,COMMA:188,PERIOD:190,SLASH:191,APOSTROPHE:192,SINGLE_QUOTE:222,OPEN_SQUARE_BRACKET:219,BACKSLASH:220,CLOSE_SQUARE_BRACKET:221,WIN_KEY:224,MAC_FF_META:224,WIN_IME:229,isTextModifyingKeyEvent:function(r){var n=r.keyCode;if(r.altKey&&!r.ctrlKey||r.metaKey||n>=e.F1&&n<=e.F12)return!1;switch(n){case e.ALT:case e.CAPS_LOCK:case e.CONTEXT_MENU:case e.CTRL:case e.DOWN:case e.END:case e.ESC:case e.HOME:case e.INSERT:case e.LEFT:case e.MAC_FF_META:case e.META:case e.NUMLOCK:case e.NUM_CENTER:case e.PAGE_DOWN:case e.PAGE_UP:case e.PAUSE:case e.PRINT_SCREEN:case e.RIGHT:case e.SHIFT:case e.UP:case e.WIN_KEY:case e.WIN_KEY_RIGHT:return!1;default:return!0}},isCharacterKey:function(r){if(r>=e.ZERO&&r<=e.NINE||r>=e.NUM_ZERO&&r<=e.NUM_MULTIPLY||r>=e.A&&r<=e.Z||window.navigator.userAgent.indexOf("WebKit")!==-1&&r===0)return!0;switch(r){case e.SPACE:case e.QUESTION_MARK:case e.NUM_PLUS:case e.NUM_MINUS:case e.NUM_PERIOD:case e.NUM_DIVISION:case e.SEMICOLON:case e.DASH:case e.EQUALS:case e.COMMA:case e.PERIOD:case e.SLASH:case e.APOSTROPHE:case e.SINGLE_QUOTE:case e.OPEN_SQUARE_BRACKET:case e.BACKSLASH:case e.CLOSE_SQUARE_BRACKET:return!0;default:return!1}}},a=e;return Pe.default=a,Pe}var Te={},Tt;function Qr(){if(Tt)return Te;Tt=1;var e=ke;Object.defineProperty(Te,"__esModule",{value:!0}),Te.default=void 0;var a=r(o);function t(u){if(typeof WeakMap!="function")return null;var l=new WeakMap,s=new WeakMap;return(t=function(b){return b?s:l})(u)}function r(u,l){if(!l&&u&&u.__esModule)return u;if(u===null||e(u)!=="object"&&typeof u!="function")return{default:u};var s=t(l);if(s&&s.has(u))return s.get(u);var h={},b=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var E in u)if(E!=="default"&&Object.prototype.hasOwnProperty.call(u,E)){var y=b?Object.getOwnPropertyDescriptor(u,E):null;y&&(y.get||y.set)?Object.defineProperty(h,E,y):h[E]=u[E]}return h.default=u,s&&s.set(u,h),h}var n=a.createContext({min:0,max:0,direction:"ltr",step:1,includedStart:0,includedEnd:0,tabIndex:0,keyboard:!0}),i=n;return Te.default=i,Te}var be={},At;function Zr(){if(At)return be;At=1,Object.defineProperty(be,"__esModule",{value:!0}),be.getDirectionStyle=a,be.getIndex=t,be.getOffset=e;function e(r,n,i){return(r-n)/(i-n)}function a(r,n,i,u){var l=e(n,i,u),s={};switch(r){case"rtl":s.right="".concat(l*100,"%"),s.transform="translateX(50%)";break;case"btt":s.bottom="".concat(l*100,"%"),s.transform="translateY(50%)";break;case"ttb":s.top="".concat(l*100,"%"),s.transform="translateY(-50%)";break;default:s.left="".concat(l*100,"%"),s.transform="translateX(-50%)";break}return s}function t(r,n){return Array.isArray(r)?r[n]:r}return be}var ve=jr,zr=ke;Object.defineProperty(tt,"__esModule",{value:!0});var $t=tt.default=void 0,Jr=ve($r),It=ve(Br()),Ut=ve(jt()),ea=ve(Yr()),Xe=na(o),ta=ve(lr),ae=ve(Xr()),ra=ve(Qr()),Ae=Zr(),aa=["prefixCls","value","valueIndex","onStartMove","style","render","dragging","onOffsetChange"];function qt(e){if(typeof WeakMap!="function")return null;var a=new WeakMap,t=new WeakMap;return(qt=function(n){return n?t:a})(e)}function na(e,a){if(!a&&e&&e.__esModule)return e;if(e===null||zr(e)!=="object"&&typeof e!="function")return{default:e};var t=qt(a);if(t&&t.has(e))return t.get(e);var r={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if(i!=="default"&&Object.prototype.hasOwnProperty.call(e,i)){var u=n?Object.getOwnPropertyDescriptor(e,i):null;u&&(u.get||u.set)?Object.defineProperty(r,i,u):r[i]=e[i]}return r.default=e,t&&t.set(e,r),r}var ua=Xe.forwardRef(function(e,a){var t,r,n=e.prefixCls,i=e.value,u=e.valueIndex,l=e.onStartMove,s=e.style,h=e.render,b=e.dragging,E=e.onOffsetChange,y=(0,ea.default)(e,aa),d=Xe.useContext(ra.default),g=d.min,v=d.max,f=d.direction,_=d.disabled,c=d.keyboard,S=d.range,I=d.tabIndex,P=d.ariaLabelForHandle,x=d.ariaLabelledByForHandle,R=d.ariaValueTextFormatterForHandle,U="".concat(n,"-handle"),C=function(T){_||l(T,u)},O=function(T){if(!_&&c){var M=null;switch(T.which||T.keyCode){case ae.default.LEFT:M=f==="ltr"||f==="btt"?-1:1;break;case ae.default.RIGHT:M=f==="ltr"||f==="btt"?1:-1;break;case ae.default.UP:M=f!=="ttb"?1:-1;break;case ae.default.DOWN:M=f!=="ttb"?-1:1;break;case ae.default.HOME:M="min";break;case ae.default.END:M="max";break;case ae.default.PAGE_UP:M=2;break;case ae.default.PAGE_DOWN:M=-2;break}M!==null&&(T.preventDefault(),E(M,u))}},K=(0,Ae.getDirectionStyle)(f,i,g,v),F=Xe.createElement("div",(0,Jr.default)({ref:a,className:(0,ta.default)(U,(t={},(0,Ut.default)(t,"".concat(U,"-").concat(u+1),S),(0,Ut.default)(t,"".concat(U,"-dragging"),b),t)),style:(0,It.default)((0,It.default)({},K),s),onMouseDown:C,onTouchStart:C,onKeyDown:O,tabIndex:_?null:(0,Ae.getIndex)(I,u),role:"slider","aria-valuemin":g,"aria-valuemax":v,"aria-valuenow":i,"aria-disabled":_,"aria-label":(0,Ae.getIndex)(P,u),"aria-labelledby":(0,Ae.getIndex)(x,u),"aria-valuetext":(r=(0,Ae.getIndex)(R,u))===null||r===void 0?void 0:r(i),"aria-orientation":f==="ltr"||f==="rtl"?"horizontal":"vertical"},y));return h&&(F=h(F,{index:u,prefixCls:n,value:i,dragging:b})),F}),ia=ua;$t=tt.default=ia;const oa="_container_1a936_1",la="_small_1a936_7",sa="_hasMarks_1a936_10",ca="_vertical_1a936_13",fa="_hasArrows_1a936_17",da="_button_1a936_21",va="_label_1a936_24",z={container:oa,small:la,hasMarks:sa,vertical:ca,hasArrows:fa,button:da,label:va},ma=e=>e.reduce((a,{label:t,tooltip:r,value:n})=>{const u=r!==void 0?j.jsx(Ft,{text:r,children:t}):t||n;return a[n]=u,a},{}),ga=fr(ma,dr),wt=({name:e,label:a,width:t="100%",labelWidth:r="auto",value:n,min:i,max:u,step:l=1,marks:s=[],showArrows:h=!1,showTooltip:b=!1,tooltipFormatter:E=_=>_,disabled:y=!1,range:d=!1,small:g=!1,vertical:v={enabled:!1,width:"100px",height:"400px"},onChange:f})=>{const _=o.useContext(vr),c=ga(s),S=R=>{f({target:{name:e,value:R,label:a}})},I=()=>j.jsx("div",{className:z.button,children:j.jsx(yt,{basic:!0,small:!0,round:!0,onClick:()=>S(d?[i,n==null?void 0:n[1]]:i),disabled:y||n===i||_,icon:Et.FAST_BACKWARD})}),P=()=>j.jsx("div",{className:z.button,children:j.jsx(yt,{basic:!0,small:!0,round:!0,onClick:()=>S(d?[n==null?void 0:n[0],u]:u),disabled:y||n===u||_,icon:Et.FAST_FORWARD})}),x=(R,U)=>{const C=b&&U.dragging;return j.jsx($t,{...R.props,...U,children:C&&j.jsx(Ft,{display:"block",text:E(n),forceOpen:!0,children:j.jsx("div",{style:{position:"absolute",inset:0}})})})};return j.jsxs("div",{className:fe(z.container,g?z.small:"",v.enabled?z.vertical:"",ir.isEmpty(s)?"":z.hasMarks),style:v.enabled?{width:v.width,height:v.height}:{width:t},children:[h&&(v.enabled?j.jsx(P,{}):j.jsx(I,{})),j.jsx(Wr,{range:d,allowCross:!1,className:fe((y||_)&&z.rcSliderDisabled,h&&z.hasArrows),value:n,max:u,min:i,step:l,marks:c,onChange:R=>S(R),disabled:y||_,vertical:v.enabled,handleRender:x}),h&&(v.enabled?j.jsx(I,{}):j.jsx(P,{})),a&&j.jsx("label",{className:z.label,style:{width:r},children:a})]})};try{wt.displayName="Slider",wt.__docgenInfo={description:"",displayName:"Slider",props:{name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},width:{defaultValue:{value:"100%"},description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},labelWidth:{defaultValue:{value:"auto"},description:"",name:"labelWidth",required:!1,type:{name:"TStringOrNumber"}},value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"number | number[]"}},min:{defaultValue:null,description:"",name:"min",required:!0,type:{name:"number"}},max:{defaultValue:null,description:"",name:"max",required:!0,type:{name:"number"}},step:{defaultValue:{value:"1"},description:"",name:"step",required:!1,type:{name:"number"}},marks:{defaultValue:{value:"[]"},description:"",name:"marks",required:!1,type:{name:"TSliderMark[]"}},showArrows:{defaultValue:{value:"false"},description:"",name:"showArrows",required:!1,type:{name:"boolean"}},showTooltip:{defaultValue:{value:"false"},description:"",name:"showTooltip",required:!1,type:{name:"boolean"}},tooltipFormatter:{defaultValue:{value:"(v) => v"},description:"",name:"tooltipFormatter",required:!1,type:{name:"((value: number | number[]) => string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null)"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},range:{defaultValue:{value:"false"},description:"",name:"range",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},vertical:{defaultValue:{value:`{
|
|
4
4
|
enabled: false,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as n}from"./jsx-runtime-FsUICBgo.js";import{S as b}from"./slider-
|
|
1
|
+
import{j as n}from"./jsx-runtime-FsUICBgo.js";import{S as b}from"./slider-n3IxC2iq.js";import{T as se}from"./text-6KQ6ntOV.js";import"./index-RfLt4OUa.js";import"./lodash-Bmg8FrMx.js";import"./objectSpread2-93s0nBry.js";import"./index-VW3EWkuE.js";import"./inheritsLoose-8sb_A2v4.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./memoize-one.esm-hqe5SRxC.js";import"./index-ugi_ZH6T.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./tooltip-dueTLnwA.js";import"./index-miLrID2P.js";import"./button-BiJw0fB3.js";import"./spinner-R8Il4aRe.js";import"./icon-8EQazuuW.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";const{useArgs:ae}=__STORYBOOK_MODULE_ADDONS__,re=[{label:"S1...",tooltip:"S1 Production",value:20},{label:"S2...",tooltip:"S2 Cementing",value:40},{label:"S3...",tooltip:n.jsxs("span",{children:[n.jsx("strong",{children:"S3"})," Drilling"]}),value:60},{label:"S4...",tooltip:"S4 Shut in",value:80},{label:"S5...",tooltip:"S5 Circulate",value:100}],_e={title:"Forms/Slider",component:b,args:{value:50,min:0,max:100,step:1,showTooltip:!1,label:""}},e=r=>{const[m,v]=ae(),x=A=>{v({value:A.target.value})};return n.jsx("div",{style:{paddingTop:40},children:n.jsx(b,{...r,onChange:x})})},c=e.bind({}),s=e.bind({});s.args={range:!0,value:[10,40]};const t=e.bind({});t.args={label:"Number of aardvarks"};const o=e.bind({});o.args={range:!0,value:[10,40],showArrows:!0};const h=r=>{const[{value:m},v]=ae(),x=A=>{v({value:A.target.value})};return n.jsx(n.Fragment,{children:n.jsx(b,{...r,label:n.jsxs("span",{children:["Fixed width label: ",n.jsx("strong",{children:m*Math.random()})]}),labelWidth:"400px",value:m,onChange:x})})},l=e.bind({});l.args={showTooltip:!0};const d=e.bind({});d.args={showTooltip:!0,tooltipFormatter:r=>n.jsx(se,{warning:!0,children:`${r} extra info lorem ipsum`})};const i=e.bind({});i.args={showArrows:!0};const p=e.bind({});p.args={marks:re};const a=e.bind({});a.args={small:!0};a.parameters={docs:{description:{story:"Reduces the vertical height of the `Slider` container to align with other `small` elements."}}};const g=e.bind({});g.args={disabled:!0};const u=e.bind({});u.args={marks:re,vertical:{enabled:!0,width:"100px",height:"400px"}};var S,C,y;c.parameters={...c.parameters,docs:{...(S=c.parameters)==null?void 0:S.docs,source:{originalSource:`args => {
|
|
2
2
|
const [_, updateArgs] = useArgs();
|
|
3
3
|
const handleChange = (evt: any) => {
|
|
4
4
|
updateArgs({
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as s}from"./index-RfLt4OUa.js";import{B as M}from"./button-
|
|
1
|
+
import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as s}from"./index-RfLt4OUa.js";import{B as M}from"./button-BiJw0fB3.js";import{u as Q,M as z,D as G}from"./dialog-Au78k7wS.js";import{F as J}from"./file-input-AwnqYeJy.js";import{S as U}from"./spacer-Yji9g2AW.js";import{T as W}from"./text-6KQ6ntOV.js";import{P as X}from"./progress-bar-NRjN2baY.js";import{d as Y}from"./index-qZmQ7nA9.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"./inheritsLoose-8sb_A2v4.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./tooltip-dueTLnwA.js";import"./index-miLrID2P.js";import"./portal-zPiHHKoC.js";import"./lodash-Bmg8FrMx.js";import"./heading-4tVgoT7O.js";import"./help-icon-eelulTML.js";import"./input-group-R8LoqKRn.js";import"./input-fYKvBwPs.js";import"./types-5uVBABF4.js";import"./index-cCpkwrS5.js";const S=250,c=4e4,V=20,b=500,g=({visible:l,prompt:i,onCloseModal:x,onUpload:d,onComplete:T,onFailed:a,onError:r,width:_,heading:F,dialogText:E,fileInputText:w,fileInputPlaceholder:N,uploadText:P,cancelText:k,testId:p})=>{const[m,C]=s.useState(null),[I,u]=s.useState(!1),[B,h]=s.useState(0);let n=0;const R=()=>{n=n+S,h(n)},L=t=>{let o=n+t;o>=.99*c&&(o=c),n=o,h(n)};s.useEffect(()=>{C(null)},[l]);const A=t=>{t.target.value&&C(t.target.value)},H=async()=>{h(0);const t=setInterval(R,S);try{if(!m)return;u(!0);const o=await d(i,m);if(!l)return;if(o){clearInterval(t);const K=setInterval(L,b/V,(c-n)/(V-1));setTimeout(()=>{T(o),clearInterval(K),u(!1)},b)}else a==null||a(),u(!1)}catch(o){r==null||r(o),u(!1)}finally{clearInterval(t)}},O=()=>{H()},y=()=>{x()},$=e.jsxs(e.Fragment,{children:[e.jsx(W,{children:E||"Upload file and extract data using a LLM"}),e.jsx(U,{}),e.jsx(J,{placeholder:N||"No file",label:w||"Select",file:m||void 0,onChange:A,testId:`${p}-file-input`,accept:"image/*"}),I&&e.jsxs(e.Fragment,{children:[e.jsx(U,{}),e.jsx(X,{percentage:Y.roundByMagnitudeToFixed(100*B/c,3)})]})]}),D=e.jsxs(e.Fragment,{children:[e.jsx(M,{label:P||"Upload",colored:!0,onClick:O,disabled:!m||I,testId:`${p}-button-upload`}),e.jsx(M,{label:k||"Cancel",onClick:y,testId:`${p}-button-cancel`})]});return Q("Escape",()=>y()),e.jsx(z,{visible:l,centered:!0,children:e.jsx(G,{dialog:{scroll:!0,heading:F||"Smart Upload",content:$,footer:D,onClose:y,width:_||350,testId:p}})})};try{g.displayName="SmartUploadModal",g.__docgenInfo={description:"",displayName:"SmartUploadModal",props:{visible:{defaultValue:null,description:"",name:"visible",required:!0,type:{name:"boolean"}},prompt:{defaultValue:null,description:"",name:"prompt",required:!0,type:{name:"string"}},onCloseModal:{defaultValue:null,description:"",name:"onCloseModal",required:!0,type:{name:"() => void"}},onUpload:{defaultValue:null,description:"",name:"onUpload",required:!0,type:{name:"(prompt: string, file: File) => any"}},onComplete:{defaultValue:null,description:"",name:"onComplete",required:!0,type:{name:"(data: { [key: string]: string; }[]) => void"}},onFailed:{defaultValue:null,description:"",name:"onFailed",required:!1,type:{name:"(() => void)"}},onError:{defaultValue:null,description:"",name:"onError",required:!1,type:{name:"((error: any) => void)"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"number"}},heading:{defaultValue:null,description:"",name:"heading",required:!1,type:{name:"string"}},dialogText:{defaultValue:null,description:"",name:"dialogText",required:!1,type:{name:"string"}},fileInputText:{defaultValue:null,description:"",name:"fileInputText",required:!1,type:{name:"string"}},fileInputPlaceholder:{defaultValue:null,description:"",name:"fileInputPlaceholder",required:!1,type:{name:"string"}},uploadText:{defaultValue:null,description:"",name:"uploadText",required:!1,type:{name:"string"}},cancelText:{defaultValue:null,description:"",name:"cancelText",required:!1,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const ve={title:"Ai/SmartUploadModal",component:g,args:{visible:!0,prompt:"This is a prompt",onCloseModal:()=>{},onUpload:()=>{},onComplete:()=>{}},parameters:{docs:{story:{inline:!1,iframeHeight:400}}}},f=()=>{const[l,i]=s.useState(!0),x=()=>{i(!0)},d=()=>{i(!1)},T=()=>(console.log("Uploading"),new Promise(r=>{setTimeout(()=>{r([])},4e3)})),a=()=>{console.log("Completed"),d()};return e.jsxs(e.Fragment,{children:[e.jsx(g,{visible:l,prompt:"This is a prompt",onCloseModal:d,onUpload:T,onComplete:a}),e.jsx(M,{label:"Open Modal",onClick:x})]})};var v,j,q;f.parameters={...f.parameters,docs:{...(v=f.parameters)==null?void 0:v.docs,source:{originalSource:`() => {
|
|
2
2
|
const [visible, setVisible] = useState(true);
|
|
3
3
|
const openModal = () => {
|
|
4
4
|
setVisible(true);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as r}from"./jsx-runtime-FsUICBgo.js";import{S as h}from"./spacer-Yji9g2AW.js";import{F as j}from"./flex-RYZsoWEN.js";import{B as s}from"./button-
|
|
1
|
+
import{j as r}from"./jsx-runtime-FsUICBgo.js";import{S as h}from"./spacer-Yji9g2AW.js";import{F as j}from"./flex-RYZsoWEN.js";import{B as s}from"./button-BiJw0fB3.js";import"./index-RfLt4OUa.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"./inheritsLoose-8sb_A2v4.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./tooltip-dueTLnwA.js";import"./index-miLrID2P.js";const L={title:"Layout/Spacer",component:h,argTypes:{width:{control:"text"},height:{control:"text"}}},p=t=>r.jsx(h,{...t}),a=p.bind({});a.decorators=[t=>r.jsxs(r.Fragment,{children:[r.jsx(s,{label:"Button"}),t(),r.jsx(s,{label:"Button"})]})];const e=p.bind({});e.args={height:"var(--padding-xxs)"};e.decorators=[t=>r.jsxs(r.Fragment,{children:[r.jsx(s,{label:"Button"}),t(),r.jsx(s,{label:"Button"})]})];const o=p.bind({});o.args={width:"var(--padding)"};o.decorators=[t=>r.jsxs(j,{children:[r.jsx(s,{label:"Button"}),t(),r.jsx(s,{label:"Button"})]})];var c,i,m;a.parameters={...a.parameters,docs:{...(c=a.parameters)==null?void 0:c.docs,source:{originalSource:"(args: ISpacerProps) => <Spacer {...args} />",...(m=(i=a.parameters)==null?void 0:i.docs)==null?void 0:m.source}}};var n,d,l;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:"(args: ISpacerProps) => <Spacer {...args} />",...(l=(d=e.parameters)==null?void 0:d.docs)==null?void 0:l.source}}};var u,g,x;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:"(args: ISpacerProps) => <Spacer {...args} />",...(x=(g=o.parameters)==null?void 0:g.docs)==null?void 0:x.source}}};const O=["Default","Height","Width"];export{a as Default,e as Height,o as Width,O as __namedExportsOrder,L as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{S as l,c as n,s as d}from"./index-
|
|
1
|
+
import{S as l,c as n,s as d}from"./index-eZm9jYMB.js";import"./iframe-SjYxkjL0.js";import"../sb-preview/runtime.js";import"./index-RfLt4OUa.js";import"./index-miLrID2P.js";import"./inheritsLoose-8sb_A2v4.js";import"./assertThisInitialized-4q6YPdh3.js";import"./index-R5dkQuFe.js";import"./index-PPLHz8o0.js";export{l as SyntaxHighlighter,n as createCopyToClipboardFunction,d as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as n}from"./jsx-runtime-FsUICBgo.js";import{r as q}from"./index-RfLt4OUa.js";import{c as w}from"./index-VW3EWkuE.js";import{I as He,D as Pe,C as Le,P as De}from"./index.es-VXFRDikp.js";import{l as Fe}from"./lodash-Bmg8FrMx.js";import{A as he}from"./actions-eW7plDvv.js";import{H as $e}from"./heading-AvGkZ8ae.js";import{P as Be}from"./pagination-yFWOmymz.js";import{A as x,I as B}from"./common-types-U65vzrrz.js";import{I as Oe}from"./input-w-UScEUy.js";import{N as Me}from"./number-input-hrCn3Rag.js";import{S as Ue}from"./select-xiPCWaz8.js";import{D as Ge}from"./disabled-context-urNQThQz.js";import{i as O}from"./types-5uVBABF4.js";import{T as be}from"./tooltip-gljV_DQ0.js";import{C as Xe}from"./check-box-TRAFDvOc.js";import{S as ze}from"./slider-at3_DXQg.js";import{I as M}from"./icon-8EQazuuW.js";import{P as Je}from"./popover-YDVuwgEX.js";import{H as Ee}from"./help-icon-4sFVvBkZ.js";import{T as re}from"./text-6KQ6ntOV.js";const Ke="_inputInTable_y9car_1",Ye="_inputHover_y9car_13",Qe="_inputFocus_y9car_18",Ze="_inputError_y9car_25",en="_inputWarning_y9car_26",nn="_inputDisabled_y9car_61",tn="_hideScrollbars_y9car_67",rn="_wrapper_y9car_85",an="_bordered_y9car_93",ln="_scroll_y9car_98",on="_table_y9car_108",sn="_striped_y9car_188",W={inputInTable:Ke,inputHover:Ye,inputFocus:Qe,inputError:Ze,inputWarning:en,inputDisabled:nn,hideScrollbars:tn,wrapper:rn,bordered:an,scroll:ln,table:on,striped:sn},dn="_title_zn5s7_1",cn={title:dn},z=({name:e=null,actions:t=null,actionsRight:r=!1,testId:l})=>{const a=e!==null,o=t!==null;if(!a&&!o)return null;const s=()=>{if(!o)return null;const u=n.jsx(he,{actions:t});return r?u:n.jsx("div",{children:u})};return n.jsxs("div",{className:cn.title,children:[a?n.jsx($e,{children:n.jsx("span",{"data-testid":l,children:e})}):null,s()]})};try{z.displayName="Title",z.__docgenInfo={description:"",displayName:"Title",props:{name:{defaultValue:{value:"null"},description:"",name:"name",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},actions:{defaultValue:{value:"null"},description:"",name:"actions",required:!1,type:{name:"any"}},actionsRight:{defaultValue:{value:"false"},description:"",name:"actionsRight",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const un="_footer_4sumy_1",pn="_section_4sumy_7",ae={footer:un,section:pn},J=({colSpan:e,pagination:t,actions:r,content:l})=>{const a=r&&r.length,o=l!=null,s=()=>{var d,p;if(t){const{rowCount:c,rowsPerPage:y}=t,g=Number((p=(d=y==null?void 0:y.options)==null?void 0:d[0])==null?void 0:p.value);return c>g}return!1};return a||o||s()?n.jsxs("div",{className:ae.footer,children:[o?n.jsx("div",{className:ae.section,children:n.jsx("div",{children:l})}):null,a||s()?n.jsxs("div",{className:ae.section,children:[s()?n.jsx(Be,{pagination:t}):n.jsx("div",{}),a&&n.jsx("div",{children:n.jsx(he,{actions:r})})]}):null]}):null};try{J.displayName="Footer",J.__docgenInfo={description:"",displayName:"Footer",props:{colSpan:{defaultValue:null,description:"",name:"colSpan",required:!1,type:{name:"number"}},pagination:{defaultValue:null,description:"",name:"pagination",required:!0,type:{name:"IPagination"}},actions:{defaultValue:null,description:"",name:"actions",required:!1,type:{name:"IAction[]"}},content:{defaultValue:null,description:"",name:"content",required:!1,type:{name:"ReactNode"}}}}}catch{}const Ve=e=>{const t=Math.max(...e.reduce((r,l)=>{const a=l.cells.map(o=>o.colSpan?o.colSpan:1).reduce((o,s)=>o+s,0);return r.concat(a)},[]));return isNaN(t)?0:t},mn=(e,t)=>{const r=[Ve(t),Ve(e)];return Math.max(...r)},Te=e=>e.reduce((t,r)=>r.actions&&r.actions.length>0?1:t,0),_n=(e,t)=>Te(t)>0||Te(e)>0,K=({table:e,children:t})=>{const{rows:r,infiniteScroll:l}=e,a=Math.ceil(window.innerHeight/30),[o,s]=l?q.useState(a):[r.length,null],[u,d]=l?q.useState(o<r.length):[!1,null],p=()=>{if(o>=r.length&&d){d(!1);return}s&&s(o+a)};return n.jsx("div",{id:"scrollWrapper",className:W.scroll,children:l?n.jsx(He,{dataLength:Math.min(r.length,o+a),next:p,hasMore:u,scrollableTarget:"scrollWrapper",style:{overflow:"initial"},loader:null,children:t({visibleRows:o})}):t({visibleRows:o})})};try{K.displayName="TableScrollWrapper",K.__docgenInfo={description:"",displayName:"TableScrollWrapper",props:{table:{defaultValue:null,description:"",name:"table",required:!0,type:{name:"ITableProps"}}}}}catch{}const gn="_clickableRow_1ki29_1",yn="_hoverableRow_1ki29_4",fn="_rowActive_1ki29_4",hn="_expandableRow_1ki29_8",bn="_flush_1ki29_8",xn="_errorRow_1ki29_12",Cn="_warningRow_1ki29_15",In="_dragIconCell_1ki29_34",jn="_dragIcon_1ki29_34",b={clickableRow:gn,hoverableRow:yn,rowActive:fn,expandableRow:hn,flush:bn,errorRow:xn,warningRow:Cn,dragIconCell:In,dragIcon:jn},Y=({colSpan:e,children:t,flush:r})=>n.jsx("tr",{children:n.jsx("td",{colSpan:e,className:w(b.expandableRow,r?b.flush:""),children:t})});try{Y.displayName="ExpandedContentRow",Y.__docgenInfo={description:"",displayName:"ExpandedContentRow",props:{colSpan:{defaultValue:null,description:"",name:"colSpan",required:!0,type:{name:"number"}},flush:{defaultValue:null,description:"",name:"flush",required:!1,type:{name:"boolean"}}}}}catch{}const qe=(e,t={leftAligned:"",rightAligned:"",centerAligned:""},r=!1)=>{if(!e)return null;const{bodyAlignment:l,headerAlignment:a,isHeader:o}=e;switch(o&&a?a:l){case x.LEFT:return r?x.LEFT:t.leftAligned;case x.RIGHT:return r?x.RIGHT:t.rightAligned;case x.CENTER:return r?x.CENTER:t.centerAligned;default:return r?x.LEFT:t.leftAligned}},Nn=(e,t=!1,r=0)=>{if(!e||e.length===0)return[];const l=e.every(o=>Array.isArray(o)),a=e.every(o=>typeof o=="string");return l&&t?e[r]||[]:a?e:(console.warn("getHeaderAlignment: alignments array contains a mix of strings and arrays, returning an empty array."),[])},wn="_inputInTable_u3xdj_1",Rn="_inputHover_u3xdj_13",An="_inputFocus_u3xdj_18",vn="_inputError_u3xdj_25",Sn="_inputWarning_u3xdj_26",Vn="_inputDisabled_u3xdj_61",Tn="_hideScrollbars_u3xdj_67",qn="_cell_u3xdj_77",kn="_disabledLink_u3xdj_87",En="_inputWrapper_u3xdj_91",Wn="_breakWord_u3xdj_106",Hn="_inputCell_u3xdj_109",Pn="_sliderCell_u3xdj_112",Ln="_staticCell_u3xdj_116",Dn="_staticCellContent_u3xdj_119",Fn="_error_u3xdj_131",$n="_warning_u3xdj_132",Bn="_unit_u3xdj_141",On="_sortingCell_u3xdj_144",Mn="_sortingCellIcon_u3xdj_155",Un="_icon_u3xdj_166",Gn="_checkBoxCell_u3xdj_170",Xn="_iconCellWrapper_u3xdj_174",zn="_actionsCell_u3xdj_178",Jn="_rightAligned_u3xdj_186",Kn="_centerAligned_u3xdj_192",Yn="_leftAligned_u3xdj_198",Qn="_popover_u3xdj_201",Zn="_disabledPointerEvents_u3xdj_204",i={inputInTable:wn,inputHover:Rn,inputFocus:An,inputError:vn,inputWarning:Sn,inputDisabled:Vn,hideScrollbars:Tn,cell:qn,disabledLink:kn,inputWrapper:En,breakWord:Wn,inputCell:Hn,sliderCell:Pn,staticCell:Ln,staticCellContent:Dn,error:Fn,warning:$n,unit:Bn,sortingCell:On,sortingCellIcon:Mn,icon:Un,checkBoxCell:Gn,iconCellWrapper:Xn,actionsCell:zn,rightAligned:Jn,centerAligned:Kn,leftAligned:Yn,popover:Qn,disabledPointerEvents:Zn},Q=({cell:e,columnAlignment:t,testId:r,type:l})=>n.jsx(Oe,{name:e.name,value:e.value,onChange:a=>{var o;return(o=e.onChange)==null?void 0:o.call(e,a)},onFocus:e.onFocus,onBlur:e.onBlur,onPaste:a=>{var o;return(o=e.onPaste)==null?void 0:o.call(e,a)},placeholder:e.placeholder,error:e.error,warning:e.warning,disabled:e.disabled,isInTable:!0,maxTooltipWidth:e.maxTooltipWidth,right:t===x.RIGHT,testId:r,tabIndex:e.disabled?-1:0,tooltip:e.tooltip,type:l});try{Q.displayName="InputCell",Q.__docgenInfo={description:"",displayName:"InputCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IInputCell"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!1,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},type:{defaultValue:null,description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"text"'},{value:'"date"'}]}}}}}catch{}const le=({cell:e,testId:t})=>n.jsx(Me,{name:e.name,value:e.value,onChange:r=>{var l;return(l=e.onChange)==null?void 0:l.call(e,r)},onFocus:e.onFocus,onBlur:e.onBlur,placeholder:e.placeholder,error:e.error,warning:e.warning,disabled:e.disabled,isInTable:!0,left:e.left,tabIndex:e.disabled?-1:0,testId:t,tooltip:e.tooltip,validationCallback:e.validationCallback,allowEmpty:e.allowEmpty,enableDisplayRounding:e.enableDisplayRounding,roundDisplayValue:e.roundDisplayValue});try{le.displayName="NumberInputCell",le.__docgenInfo={description:"",displayName:"NumberInputCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"INumberInputCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const oe=({cell:e,columnAlignment:t,testId:r})=>n.jsx(Ue,{name:e.name,borderRadius:0,options:e.options,onChange:l=>{var a;return(a=e.onChange)==null?void 0:a.call(e,l)},onCreate:e.onCreate?l=>e.onCreate&&e.onCreate(l):void 0,error:e.error,warning:e.warning,disabled:e.disabled,placeholder:e.placeholder,isInTable:!0,value:e.value,native:e.native,clearable:e.clearable,searchable:e.searchable,deprecatedEventHandler:e.deprecatedEventHandler,maxTooltipWidth:e.maxTooltipWidth,width:"100%",autoLayerWidth:e.autoLayerWidth,multi:e.multi,right:t===x.RIGHT,testId:r,tabIndex:e.disabled?-1:0});try{oe.displayName="SelectCell",oe.__docgenInfo={description:"",displayName:"SelectCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ISelectCell"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!1,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const ie=({cell:e,columnAlignment:t,testId:r})=>n.jsx("div",{className:i.inputWrapper,children:e.type==="Input"?n.jsx(Q,{cell:e,columnAlignment:t,testId:r}):e.type==="NumberInput"?n.jsx(le,{cell:e,testId:r}):e.type==="DateInput"?n.jsx(Q,{cell:e,testId:r,type:"date"}):e.type==="Select"?n.jsx(oe,{cell:e,columnAlignment:t,testId:r}):null});try{ie.displayName="InputCellWrapper",ie.__docgenInfo={description:"",displayName:"InputCellWrapper",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"any"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!0,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const se=({cell:e,testId:t})=>{const r=q.useContext(Ge),{error:l,warning:a,tooltip:o,maxTooltipWidth:s}=e,u=d=>O(d);return n.jsx("div",{className:i.inputWrapper,children:n.jsx(be,{error:!!l,warning:!!a,text:o||l||a,enabled:u(o)||u(l)||u(a)||!1,maxWidth:s,placement:"bottom-center",children:n.jsx("div",{className:w(i.staticCellContent,l?i.error:a?i.warning:""),children:n.jsx("a",{className:w((e.disabled||r)&&i.disabledLink),onClick:e.disabled||r?void 0:d=>{var p;d.stopPropagation(),(p=e.onClick)==null||p.call(e,d)},"data-testid":t,children:e.value})})})})};try{se.displayName="LinkCell",se.__docgenInfo={description:"",displayName:"LinkCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ILinkCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const de=({cell:e,testId:t})=>n.jsx(Xe,{label:e.label,checked:e.checked,isInTable:!0,disabled:e.disabled,onChange:r=>e.onChange(r),testId:t,tabIndex:e.disabled?-1:0});try{de.displayName="CheckBoxCell",de.__docgenInfo={description:"",displayName:"CheckBoxCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ICheckBoxCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const ce=({cell:e})=>n.jsx("div",{className:i.inputWrapper,children:n.jsx(ze,{label:e.label,value:e.value,min:e.min,max:e.max,step:e.step,marks:e.marks,onChange:t=>e.onChange(t),showArrows:e.showArrows,showTooltip:e.showTooltip,tooltipFormatter:e.tooltipFormatter,disabled:e.disabled})});try{ce.displayName="SliderCell",ce.__docgenInfo={description:"",displayName:"SliderCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ISliderCell"}}}}}catch{}const ue=({cell:e})=>{const{tooltip:t,icon:r}=e;return n.jsx("div",{className:i.iconCellWrapper,children:n.jsx(be,{text:t,enabled:!!t&&O(t),display:"flex",placement:"top-center",children:n.jsx(M,{icon:r})})})};try{ue.displayName="IconCell",ue.__docgenInfo={description:"",displayName:"IconCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IIconCell"}}}}}catch{}const pe=({cell:e})=>n.jsx(he,{actions:e.actions});try{pe.displayName="ActionsCell",pe.__docgenInfo={description:"",displayName:"ActionsCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IActionCell"}}}}}catch{}const me=({cell:e})=>{const{helpIcon:t}=e;return t?n.jsx("div",{className:i.icon,children:n.jsx(Ee,{onClick:t.onClick,text:t.tooltip})}):null};try{me.displayName="CellHelpIcon",me.__docgenInfo={description:"",displayName:"CellHelpIcon",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IHelpIconCell"}}}}}catch{}const _e=({cell:e})=>{const{libraryIcon:t}=e;return t?n.jsx("div",{className:i.icon,children:n.jsx(Ee,{onClick:t.onClick,text:t.tooltip,icon:B.LIBRARY})}):null};try{_e.displayName="CellLibraryIcon",_e.__docgenInfo={description:"",displayName:"CellLibraryIcon",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ILibraryIconCell"}}}}}catch{}const ge=({cell:e})=>{const{hasSort:t,sort:r,sortPriority:l}=e;return t?n.jsxs("span",{className:i.sortingCellIcon,children:[r==="down"?n.jsx(re,{link:!0,children:n.jsx(M,{icon:B.SORT_ASCENDING})}):r==="up"?n.jsx(re,{link:!0,children:n.jsx(M,{icon:B.SORT_DESCENDING})}):n.jsx(re,{faint:!0,children:n.jsx(M,{icon:B.SORT_DESCENDING})}),l&&r?n.jsx("sup",{children:l}):null]}):null};try{ge.displayName="Sort",ge.__docgenInfo={description:"",displayName:"Sort",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ISortCell"}}}}}catch{}const Z=({cell:e,isHeader:t,testId:r})=>{const{error:l,warning:a,tooltip:o,maxTooltipWidth:s,hasSort:u,onSort:d,type:p}=e,c=n.jsxs("div",{className:w(i.staticCellContent,p==="Unit"?i.unit:"",l?i.error:a?i.warning:""),onClick:u?y=>d&&d(y):()=>{},"data-testid":r,children:[e.value,t?n.jsxs(n.Fragment,{children:[n.jsx(me,{cell:e}),n.jsx(_e,{cell:e}),n.jsx(ge,{cell:e})]}):null]});return n.jsx("div",{className:i.inputWrapper,children:n.jsx(be,{error:!!l,warning:!!a,text:o||l||a,enabled:o&&O(o)||l&&O(l)||a&&O(a)||!1,maxWidth:s,display:"block",placement:"bottom-center",children:c})})};try{Z.displayName="StaticCell",Z.__docgenInfo={description:"",displayName:"StaticCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IStaticCell"}},isHeader:{defaultValue:null,description:"",name:"isHeader",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const ye=({cell:e,testId:t})=>{const{content:r,fullWidth:l,closeOnOutsideClick:a,disabled:o}=e;return n.jsx(Je,{content:r,fullWidth:l,closeOnOutsideClick:a,disabled:o,children:n.jsx("div",{className:i.popover,children:n.jsx(Z,{cell:e,testId:t})})})};try{ye.displayName="PopoverCell",ye.__docgenInfo={description:"",displayName:"PopoverCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IPopoverCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const fe=({cell:e,isHeader:t,columnAlignment:r,testId:l})=>{if(!e)return null;switch(e.type){case"Input":case"NumberInput":case"DateInput":case"Select":return n.jsx(ie,{cell:e,columnAlignment:r,testId:l});case"Link":return n.jsx(se,{cell:e,testId:l});case"CheckBox":return n.jsx(de,{cell:e,testId:l});case"Slider":return n.jsx(ce,{cell:e});case"Icon":return n.jsx(ue,{cell:e});case"Actions":return n.jsx(pe,{cell:e});case"Popover":return n.jsx(ye,{cell:e});default:return n.jsx(Z,{cell:e,isHeader:t,testId:l})}};try{fe.displayName="CellWrapper",fe.__docgenInfo={description:"",displayName:"CellWrapper",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"any"}},isHeader:{defaultValue:null,description:"",name:"isHeader",required:!0,type:{name:"boolean"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!0,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}var v=(e=>(e.INPUT="Input",e.NUMBER_INPUT="NumberInput",e.SELECT="Select",e.POPOVER="Popover",e.SLIDER="Slider",e.CHECKBOX="CheckBox",e.ACTIONS="Actions",e.AUTO_UNIT="AutoUnit",e))(v||{});const ee=({cell:e,isHeader:t,columnHeaderAlignment:r,columnAlignment:l=x.LEFT,width:a,snapshot:o,testId:s})=>{if(!e)return null;const{style:u,colSpan:d,rowSpan:p,width:c}=e,y=q.useRef(null),g={bodyAlignment:l,headerAlignment:r,isHeader:t},H=qe(g,i),C=qe(g,i,!0),P=e.type===v.INPUT||e.type===v.NUMBER_INPUT||e.type===v.SELECT||e.type===v.POPOVER?i.inputCell:e.type===v.SLIDER?i.sliderCell:e.type===v.CHECKBOX?i.checkBoxCell:e.type===v.ACTIONS?i.actionsCell:i.staticCell,R=w(i.cell,P,e.hasSort?i.sortingCell:null,H,e.breakWord?i.breakWord:""),k=c??a??((o==null?void 0:o.isDragging)&&y.current&&y.current.offsetWidth)??void 0,I={width:k,minWidth:k,...u},A=t?"th":"td";return n.jsx(A,{ref:y,className:R,style:I,colSpan:d,rowSpan:p,children:n.jsx(fe,{cell:e,columnAlignment:C??x.RIGHT,isHeader:t,testId:s})})};try{ee.displayName="Cell",ee.__docgenInfo={description:"",displayName:"Cell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!1,type:{name:"TCellShape"}},isHeader:{defaultValue:null,description:"",name:"isHeader",required:!0,type:{name:"boolean"}},columnHeaderAlignment:{defaultValue:null,description:"",name:"columnHeaderAlignment",required:!1,type:{name:"string"}},columnAlignment:{defaultValue:{value:"Align.LEFT"},description:"",name:"columnAlignment",required:!1,type:{name:"Align.LEFT | Align.RIGHT | null"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},snapshot:{defaultValue:null,description:"",name:"snapshot",required:!1,type:{name:"any"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const F=({row:e,rowIndex:t,isHeader:r=!1,columnCount:l,colSpan:a,columnHeaderAlignments:o=[],columnAlignment:s=[],hasRowActions:u,draggableTable:d=!1,snapshot:p=null,provided:c=null,width:y,columnWidths:g,testId:H})=>{const C=q.useRef(null),P=Nn(o,r,t),{onRowClick:R,onRowFocus:k,onRowMouseEnter:I,onRowMouseLeave:A,expandedContent:j,error:ne,warning:L,active:E}=e,S=e.cells.map((h,T)=>{const $=`${r?0:1}_${t}_${T}`;return n.jsx(ee,{cell:h,isHeader:r,columnAlignment:s[T],columnHeaderAlignment:P[T],width:g?g[T]:void 0,snapshot:p,testId:h.testId},$)}),V=u&&n.jsx(ee,{cell:{type:v.ACTIONS,actions:e.actions},isHeader:r},l),te=(h,T)=>({minWidth:h&&`${y}px`,width:h&&"100%",display:h&&"table",background:h&&"var(--color-background-listitem-active)",border:h&&"var(--color-border)",borderTop:h&&0,opacity:h&&.1,...T}),U=()=>e.noDrag?n.jsx("td",{"aria-labelledby":"unique-label-id"}):n.jsx("td",{className:b.dragIconCell,children:n.jsx("div",{...c.dragHandleProps,className:b.dragIcon,children:n.jsx(M,{icon:B.DRAG})})});return r?n.jsxs(n.Fragment,{children:[n.jsxs("tr",{ref:C,onClick:R,onMouseEnter:I,onMouseLeave:A,onFocus:k,className:w(R?b.clickableRow:null,I?b.hoverableRow:null),children:[d?n.jsx("th",{}):null,S,V]},t),j&&j.content?n.jsx(Y,{colSpan:a,flush:j.flush===!0,children:j.content},`${t}_expanded_content`):null]}):n.jsxs(n.Fragment,{children:[n.jsxs("tr",{onClick:R,onMouseEnter:I,onMouseLeave:A,onFocus:k,className:w(R&&!R.noStyle?b.clickableRow:null,I&&!I.noStyle?b.hoverableRow:null,E?b.rowActive:null,ne?b.errorRow:null,L?b.warningRow:null),ref:(c==null?void 0:c.innerRef)||null,...(c==null?void 0:c.draggableProps)||null,style:p&&c?te(p.isDragging,c.draggableProps.style):null,children:[d?U():null,S,V]},t),j&&j.content?n.jsx(Y,{colSpan:a,flush:j.flush===!0,children:j.content},`${t}_expanded_content`):null]})};try{F.displayName="Row",F.__docgenInfo={description:"",displayName:"Row",props:{row:{defaultValue:null,description:"",name:"row",required:!0,type:{name:"TRowType"}},rowIndex:{defaultValue:null,description:"",name:"rowIndex",required:!0,type:{name:"number"}},isHeader:{defaultValue:{value:"false"},description:"",name:"isHeader",required:!1,type:{name:"boolean"}},columnCount:{defaultValue:null,description:"",name:"columnCount",required:!0,type:{name:"number"}},colSpan:{defaultValue:null,description:"",name:"colSpan",required:!0,type:{name:"number"}},columnHeaderAlignments:{defaultValue:{value:"[]"},description:"",name:"columnHeaderAlignments",required:!1,type:{name:"string[] | string[][]"}},columnAlignment:{defaultValue:{value:"[]"},description:"",name:"columnAlignment",required:!1,type:{name:"string[]"}},hasRowActions:{defaultValue:null,description:"",name:"hasRowActions",required:!0,type:{name:"boolean"}},draggableTable:{defaultValue:{value:"false"},description:"",name:"draggableTable",required:!1,type:{name:"boolean"}},snapshot:{defaultValue:{value:"null"},description:"",name:"snapshot",required:!1,type:{name:"any"}},provided:{defaultValue:{value:"null"},description:"",name:"provided",required:!1,type:{name:"any"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},columnWidths:{defaultValue:null,description:"",name:"columnWidths",required:!1,type:{name:"string[]"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const ke=e=>{var je,Ne,we,Re,Ae,ve,Se;const{onListReorder:t=()=>{},table:r}=e,{columnWidths:l,footer:a,name:o,rows:s=[],actions:u,actionsRight:d,columnHeaderAlignments:p,columnAlignment:c,striped:y=!0,testId:g,draggable:H,defaultEmptyRow:C=null,onAddRow:P=null,bordered:R=!0,maxHeight:k,fixedWidth:I}=r,A=q.useRef(null),[j,ne]=q.useState({width:0,height:0});q.useEffect(()=>{A.current&&ne({width:A.current.offsetWidth,height:A.current.offsetHeight})},[]);const L=Fe.get(e,"table.headers",[]),E=mn(s,L),S=_n(s,L),V=E+(S?1:0),te=a?((Ne=(je=a==null?void 0:a.pagination)==null?void 0:je.rowsPerPage)==null?void 0:Ne.value)===0||Number((we=a==null?void 0:a.pagination)==null?void 0:we.selectedPage)>=Number((Re=a==null?void 0:a.pagination)==null?void 0:Re.rowCount)/Number((ve=(Ae=a==null?void 0:a.pagination)==null?void 0:Ae.rowsPerPage)==null?void 0:ve.value):!0,U=((Se=C==null?void 0:C.cells)==null?void 0:Se.length)&&P&&te,T={cells:U?C.cells.map((m,N)=>(m==null?void 0:m.type)==="Input"?{...m,onChange:_=>{var G;const f=(G=_==null?void 0:_.target)==null?void 0:G.value,D={...C,cells:C.cells.map((X,We)=>({...X,value:We===N?f:X==null?void 0:X.value}))};P({newRow:D})}}:{...m,disabled:!0}):null,testId:g?`${g}-last-empty-row`:void 0},$=U?s.concat(T):s,xe={...r,rows:$},Ce=w(W.wrapper,R?W.bordered:""),Ie={maxHeight:k,width:I,display:I==="auto"?"inline-flex":"flex"};return H?n.jsxs("div",{ref:A,className:Ce,style:Ie,children:[n.jsx(z,{actions:u,actionsRight:d,name:o,testId:g&&`${g}-title`}),n.jsx(Pe,{onDragEnd:m=>{var f,D;const N=(f=m==null?void 0:m.source)==null?void 0:f.index,_=(D=m==null?void 0:m.destination)==null?void 0:D.index;typeof N=="number"&&typeof _=="number"&&t({from:N,to:_})},children:n.jsx(Le,{droppableId:"droppable",children:m=>n.jsx(K,{table:xe,children:({visibleRows:N})=>n.jsxs("table",{className:w(W.table,y?W.striped:""),"data-testid":g,ref:m.innerRef,children:[n.jsx("thead",{children:L.map((_,f)=>n.jsx(F,{rowIndex:f,isHeader:!0,row:_,columnCount:E,columnWidths:l,colSpan:V,hasRowActions:S,columnAlignment:c,columnHeaderAlignments:p,draggableTable:H},`0_${f}`))}),n.jsxs("tbody",{children:[$.slice(0,N).map((_,f)=>n.jsx(De,{draggableId:f+"",index:f,isDragDisabled:_.noDrag,children:(D,G)=>n.jsx(F,{rowIndex:f,row:_,columnCount:E,columnWidths:l,colSpan:V,hasRowActions:S,columnAlignment:c,provided:D,snapshot:G,draggableTable:H,width:j.width},`1_${f}`)},`index_${f}`)),m.placeholder]})]})})})}),a&&n.jsx(J,{pagination:a.pagination,actions:a.actions,content:a.content})]}):n.jsxs("div",{className:Ce,style:Ie,children:[n.jsx(z,{actions:u,actionsRight:d,name:o,testId:g&&`${g}-title`}),n.jsx(K,{table:xe,children:({visibleRows:m})=>n.jsxs("table",{className:w(W.table,y?W.striped:""),"data-testid":g,children:[n.jsx("thead",{children:L.map((N,_)=>n.jsx(F,{rowIndex:_,isHeader:!0,row:N,columnCount:E,columnWidths:l,colSpan:V,hasRowActions:S,columnAlignment:c,columnHeaderAlignments:p},`0_${_}`))}),n.jsx("tbody",{children:$.slice(0,m).map((N,_)=>n.jsx(F,{rowIndex:_,row:N,columnCount:E,columnWidths:l,colSpan:V,hasRowActions:S,columnAlignment:c},`1_${_}`))})]})}),a&&n.jsx(J,{colSpan:V,pagination:a.pagination,actions:a.actions,content:a.content})]})};try{ke.displayName="Table",ke.__docgenInfo={description:"",displayName:"Table",props:{onListReorder:{defaultValue:null,description:"",name:"onListReorder",required:!1,type:{name:"((obj: { from: number; to: number; }) => void)"}},table:{defaultValue:null,description:"",name:"table",required:!0,type:{name:"{ name?: string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null | undefined; ... 18 more ...; actions?: any; }"}}}}}catch{}export{v as C,ke as T};
|
|
1
|
+
import{j as n}from"./jsx-runtime-FsUICBgo.js";import{r as q}from"./index-RfLt4OUa.js";import{c as w}from"./index-VW3EWkuE.js";import{I as He,D as Pe,C as Le,P as De}from"./index.es-VXFRDikp.js";import{l as Fe}from"./lodash-Bmg8FrMx.js";import{A as he}from"./actions-7PO9r8zE.js";import{H as $e}from"./heading-4tVgoT7O.js";import{P as Be}from"./pagination-DtJdggbI.js";import{A as x,I as B}from"./common-types-U65vzrrz.js";import{I as Oe}from"./input-fYKvBwPs.js";import{N as Me}from"./number-input-ymd7m-s5.js";import{S as Ue}from"./select-AcJYUY86.js";import{D as Ge}from"./disabled-context-urNQThQz.js";import{i as O}from"./types-5uVBABF4.js";import{T as be}from"./tooltip-dueTLnwA.js";import{C as Xe}from"./check-box-KynSyTaY.js";import{S as ze}from"./slider-n3IxC2iq.js";import{I as M}from"./icon-8EQazuuW.js";import{P as Je}from"./popover-1CwIRm4P.js";import{H as Ee}from"./help-icon-eelulTML.js";import{T as re}from"./text-6KQ6ntOV.js";const Ke="_inputInTable_y9car_1",Ye="_inputHover_y9car_13",Qe="_inputFocus_y9car_18",Ze="_inputError_y9car_25",en="_inputWarning_y9car_26",nn="_inputDisabled_y9car_61",tn="_hideScrollbars_y9car_67",rn="_wrapper_y9car_85",an="_bordered_y9car_93",ln="_scroll_y9car_98",on="_table_y9car_108",sn="_striped_y9car_188",W={inputInTable:Ke,inputHover:Ye,inputFocus:Qe,inputError:Ze,inputWarning:en,inputDisabled:nn,hideScrollbars:tn,wrapper:rn,bordered:an,scroll:ln,table:on,striped:sn},dn="_title_zn5s7_1",cn={title:dn},z=({name:e=null,actions:t=null,actionsRight:r=!1,testId:l})=>{const a=e!==null,o=t!==null;if(!a&&!o)return null;const s=()=>{if(!o)return null;const u=n.jsx(he,{actions:t});return r?u:n.jsx("div",{children:u})};return n.jsxs("div",{className:cn.title,children:[a?n.jsx($e,{children:n.jsx("span",{"data-testid":l,children:e})}):null,s()]})};try{z.displayName="Title",z.__docgenInfo={description:"",displayName:"Title",props:{name:{defaultValue:{value:"null"},description:"",name:"name",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},actions:{defaultValue:{value:"null"},description:"",name:"actions",required:!1,type:{name:"any"}},actionsRight:{defaultValue:{value:"false"},description:"",name:"actionsRight",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const un="_footer_4sumy_1",pn="_section_4sumy_7",ae={footer:un,section:pn},J=({colSpan:e,pagination:t,actions:r,content:l})=>{const a=r&&r.length,o=l!=null,s=()=>{var d,p;if(t){const{rowCount:c,rowsPerPage:y}=t,g=Number((p=(d=y==null?void 0:y.options)==null?void 0:d[0])==null?void 0:p.value);return c>g}return!1};return a||o||s()?n.jsxs("div",{className:ae.footer,children:[o?n.jsx("div",{className:ae.section,children:n.jsx("div",{children:l})}):null,a||s()?n.jsxs("div",{className:ae.section,children:[s()?n.jsx(Be,{pagination:t}):n.jsx("div",{}),a&&n.jsx("div",{children:n.jsx(he,{actions:r})})]}):null]}):null};try{J.displayName="Footer",J.__docgenInfo={description:"",displayName:"Footer",props:{colSpan:{defaultValue:null,description:"",name:"colSpan",required:!1,type:{name:"number"}},pagination:{defaultValue:null,description:"",name:"pagination",required:!0,type:{name:"IPagination"}},actions:{defaultValue:null,description:"",name:"actions",required:!1,type:{name:"IAction[]"}},content:{defaultValue:null,description:"",name:"content",required:!1,type:{name:"ReactNode"}}}}}catch{}const Ve=e=>{const t=Math.max(...e.reduce((r,l)=>{const a=l.cells.map(o=>o.colSpan?o.colSpan:1).reduce((o,s)=>o+s,0);return r.concat(a)},[]));return isNaN(t)?0:t},mn=(e,t)=>{const r=[Ve(t),Ve(e)];return Math.max(...r)},Te=e=>e.reduce((t,r)=>r.actions&&r.actions.length>0?1:t,0),_n=(e,t)=>Te(t)>0||Te(e)>0,K=({table:e,children:t})=>{const{rows:r,infiniteScroll:l}=e,a=Math.ceil(window.innerHeight/30),[o,s]=l?q.useState(a):[r.length,null],[u,d]=l?q.useState(o<r.length):[!1,null],p=()=>{if(o>=r.length&&d){d(!1);return}s&&s(o+a)};return n.jsx("div",{id:"scrollWrapper",className:W.scroll,children:l?n.jsx(He,{dataLength:Math.min(r.length,o+a),next:p,hasMore:u,scrollableTarget:"scrollWrapper",style:{overflow:"initial"},loader:null,children:t({visibleRows:o})}):t({visibleRows:o})})};try{K.displayName="TableScrollWrapper",K.__docgenInfo={description:"",displayName:"TableScrollWrapper",props:{table:{defaultValue:null,description:"",name:"table",required:!0,type:{name:"ITableProps"}}}}}catch{}const gn="_clickableRow_1ki29_1",yn="_hoverableRow_1ki29_4",fn="_rowActive_1ki29_4",hn="_expandableRow_1ki29_8",bn="_flush_1ki29_8",xn="_errorRow_1ki29_12",Cn="_warningRow_1ki29_15",In="_dragIconCell_1ki29_34",jn="_dragIcon_1ki29_34",b={clickableRow:gn,hoverableRow:yn,rowActive:fn,expandableRow:hn,flush:bn,errorRow:xn,warningRow:Cn,dragIconCell:In,dragIcon:jn},Y=({colSpan:e,children:t,flush:r})=>n.jsx("tr",{children:n.jsx("td",{colSpan:e,className:w(b.expandableRow,r?b.flush:""),children:t})});try{Y.displayName="ExpandedContentRow",Y.__docgenInfo={description:"",displayName:"ExpandedContentRow",props:{colSpan:{defaultValue:null,description:"",name:"colSpan",required:!0,type:{name:"number"}},flush:{defaultValue:null,description:"",name:"flush",required:!1,type:{name:"boolean"}}}}}catch{}const qe=(e,t={leftAligned:"",rightAligned:"",centerAligned:""},r=!1)=>{if(!e)return null;const{bodyAlignment:l,headerAlignment:a,isHeader:o}=e;switch(o&&a?a:l){case x.LEFT:return r?x.LEFT:t.leftAligned;case x.RIGHT:return r?x.RIGHT:t.rightAligned;case x.CENTER:return r?x.CENTER:t.centerAligned;default:return r?x.LEFT:t.leftAligned}},Nn=(e,t=!1,r=0)=>{if(!e||e.length===0)return[];const l=e.every(o=>Array.isArray(o)),a=e.every(o=>typeof o=="string");return l&&t?e[r]||[]:a?e:(console.warn("getHeaderAlignment: alignments array contains a mix of strings and arrays, returning an empty array."),[])},wn="_inputInTable_u3xdj_1",Rn="_inputHover_u3xdj_13",An="_inputFocus_u3xdj_18",vn="_inputError_u3xdj_25",Sn="_inputWarning_u3xdj_26",Vn="_inputDisabled_u3xdj_61",Tn="_hideScrollbars_u3xdj_67",qn="_cell_u3xdj_77",kn="_disabledLink_u3xdj_87",En="_inputWrapper_u3xdj_91",Wn="_breakWord_u3xdj_106",Hn="_inputCell_u3xdj_109",Pn="_sliderCell_u3xdj_112",Ln="_staticCell_u3xdj_116",Dn="_staticCellContent_u3xdj_119",Fn="_error_u3xdj_131",$n="_warning_u3xdj_132",Bn="_unit_u3xdj_141",On="_sortingCell_u3xdj_144",Mn="_sortingCellIcon_u3xdj_155",Un="_icon_u3xdj_166",Gn="_checkBoxCell_u3xdj_170",Xn="_iconCellWrapper_u3xdj_174",zn="_actionsCell_u3xdj_178",Jn="_rightAligned_u3xdj_186",Kn="_centerAligned_u3xdj_192",Yn="_leftAligned_u3xdj_198",Qn="_popover_u3xdj_201",Zn="_disabledPointerEvents_u3xdj_204",i={inputInTable:wn,inputHover:Rn,inputFocus:An,inputError:vn,inputWarning:Sn,inputDisabled:Vn,hideScrollbars:Tn,cell:qn,disabledLink:kn,inputWrapper:En,breakWord:Wn,inputCell:Hn,sliderCell:Pn,staticCell:Ln,staticCellContent:Dn,error:Fn,warning:$n,unit:Bn,sortingCell:On,sortingCellIcon:Mn,icon:Un,checkBoxCell:Gn,iconCellWrapper:Xn,actionsCell:zn,rightAligned:Jn,centerAligned:Kn,leftAligned:Yn,popover:Qn,disabledPointerEvents:Zn},Q=({cell:e,columnAlignment:t,testId:r,type:l})=>n.jsx(Oe,{name:e.name,value:e.value,onChange:a=>{var o;return(o=e.onChange)==null?void 0:o.call(e,a)},onFocus:e.onFocus,onBlur:e.onBlur,onPaste:a=>{var o;return(o=e.onPaste)==null?void 0:o.call(e,a)},placeholder:e.placeholder,error:e.error,warning:e.warning,disabled:e.disabled,isInTable:!0,maxTooltipWidth:e.maxTooltipWidth,right:t===x.RIGHT,testId:r,tabIndex:e.disabled?-1:0,tooltip:e.tooltip,type:l});try{Q.displayName="InputCell",Q.__docgenInfo={description:"",displayName:"InputCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IInputCell"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!1,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},type:{defaultValue:null,description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"text"'},{value:'"date"'}]}}}}}catch{}const le=({cell:e,testId:t})=>n.jsx(Me,{name:e.name,value:e.value,onChange:r=>{var l;return(l=e.onChange)==null?void 0:l.call(e,r)},onFocus:e.onFocus,onBlur:e.onBlur,placeholder:e.placeholder,error:e.error,warning:e.warning,disabled:e.disabled,isInTable:!0,left:e.left,tabIndex:e.disabled?-1:0,testId:t,tooltip:e.tooltip,validationCallback:e.validationCallback,allowEmpty:e.allowEmpty,enableDisplayRounding:e.enableDisplayRounding,roundDisplayValue:e.roundDisplayValue});try{le.displayName="NumberInputCell",le.__docgenInfo={description:"",displayName:"NumberInputCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"INumberInputCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const oe=({cell:e,columnAlignment:t,testId:r})=>n.jsx(Ue,{name:e.name,borderRadius:0,options:e.options,onChange:l=>{var a;return(a=e.onChange)==null?void 0:a.call(e,l)},onCreate:e.onCreate?l=>e.onCreate&&e.onCreate(l):void 0,error:e.error,warning:e.warning,disabled:e.disabled,placeholder:e.placeholder,isInTable:!0,value:e.value,native:e.native,clearable:e.clearable,searchable:e.searchable,deprecatedEventHandler:e.deprecatedEventHandler,maxTooltipWidth:e.maxTooltipWidth,width:"100%",autoLayerWidth:e.autoLayerWidth,multi:e.multi,right:t===x.RIGHT,testId:r,tabIndex:e.disabled?-1:0});try{oe.displayName="SelectCell",oe.__docgenInfo={description:"",displayName:"SelectCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ISelectCell"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!1,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const ie=({cell:e,columnAlignment:t,testId:r})=>n.jsx("div",{className:i.inputWrapper,children:e.type==="Input"?n.jsx(Q,{cell:e,columnAlignment:t,testId:r}):e.type==="NumberInput"?n.jsx(le,{cell:e,testId:r}):e.type==="DateInput"?n.jsx(Q,{cell:e,testId:r,type:"date"}):e.type==="Select"?n.jsx(oe,{cell:e,columnAlignment:t,testId:r}):null});try{ie.displayName="InputCellWrapper",ie.__docgenInfo={description:"",displayName:"InputCellWrapper",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"any"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!0,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const se=({cell:e,testId:t})=>{const r=q.useContext(Ge),{error:l,warning:a,tooltip:o,maxTooltipWidth:s}=e,u=d=>O(d);return n.jsx("div",{className:i.inputWrapper,children:n.jsx(be,{error:!!l,warning:!!a,text:o||l||a,enabled:u(o)||u(l)||u(a)||!1,maxWidth:s,placement:"bottom-center",children:n.jsx("div",{className:w(i.staticCellContent,l?i.error:a?i.warning:""),children:n.jsx("a",{className:w((e.disabled||r)&&i.disabledLink),onClick:e.disabled||r?void 0:d=>{var p;d.stopPropagation(),(p=e.onClick)==null||p.call(e,d)},"data-testid":t,children:e.value})})})})};try{se.displayName="LinkCell",se.__docgenInfo={description:"",displayName:"LinkCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ILinkCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const de=({cell:e,testId:t})=>n.jsx(Xe,{label:e.label,checked:e.checked,isInTable:!0,disabled:e.disabled,onChange:r=>e.onChange(r),testId:t,tabIndex:e.disabled?-1:0});try{de.displayName="CheckBoxCell",de.__docgenInfo={description:"",displayName:"CheckBoxCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ICheckBoxCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const ce=({cell:e})=>n.jsx("div",{className:i.inputWrapper,children:n.jsx(ze,{label:e.label,value:e.value,min:e.min,max:e.max,step:e.step,marks:e.marks,onChange:t=>e.onChange(t),showArrows:e.showArrows,showTooltip:e.showTooltip,tooltipFormatter:e.tooltipFormatter,disabled:e.disabled})});try{ce.displayName="SliderCell",ce.__docgenInfo={description:"",displayName:"SliderCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ISliderCell"}}}}}catch{}const ue=({cell:e})=>{const{tooltip:t,icon:r}=e;return n.jsx("div",{className:i.iconCellWrapper,children:n.jsx(be,{text:t,enabled:!!t&&O(t),display:"flex",placement:"top-center",children:n.jsx(M,{icon:r})})})};try{ue.displayName="IconCell",ue.__docgenInfo={description:"",displayName:"IconCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IIconCell"}}}}}catch{}const pe=({cell:e})=>n.jsx(he,{actions:e.actions});try{pe.displayName="ActionsCell",pe.__docgenInfo={description:"",displayName:"ActionsCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IActionCell"}}}}}catch{}const me=({cell:e})=>{const{helpIcon:t}=e;return t?n.jsx("div",{className:i.icon,children:n.jsx(Ee,{onClick:t.onClick,text:t.tooltip})}):null};try{me.displayName="CellHelpIcon",me.__docgenInfo={description:"",displayName:"CellHelpIcon",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IHelpIconCell"}}}}}catch{}const _e=({cell:e})=>{const{libraryIcon:t}=e;return t?n.jsx("div",{className:i.icon,children:n.jsx(Ee,{onClick:t.onClick,text:t.tooltip,icon:B.LIBRARY})}):null};try{_e.displayName="CellLibraryIcon",_e.__docgenInfo={description:"",displayName:"CellLibraryIcon",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ILibraryIconCell"}}}}}catch{}const ge=({cell:e})=>{const{hasSort:t,sort:r,sortPriority:l}=e;return t?n.jsxs("span",{className:i.sortingCellIcon,children:[r==="down"?n.jsx(re,{link:!0,children:n.jsx(M,{icon:B.SORT_ASCENDING})}):r==="up"?n.jsx(re,{link:!0,children:n.jsx(M,{icon:B.SORT_DESCENDING})}):n.jsx(re,{faint:!0,children:n.jsx(M,{icon:B.SORT_DESCENDING})}),l&&r?n.jsx("sup",{children:l}):null]}):null};try{ge.displayName="Sort",ge.__docgenInfo={description:"",displayName:"Sort",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ISortCell"}}}}}catch{}const Z=({cell:e,isHeader:t,testId:r})=>{const{error:l,warning:a,tooltip:o,maxTooltipWidth:s,hasSort:u,onSort:d,type:p}=e,c=n.jsxs("div",{className:w(i.staticCellContent,p==="Unit"?i.unit:"",l?i.error:a?i.warning:""),onClick:u?y=>d&&d(y):()=>{},"data-testid":r,children:[e.value,t?n.jsxs(n.Fragment,{children:[n.jsx(me,{cell:e}),n.jsx(_e,{cell:e}),n.jsx(ge,{cell:e})]}):null]});return n.jsx("div",{className:i.inputWrapper,children:n.jsx(be,{error:!!l,warning:!!a,text:o||l||a,enabled:o&&O(o)||l&&O(l)||a&&O(a)||!1,maxWidth:s,display:"block",placement:"bottom-center",children:c})})};try{Z.displayName="StaticCell",Z.__docgenInfo={description:"",displayName:"StaticCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IStaticCell"}},isHeader:{defaultValue:null,description:"",name:"isHeader",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const ye=({cell:e,testId:t})=>{const{content:r,fullWidth:l,closeOnOutsideClick:a,disabled:o}=e;return n.jsx(Je,{content:r,fullWidth:l,closeOnOutsideClick:a,disabled:o,children:n.jsx("div",{className:i.popover,children:n.jsx(Z,{cell:e,testId:t})})})};try{ye.displayName="PopoverCell",ye.__docgenInfo={description:"",displayName:"PopoverCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IPopoverCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const fe=({cell:e,isHeader:t,columnAlignment:r,testId:l})=>{if(!e)return null;switch(e.type){case"Input":case"NumberInput":case"DateInput":case"Select":return n.jsx(ie,{cell:e,columnAlignment:r,testId:l});case"Link":return n.jsx(se,{cell:e,testId:l});case"CheckBox":return n.jsx(de,{cell:e,testId:l});case"Slider":return n.jsx(ce,{cell:e});case"Icon":return n.jsx(ue,{cell:e});case"Actions":return n.jsx(pe,{cell:e});case"Popover":return n.jsx(ye,{cell:e});default:return n.jsx(Z,{cell:e,isHeader:t,testId:l})}};try{fe.displayName="CellWrapper",fe.__docgenInfo={description:"",displayName:"CellWrapper",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"any"}},isHeader:{defaultValue:null,description:"",name:"isHeader",required:!0,type:{name:"boolean"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!0,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}var v=(e=>(e.INPUT="Input",e.NUMBER_INPUT="NumberInput",e.SELECT="Select",e.POPOVER="Popover",e.SLIDER="Slider",e.CHECKBOX="CheckBox",e.ACTIONS="Actions",e.AUTO_UNIT="AutoUnit",e))(v||{});const ee=({cell:e,isHeader:t,columnHeaderAlignment:r,columnAlignment:l=x.LEFT,width:a,snapshot:o,testId:s})=>{if(!e)return null;const{style:u,colSpan:d,rowSpan:p,width:c}=e,y=q.useRef(null),g={bodyAlignment:l,headerAlignment:r,isHeader:t},H=qe(g,i),C=qe(g,i,!0),P=e.type===v.INPUT||e.type===v.NUMBER_INPUT||e.type===v.SELECT||e.type===v.POPOVER?i.inputCell:e.type===v.SLIDER?i.sliderCell:e.type===v.CHECKBOX?i.checkBoxCell:e.type===v.ACTIONS?i.actionsCell:i.staticCell,R=w(i.cell,P,e.hasSort?i.sortingCell:null,H,e.breakWord?i.breakWord:""),k=c??a??((o==null?void 0:o.isDragging)&&y.current&&y.current.offsetWidth)??void 0,I={width:k,minWidth:k,...u},A=t?"th":"td";return n.jsx(A,{ref:y,className:R,style:I,colSpan:d,rowSpan:p,children:n.jsx(fe,{cell:e,columnAlignment:C??x.RIGHT,isHeader:t,testId:s})})};try{ee.displayName="Cell",ee.__docgenInfo={description:"",displayName:"Cell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!1,type:{name:"TCellShape"}},isHeader:{defaultValue:null,description:"",name:"isHeader",required:!0,type:{name:"boolean"}},columnHeaderAlignment:{defaultValue:null,description:"",name:"columnHeaderAlignment",required:!1,type:{name:"string"}},columnAlignment:{defaultValue:{value:"Align.LEFT"},description:"",name:"columnAlignment",required:!1,type:{name:"Align.LEFT | Align.RIGHT | null"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},snapshot:{defaultValue:null,description:"",name:"snapshot",required:!1,type:{name:"any"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const F=({row:e,rowIndex:t,isHeader:r=!1,columnCount:l,colSpan:a,columnHeaderAlignments:o=[],columnAlignment:s=[],hasRowActions:u,draggableTable:d=!1,snapshot:p=null,provided:c=null,width:y,columnWidths:g,testId:H})=>{const C=q.useRef(null),P=Nn(o,r,t),{onRowClick:R,onRowFocus:k,onRowMouseEnter:I,onRowMouseLeave:A,expandedContent:j,error:ne,warning:L,active:E}=e,S=e.cells.map((h,T)=>{const $=`${r?0:1}_${t}_${T}`;return n.jsx(ee,{cell:h,isHeader:r,columnAlignment:s[T],columnHeaderAlignment:P[T],width:g?g[T]:void 0,snapshot:p,testId:h.testId},$)}),V=u&&n.jsx(ee,{cell:{type:v.ACTIONS,actions:e.actions},isHeader:r},l),te=(h,T)=>({minWidth:h&&`${y}px`,width:h&&"100%",display:h&&"table",background:h&&"var(--color-background-listitem-active)",border:h&&"var(--color-border)",borderTop:h&&0,opacity:h&&.1,...T}),U=()=>e.noDrag?n.jsx("td",{"aria-labelledby":"unique-label-id"}):n.jsx("td",{className:b.dragIconCell,children:n.jsx("div",{...c.dragHandleProps,className:b.dragIcon,children:n.jsx(M,{icon:B.DRAG})})});return r?n.jsxs(n.Fragment,{children:[n.jsxs("tr",{ref:C,onClick:R,onMouseEnter:I,onMouseLeave:A,onFocus:k,className:w(R?b.clickableRow:null,I?b.hoverableRow:null),children:[d?n.jsx("th",{}):null,S,V]},t),j&&j.content?n.jsx(Y,{colSpan:a,flush:j.flush===!0,children:j.content},`${t}_expanded_content`):null]}):n.jsxs(n.Fragment,{children:[n.jsxs("tr",{onClick:R,onMouseEnter:I,onMouseLeave:A,onFocus:k,className:w(R&&!R.noStyle?b.clickableRow:null,I&&!I.noStyle?b.hoverableRow:null,E?b.rowActive:null,ne?b.errorRow:null,L?b.warningRow:null),ref:(c==null?void 0:c.innerRef)||null,...(c==null?void 0:c.draggableProps)||null,style:p&&c?te(p.isDragging,c.draggableProps.style):null,children:[d?U():null,S,V]},t),j&&j.content?n.jsx(Y,{colSpan:a,flush:j.flush===!0,children:j.content},`${t}_expanded_content`):null]})};try{F.displayName="Row",F.__docgenInfo={description:"",displayName:"Row",props:{row:{defaultValue:null,description:"",name:"row",required:!0,type:{name:"TRowType"}},rowIndex:{defaultValue:null,description:"",name:"rowIndex",required:!0,type:{name:"number"}},isHeader:{defaultValue:{value:"false"},description:"",name:"isHeader",required:!1,type:{name:"boolean"}},columnCount:{defaultValue:null,description:"",name:"columnCount",required:!0,type:{name:"number"}},colSpan:{defaultValue:null,description:"",name:"colSpan",required:!0,type:{name:"number"}},columnHeaderAlignments:{defaultValue:{value:"[]"},description:"",name:"columnHeaderAlignments",required:!1,type:{name:"string[] | string[][]"}},columnAlignment:{defaultValue:{value:"[]"},description:"",name:"columnAlignment",required:!1,type:{name:"string[]"}},hasRowActions:{defaultValue:null,description:"",name:"hasRowActions",required:!0,type:{name:"boolean"}},draggableTable:{defaultValue:{value:"false"},description:"",name:"draggableTable",required:!1,type:{name:"boolean"}},snapshot:{defaultValue:{value:"null"},description:"",name:"snapshot",required:!1,type:{name:"any"}},provided:{defaultValue:{value:"null"},description:"",name:"provided",required:!1,type:{name:"any"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},columnWidths:{defaultValue:null,description:"",name:"columnWidths",required:!1,type:{name:"string[]"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const ke=e=>{var je,Ne,we,Re,Ae,ve,Se;const{onListReorder:t=()=>{},table:r}=e,{columnWidths:l,footer:a,name:o,rows:s=[],actions:u,actionsRight:d,columnHeaderAlignments:p,columnAlignment:c,striped:y=!0,testId:g,draggable:H,defaultEmptyRow:C=null,onAddRow:P=null,bordered:R=!0,maxHeight:k,fixedWidth:I}=r,A=q.useRef(null),[j,ne]=q.useState({width:0,height:0});q.useEffect(()=>{A.current&&ne({width:A.current.offsetWidth,height:A.current.offsetHeight})},[]);const L=Fe.get(e,"table.headers",[]),E=mn(s,L),S=_n(s,L),V=E+(S?1:0),te=a?((Ne=(je=a==null?void 0:a.pagination)==null?void 0:je.rowsPerPage)==null?void 0:Ne.value)===0||Number((we=a==null?void 0:a.pagination)==null?void 0:we.selectedPage)>=Number((Re=a==null?void 0:a.pagination)==null?void 0:Re.rowCount)/Number((ve=(Ae=a==null?void 0:a.pagination)==null?void 0:Ae.rowsPerPage)==null?void 0:ve.value):!0,U=((Se=C==null?void 0:C.cells)==null?void 0:Se.length)&&P&&te,T={cells:U?C.cells.map((m,N)=>(m==null?void 0:m.type)==="Input"?{...m,onChange:_=>{var G;const f=(G=_==null?void 0:_.target)==null?void 0:G.value,D={...C,cells:C.cells.map((X,We)=>({...X,value:We===N?f:X==null?void 0:X.value}))};P({newRow:D})}}:{...m,disabled:!0}):null,testId:g?`${g}-last-empty-row`:void 0},$=U?s.concat(T):s,xe={...r,rows:$},Ce=w(W.wrapper,R?W.bordered:""),Ie={maxHeight:k,width:I,display:I==="auto"?"inline-flex":"flex"};return H?n.jsxs("div",{ref:A,className:Ce,style:Ie,children:[n.jsx(z,{actions:u,actionsRight:d,name:o,testId:g&&`${g}-title`}),n.jsx(Pe,{onDragEnd:m=>{var f,D;const N=(f=m==null?void 0:m.source)==null?void 0:f.index,_=(D=m==null?void 0:m.destination)==null?void 0:D.index;typeof N=="number"&&typeof _=="number"&&t({from:N,to:_})},children:n.jsx(Le,{droppableId:"droppable",children:m=>n.jsx(K,{table:xe,children:({visibleRows:N})=>n.jsxs("table",{className:w(W.table,y?W.striped:""),"data-testid":g,ref:m.innerRef,children:[n.jsx("thead",{children:L.map((_,f)=>n.jsx(F,{rowIndex:f,isHeader:!0,row:_,columnCount:E,columnWidths:l,colSpan:V,hasRowActions:S,columnAlignment:c,columnHeaderAlignments:p,draggableTable:H},`0_${f}`))}),n.jsxs("tbody",{children:[$.slice(0,N).map((_,f)=>n.jsx(De,{draggableId:f+"",index:f,isDragDisabled:_.noDrag,children:(D,G)=>n.jsx(F,{rowIndex:f,row:_,columnCount:E,columnWidths:l,colSpan:V,hasRowActions:S,columnAlignment:c,provided:D,snapshot:G,draggableTable:H,width:j.width},`1_${f}`)},`index_${f}`)),m.placeholder]})]})})})}),a&&n.jsx(J,{pagination:a.pagination,actions:a.actions,content:a.content})]}):n.jsxs("div",{className:Ce,style:Ie,children:[n.jsx(z,{actions:u,actionsRight:d,name:o,testId:g&&`${g}-title`}),n.jsx(K,{table:xe,children:({visibleRows:m})=>n.jsxs("table",{className:w(W.table,y?W.striped:""),"data-testid":g,children:[n.jsx("thead",{children:L.map((N,_)=>n.jsx(F,{rowIndex:_,isHeader:!0,row:N,columnCount:E,columnWidths:l,colSpan:V,hasRowActions:S,columnAlignment:c,columnHeaderAlignments:p},`0_${_}`))}),n.jsx("tbody",{children:$.slice(0,m).map((N,_)=>n.jsx(F,{rowIndex:_,row:N,columnCount:E,columnWidths:l,colSpan:V,hasRowActions:S,columnAlignment:c},`1_${_}`))})]})}),a&&n.jsx(J,{colSpan:V,pagination:a.pagination,actions:a.actions,content:a.content})]})};try{ke.displayName="Table",ke.__docgenInfo={description:"",displayName:"Table",props:{onListReorder:{defaultValue:null,description:"",name:"onListReorder",required:!1,type:{name:"((obj: { from: number; to: number; }) => void)"}},table:{defaultValue:null,description:"",name:"table",required:!0,type:{name:"{ name?: string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null | undefined; ... 18 more ...; actions?: any; }"}}}}}catch{}export{v as C,ke as T};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as n}from"./jsx-runtime-FsUICBgo.js";import{r as S}from"./index-RfLt4OUa.js";import{f as B}from"./immer.esm-bD7SSJ7T.js";import{l as q}from"./lodash-Bmg8FrMx.js";import{G as le}from"./grid-u1mZpaML.js";import{T as W}from"./text-6KQ6ntOV.js";import{T as D}from"./table-plX5wbPy.js";import{C as dn}from"./card-0r8RRVk-.js";import{I as se}from"./input-w-UScEUy.js";import{F as oe}from"./field-UZtORY6D.js";import{H as un}from"./heading-AvGkZ8ae.js";import{t as ae,x as pn,y as gn,z as mn,A as bn,B as hn,C as wn,D as vn}from"./table.stories-data-9T_1BLo6.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./tslib.es6-OIsz3r9a.js";import"./index-VW3EWkuE.js";import"./index.es-VXFRDikp.js";import"./inheritsLoose-8sb_A2v4.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./tiny-invariant-R4kOKlvx.js";import"./index-miLrID2P.js";import"./memoize-one.esm-hqe5SRxC.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./actions-eW7plDvv.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./button-yLYf8aC9.js";import"./spinner-R8Il4aRe.js";import"./icon-8EQazuuW.js";import"./index-4QtD-hFu.js";import"./tooltip-gljV_DQ0.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./pagination-yFWOmymz.js";import"./select-xiPCWaz8.js";import"./assertThisInitialized-4q6YPdh3.js";import"./select.input-zP5tW20f.js";import"./input-group-R8LoqKRn.js";import"./input-group-addon-BHVsW9mL.js";import"./number-input-hrCn3Rag.js";import"./index-qZmQ7nA9.js";import"./index-cCpkwrS5.js";import"./check-box-TRAFDvOc.js";import"./help-icon-4sFVvBkZ.js";import"./slider-at3_DXQg.js";import"./index-ugi_ZH6T.js";import"./popover-YDVuwgEX.js";import"./label-am612zWx.js";import"./flex-RYZsoWEN.js";const bt={title:"Basic/Table",component:D,args:{table:{...ae}}},A=h=>n.jsx(D,{...h}),z=A.bind({}),_=A.bind({});_.args={table:{...ae,fixedWidth:"400px"}};const N=A.bind({});N.args={table:{...ae,fixedWidth:"auto"}};const O=A.bind({});O.args={table:pn};O.parameters={docs:{description:{story:"Use sparingly when certain columns cannot be below a certain width. Unless the Table is auto width, set one column to `auto` to use remaining space."}}};const L=A.bind({});L.args={table:gn};const U=A.bind({});U.args={table:mn};U.parameters={docs:{description:{story:"This is only required when you need to override `columnAlignment` in header cells (i.e. they have different alignment)"}}};const Q=A.bind({});Q.args={table:bn};const E=A.bind({});E.args={table:hn};E.decorators=[h=>n.jsx("div",{style:{position:"absolute",inset:0,padding:"var(--padding)"},children:n.jsx(h,{})})];const M=A.bind({});M.args={table:wn};M.parameters={docs:{description:{story:"If a `maxHeight` is set, the table should only fill that height if it needs to."}}};const G=A.bind({});G.args={table:vn};const $=()=>n.jsx(dn,{heading:n.jsx(un,{children:"Card heading"}),padding:!1,children:n.jsx(D,{table:{...ae,bordered:!1}})});$.parameters={docs:{source:{type:"dynamic"}}};const J=()=>{const h=["Section","Width","Height"];let m=["","m","m"],o=[...Array(175).keys()].map((l,t)=>[t,t*2,t*2]);const x=(l,t,r)=>l==="m"&&t==="ft"?r*3.28084:l==="ft"&&t==="m"?r/3.28084:r,i=(l,t,r,c)=>{o[t][r]=l.target.value,c()},R=l=>{o=o.concat([["","",""]]),l()},k=(l,t)=>{o=o.filter((r,c)=>c!==l),t()},p=(l,t,r)=>{const c=m[t],b=l.target.value;m=m.map((v,s)=>s===t?b:v),o=o.map(v=>v.map((s,u)=>u===t?x(c,b,s):s)),r()},w=()=>{const l=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[t,r]=S.useState(10),[c,b]=S.useState(1),[v,s]=S.useState(!1),u=()=>{s(!v)},j=()=>{const e=Math.ceil(o.length/t);b(e)},T=(c-1)*t,a=t===0?o.length-1:T+t,g={headers:[{cells:h.map(e=>({value:e})),actions:[{primary:!0,label:"Add",icon:"add",onClick:()=>{R(u),j()}}]},{cells:[{},{options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:m[1],type:"Select",native:!0,onChange:e=>p(e,1,u)},{options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:m[2],type:"Select",native:!0,onChange:e=>p(e,2,u)}]}],rows:o.slice(T,a).map((e,d)=>{const I=T+d;return{cells:[...Array(3).keys()].map((P,y)=>({value:e[y],type:"Input",onChange:C=>i(C,I,y,u)})),actions:[{label:"Delete",icon:"minus",onClick:()=>k(I,u)}]}}),footer:{pagination:{rowCount:o.length,selectedPage:c,rowsPerPage:{onChange:e=>{const{value:d}=e.target;r(Number(d))},options:l,value:t},onSelectPage:e=>b(e),small:!0}}};return n.jsx(D,{table:g})};return n.jsx(w,{})},X=()=>{const h=["Section","Width","Height"];let m=[...Array(20).keys()].map((x,i)=>({Section:q.random(0,100),Width:q.random(0,100),Height:q.random(0,100)}));const o=()=>{const[x,i]=S.useState({Section:"up"}),R=(r,c)=>r.sort((b,v)=>Object.entries(c).map(([s,u])=>{switch(u){case"up":return b[s]-v[s];case"down":return v[s]-b[s];default:return 0}}).reduce((s,u)=>s||u,0)),k=(r,c,b)=>({dataSortCells:r.map(s=>{const u=Object.keys(c).includes(s)?c[s]:"",j=`${s[0].toUpperCase()}${s.slice(1)}`;return{key:s,value:j,hasSort:!0,sort:u,onSort:()=>{const T=u==="up"?"down":"up";b({[s]:T})}}})}),{dataSortCells:p}=k(h,x,i),l=[...R(m,x).map(r=>({cells:Object.entries(r).map(([b,v])=>({key:b,value:v,type:"Input",disabled:!0}))}))],t={headers:[{cells:p}],rows:l};return n.jsx(D,{table:t})};return n.jsx(o,{})},Y=()=>{const h=["Section","Width","Height"];let m=[...Array(175).keys()].map((x,i)=>({Section:i,Width:i*2,Height:i*2}));const o=()=>{const x=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[i,R]=S.useState(10),[k,p]=S.useState(1),[w,l]=S.useState({}),[t,r]=S.useState({});S.useEffect(()=>{p(1)},[w,t]);const c=(k-1)*i,b=i===0?m.length-1:c+i,v=(e,d,I)=>e.filter(P=>Object.keys(d).every(y=>d[y]===""?!0:P[y].toString().includes(d[y]))).sort((P,y)=>Object.entries(I).map(([C,H])=>{switch(H){case"up":return P[C]-y[C];case"down":return y[C]-P[C];default:return 0}}).reduce((C,H)=>C||H,0)),s=(e,d,I,P,y)=>{const C=e.map(f=>{const V=Object.keys(P).includes(f)?P[f]:"",F=`${f[0].toUpperCase()}${f.slice(1)}`;return{key:f,value:F,hasSort:!0,sort:V,onSort:()=>{const K=V===""?"up":V==="up"?"down":"";y({...P,[f]:K})}}}),H=e.map(f=>{const V=Object.keys(d).includes(f)?d[f]:"";return{key:f,value:V,type:"Input",placeholder:"Filter",onChange:F=>I({...d,[f]:F.target.value})}});return{dataSortCells:C,dataFilterCells:H}},{dataSortCells:u,dataFilterCells:j}=s(h,w,l,t,r),T=v(m,w,t),a=[...T.slice(c,b).map(e=>({cells:Object.entries(e).map(([I,P])=>({key:I,value:P,type:"Input",disabled:!0}))}))],g={headers:[{cells:u},{cells:j}],rows:a,footer:{pagination:{rowCount:T.length,selectedPage:k,rowsPerPage:{onChange:e=>{const{value:d}=e.target;R(Number(d))},options:x,value:i},onSelectPage:e=>p(e),small:!0}}};return n.jsx(D,{table:g})};return n.jsx(o,{})},Z=()=>{const h={tea:3.6,coffee:3.2,orange:4.1},m=[{label:"Tea",value:"tea"},{label:"Coffee",value:"coffee"},{label:"Orange juice",value:"orange"}],o={cells:[{type:"Select",options:m,value:{value:"tea"}},{type:"Input"},{type:"Static"}]},x=[...Array(15).keys()].map((a,g)=>({cells:[{type:"Select",options:m,value:{value:"tea"}},{type:"Input",value:g+1},{type:"Static"}]})),[i,R]=S.useState(x),k=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[p,w]=S.useState(10),[l,t]=S.useState(1),r=(l-1)*p,c=p===0?i.length-1:r+p,b=({newRow:a}={})=>{const g=B(i,e=>{e.push(a??o)});R(g)},v=({rowIndex:a})=>{const g=B(i,e=>{delete e[a]}).filter(e=>e);R(g)},s=({rowIndex:a,value:g})=>{const e=B(i,d=>{d[a].cells[0].value.value=g});R(e)},u=({rowIndex:a,value:g})=>{const e=B(i,d=>{d[a].cells[1].value=g});R(e)},j=({value:a})=>{const g=Number(a);return!q.isNaN(g)&&q.isInteger(g)&&g>0},T=i.slice(r,c).map((a,g)=>{const e=r+g;return i.length-1,{...a,cells:a==null?void 0:a.cells.map((d,I)=>{var f,V,F,K,ie;const P=(F=(V=(f=a==null?void 0:a.cells)==null?void 0:f[0])==null?void 0:V.value)==null?void 0:F.value,y=Number((ie=(K=a==null?void 0:a.cells)==null?void 0:K[1])==null?void 0:ie.value),C=h==null?void 0:h[P],H=C&&j({value:y})?(C*y).toFixed(2):null;if(I===0)return{...d,onChange:re=>s({rowIndex:e,value:re.target.value})};if(I===1)return{...d,onChange:re=>u({rowIndex:e,value:re.target.value}),error:j({value:d.value})?null:"Must be valid whole number"};if(I===2)return{...d,value:H}}),actions:[{label:"Delete",icon:"minus",onClick:()=>v({rowIndex:e})}]}});return n.jsx(D,{table:{defaultEmptyRow:o,onAddRow:b,columnAlignment:["left","right","right"],headers:[{cells:[{value:"Drink"},{value:"Quantity"},{value:"Total Price (£)"}],actions:[{primary:!0,icon:"plus",label:"Add",onClick:()=>b()}]}],rows:T,footer:{pagination:{rowCount:i.length,selectedPage:l,rowsPerPage:{onChange:a=>{const{value:g}=a.target;w(Number(g))},options:k,value:p},onSelectPage:a=>t(a),small:!0}}}})},ee=()=>{const h=["Section","Width","Height"];let m=Array.from(Array(10),(p,w)=>[w,w*2,w*2]);const[o,x]=S.useState({pastedValues:"",rowIndex:0,cellIndex:0}),i=(p,w,l,t)=>{m[w][l]=Number(p.target.value),t()},R=(p,w,l,t)=>{var c;let r=((c=p==null?void 0:p.clipboardData)==null?void 0:c.getData("text"))??"";return x({rowIndex:w,cellIndex:l,pastedValues:r}),t(),{pastedData:o}},k=()=>{const[p,w]=S.useState(!1),l=()=>{w(!p)},t={headers:[{cells:h.map(r=>({value:r}))}],rows:m.map((r,c)=>{const b=c;return{cells:[...Array(3).keys()].map((v,s)=>({value:r[s],type:"Input",onChange:u=>i(u,b,s,l),onPaste:u=>R(u,b,s,l)}))}})};return n.jsxs(n.Fragment,{children:[n.jsx(D,{table:t}),n.jsx(oe,{label:"Pasted Data",children:n.jsx(se,{value:o.pastedValues})}),n.jsx(oe,{label:"At Row",children:n.jsx(se,{value:o.rowIndex})}),n.jsx(oe,{label:"At Cell Index",children:n.jsx(se,{value:o.cellIndex})})]})};return n.jsx(k,{})},ne=()=>{const h={fixedWidth:"auto",name:"Table title",actions:[{icon:"download",tooltip:"Download"}],columnAlignment:[...Array(10)].map((m,o)=>"right"),headers:[{cells:[...Array(10)].map((m,o)=>({value:"Heading"}))},{cells:[...Array(10)].map((m,o)=>({options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],type:"Select",searchable:!1,value:{label:"m",value:"m"},autoLayerWidth:!0}))}],rows:[...Array(10)].map((m,o)=>({cells:[...Array(10)].map((x,i)=>({value:123.45})),actions:[{icon:"help",tooltip:n.jsxs(le,{children:[n.jsx(W,{bold:!0,children:"Title goes here lorem ipsum"}),n.jsx(W,{children:"Label: 123.45m"}),n.jsx(W,{children:"Another label: 123.45m"}),n.jsx(W,{children:"Label: 123.45m"})]})}]}))};return n.jsx(D,{table:h})},te=()=>{const h={fixedWidth:"auto",name:"Table title",actions:[{icon:"download",tooltip:"Download"}],headers:[{cells:[{value:"Label"},{value:"Value",colSpan:2}]}],rows:[{cells:[{value:"Country",style:{fontWeight:"bold"},width:"120px"},{value:"Norway",colSpan:2}],actions:[{icon:"help",tooltip:n.jsxs(le,{children:[n.jsx(W,{bold:!0,children:"Title goes here"}),n.jsx(W,{children:"Details go here"})]})}]},{cells:[{value:"Depth",style:{fontWeight:"bold"}},{value:123,width:"80px"},{options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:{label:"m",value:"m"},type:"Select",width:"80px"}],actions:[{icon:"help",tooltip:n.jsxs(le,{children:[n.jsx(W,{bold:!0,children:"Title goes here"}),n.jsx(W,{children:"Details go here"})]})}]}]};return n.jsx(D,{table:h})};var ce,de,ue;z.parameters={...z.parameters,docs:{...(ce=z.parameters)==null?void 0:ce.docs,source:{originalSource:`args => {
|
|
1
|
+
import{j as n}from"./jsx-runtime-FsUICBgo.js";import{r as S}from"./index-RfLt4OUa.js";import{f as B}from"./immer.esm-bD7SSJ7T.js";import{l as q}from"./lodash-Bmg8FrMx.js";import{G as le}from"./grid-u1mZpaML.js";import{T as W}from"./text-6KQ6ntOV.js";import{T as D}from"./table-ZBqRpa7M.js";import{C as dn}from"./card-0r8RRVk-.js";import{I as se}from"./input-fYKvBwPs.js";import{F as oe}from"./field-m7XXDdEG.js";import{H as un}from"./heading-4tVgoT7O.js";import{t as ae,x as pn,y as gn,z as mn,A as bn,B as hn,C as wn,D as vn}from"./table.stories-data-tjY9V0bM.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./tslib.es6-OIsz3r9a.js";import"./index-VW3EWkuE.js";import"./index.es-VXFRDikp.js";import"./inheritsLoose-8sb_A2v4.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./tiny-invariant-R4kOKlvx.js";import"./index-miLrID2P.js";import"./memoize-one.esm-hqe5SRxC.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./actions-7PO9r8zE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./button-BiJw0fB3.js";import"./spinner-R8Il4aRe.js";import"./icon-8EQazuuW.js";import"./index-4QtD-hFu.js";import"./tooltip-dueTLnwA.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./pagination-DtJdggbI.js";import"./select-AcJYUY86.js";import"./assertThisInitialized-4q6YPdh3.js";import"./select.input-zP5tW20f.js";import"./input-group-R8LoqKRn.js";import"./input-group-addon-BHVsW9mL.js";import"./number-input-ymd7m-s5.js";import"./index-qZmQ7nA9.js";import"./index-cCpkwrS5.js";import"./check-box-KynSyTaY.js";import"./help-icon-eelulTML.js";import"./slider-n3IxC2iq.js";import"./index-ugi_ZH6T.js";import"./popover-1CwIRm4P.js";import"./label-bLcoUwtK.js";import"./flex-RYZsoWEN.js";const bt={title:"Basic/Table",component:D,args:{table:{...ae}}},A=h=>n.jsx(D,{...h}),z=A.bind({}),_=A.bind({});_.args={table:{...ae,fixedWidth:"400px"}};const N=A.bind({});N.args={table:{...ae,fixedWidth:"auto"}};const O=A.bind({});O.args={table:pn};O.parameters={docs:{description:{story:"Use sparingly when certain columns cannot be below a certain width. Unless the Table is auto width, set one column to `auto` to use remaining space."}}};const L=A.bind({});L.args={table:gn};const U=A.bind({});U.args={table:mn};U.parameters={docs:{description:{story:"This is only required when you need to override `columnAlignment` in header cells (i.e. they have different alignment)"}}};const Q=A.bind({});Q.args={table:bn};const E=A.bind({});E.args={table:hn};E.decorators=[h=>n.jsx("div",{style:{position:"absolute",inset:0,padding:"var(--padding)"},children:n.jsx(h,{})})];const M=A.bind({});M.args={table:wn};M.parameters={docs:{description:{story:"If a `maxHeight` is set, the table should only fill that height if it needs to."}}};const G=A.bind({});G.args={table:vn};const $=()=>n.jsx(dn,{heading:n.jsx(un,{children:"Card heading"}),padding:!1,children:n.jsx(D,{table:{...ae,bordered:!1}})});$.parameters={docs:{source:{type:"dynamic"}}};const J=()=>{const h=["Section","Width","Height"];let m=["","m","m"],o=[...Array(175).keys()].map((l,t)=>[t,t*2,t*2]);const x=(l,t,r)=>l==="m"&&t==="ft"?r*3.28084:l==="ft"&&t==="m"?r/3.28084:r,i=(l,t,r,c)=>{o[t][r]=l.target.value,c()},R=l=>{o=o.concat([["","",""]]),l()},k=(l,t)=>{o=o.filter((r,c)=>c!==l),t()},p=(l,t,r)=>{const c=m[t],b=l.target.value;m=m.map((v,s)=>s===t?b:v),o=o.map(v=>v.map((s,u)=>u===t?x(c,b,s):s)),r()},w=()=>{const l=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[t,r]=S.useState(10),[c,b]=S.useState(1),[v,s]=S.useState(!1),u=()=>{s(!v)},j=()=>{const e=Math.ceil(o.length/t);b(e)},T=(c-1)*t,a=t===0?o.length-1:T+t,g={headers:[{cells:h.map(e=>({value:e})),actions:[{primary:!0,label:"Add",icon:"add",onClick:()=>{R(u),j()}}]},{cells:[{},{options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:m[1],type:"Select",native:!0,onChange:e=>p(e,1,u)},{options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:m[2],type:"Select",native:!0,onChange:e=>p(e,2,u)}]}],rows:o.slice(T,a).map((e,d)=>{const I=T+d;return{cells:[...Array(3).keys()].map((P,y)=>({value:e[y],type:"Input",onChange:C=>i(C,I,y,u)})),actions:[{label:"Delete",icon:"minus",onClick:()=>k(I,u)}]}}),footer:{pagination:{rowCount:o.length,selectedPage:c,rowsPerPage:{onChange:e=>{const{value:d}=e.target;r(Number(d))},options:l,value:t},onSelectPage:e=>b(e),small:!0}}};return n.jsx(D,{table:g})};return n.jsx(w,{})},X=()=>{const h=["Section","Width","Height"];let m=[...Array(20).keys()].map((x,i)=>({Section:q.random(0,100),Width:q.random(0,100),Height:q.random(0,100)}));const o=()=>{const[x,i]=S.useState({Section:"up"}),R=(r,c)=>r.sort((b,v)=>Object.entries(c).map(([s,u])=>{switch(u){case"up":return b[s]-v[s];case"down":return v[s]-b[s];default:return 0}}).reduce((s,u)=>s||u,0)),k=(r,c,b)=>({dataSortCells:r.map(s=>{const u=Object.keys(c).includes(s)?c[s]:"",j=`${s[0].toUpperCase()}${s.slice(1)}`;return{key:s,value:j,hasSort:!0,sort:u,onSort:()=>{const T=u==="up"?"down":"up";b({[s]:T})}}})}),{dataSortCells:p}=k(h,x,i),l=[...R(m,x).map(r=>({cells:Object.entries(r).map(([b,v])=>({key:b,value:v,type:"Input",disabled:!0}))}))],t={headers:[{cells:p}],rows:l};return n.jsx(D,{table:t})};return n.jsx(o,{})},Y=()=>{const h=["Section","Width","Height"];let m=[...Array(175).keys()].map((x,i)=>({Section:i,Width:i*2,Height:i*2}));const o=()=>{const x=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[i,R]=S.useState(10),[k,p]=S.useState(1),[w,l]=S.useState({}),[t,r]=S.useState({});S.useEffect(()=>{p(1)},[w,t]);const c=(k-1)*i,b=i===0?m.length-1:c+i,v=(e,d,I)=>e.filter(P=>Object.keys(d).every(y=>d[y]===""?!0:P[y].toString().includes(d[y]))).sort((P,y)=>Object.entries(I).map(([C,H])=>{switch(H){case"up":return P[C]-y[C];case"down":return y[C]-P[C];default:return 0}}).reduce((C,H)=>C||H,0)),s=(e,d,I,P,y)=>{const C=e.map(f=>{const V=Object.keys(P).includes(f)?P[f]:"",F=`${f[0].toUpperCase()}${f.slice(1)}`;return{key:f,value:F,hasSort:!0,sort:V,onSort:()=>{const K=V===""?"up":V==="up"?"down":"";y({...P,[f]:K})}}}),H=e.map(f=>{const V=Object.keys(d).includes(f)?d[f]:"";return{key:f,value:V,type:"Input",placeholder:"Filter",onChange:F=>I({...d,[f]:F.target.value})}});return{dataSortCells:C,dataFilterCells:H}},{dataSortCells:u,dataFilterCells:j}=s(h,w,l,t,r),T=v(m,w,t),a=[...T.slice(c,b).map(e=>({cells:Object.entries(e).map(([I,P])=>({key:I,value:P,type:"Input",disabled:!0}))}))],g={headers:[{cells:u},{cells:j}],rows:a,footer:{pagination:{rowCount:T.length,selectedPage:k,rowsPerPage:{onChange:e=>{const{value:d}=e.target;R(Number(d))},options:x,value:i},onSelectPage:e=>p(e),small:!0}}};return n.jsx(D,{table:g})};return n.jsx(o,{})},Z=()=>{const h={tea:3.6,coffee:3.2,orange:4.1},m=[{label:"Tea",value:"tea"},{label:"Coffee",value:"coffee"},{label:"Orange juice",value:"orange"}],o={cells:[{type:"Select",options:m,value:{value:"tea"}},{type:"Input"},{type:"Static"}]},x=[...Array(15).keys()].map((a,g)=>({cells:[{type:"Select",options:m,value:{value:"tea"}},{type:"Input",value:g+1},{type:"Static"}]})),[i,R]=S.useState(x),k=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[p,w]=S.useState(10),[l,t]=S.useState(1),r=(l-1)*p,c=p===0?i.length-1:r+p,b=({newRow:a}={})=>{const g=B(i,e=>{e.push(a??o)});R(g)},v=({rowIndex:a})=>{const g=B(i,e=>{delete e[a]}).filter(e=>e);R(g)},s=({rowIndex:a,value:g})=>{const e=B(i,d=>{d[a].cells[0].value.value=g});R(e)},u=({rowIndex:a,value:g})=>{const e=B(i,d=>{d[a].cells[1].value=g});R(e)},j=({value:a})=>{const g=Number(a);return!q.isNaN(g)&&q.isInteger(g)&&g>0},T=i.slice(r,c).map((a,g)=>{const e=r+g;return i.length-1,{...a,cells:a==null?void 0:a.cells.map((d,I)=>{var f,V,F,K,ie;const P=(F=(V=(f=a==null?void 0:a.cells)==null?void 0:f[0])==null?void 0:V.value)==null?void 0:F.value,y=Number((ie=(K=a==null?void 0:a.cells)==null?void 0:K[1])==null?void 0:ie.value),C=h==null?void 0:h[P],H=C&&j({value:y})?(C*y).toFixed(2):null;if(I===0)return{...d,onChange:re=>s({rowIndex:e,value:re.target.value})};if(I===1)return{...d,onChange:re=>u({rowIndex:e,value:re.target.value}),error:j({value:d.value})?null:"Must be valid whole number"};if(I===2)return{...d,value:H}}),actions:[{label:"Delete",icon:"minus",onClick:()=>v({rowIndex:e})}]}});return n.jsx(D,{table:{defaultEmptyRow:o,onAddRow:b,columnAlignment:["left","right","right"],headers:[{cells:[{value:"Drink"},{value:"Quantity"},{value:"Total Price (£)"}],actions:[{primary:!0,icon:"plus",label:"Add",onClick:()=>b()}]}],rows:T,footer:{pagination:{rowCount:i.length,selectedPage:l,rowsPerPage:{onChange:a=>{const{value:g}=a.target;w(Number(g))},options:k,value:p},onSelectPage:a=>t(a),small:!0}}}})},ee=()=>{const h=["Section","Width","Height"];let m=Array.from(Array(10),(p,w)=>[w,w*2,w*2]);const[o,x]=S.useState({pastedValues:"",rowIndex:0,cellIndex:0}),i=(p,w,l,t)=>{m[w][l]=Number(p.target.value),t()},R=(p,w,l,t)=>{var c;let r=((c=p==null?void 0:p.clipboardData)==null?void 0:c.getData("text"))??"";return x({rowIndex:w,cellIndex:l,pastedValues:r}),t(),{pastedData:o}},k=()=>{const[p,w]=S.useState(!1),l=()=>{w(!p)},t={headers:[{cells:h.map(r=>({value:r}))}],rows:m.map((r,c)=>{const b=c;return{cells:[...Array(3).keys()].map((v,s)=>({value:r[s],type:"Input",onChange:u=>i(u,b,s,l),onPaste:u=>R(u,b,s,l)}))}})};return n.jsxs(n.Fragment,{children:[n.jsx(D,{table:t}),n.jsx(oe,{label:"Pasted Data",children:n.jsx(se,{value:o.pastedValues})}),n.jsx(oe,{label:"At Row",children:n.jsx(se,{value:o.rowIndex})}),n.jsx(oe,{label:"At Cell Index",children:n.jsx(se,{value:o.cellIndex})})]})};return n.jsx(k,{})},ne=()=>{const h={fixedWidth:"auto",name:"Table title",actions:[{icon:"download",tooltip:"Download"}],columnAlignment:[...Array(10)].map((m,o)=>"right"),headers:[{cells:[...Array(10)].map((m,o)=>({value:"Heading"}))},{cells:[...Array(10)].map((m,o)=>({options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],type:"Select",searchable:!1,value:{label:"m",value:"m"},autoLayerWidth:!0}))}],rows:[...Array(10)].map((m,o)=>({cells:[...Array(10)].map((x,i)=>({value:123.45})),actions:[{icon:"help",tooltip:n.jsxs(le,{children:[n.jsx(W,{bold:!0,children:"Title goes here lorem ipsum"}),n.jsx(W,{children:"Label: 123.45m"}),n.jsx(W,{children:"Another label: 123.45m"}),n.jsx(W,{children:"Label: 123.45m"})]})}]}))};return n.jsx(D,{table:h})},te=()=>{const h={fixedWidth:"auto",name:"Table title",actions:[{icon:"download",tooltip:"Download"}],headers:[{cells:[{value:"Label"},{value:"Value",colSpan:2}]}],rows:[{cells:[{value:"Country",style:{fontWeight:"bold"},width:"120px"},{value:"Norway",colSpan:2}],actions:[{icon:"help",tooltip:n.jsxs(le,{children:[n.jsx(W,{bold:!0,children:"Title goes here"}),n.jsx(W,{children:"Details go here"})]})}]},{cells:[{value:"Depth",style:{fontWeight:"bold"}},{value:123,width:"80px"},{options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:{label:"m",value:"m"},type:"Select",width:"80px"}],actions:[{icon:"help",tooltip:n.jsxs(le,{children:[n.jsx(W,{bold:!0,children:"Title goes here"}),n.jsx(W,{children:"Details go here"})]})}]}]};return n.jsx(D,{table:h})};var ce,de,ue;z.parameters={...z.parameters,docs:{...(ce=z.parameters)==null?void 0:ce.docs,source:{originalSource:`args => {
|
|
2
2
|
return <Table
|
|
3
3
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
4
4
|
{...args} />;
|
package/dist/storybook/assets/{table.stories-data-9T_1BLo6.js → table.stories-data-tjY9V0bM.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as t}from"./jsx-runtime-FsUICBgo.js";import{I as o,T as c}from"./common-types-U65vzrrz.js";import{F as v}from"./flex-RYZsoWEN.js";import{M as p}from"./actions-eW7plDvv.js";import{T as d}from"./text-6KQ6ntOV.js";import{I as n}from"./icon-8EQazuuW.js";import{M as r}from"./types-VB5zD18b.js";const e={headers:[{cells:[{value:"Name"},{value:"Weight"},{value:"Energy"},{value:"Origin"}]}],rows:[{cells:[{value:"Brown rice",testId:"table-tbody-cell-brown-rice"},{value:100,testId:"table-tbody-cell-100"},{value:361,testId:"table-tbody-cell-361"},{value:"Vietnam",testId:"table-tbody-cell-vietnam"}]},{cells:[{value:"Buckwheat",testId:"table-tbody-cell-buckwheat"},{value:50,testId:"table-tbody-cell-50"},{value:358,testId:"table-tbody-cell-358"},{value:"Poland",testId:"table-tbody-cell-poland"}]},{cells:[{value:"Couscous",testId:"table-tbody-cell-couscous"},{value:10,testId:"table-tbody-cell-10"},{value:368,testId:"table-tbody-cell-368"},{value:"France",testId:"table-tbody-cell-france"}]}]},S={...e,columnWidths:["200px","20%","100px","auto"]},x={...e,rows:e.rows.map(l=>({...l,cells:l.cells.map(a=>({...a,tooltip:"Tooltip"}))}))},f={...e,rows:e.rows.map(l=>({...l,cells:l.cells.map(a=>({...a,width:"200px"}))}))},W={...e,rows:e.rows.map(l=>({...l,cells:l.cells.map(a=>({...a,style:{width:"200px",background:"var(--color-background-table-header)",fontWeight:"bold"}}))}))},F={...e,rows:[{cells:[{breakWord:!0,value:"LoremipsumdolorsitametconsecteturadipiscingelitseddoeiusmodtemporincididuntutlaboreetdoloremagnaaliquaUtenimadminimveniamquisnostrudexercitationullamcolaborisnisiutaliquipexeacommodoconsequatDuisauteiruredolorinreprehenderitinvoluptatevelitessecillumdoloreeullamcolaborisnisiutaliquipexeacommodoconsequatDuisauteiruredolorinreprehenderitinvoluptatevelitessecillumdoloreeufugiatnullapariaturufugiatnullapariatur"},{value:100},{value:361},{value:"Vietnam"}]},...e.rows]},D={...e,headers:[...e.headers,{cells:[{},{options:[{label:"kg",value:"kg"},{label:"tonnes",value:"tonnes"}],type:"Select",searchable:!1,value:{label:"kg",value:"kg"},onChange:()=>{}},{type:"Unit",value:"kcal / 100g"},{}]}]},L={...e,rows:e.rows.map((l,a)=>({...l,active:a===0,onRowClick:()=>{}}))},E={...e,rows:e.rows.map((l,a)=>({...l,error:a===1}))},A={...e,rows:e.rows.map((l,a)=>({...l,warning:a===1}))},P={...e,name:"Food"},V={...e,name:t.jsxs(v,{gap:"var(--padding-xs)",alignItems:"center",children:["Food",t.jsx(n,{icon:o.STAR})]})},u=[{childComponent:t.jsx(p,{menu:{label:"Import food",trigger:c.DROP_DOWN_BUTTON,sections:[{type:r.HEADING,label:"Import options"},{type:r.OPTION,label:"Import from csv"},{type:r.OPTION,label:"Import from library"}],small:!0}})}],B={...e,name:"Food",actions:u,testId:"table-child-component"},N={...e,actions:u,actionsRight:!0},i={...e,headers:[...e.headers,{cells:[{},{options:[{label:"kg",value:"kg"},{label:"tonnes",value:"tonnes"}],type:"Select",native:!0,value:{label:"kg",value:"kg"},onChange:()=>{}},{type:"Unit",value:"kcal / 100g"},{}]}],bordered:!0,infiniteScroll:!0,maxHeight:"500px",stickyHeaders:!0,rows:Array.from({length:100},(l,a)=>({cells:[{type:"Input",value:`Strawberry Letter ${a+1}`},{type:"Input",value:100},{type:"Input",value:361},{type:"Input",value:"Vietnam"}]})),footer:{content:t.jsxs(t.Fragment,{children:[t.jsx("strong",{children:"Footer content:"})," goes here"]})}},O={...i,maxHeight:"100%"},j={...i,rows:Array.from({length:1},(l,a)=>({cells:[{type:"Input",value:`Strawberry Letter ${a+1}`},{type:"Input",value:100},{type:"Input",value:361},{type:"Input",value:"Vietnam"}]}))},T={...i,draggable:!0},H={...e,rows:e.rows.map(l=>({...l,onRowFocus:()=>{}}))},b=()=>t.jsxs("ul",{children:[t.jsx("li",{children:"Carrots"}),t.jsx("li",{children:"Chocolate"}),t.jsx("li",{children:"Chorizo"})]}),R={headers:[{cells:[{value:"Name"},{value:"Content"}]}],rows:[{cells:[{value:"Sub-component"},{value:b()}]},{cells:[{value:"JSX"},{value:t.jsxs("div",{children:["Some ",t.jsx(d,{bold:!0,children:"bold content"})]})}]}]},m={...e,headers:[{cells:[{value:""},{value:"Stats",colSpan:2},{value:""}]},...e.headers],rows:[...e.rows,{cells:[{value:"Total",colSpan:4}]}]},q={...e,headers:[{cells:[{value:"Name",colSpan:2},{value:"Origin",rowSpan:2}]},{cells:[{value:"English"},{value:"Chinese"}]}],rows:[{cells:[{type:"Input",value:"Brown rice"},{type:"Input",value:"糙米"},{type:"Select",options:[{label:"China",value:"China"},{label:"France",value:"France"},{label:"Poland",value:"Poland"}],value:{label:"China",value:"China"},rowSpan:2}]},{cells:[{type:"Input",value:"White rice"},{type:"Input",value:"白米"}]}]},M={...e,columnWidths:["auto","120px","120px","auto"],headers:[{cells:[{value:"Header"},{value:"Header",colSpan:2},{value:"Header"}]}]},U={...e,columnAlignment:["left","right","right","left"]},J={...m,columnAlignment:["left","right","right","left","right"],columnHeaderAlignments:[["","center",""],["","right","right",""]]},s={fixedWidth:"auto",headers:[{cells:[{value:"Input",testId:"with-editable-cells-cell-name",width:"140px"},{value:"Select (native)",width:"140px"},{value:"Number Input",width:"140px"},{value:"Select (custom)",width:"140px"},{value:"Slider",width:"140px"},{value:"Static"}]}],rows:[{cells:[{value:"Buckwheat",type:"Input",onChange:()=>{},testId:"table-tbody-cell-buckwheat"},{type:"Select",native:!0,options:[{label:50,value:50},{label:100,value:100}],value:{label:100,value:100},onChange:()=>{}},{value:361,type:"NumberInput",onChange:()=>{}},{type:"Select",options:[{label:"France",value:"France"},{label:"Poland",value:"Poland"},{label:"Vietnam",value:"Vietnam"}],value:{label:"Poland",value:"Poland"},onChange:()=>{}},{type:"Slider",value:50,min:0,max:100,onChange:()=>{}},{value:361}]},{cells:[{value:"Arborio rice",type:"Input",onChange:()=>{},testId:"table-tbody-cell-arborio",error:"Error"},{type:"Select",native:!0,options:[{label:50,value:50},{label:100,value:100}],value:{label:100,value:100},onChange:()=>{},error:"Error"},{value:361,type:"NumberInput",onChange:()=>{},error:"Error"},{type:"Select",options:[{label:"France",value:"France"},{label:"Italy",value:"Italy"},{label:"Vietnam",value:"Vietnam"}],value:{label:"Italy",value:"Italy"},onChange:()=>{},error:"Error"},{type:"Slider",value:50,min:0,max:100,onChange:()=>{},error:"Error"},{value:361,error:"Error"}]},{cells:[{value:"Couscous",type:"Input",onChange:()=>{},testId:"table-tbody-cell-couscous",warning:"Warning"},{type:"Select",native:!0,options:[{label:50,value:50},{label:100,value:100}],value:{label:100,value:100},onChange:()=>{},warning:"Warning"},{value:361,type:"NumberInput",onChange:()=>{},warning:"Warning"},{type:"Select",options:[{label:"France",value:"France"},{label:"Poland",value:"Poland"},{label:"Vietnam",value:"Vietnam"}],value:{label:"France",value:"France"},onChange:()=>{},warning:"Warning"},{type:"Slider",value:50,min:0,max:100,onChange:()=>{},warning:"Warning"},{value:361,warning:"Warning"}]}]},z={...e,headers:e.headers.map(l=>({...l,cells:[{type:"CheckBox",onChange:()=>{}},...l.cells]})),rows:e.rows.map(l=>({...l,cells:[{type:"CheckBox",onChange:()=>{}},...l.cells]}))},_={...s,rows:s.rows.map(l=>({...l,cells:l.cells.map(a=>({...a,disabled:!0}))}))},G={...e,headers:[...e.headers,{cells:[{value:"",type:"Input",placeholder:"Search",onChange:()=>{}},{value:"",type:"Input",placeholder:"Search",onChange:()=>{}},{value:"",type:"Input",placeholder:"Search",onChange:()=>{}},{value:"",type:"Input",placeholder:"Search",onChange:()=>{}}]}]},$={headers:[{cells:[{value:"Name"},{value:"Weight (kg)",hasSort:!0,sort:"up",sortPriority:1,onSort:()=>{}},{value:"Energy (kcal / 100g)",hasSort:!0,sort:"down",sortPriority:2,onSort:()=>{}},{value:"Origin",hasSort:!0,sort:"",sortPriority:1,onSort:()=>{}}]}],rows:[{cells:[{value:"Brown rice"},{value:100},{value:361},{value:"Vietnam"}]},{cells:[{value:"Buckwheat"},{value:50},{value:358},{value:"Poland"}]},{cells:[{value:"Couscous"},{value:10},{value:368},{value:"France"}]}]},K={headers:[{cells:[{},{value:"Name"},{value:"Weight (kg)"},{value:"Energy (kcal / 100g)"},{value:"Origin"}]}],rows:[{cells:[{type:"Icon",icon:t.jsx(n,{icon:o.SUCCESS,color:"var(--color-text-success)"}),tooltip:"Success tooltip here",width:"var(--size)"},{value:"Brown rice"},{value:100},{value:361},{value:"Vietnam"}]},{cells:[{type:"Icon",icon:t.jsx(n,{icon:o.WARNING,color:"var(--color-text-warning)"}),tooltip:"Warning tooltip here",width:"var(--size)"},{value:"Buckwheat"},{value:50},{value:358},{value:"Poland"}]},{cells:[{type:"Icon",icon:t.jsx(n,{icon:o.ERROR,color:"var(--color-text-error)"}),tooltip:"Error tooltip here",width:"var(--size)"},{value:"Couscous"},{value:10},{value:368},{value:"France"}]}]},X={headers:[{cells:[{value:"Lorem"},{value:"Ipsum"}]}],rows:[{cells:[{type:"Link",value:"Link text",onClick:()=>console.log("Link clicked")},{type:"Link",value:"Disabled link text",disabled:!0,onClick:()=>console.log("Link clicked")}]},{cells:[{type:"Link",value:"Static warning link",warning:"Warning message",onClick:()=>console.log("Link clicked")},{type:"Link",value:"Static error link",error:"Error message",onClick:()=>console.log("Link clicked")}]}]},Q={headers:[{cells:[{value:"Name"},{value:"Weight (kg)"},{value:"Energy (kcal / 100g)"},{value:"Origin"},{value:"Lorem"},{value:"Ipsum"},{value:"Dolor"}],actions:[{primary:!0,label:"Add",icon:"add",onClick:()=>{}}]}],rows:[{cells:[{value:"Brown rice"},{value:100},{value:361},{value:"Vietnam"},{value:"Lorem"},{value:"Ipsum"},{value:"Dolor"}],actions:[{label:"Delete",icon:"minus",onClick:()=>{}}]},{cells:[{value:"Buckwheat"},{value:50},{value:358},{value:"Poland"},{value:"Lorem"},{value:"Ipsum"},{value:"Dolor"}],actions:[{label:"Delete",icon:"minus",onClick:()=>{}}]},{cells:[{value:"Couscous"},{value:10},{value:368},{value:"France"},{value:"Lorem"},{value:"Ipsum"},{value:"Dolor"}],actions:[{label:"test",icon:"minus",onClick:()=>{},hidden:!0}]}]},Y={headers:[{cells:[{value:"Name"},{value:"Weight (kg)"},{value:"Energy (kcal / 100g)"},{value:"Origin"}],actions:[{primary:!0,label:"Add",icon:"add",onClick:()=>{}}]}],rows:[{cells:[{value:"Brown rice"},{value:100},{value:361},{value:"Vietnam"}],actions:[{label:"More",subActions:[{label:"Move Up",icon:"up",onClick:()=>{}},{label:"Move Down",icon:"down",onClick:()=>{}}]},{label:"Delete",icon:"minus",onClick:()=>{}}]},{cells:[{value:"Buckwheat"},{value:50},{value:358},{value:"Poland"}],actions:[{label:"More",subActions:[{label:"Move Up",icon:"up",onClick:()=>{}},{label:"Move Down",icon:"down",onClick:()=>{}}]},{label:"Delete",icon:"minus",onClick:()=>{}}]},{cells:[{value:"Couscous"},{value:10},{value:368},{value:"France"}],actions:[{label:"More",subActions:[{label:"Move Up",icon:"up",onClick:()=>{}},{label:"Move Down",icon:"down",onClick:()=>{}}]},{label:"Delete",icon:"minus",onClick:()=>{}}]}]},Z={...e,footer:{content:t.jsxs(t.Fragment,{children:[t.jsx("strong",{children:"Footer content:"})," goes here"]}),pagination:{rowCount:500,selectedPage:10,rowsPerPage:{onChange:()=>{},options:[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],value:20},goTo:{onChange:()=>{}},onSelectPage:()=>{},small:!0},actions:[{label:"Star",icon:"star",onClick:()=>{}}]}},ee={...e,headers:e.headers.map(l=>({...l,cells:l.cells.map(a=>({...a,helpIcon:{onClick:()=>console.log("Help clicked"),tooltip:"Help text goes here"},libraryIcon:{onClick:()=>console.log("Library clicked"),tooltip:"Edit in library"}}))}))},le={columnWidths:[void 0,"100px","100px","100px",void 0],columnAlignment:["left","right","left","left","left","right"],columnHeaderAlignments:[["left","right","left","left","left","right"]],headers:[{cells:[{value:"Lorem ipsum dolor sit amet consectetur adipiscing elit sed doeius mod tempor incididunt laboreet dolore magna aliqua"},{value:"Weight (kg)"},{value:"Energy (kcal / 100g)"},{value:"Origin"},{value:"Static"},{value:"Static Right"}]}],rows:[{cells:[{breakWord:!0,value:"LoremipsumdolorsitametconsecteturadipiscingelitseddoeiusmodtemporincididuntutlaboreetdoloremagnaaliquaUtenimadminimveniamquisnostrudexercitationullamcolaborisnisiutaliquipexeacommodoconsequatDuisauteiruredolorinreprehenderitinvoluptatevelitessecillumdoloreeullamcolaborisnisiutaliquipexeacommodoconsequatDuisauteiruredolorinreprehenderitinvoluptatevelitessecillumdoloreeufugiatnullapariaturufugiatnullapariatur"},{type:"Select",native:!0,options:[{label:50,value:50},{label:100,value:100}],value:{label:100,value:100},onChange:()=>{},disabled:!0},{type:"Select",options:[{label:"Vietnam",value:"Vietnam"},{label:"Other",value:"Other"}],value:{label:"Vietnam",value:"Vietnam"},onChange:()=>{},error:"Error"},{value:"Brown rice",type:"Input",onChange:()=>{},testId:"table-tbody-cell-brown-rice",warning:"Warning message"},{value:"Static warning",warning:"Warning message"},{value:"100"}]},{cells:[{value:"Buckwheat"},{type:"Select",native:!0,options:[{label:50,value:50},{label:100,value:100}],value:{label:100,value:100},onChange:()=>{}},{type:"Select",options:[{label:"Vietnam",value:"Vietnam"},{label:"Other",value:"Other"}],value:{label:"Vietnam",value:"Vietnam"},onChange:()=>{}},{value:"Brown rice",type:"Input",onChange:()=>{},testId:"table-tbody-cell-brown-rice"},{type:"Link",value:"Static error link",error:"Error message"},{value:"100"}]}]},ae={fixedWidth:"auto",headers:[{cells:[{value:"Name"},{value:"Date of birth"}]}],rows:[{cells:[{value:"John Smith",width:"140px"},{value:"1980-05-05",type:"DateInput",width:"110px"}]},{cells:[{value:"Jane Doe",width:"140px"},{value:"1984-12-12",type:"DateInput",width:"110px"}]}]};export{i as A,O as B,j as C,T as D,D as E,P as F,V as G,B as H,G as I,$ as J,N as K,ee as L,s as a,_ as b,ae as c,m as d,M as e,f,W as g,q as h,z as i,K as j,X as k,Q as l,Y as m,R as n,x as o,F as p,le as q,Z as r,L as s,e as t,E as u,A as v,H as w,S as x,U as y,J as z};
|
|
1
|
+
import{j as t}from"./jsx-runtime-FsUICBgo.js";import{I as o,T as c}from"./common-types-U65vzrrz.js";import{F as v}from"./flex-RYZsoWEN.js";import{M as p}from"./actions-7PO9r8zE.js";import{T as d}from"./text-6KQ6ntOV.js";import{I as n}from"./icon-8EQazuuW.js";import{M as r}from"./types-VB5zD18b.js";const e={headers:[{cells:[{value:"Name"},{value:"Weight"},{value:"Energy"},{value:"Origin"}]}],rows:[{cells:[{value:"Brown rice",testId:"table-tbody-cell-brown-rice"},{value:100,testId:"table-tbody-cell-100"},{value:361,testId:"table-tbody-cell-361"},{value:"Vietnam",testId:"table-tbody-cell-vietnam"}]},{cells:[{value:"Buckwheat",testId:"table-tbody-cell-buckwheat"},{value:50,testId:"table-tbody-cell-50"},{value:358,testId:"table-tbody-cell-358"},{value:"Poland",testId:"table-tbody-cell-poland"}]},{cells:[{value:"Couscous",testId:"table-tbody-cell-couscous"},{value:10,testId:"table-tbody-cell-10"},{value:368,testId:"table-tbody-cell-368"},{value:"France",testId:"table-tbody-cell-france"}]}]},S={...e,columnWidths:["200px","20%","100px","auto"]},x={...e,rows:e.rows.map(l=>({...l,cells:l.cells.map(a=>({...a,tooltip:"Tooltip"}))}))},f={...e,rows:e.rows.map(l=>({...l,cells:l.cells.map(a=>({...a,width:"200px"}))}))},W={...e,rows:e.rows.map(l=>({...l,cells:l.cells.map(a=>({...a,style:{width:"200px",background:"var(--color-background-table-header)",fontWeight:"bold"}}))}))},F={...e,rows:[{cells:[{breakWord:!0,value:"LoremipsumdolorsitametconsecteturadipiscingelitseddoeiusmodtemporincididuntutlaboreetdoloremagnaaliquaUtenimadminimveniamquisnostrudexercitationullamcolaborisnisiutaliquipexeacommodoconsequatDuisauteiruredolorinreprehenderitinvoluptatevelitessecillumdoloreeullamcolaborisnisiutaliquipexeacommodoconsequatDuisauteiruredolorinreprehenderitinvoluptatevelitessecillumdoloreeufugiatnullapariaturufugiatnullapariatur"},{value:100},{value:361},{value:"Vietnam"}]},...e.rows]},D={...e,headers:[...e.headers,{cells:[{},{options:[{label:"kg",value:"kg"},{label:"tonnes",value:"tonnes"}],type:"Select",searchable:!1,value:{label:"kg",value:"kg"},onChange:()=>{}},{type:"Unit",value:"kcal / 100g"},{}]}]},L={...e,rows:e.rows.map((l,a)=>({...l,active:a===0,onRowClick:()=>{}}))},E={...e,rows:e.rows.map((l,a)=>({...l,error:a===1}))},A={...e,rows:e.rows.map((l,a)=>({...l,warning:a===1}))},P={...e,name:"Food"},V={...e,name:t.jsxs(v,{gap:"var(--padding-xs)",alignItems:"center",children:["Food",t.jsx(n,{icon:o.STAR})]})},u=[{childComponent:t.jsx(p,{menu:{label:"Import food",trigger:c.DROP_DOWN_BUTTON,sections:[{type:r.HEADING,label:"Import options"},{type:r.OPTION,label:"Import from csv"},{type:r.OPTION,label:"Import from library"}],small:!0}})}],B={...e,name:"Food",actions:u,testId:"table-child-component"},N={...e,actions:u,actionsRight:!0},i={...e,headers:[...e.headers,{cells:[{},{options:[{label:"kg",value:"kg"},{label:"tonnes",value:"tonnes"}],type:"Select",native:!0,value:{label:"kg",value:"kg"},onChange:()=>{}},{type:"Unit",value:"kcal / 100g"},{}]}],bordered:!0,infiniteScroll:!0,maxHeight:"500px",stickyHeaders:!0,rows:Array.from({length:100},(l,a)=>({cells:[{type:"Input",value:`Strawberry Letter ${a+1}`},{type:"Input",value:100},{type:"Input",value:361},{type:"Input",value:"Vietnam"}]})),footer:{content:t.jsxs(t.Fragment,{children:[t.jsx("strong",{children:"Footer content:"})," goes here"]})}},O={...i,maxHeight:"100%"},j={...i,rows:Array.from({length:1},(l,a)=>({cells:[{type:"Input",value:`Strawberry Letter ${a+1}`},{type:"Input",value:100},{type:"Input",value:361},{type:"Input",value:"Vietnam"}]}))},T={...i,draggable:!0},H={...e,rows:e.rows.map(l=>({...l,onRowFocus:()=>{}}))},b=()=>t.jsxs("ul",{children:[t.jsx("li",{children:"Carrots"}),t.jsx("li",{children:"Chocolate"}),t.jsx("li",{children:"Chorizo"})]}),R={headers:[{cells:[{value:"Name"},{value:"Content"}]}],rows:[{cells:[{value:"Sub-component"},{value:b()}]},{cells:[{value:"JSX"},{value:t.jsxs("div",{children:["Some ",t.jsx(d,{bold:!0,children:"bold content"})]})}]}]},m={...e,headers:[{cells:[{value:""},{value:"Stats",colSpan:2},{value:""}]},...e.headers],rows:[...e.rows,{cells:[{value:"Total",colSpan:4}]}]},q={...e,headers:[{cells:[{value:"Name",colSpan:2},{value:"Origin",rowSpan:2}]},{cells:[{value:"English"},{value:"Chinese"}]}],rows:[{cells:[{type:"Input",value:"Brown rice"},{type:"Input",value:"糙米"},{type:"Select",options:[{label:"China",value:"China"},{label:"France",value:"France"},{label:"Poland",value:"Poland"}],value:{label:"China",value:"China"},rowSpan:2}]},{cells:[{type:"Input",value:"White rice"},{type:"Input",value:"白米"}]}]},M={...e,columnWidths:["auto","120px","120px","auto"],headers:[{cells:[{value:"Header"},{value:"Header",colSpan:2},{value:"Header"}]}]},U={...e,columnAlignment:["left","right","right","left"]},J={...m,columnAlignment:["left","right","right","left","right"],columnHeaderAlignments:[["","center",""],["","right","right",""]]},s={fixedWidth:"auto",headers:[{cells:[{value:"Input",testId:"with-editable-cells-cell-name",width:"140px"},{value:"Select (native)",width:"140px"},{value:"Number Input",width:"140px"},{value:"Select (custom)",width:"140px"},{value:"Slider",width:"140px"},{value:"Static"}]}],rows:[{cells:[{value:"Buckwheat",type:"Input",onChange:()=>{},testId:"table-tbody-cell-buckwheat"},{type:"Select",native:!0,options:[{label:50,value:50},{label:100,value:100}],value:{label:100,value:100},onChange:()=>{}},{value:361,type:"NumberInput",onChange:()=>{}},{type:"Select",options:[{label:"France",value:"France"},{label:"Poland",value:"Poland"},{label:"Vietnam",value:"Vietnam"}],value:{label:"Poland",value:"Poland"},onChange:()=>{}},{type:"Slider",value:50,min:0,max:100,onChange:()=>{}},{value:361}]},{cells:[{value:"Arborio rice",type:"Input",onChange:()=>{},testId:"table-tbody-cell-arborio",error:"Error"},{type:"Select",native:!0,options:[{label:50,value:50},{label:100,value:100}],value:{label:100,value:100},onChange:()=>{},error:"Error"},{value:361,type:"NumberInput",onChange:()=>{},error:"Error"},{type:"Select",options:[{label:"France",value:"France"},{label:"Italy",value:"Italy"},{label:"Vietnam",value:"Vietnam"}],value:{label:"Italy",value:"Italy"},onChange:()=>{},error:"Error"},{type:"Slider",value:50,min:0,max:100,onChange:()=>{},error:"Error"},{value:361,error:"Error"}]},{cells:[{value:"Couscous",type:"Input",onChange:()=>{},testId:"table-tbody-cell-couscous",warning:"Warning"},{type:"Select",native:!0,options:[{label:50,value:50},{label:100,value:100}],value:{label:100,value:100},onChange:()=>{},warning:"Warning"},{value:361,type:"NumberInput",onChange:()=>{},warning:"Warning"},{type:"Select",options:[{label:"France",value:"France"},{label:"Poland",value:"Poland"},{label:"Vietnam",value:"Vietnam"}],value:{label:"France",value:"France"},onChange:()=>{},warning:"Warning"},{type:"Slider",value:50,min:0,max:100,onChange:()=>{},warning:"Warning"},{value:361,warning:"Warning"}]}]},z={...e,headers:e.headers.map(l=>({...l,cells:[{type:"CheckBox",onChange:()=>{}},...l.cells]})),rows:e.rows.map(l=>({...l,cells:[{type:"CheckBox",onChange:()=>{}},...l.cells]}))},_={...s,rows:s.rows.map(l=>({...l,cells:l.cells.map(a=>({...a,disabled:!0}))}))},G={...e,headers:[...e.headers,{cells:[{value:"",type:"Input",placeholder:"Search",onChange:()=>{}},{value:"",type:"Input",placeholder:"Search",onChange:()=>{}},{value:"",type:"Input",placeholder:"Search",onChange:()=>{}},{value:"",type:"Input",placeholder:"Search",onChange:()=>{}}]}]},$={headers:[{cells:[{value:"Name"},{value:"Weight (kg)",hasSort:!0,sort:"up",sortPriority:1,onSort:()=>{}},{value:"Energy (kcal / 100g)",hasSort:!0,sort:"down",sortPriority:2,onSort:()=>{}},{value:"Origin",hasSort:!0,sort:"",sortPriority:1,onSort:()=>{}}]}],rows:[{cells:[{value:"Brown rice"},{value:100},{value:361},{value:"Vietnam"}]},{cells:[{value:"Buckwheat"},{value:50},{value:358},{value:"Poland"}]},{cells:[{value:"Couscous"},{value:10},{value:368},{value:"France"}]}]},K={headers:[{cells:[{},{value:"Name"},{value:"Weight (kg)"},{value:"Energy (kcal / 100g)"},{value:"Origin"}]}],rows:[{cells:[{type:"Icon",icon:t.jsx(n,{icon:o.SUCCESS,color:"var(--color-text-success)"}),tooltip:"Success tooltip here",width:"var(--size)"},{value:"Brown rice"},{value:100},{value:361},{value:"Vietnam"}]},{cells:[{type:"Icon",icon:t.jsx(n,{icon:o.WARNING,color:"var(--color-text-warning)"}),tooltip:"Warning tooltip here",width:"var(--size)"},{value:"Buckwheat"},{value:50},{value:358},{value:"Poland"}]},{cells:[{type:"Icon",icon:t.jsx(n,{icon:o.ERROR,color:"var(--color-text-error)"}),tooltip:"Error tooltip here",width:"var(--size)"},{value:"Couscous"},{value:10},{value:368},{value:"France"}]}]},X={headers:[{cells:[{value:"Lorem"},{value:"Ipsum"}]}],rows:[{cells:[{type:"Link",value:"Link text",onClick:()=>console.log("Link clicked")},{type:"Link",value:"Disabled link text",disabled:!0,onClick:()=>console.log("Link clicked")}]},{cells:[{type:"Link",value:"Static warning link",warning:"Warning message",onClick:()=>console.log("Link clicked")},{type:"Link",value:"Static error link",error:"Error message",onClick:()=>console.log("Link clicked")}]}]},Q={headers:[{cells:[{value:"Name"},{value:"Weight (kg)"},{value:"Energy (kcal / 100g)"},{value:"Origin"},{value:"Lorem"},{value:"Ipsum"},{value:"Dolor"}],actions:[{primary:!0,label:"Add",icon:"add",onClick:()=>{}}]}],rows:[{cells:[{value:"Brown rice"},{value:100},{value:361},{value:"Vietnam"},{value:"Lorem"},{value:"Ipsum"},{value:"Dolor"}],actions:[{label:"Delete",icon:"minus",onClick:()=>{}}]},{cells:[{value:"Buckwheat"},{value:50},{value:358},{value:"Poland"},{value:"Lorem"},{value:"Ipsum"},{value:"Dolor"}],actions:[{label:"Delete",icon:"minus",onClick:()=>{}}]},{cells:[{value:"Couscous"},{value:10},{value:368},{value:"France"},{value:"Lorem"},{value:"Ipsum"},{value:"Dolor"}],actions:[{label:"test",icon:"minus",onClick:()=>{},hidden:!0}]}]},Y={headers:[{cells:[{value:"Name"},{value:"Weight (kg)"},{value:"Energy (kcal / 100g)"},{value:"Origin"}],actions:[{primary:!0,label:"Add",icon:"add",onClick:()=>{}}]}],rows:[{cells:[{value:"Brown rice"},{value:100},{value:361},{value:"Vietnam"}],actions:[{label:"More",subActions:[{label:"Move Up",icon:"up",onClick:()=>{}},{label:"Move Down",icon:"down",onClick:()=>{}}]},{label:"Delete",icon:"minus",onClick:()=>{}}]},{cells:[{value:"Buckwheat"},{value:50},{value:358},{value:"Poland"}],actions:[{label:"More",subActions:[{label:"Move Up",icon:"up",onClick:()=>{}},{label:"Move Down",icon:"down",onClick:()=>{}}]},{label:"Delete",icon:"minus",onClick:()=>{}}]},{cells:[{value:"Couscous"},{value:10},{value:368},{value:"France"}],actions:[{label:"More",subActions:[{label:"Move Up",icon:"up",onClick:()=>{}},{label:"Move Down",icon:"down",onClick:()=>{}}]},{label:"Delete",icon:"minus",onClick:()=>{}}]}]},Z={...e,footer:{content:t.jsxs(t.Fragment,{children:[t.jsx("strong",{children:"Footer content:"})," goes here"]}),pagination:{rowCount:500,selectedPage:10,rowsPerPage:{onChange:()=>{},options:[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],value:20},goTo:{onChange:()=>{}},onSelectPage:()=>{},small:!0},actions:[{label:"Star",icon:"star",onClick:()=>{}}]}},ee={...e,headers:e.headers.map(l=>({...l,cells:l.cells.map(a=>({...a,helpIcon:{onClick:()=>console.log("Help clicked"),tooltip:"Help text goes here"},libraryIcon:{onClick:()=>console.log("Library clicked"),tooltip:"Edit in library"}}))}))},le={columnWidths:[void 0,"100px","100px","100px",void 0],columnAlignment:["left","right","left","left","left","right"],columnHeaderAlignments:[["left","right","left","left","left","right"]],headers:[{cells:[{value:"Lorem ipsum dolor sit amet consectetur adipiscing elit sed doeius mod tempor incididunt laboreet dolore magna aliqua"},{value:"Weight (kg)"},{value:"Energy (kcal / 100g)"},{value:"Origin"},{value:"Static"},{value:"Static Right"}]}],rows:[{cells:[{breakWord:!0,value:"LoremipsumdolorsitametconsecteturadipiscingelitseddoeiusmodtemporincididuntutlaboreetdoloremagnaaliquaUtenimadminimveniamquisnostrudexercitationullamcolaborisnisiutaliquipexeacommodoconsequatDuisauteiruredolorinreprehenderitinvoluptatevelitessecillumdoloreeullamcolaborisnisiutaliquipexeacommodoconsequatDuisauteiruredolorinreprehenderitinvoluptatevelitessecillumdoloreeufugiatnullapariaturufugiatnullapariatur"},{type:"Select",native:!0,options:[{label:50,value:50},{label:100,value:100}],value:{label:100,value:100},onChange:()=>{},disabled:!0},{type:"Select",options:[{label:"Vietnam",value:"Vietnam"},{label:"Other",value:"Other"}],value:{label:"Vietnam",value:"Vietnam"},onChange:()=>{},error:"Error"},{value:"Brown rice",type:"Input",onChange:()=>{},testId:"table-tbody-cell-brown-rice",warning:"Warning message"},{value:"Static warning",warning:"Warning message"},{value:"100"}]},{cells:[{value:"Buckwheat"},{type:"Select",native:!0,options:[{label:50,value:50},{label:100,value:100}],value:{label:100,value:100},onChange:()=>{}},{type:"Select",options:[{label:"Vietnam",value:"Vietnam"},{label:"Other",value:"Other"}],value:{label:"Vietnam",value:"Vietnam"},onChange:()=>{}},{value:"Brown rice",type:"Input",onChange:()=>{},testId:"table-tbody-cell-brown-rice"},{type:"Link",value:"Static error link",error:"Error message"},{value:"100"}]}]},ae={fixedWidth:"auto",headers:[{cells:[{value:"Name"},{value:"Date of birth"}]}],rows:[{cells:[{value:"John Smith",width:"140px"},{value:"1980-05-05",type:"DateInput",width:"110px"}]},{cells:[{value:"Jane Doe",width:"140px"},{value:"1984-12-12",type:"DateInput",width:"110px"}]}]};export{i as A,O as B,j as C,T as D,D as E,P as F,V as G,B as H,G as I,$ as J,N as K,ee as L,s as a,_ as b,ae as c,m as d,M as e,f,W as g,q as h,z as i,K as j,X as k,Q as l,Y as m,R as n,x as o,F as p,le as q,Z as r,L as s,e as t,E as u,A as v,H as w,S as x,U as y,J as z};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as o}from"./jsx-runtime-FsUICBgo.js";import{r as V}from"./index-RfLt4OUa.js";import{c as h}from"./index-VW3EWkuE.js";import{i as l}from"./types-5uVBABF4.js";import{D as z}from"./disabled-context-urNQThQz.js";import{T as k}from"./tooltip-
|
|
1
|
+
import{j as o}from"./jsx-runtime-FsUICBgo.js";import{r as V}from"./index-RfLt4OUa.js";import{c as h}from"./index-VW3EWkuE.js";import{i as l}from"./types-5uVBABF4.js";import{D as z}from"./disabled-context-urNQThQz.js";import{T as k}from"./tooltip-dueTLnwA.js";const I="_inputInTable_66zck_1",N="_inputHover_66zck_13",R="_inputFocus_66zck_18",C="_inputError_66zck_25",S="_inputWarning_66zck_26",A="_inputDisabled_66zck_61",F="_hideScrollbars_66zck_67",H="_textarea_66zck_77",W="_small_66zck_116",w="_error_66zck_121",D="_warning_66zck_138",P="_monospace_66zck_155",t={inputInTable:I,inputHover:N,inputFocus:R,inputError:C,inputWarning:S,inputDisabled:A,hideScrollbars:F,textarea:H,small:W,error:w,warning:D,monospace:P},i=({name:r,value:u="",placeholder:s="",cols:d,rows:c,disabled:m=!1,onChange:p=()=>{},onKeyPress:f=()=>{},onFocus:v=()=>{},onBlur:_=()=>{},tabIndex:b=0,error:e=null,warning:a=null,tooltip:n=null,maxTooltipWidth:y,resize:x,monospace:g=!1,testId:E})=>{const T=V.useContext(z),q=o.jsx("textarea",{className:h(t.textarea,e?t.error:"",a?t.warning:"",g?t.monospace:""),name:r,value:u,placeholder:s,cols:d,rows:c,onChange:p,disabled:m||T,onKeyPress:f,onFocus:v,onBlur:_,tabIndex:b,style:{resize:x},"data-testid":E});return o.jsx(k,{error:!!e,warning:!!a,text:n||e||a,enabled:n&&l(n)||e&&l(e)||a&&l(a)||!1,maxWidth:y,placement:"bottom-center",children:q})};try{i.displayName="TextArea",i.__docgenInfo={description:"",displayName:"TextArea",props:{name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},value:{defaultValue:{value:""},description:"",name:"value",required:!1,type:{name:"TStringOrNumber"}},placeholder:{defaultValue:{value:""},description:"",name:"placeholder",required:!1,type:{name:"string"}},cols:{defaultValue:null,description:"",name:"cols",required:!1,type:{name:"number"}},rows:{defaultValue:null,description:"",name:"rows",required:!1,type:{name:"number"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},onChange:{defaultValue:{value:"() => {}"},description:"",name:"onChange",required:!1,type:{name:"((evt: ChangeEvent<HTMLTextAreaElement>) => void)"}},onKeyPress:{defaultValue:{value:"() => {}"},description:"",name:"onKeyPress",required:!1,type:{name:"((evt: KeyboardEvent<HTMLTextAreaElement>) => void)"}},onFocus:{defaultValue:{value:"() => {}"},description:"",name:"onFocus",required:!1,type:{name:"((evt: FocusEvent<HTMLTextAreaElement, Element>) => void)"}},onBlur:{defaultValue:{value:"() => {}"},description:"",name:"onBlur",required:!1,type:{name:"((evt: FocusEvent<HTMLTextAreaElement, Element>) => void)"}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},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"}},maxTooltipWidth:{defaultValue:null,description:"",name:"maxTooltipWidth",required:!1,type:{name:"TStringOrNumber"}},resize:{defaultValue:null,description:"",name:"resize",required:!1,type:{name:"enum",value:[{value:'"-moz-initial"'},{value:'"inherit"'},{value:'"initial"'},{value:'"revert"'},{value:'"revert-layer"'},{value:'"unset"'},{value:'"inline"'},{value:'"vertical"'},{value:'"block"'},{value:'"both"'},{value:'"horizontal"'},{value:'"none"'}]}},monospace:{defaultValue:{value:"false"},description:"",name:"monospace",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}export{i as T};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as u}from"./jsx-runtime-FsUICBgo.js";import{T as s}from"./textarea-
|
|
1
|
+
import{j as u}from"./jsx-runtime-FsUICBgo.js";import{T as s}from"./textarea-U_i0cI7f.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";import"./disabled-context-urNQThQz.js";import"./tooltip-dueTLnwA.js";import"./index-miLrID2P.js";const{useArgs:g}=__STORYBOOK_MODULE_ADDONS__,C={title:"Forms/TextArea",component:s,args:{disabled:!1}},c=n=>{const[i,o]=g(),m=p=>{o({value:p.target.value})};return u.jsx(s,{...n,onChange:m})},e=c.bind({});var t,r,a;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`args => {
|
|
2
2
|
const [_, updateArgs] = useArgs();
|
|
3
3
|
const handleChange = (evt: ChangeEvent<HTMLTextAreaElement>) => {
|
|
4
4
|
updateArgs({
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as G}from"./jsx-runtime-FsUICBgo.js";import{T as X}from"./table-
|
|
1
|
+
import{j as G}from"./jsx-runtime-FsUICBgo.js";import{T as X}from"./table-ZBqRpa7M.js";import{t as K,E as O,s as W,F as k,G as q,H as z,I as D,J as M,K as P,L as Q}from"./table.stories-data-tjY9V0bM.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./index.es-VXFRDikp.js";import"./inheritsLoose-8sb_A2v4.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./tiny-invariant-R4kOKlvx.js";import"./index-miLrID2P.js";import"./memoize-one.esm-hqe5SRxC.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./lodash-Bmg8FrMx.js";import"./actions-7PO9r8zE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./button-BiJw0fB3.js";import"./spinner-R8Il4aRe.js";import"./icon-8EQazuuW.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./tooltip-dueTLnwA.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./heading-4tVgoT7O.js";import"./help-icon-eelulTML.js";import"./pagination-DtJdggbI.js";import"./select-AcJYUY86.js";import"./assertThisInitialized-4q6YPdh3.js";import"./text-6KQ6ntOV.js";import"./select.input-zP5tW20f.js";import"./input-fYKvBwPs.js";import"./input-group-R8LoqKRn.js";import"./input-group-addon-BHVsW9mL.js";import"./number-input-ymd7m-s5.js";import"./index-qZmQ7nA9.js";import"./index-cCpkwrS5.js";import"./check-box-KynSyTaY.js";import"./slider-n3IxC2iq.js";import"./index-ugi_ZH6T.js";import"./popover-1CwIRm4P.js";import"./flex-RYZsoWEN.js";const Kr={title:"Basic/Table/Title & Header",component:X,args:{table:{...K}}},r=B=>G.jsx(X,{...B}),e=r.bind({});e.args={table:O};const s=r.bind({});s.args={table:W};const a=r.bind({});a.args={table:k};const t=r.bind({});t.args={table:q};const o=r.bind({});o.args={table:z};const n=r.bind({});n.args={table:D};const i=r.bind({});i.args={table:M};const p=r.bind({});p.args={table:P};const l=r.bind({});l.args={table:Q};var m,c,d;e.parameters={...e.parameters,docs:{...(m=e.parameters)==null?void 0:m.docs,source:{originalSource:`args => {
|
|
2
2
|
return <Table
|
|
3
3
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
4
4
|
{...args} />;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as s}from"./jsx-runtime-FsUICBgo.js";import{G as v}from"./grid-u1mZpaML.js";import{T as u}from"./text-6KQ6ntOV.js";import{F as B}from"./flex-RYZsoWEN.js";import{t as n,d}from"./toaster-yPcd4ELJ.js";import{B as o}from"./button-
|
|
1
|
+
import{j as s}from"./jsx-runtime-FsUICBgo.js";import{G as v}from"./grid-u1mZpaML.js";import{T as u}from"./text-6KQ6ntOV.js";import{F as B}from"./flex-RYZsoWEN.js";import{t as n,d}from"./toaster-yPcd4ELJ.js";import{B as o}from"./button-BiJw0fB3.js";import{S as a}from"./spacer-Yji9g2AW.js";import{a as m}from"./message-CRKuTfOl.js";import"./index-RfLt4OUa.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./tslib.es6-OIsz3r9a.js";import"./index-VW3EWkuE.js";import"./index-miLrID2P.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./spinner-R8Il4aRe.js";import"./icon-8EQazuuW.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-8sb_A2v4.js";import"./index-4QtD-hFu.js";import"./tooltip-dueTLnwA.js";const _={type:m.SUCCESS,icon:!0,heading:"Heading",content:"Great results"},A={type:m.ERROR,icon:!0,heading:"Heading",content:"An error has happened",details:"Bad input data lorem ipsum dolor est compendum lorem ipsum."},F={type:m.WARNING,icon:!0,heading:"Heading",content:"Warning message"},O={type:m.INFO,icon:!0,heading:"Heading",content:"Long content lorem ipsum dolor est compendum lorem ipsum."},ns={title:"Modals/Toaster",parameters:{docs:{story:{inline:!1,iframeHeight:400}}},source:{type:"code"},args:{id:void 0,message:O,autoClose:6e3,onClose:()=>{}}},G=()=>s.jsxs(s.Fragment,{children:[s.jsx(o,{label:"Info",onClick:()=>n({message:O,onClose:()=>console.log("toast closed")})}),s.jsx(a,{}),s.jsx(o,{label:"Error",onClick:()=>n({message:A,onClose:()=>console.log("toast closed")})}),s.jsx(a,{}),s.jsx(o,{label:"Warning",onClick:()=>n({message:F,onClose:()=>console.log("toast closed")})}),s.jsx(a,{}),s.jsx(o,{label:"Success",onClick:()=>n({message:_,onClose:()=>console.log("toast closed")})})]}),r=G.bind({}),t=()=>s.jsx(o,{label:"Show Toast",onClick:()=>{const e=Math.random()>=.5;n({message:{type:e?"Success":"Error",icon:!0,content:e?"Success":"Error"},onClose:()=>console.log("toast closed"),id:"uniqueId"})}});t.parameters={docs:{iframeHeight:200,description:{story:"Pass a unique `id` in the `toast` object to prevent duplicates. Successive toasts with the same ID will update the existing toast."}}};const i=()=>{const e="sessionExpiring",p={type:"Info",content:s.jsxs(v,{children:[s.jsx(u,{bold:!0,children:"You will be signed out soon"}),s.jsx(u,{children:"For your security, you will be automatically signed out in 30 minutes unless you extend your session."}),s.jsx(a,{height:"var(--padding-xxs)"}),s.jsxs(B,{gap:"var(--padding-xs)",children:[s.jsx(o,{label:"Extend session",small:!0,colored:"success",onClick:()=>d(e)}),s.jsx(o,{label:"Dismiss",small:!0,onClick:()=>d(e)})]})]})};return s.jsx(o,{label:"Show Toast",onClick:()=>n({message:p,autoClose:!1,id:e})})},l=()=>{const e="sessionExpiringSoon",p={type:"Error",content:s.jsxs(v,{children:[s.jsx(u,{bold:!0,children:"You will be signed out very soon"}),s.jsx(u,{children:"For your security, you will be automatically signed out in 30 minutes unless you extend your session."}),s.jsx(a,{height:"var(--padding-xxs)"}),s.jsxs(B,{gap:"var(--padding-xs)",children:[s.jsx(o,{label:"Extend session",small:!0,colored:"success",onClick:()=>d(e)}),s.jsx(o,{label:"Dismiss",small:!0,onClick:()=>d(e)})]})]})};return s.jsx(o,{label:"Show Toast",onClick:()=>n({message:p,autoClose:!1,id:e})})},c=()=>{const e={type:"Success",content:"Your session has been extended for 1 hour"};return s.jsx(o,{label:"Show Toast",onClick:()=>n({message:e})})};var g,x,S;r.parameters={...r.parameters,docs:{...(g=r.parameters)==null?void 0:g.docs,source:{originalSource:`() => {
|
|
2
2
|
return <>
|
|
3
3
|
<Button label="Info" onClick={() => toast({
|
|
4
4
|
message: messageInfo,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as l}from"./jsx-runtime-FsUICBgo.js";import{r as b}from"./index-RfLt4OUa.js";import{c as x}from"./index-VW3EWkuE.js";import{b as C}from"./common-types-U65vzrrz.js";import{D as q}from"./disabled-context-urNQThQz.js";import{H as E}from"./help-icon-
|
|
1
|
+
import{j as l}from"./jsx-runtime-FsUICBgo.js";import{r as b}from"./index-RfLt4OUa.js";import{c as x}from"./index-VW3EWkuE.js";import{b as C}from"./common-types-U65vzrrz.js";import{D as q}from"./disabled-context-urNQThQz.js";import{H as E}from"./help-icon-eelulTML.js";const V="_toggle_1mo1i_9",h="_small_1mo1i_25",I="_disabled_1mo1i_102",v="_noMargin_1mo1i_113",j="_helpIconEnabled_1mo1i_116",a={toggle:V,small:h,disabled:I,noMargin:v,helpIconEnabled:j},r=({name:t,label:d,checked:e=!1,disabled:u,display:m,small:p=!1,onChange:c,noMargin:g=!1,testId:f,helpText:i,onClickHelp:o})=>{const y=b.useContext(q),_=i||o,s=u||y;return l.jsxs("div",{className:x(a.toggle,s?a.disabled:null,p?a.small:null,g?a.noMargin:null),style:{display:m},onClick:n=>{s||(n.target.name=t,n.target.checked=!e,n.target.value=!e,c(n))},"data-testid":f,children:[l.jsx("input",{type:C.CHECKBOX,name:t,value:e==null?void 0:e.toString(),disabled:s,checked:e,onChange:()=>{}}),l.jsx("label",{children:d}),_&&l.jsx("div",{className:a.helpIconEnabled,onClick:o,children:l.jsx(E,{text:i})})]})};try{r.displayName="Toggle",r.__docgenInfo={description:"",displayName:"Toggle",props:{name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string | ReactElement<any, string | JSXElementConstructor<any>> | null"}},checked:{defaultValue:{value:"false"},description:"",name:"checked",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},display:{defaultValue:null,description:"",name:"display",required:!1,type:{name:"string"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(evt: ChangeEvent<HTMLInputElement>) => void"}},noMargin:{defaultValue:{value:"false"},description:"",name:"noMargin",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},helpText:{defaultValue:null,description:"",name:"helpText",required:!1,type:{name:"string"}},onClickHelp:{defaultValue:null,description:"",name:"onClickHelp",required:!1,type:{name:"((evt: any) => void)"}}}}}catch{}export{r as T};
|