@oliasoft-open-source/react-ui-library 4.0.0-beta-51 → 4.0.0-beta-53

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (105) hide show
  1. package/dist/assets/{index-20a7a01e.css → index-58a715fe.css} +197 -194
  2. package/dist/assets/{index-43280041.js → index-b6a2aa40.js} +87 -85
  3. package/dist/global.css +197 -194
  4. package/dist/index.d.ts +4 -3
  5. package/dist/index.html +1 -1
  6. package/dist/index.js +99 -97
  7. package/dist/index.js.map +1 -1
  8. package/dist/storybook/assets/{Color-6VNJS4EI-851cae3f.js → Color-6VNJS4EI-6e065ad8.js} +1 -1
  9. package/dist/storybook/assets/{DocsRenderer-NNNQARDV-e3c787ae.js → DocsRenderer-NNNQARDV-5425a885.js} +1 -1
  10. package/dist/storybook/assets/{WithTooltip-4HIR6TLV-9d76bc16.js → WithTooltip-4HIR6TLV-1c9087b8.js} +1 -1
  11. package/dist/storybook/assets/{accordion.stories-5b98ef98.js → accordion.stories-dcd01702.js} +1 -1
  12. package/dist/storybook/assets/actions-6461b40b.css +1 -0
  13. package/dist/storybook/assets/actions-d843b059.js +1 -0
  14. package/dist/storybook/assets/{actions.stories-a6271172.js → actions.stories-b3f44deb.js} +1 -1
  15. package/dist/storybook/assets/{afe.stories-b5689301.js → afe.stories-47d8dc57.js} +1 -1
  16. package/dist/storybook/assets/{badge.stories-c8ebb783.js → badge.stories-91d226ea.js} +1 -1
  17. package/dist/storybook/assets/{blowout.stories-704f4c8f.js → blowout.stories-733dc6c1.js} +1 -1
  18. package/dist/storybook/assets/button-1a6432ca.js +1 -0
  19. package/dist/storybook/assets/button-5afcc6c2.css +1 -0
  20. package/dist/storybook/assets/{button-group-40082468.js → button-group-4cf67956.js} +1 -1
  21. package/dist/storybook/assets/button-group.stories-5974a0f6.js +71 -0
  22. package/dist/storybook/assets/button.stories-1cabffd4.js +71 -0
  23. package/dist/storybook/assets/{buttons-and-links-b0942c53.js → buttons-and-links-667193aa.js} +1 -1
  24. package/dist/storybook/assets/{casing-loads.stories-7d831b44.js → casing-loads.stories-fb187130.js} +1 -1
  25. package/dist/storybook/assets/{cell.stories-5aa4f5eb.js → cell.stories-deea75bd.js} +1 -1
  26. package/dist/storybook/assets/{chunk-HLWAVYOI-d25a1669.js → chunk-HLWAVYOI-48235861.js} +1 -1
  27. package/dist/storybook/assets/{color-776794b4.js → color-8f86bd73.js} +1 -1
  28. package/dist/storybook/assets/{column.stories-dc850214.js → column.stories-677ce5ea.js} +1 -1
  29. package/dist/storybook/assets/{dialog-8349cb3c.js → dialog-0b25d619.js} +1 -1
  30. package/dist/storybook/assets/{drawer-affb9ac5.js → drawer-c7c47af0.js} +1 -1
  31. package/dist/storybook/assets/{drawer.stories-70f8d2f6.js → drawer.stories-255662af.js} +1 -1
  32. package/dist/storybook/assets/{empty.stories-20e8d207.js → empty.stories-3ddba209.js} +1 -1
  33. package/dist/storybook/assets/{file-input.stories-d9806653.js → file-input.stories-fd7de460.js} +1 -1
  34. package/dist/storybook/assets/{flex.stories-c30d29bf.js → flex.stories-7e374469.js} +1 -1
  35. package/dist/storybook/assets/{footer.stories-d54706d0.js → footer.stories-049a9ce5.js} +1 -1
  36. package/dist/storybook/assets/{form.stories-e555f837.js → form.stories-da0279d9.js} +1 -1
  37. package/dist/storybook/assets/{formation.stories-3a5dc942.js → formation.stories-48f9d2a7.js} +1 -1
  38. package/dist/storybook/assets/{formatter-SWP5E3XI-8de6e22c.js → formatter-SWP5E3XI-d8e653ce.js} +1 -1
  39. package/dist/storybook/assets/{iframe-36d77c8a.js → iframe-0bc7c3ad.js} +1 -1
  40. package/dist/storybook/assets/{index-bcaf70cf.js → index-8fea21ba.js} +4 -4
  41. package/dist/storybook/assets/{input-group.stories-de127bd1.js → input-group.stories-725d10d5.js} +1 -1
  42. package/dist/storybook/assets/{input-validation-fc7f532b.js → input-validation-397337bb.js} +1 -1
  43. package/dist/storybook/assets/{inputs-05328b01.js → inputs-0451400a.js} +1 -1
  44. package/dist/storybook/assets/{layout-forms-a2b8691f.js → layout-forms-b0e93dbe.js} +1 -1
  45. package/dist/storybook/assets/{layout-general-74f8f047.js → layout-general-4cb1dfc2.js} +1 -1
  46. package/dist/storybook/assets/{list-7acd93e5.js → list-4c7a514b.js} +1 -1
  47. package/dist/storybook/assets/{list-heading-64854ce2.js → list-heading-395fcb89.js} +1 -1
  48. package/dist/storybook/assets/{list.stories-b25817f0.js → list.stories-9e52197b.js} +1 -1
  49. package/dist/storybook/assets/{list.stories-data-f7a0265a.js → list.stories-data-4e3a7e0d.js} +1 -1
  50. package/dist/storybook/assets/{loader.stories-7ae27e7f.js → loader.stories-345ac97b.js} +1 -1
  51. package/dist/storybook/assets/{menu.stories-2c5bb21c.js → menu.stories-36fc62e3.js} +1 -1
  52. package/dist/storybook/assets/{message.stories-d2135d73.js → message.stories-81522f59.js} +1 -1
  53. package/dist/storybook/assets/{modal.stories-4a74b5b4.js → modal.stories-a8a6e24e.js} +1 -1
  54. package/dist/storybook/assets/{number-input.stories-3dd8bdd8.js → number-input.stories-44aaa5e7.js} +1 -1
  55. package/dist/storybook/assets/{option-dropdown.stories-b4bcf361.js → option-dropdown.stories-7be90519.js} +1 -1
  56. package/dist/storybook/assets/{padding-and-spacing-4cd6ad63.js → padding-and-spacing-2c26ca5e.js} +1 -1
  57. package/dist/storybook/assets/{page.stories-ddb538ac.js → page.stories-4c00ed1a.js} +1 -1
  58. package/dist/storybook/assets/{pagination-96898851.js → pagination-c5f96ac2.js} +1 -1
  59. package/dist/storybook/assets/{pagination.stories-84ce5ddb.js → pagination.stories-68e52a64.js} +1 -1
  60. package/dist/storybook/assets/{pop-confirm.stories-46bbf17b.js → pop-confirm.stories-6593bb61.js} +1 -1
  61. package/dist/storybook/assets/{popover-e167c2be.js → popover-2bc1502d.js} +1 -1
  62. package/dist/storybook/assets/{popover.stories-dfceb952.js → popover.stories-cf75f163.js} +1 -1
  63. package/dist/storybook/assets/{preview-c62fb805.js → preview-23966b1f.js} +1 -1
  64. package/dist/storybook/assets/preview-c0193a0a.js +1 -0
  65. package/dist/storybook/assets/{projects.stories-60c8e945.js → projects.stories-675f5b3f.js} +1 -1
  66. package/dist/storybook/assets/{reservoirs.stories-47bc5500.js → reservoirs.stories-80882299.js} +1 -1
  67. package/dist/storybook/assets/{rich-text-input.stories-5c7396c9.js → rich-text-input.stories-2f6d7094.js} +1 -1
  68. package/dist/storybook/assets/row-2f12e486.js +39 -0
  69. package/dist/storybook/assets/{row.stories-b46f9e39.js → row.stories-b2e06e8c.js} +1 -1
  70. package/dist/storybook/assets/{select-4205655a.js → select-fb35923e.js} +1 -1
  71. package/dist/storybook/assets/{select.stories-10c5ba09.js → select.stories-ec473b01.js} +1 -1
  72. package/dist/storybook/assets/{side-bar-27e8274f.js → side-bar-340baf4a.js} +1 -1
  73. package/dist/storybook/assets/{side-bar.stories-8e95c7a0.js → side-bar.stories-06f6e222.js} +1 -1
  74. package/dist/storybook/assets/{site.stories-cf305fd6.js → site.stories-07449468.js} +1 -1
  75. package/dist/storybook/assets/{slider-12b47db8.js → slider-054cbf00.js} +1 -1
  76. package/dist/storybook/assets/{slider.stories-e13e1826.js → slider.stories-912acff7.js} +1 -1
  77. package/dist/storybook/assets/{spacer.stories-6e49f485.js → spacer.stories-bab3f7b3.js} +1 -1
  78. package/dist/storybook/assets/{syntaxhighlighter-NMPM6SWI-6440072d.js → syntaxhighlighter-NMPM6SWI-765c5d11.js} +1 -1
  79. package/dist/storybook/assets/{table-ebbbb54b.js → table-419ac141.js} +1 -1
  80. package/dist/storybook/assets/{table.stories-1da7ffea.js → table.stories-88efc984.js} +1 -1
  81. package/dist/storybook/assets/{table.stories-data-2b6906fd.js → table.stories-data-0456a150.js} +1 -1
  82. package/dist/storybook/assets/{title.stories-5f27fef6.js → title.stories-b6bc3c30.js} +1 -1
  83. package/dist/storybook/assets/{toaster-15d794e1.js → toaster-fcfecfd1.js} +1 -1
  84. package/dist/storybook/assets/{toaster.stories-d0d61a71.js → toaster.stories-155c7136.js} +1 -1
  85. package/dist/storybook/assets/{tooltip.test-case.stories-1bd44124.js → tooltip.test-case.stories-c68e2057.js} +1 -1
  86. package/dist/storybook/assets/top-bar-80ceac9d.css +1 -0
  87. package/dist/storybook/assets/{top-bar-0cd6dea8.js → top-bar-86fb309b.js} +1 -1
  88. package/dist/storybook/assets/{top-bar.stories-0bef8d8d.js → top-bar.stories-d1adf3e9.js} +1 -1
  89. package/dist/storybook/assets/{top-bar.testcase.stories-cae6740f.js → top-bar.testcase.stories-d43070df.js} +1 -1
  90. package/dist/storybook/assets/{tree.stories-46fbfd8b.js → tree.stories-b0f9671b.js} +8 -10
  91. package/dist/storybook/assets/{types-780c6cba.js → types-912e634b.js} +1 -1
  92. package/dist/storybook/iframe.html +1 -1
  93. package/dist/storybook/index.json +1 -1
  94. package/dist/storybook/project.json +1 -1
  95. package/dist/storybook/stories.json +1 -1
  96. package/package.json +1 -1
  97. package/dist/storybook/assets/actions-2160f0b7.js +0 -1
  98. package/dist/storybook/assets/actions-26858b6b.css +0 -1
  99. package/dist/storybook/assets/button-848241fb.css +0 -1
  100. package/dist/storybook/assets/button-fa6a59b2.js +0 -1
  101. package/dist/storybook/assets/button-group.stories-3164c0f3.js +0 -61
  102. package/dist/storybook/assets/button.stories-ea1f2227.js +0 -61
  103. package/dist/storybook/assets/preview-be4289db.js +0 -1
  104. package/dist/storybook/assets/row-bd69aca9.js +0 -39
  105. package/dist/storybook/assets/top-bar-5c442795.css +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oliasoft-open-source/react-ui-library",
3
- "version": "4.0.0-beta-51",
3
+ "version": "4.0.0-beta-53",
4
4
  "description": "Reusable UI components for React projects",
5
5
  "homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
6
6
  "bugs": {
@@ -1 +0,0 @@
1
- import{j as n}from"./jsx-runtime-f961835c.js";import{r as x,R as ne}from"./index-f80c8c95.js";import{c as I}from"./index-a80ed1cf.js";import{l as C}from"./lodash-75c70a11.js";import{T as N,I as H,C as be}from"./common-types-2c81813f.js";import{D as j}from"./disabled-context-d654f6ff.js";import{B as Q}from"./button-fa6a59b2.js";import{T as _e,u as te,i as ae,a as Ve}from"./tooltip-23e84186.js";import{I as D}from"./icon-afbea088.js";import{M as v,a as R}from"./types-cc224262.js";import{i as F}from"./types-332ceaf3.js";import{B as qe}from"./badge-3abf067b.js";const xe="_actions_1nid8_1",he="_actionComponentContainer_1nid8_11",Ne="_active_1nid8_33",Ce={actions:xe,actionComponentContainer:he,active:Ne},Oe="_wrapper_zibyd_1",Ie="_layer_zibyd_5",Te="_layerContainer_zibyd_8",ve="_nested_zibyd_23",je="_fileInput_zibyd_35",Me="_trigger_zibyd_41",ke="_middleAlignedInline_zibyd_50",Ee="_heading_zibyd_56",Se="_headingIcon_zibyd_62",He="_option_zibyd_74",De="_active_zibyd_92",Re="_selected_zibyd_97",ze="_optionContent_zibyd_103",Pe="_inline_zibyd_108",we="_icon_zibyd_113",Le="_check_zibyd_114",$e="_text_zibyd_136",Fe="_label_zibyd_141",Ue="_description_zibyd_152",We="_arrow_zibyd_156",Ae="_divider_zibyd_160",Ge="_deprecatedSemanticIcon_zibyd_164",Xe="_disabled_zibyd_168",Je="_buttonLabel_zibyd_173",Ye="_buttonCaret_zibyd_179",Ke="_component_zibyd_183",Qe="_right_zibyd_189",Ze="_actions_zibyd_194",d={wrapper:Oe,layer:Ie,layerContainer:Te,nested:ve,fileInput:je,trigger:Me,middleAlignedInline:ke,heading:Ee,headingIcon:Se,option:He,active:De,selected:Re,optionContent:ze,inline:Pe,icon:we,check:Le,text:$e,label:Fe,description:Ue,arrow:We,divider:Ae,deprecatedSemanticIcon:Ge,disabled:Xe,buttonLabel:Je,buttonCaret:Ye,component:Ke,right:Qe,actions:Ze},U=({label:e,onClick:a,icon:l,testId:r})=>n.jsxs("div",{onClick:t=>t.stopPropagation(),className:d.heading,"data-testid":r,children:[e,n.jsx("span",{className:d.headingIcon,onClick:a,children:l})]});try{U.displayName="Heading",U.__docgenInfo={description:"",displayName:"Heading",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"TStringOrNumber"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"((evt: MouseEvent<HTMLSpanElement, MouseEvent>) => void)"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactNode"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const Be=()=>n.jsx("hr",{className:d.divider}),W=({actions:e,label:a,url:l,onClick:r,description:t,icon:s,selected:u,closeOnOptionClick:c,close:i,disabled:p,inline:f,title:g,upload:y,onChange:b,testId:_})=>{const q=m=>{if(m.stopPropagation(),p||y){m.preventDefault();return}c&&(i==null||i()),r==null||r(m)};return n.jsxs("a",{href:l,className:I(d.option,p?d.disabled:"",f?d.inline:"",u?d.selected:""),onClick:q,"data-testid":_,children:[s?n.jsx("span",{className:d.icon,children:n.jsx(D,{icon:s})}):null,n.jsxs("div",{className:d.optionContent,children:[y&&n.jsx("input",{type:"file",className:d.fileInput,onChange:m=>{b==null||b(m.target.files),i==null||i()}}),n.jsx("span",{className:d.label,title:`${g||a}`,children:a}),n.jsxs("div",{className:d.right,children:[n.jsx("span",{className:d.description,children:t}),!!(e!=null&&e.length)&&n.jsx("div",{className:d.actions,children:n.jsx(K,{actions:e})})]})]})]})};try{W.displayName="Option",W.__docgenInfo={description:"",displayName:"Option",props:{actions:{defaultValue:null,description:"",name:"actions",required:!1,type:{name:"any[]"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"TStringOrNumber"}},url:{defaultValue:null,description:"",name:"url",required:!1,type:{name:"string"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"((evt: MouseEvent<HTMLAnchorElement, MouseEvent>) => void)"}},description:{defaultValue:null,description:"",name:"description",required:!1,type:{name:"string"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"any"}},selected:{defaultValue:null,description:"",name:"selected",required:!1,type:{name:"boolean"}},closeOnOptionClick:{defaultValue:null,description:"",name:"closeOnOptionClick",required:!1,type:{name:"boolean"}},close:{defaultValue:null,description:"",name:"close",required:!1,type:{name:"TEmpty"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},inline:{defaultValue:null,description:"",name:"inline",required:!1,type:{name:"boolean"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},upload:{defaultValue:null,description:"",name:"upload",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((files: FileList | null) => void)"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const A=({section:e,closeOnOptionClick:a,close:l,tree:r,path:t,maxHeight:s})=>{const u=x.useContext(j);switch(e.type){case v.HEADING:return n.jsx(U,{label:(e==null?void 0:e.label)??"",onClick:e.onClick,icon:e.icon,testId:e.testId});case v.DIVIDER:return n.jsx(Be,{});case v.OPTION:return n.jsx(W,{actions:e.actions,label:(e==null?void 0:e.label)??"",url:e.url,onClick:e.onClick,description:e.description,icon:e.icon,selected:e.selected,closeOnOptionClick:a,close:l,disabled:e.disabled||u,inline:e.inline,title:e.title,upload:e.upload,onChange:e.onChange,testId:e.testId});case v.MENU:return n.jsx(w,{menu:e.menu,title:e.title,closeOnOptionClick:a,isNested:!0,closeParent:l,tree:r,path:t,maxHeight:s,testId:e.testId});default:return null}};try{A.displayName="Section",A.__docgenInfo={description:"",displayName:"Section",props:{section:{defaultValue:null,description:"",name:"section",required:!0,type:{name:"IMenuSection"}},closeOnOptionClick:{defaultValue:null,description:"",name:"closeOnOptionClick",required:!1,type:{name:"boolean"}},close:{defaultValue:null,description:"",name:"close",required:!0,type:{name:"TEmpty"}},tree:{defaultValue:null,description:"",name:"tree",required:!0,type:{name:"any"}},path:{defaultValue:null,description:"",name:"path",required:!0,type:{name:"string"}},maxHeight:{defaultValue:null,description:"",name:"maxHeight",required:!1,type:{name:"TStringOrNumber"}}}}}catch{}const en=e=>e.includes("[")?e.substr(0,e.lastIndexOf("[")):e,nn=(e,a)=>`${e}.sections[${a}]`.replace(/^\./,""),tn=e=>`${e}.close`.replace(/^\./,""),an=(e,a)=>C.get(e,en(a),[]),ln=(e,a,l)=>C.set(e,tn(a),l),z=({sections:e,isNested:a,width:l,closeOnOptionClick:r,close:t=()=>{},tree:s,path:u,maxHeight:c,showAllButton:i,testId:p})=>{var m;if(x.isValidElement(e))return n.jsx(n.Fragment,{children:e});const[f,g]=x.useState(!(i!=null&&i.visible)),y=e,b=((m=i==null?void 0:i.additionalSections)==null?void 0:m.map(o=>({...o,closeOnOptionClick:r,visible:!0})))??[],_=y.length>4?[{type:v.OPTION,label:f?(i==null?void 0:i.showLessTitle)||"Show less":(i==null?void 0:i.showAllTitle)||"Show all",onClick:()=>g(!f),visible:!0,closeOnOptionClick:!1}]:[],q=i!=null&&i.visible?y.map((o,V)=>f||V<=3?{...o,visible:!0,closeOnOptionClick:r}:o).concat(_,b).filter(o=>o==null?void 0:o.visible):y.map(o=>({...o,closeOnOptionClick:r}));return n.jsx("div",{className:I(d.layer,a?d.nested:null),style:{maxWidth:l,maxHeight:c},"data-testid":p,children:n.jsx("ul",{children:q.map((o,V)=>n.jsx("li",{children:n.jsx(A,{section:o,closeOnOptionClick:o.closeOnOptionClick,close:t,tree:s,path:nn(u,V),maxHeight:c})},V))})})};try{z.displayName="Layer",z.__docgenInfo={description:"",displayName:"Layer",props:{sections:{defaultValue:null,description:"",name:"sections",required:!0,type:{name:"ReactNode | IMenuSection[]"}},isNested:{defaultValue:null,description:"",name:"isNested",required:!1,type:{name:"boolean"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},closeOnOptionClick:{defaultValue:null,description:"",name:"closeOnOptionClick",required:!1,type:{name:"boolean"}},close:{defaultValue:{value:"() => {}"},description:"",name:"close",required:!1,type:{name:"TEmpty"}},tree:{defaultValue:null,description:"",name:"tree",required:!1,type:{name:"any"}},path:{defaultValue:null,description:"",name:"path",required:!1,type:{name:"any"}},maxHeight:{defaultValue:null,description:"",name:"maxHeight",required:!1,type:{name:"TStringOrNumber"}},showAllButton:{defaultValue:null,description:"",name:"showAllButton",required:!1,type:{name:"IMenuShowAllButton"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const le=(e,a=!1)=>({auto:!0,preferX:"right",preferY:"bottom",placement:e||(a?"right-start":"bottom-start")}),G=({trigger:e,label:a,colored:l,small:r,width:t,disabled:s,groupOrder:u,loading:c,error:i,warning:p,active:f})=>{const g=x.useContext(j),y=e===N.BUTTON?a:e===N.DROP_DOWN_BUTTON?n.jsxs("span",{className:d.middleAlignedInline,children:[n.jsx("span",{className:d.buttonLabel,children:a}),n.jsx("span",{className:d.buttonCaret,children:n.jsx(D,{icon:H.CHEVRON_DOWN})})]}):null;return n.jsx("div",{className:I(d.trigger,s||g?d.disabled:null),style:{width:t},children:n.jsx(Q,{label:y,colored:l,small:r,width:t,groupOrder:u,onClick:()=>{},loading:c,disabled:s,error:i,warning:p,active:f})})};try{G.displayName="Button",G.__docgenInfo={description:"",displayName:"Button",props:{trigger:{defaultValue:null,description:"",name:"trigger",required:!0,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"ReactNode"}},colored:{defaultValue:null,description:"",name:"colored",required:!1,type:{name:"string | boolean"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},groupOrder:{defaultValue:null,description:"",name:"groupOrder",required:!1,type:{name:"string"}},loading:{defaultValue:null,description:"",name:"loading",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"string"}},warning:{defaultValue:null,description:"",name:"warning",required:!1,type:{name:"string"}},active:{defaultValue:null,description:"",name:"active",required:!1,type:{name:"boolean"}}}}}catch{}const X=({label:e,title:a,carat:l,disabled:r,isOpen:t})=>{let s;return a?s=a:(typeof e=="string"||typeof e=="number")&&(s=String(e)),n.jsxs("div",{className:I(d.trigger,r?d.disabled:null,t?d.active:null),children:[n.jsx("span",{className:d.label,title:s,children:e}),l&&l===R.RIGHT?n.jsx("span",{className:d.arrow,children:n.jsx(D,{icon:H.CHEVRON_RIGHT})}):l&&l===R.DOWN?n.jsx("span",{className:d.arrow,children:n.jsx(D,{icon:H.CHEVRON_DOWN})}):null]})};try{X.displayName="Text",X.__docgenInfo={description:"",displayName:"Text",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"ReactNode"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},carat:{defaultValue:null,description:"",name:"carat",required:!1,type:{name:"string"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},isOpen:{defaultValue:null,description:"",name:"isOpen",required:!1,type:{name:"boolean"}}}}}catch{}const J=({component:e,disabled:a,testId:l})=>n.jsx("div",{className:I(d.component,a?d.disabled:null),"data-testid":l,children:e});try{J.displayName="Component",J.__docgenInfo={description:"",displayName:"Component",props:{component:{defaultValue:null,description:"",name:"component",required:!0,type:{name:"ReactNode"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const rn=({tooltip:e,error:a,warning:l,children:r})=>!F(e)&&!F(a)&&!F(l)?n.jsx(n.Fragment,{children:r}):n.jsx(_e,{error:!!a,warning:!!l,text:e||a||l,display:"inline-block",children:r}),P=ne.forwardRef(({isDisabled:e,badgeTitle:a,badgeDot:l,loading:r,width:t,trigger:s,label:u,title:c,onClickTrigger:i,colored:p,small:f,isNested:g,contextMenu:y,component:b,groupOrder:_,fullHeight:q,isOpen:m,error:o,warning:V,tooltip:h,testId:O,...Z},L)=>{const M=s===N.BUTTON||s===N.DROP_DOWN_BUTTON?n.jsx(G,{trigger:s,label:u??"",colored:p,small:f,width:t,disabled:e,groupOrder:_,loading:r,error:o,warning:V,active:m}):s===N.TEXT?n.jsx(X,{label:u??"",title:c,disabled:e,carat:y?void 0:g?R.RIGHT:R.DOWN,isOpen:m}):s===N.COMPONENT?n.jsx(J,{component:b,disabled:e}):null,$=!g&&(a||l)?n.jsx(qe,{title:a,dot:l,small:!l,children:M}):M;return n.jsx("div",{ref:L,className:d.wrapper,style:t?{width:t}:{...q&&{height:"100%",display:"flex"}},onClick:k=>{k.stopPropagation(),k.preventDefault(),i()},"data-testid":O,children:n.jsx(rn,{tooltip:h,error:o,warning:V,children:$})})});try{P.displayName="Trigger",P.__docgenInfo={description:"",displayName:"Trigger",props:{isDisabled:{defaultValue:null,description:"",name:"isDisabled",required:!1,type:{name:"boolean"}},badgeTitle:{defaultValue:null,description:"",name:"badgeTitle",required:!1,type:{name:"string"}},badgeDot:{defaultValue:null,description:"",name:"badgeDot",required:!1,type:{name:"boolean"}},loading:{defaultValue:null,description:"",name:"loading",required:!1,type:{name:"boolean"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},trigger:{defaultValue:null,description:"",name:"trigger",required:!0,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"ReactNode"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},onClickTrigger:{defaultValue:null,description:"",name:"onClickTrigger",required:!0,type:{name:"TEmpty"}},colored:{defaultValue:null,description:"",name:"colored",required:!1,type:{name:"string | boolean"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}},isNested:{defaultValue:null,description:"",name:"isNested",required:!1,type:{name:"boolean"}},contextMenu:{defaultValue:null,description:"",name:"contextMenu",required:!1,type:{name:"boolean"}},component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:"ReactNode"}},groupOrder:{defaultValue:null,description:"",name:"groupOrder",required:!1,type:{name:"string"}},fullHeight:{defaultValue:null,description:"",name:"fullHeight",required:!1,type:{name:"boolean"}},isOpen:{defaultValue:null,description:"",name:"isOpen",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"string"}},warning:{defaultValue:null,description:"",name:"warning",required:!1,type:{name:"string"}},tooltip:{defaultValue:null,description:"",name:"tooltip",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const ie=e=>{const{sections:a}=e;return!x.isValidElement(a)&&(!Array.isArray(a)||a.every(l=>C.isEmpty(l)))},sn=({sections:e,width:a,placement:l,possiblePlacements:r,closeOnOptionClick:t,closeParent:s,tree:u,path:c,groupOrder:i,overflowContainer:p,maxHeight:f,testId:g})=>{const{hasMousePosition:y,resetMousePosition:b,handleMouseEvent:_,trigger:q}=Ve(),m=b,o=y,{layerProps:V,renderLayer:h}=te({isOpen:o,trigger:q,...le(l),possiblePlacements:r,ResizeObserver:ae,onOutsideClick:m,overflowContainer:p});return[o&&h(n.jsx("div",{...V,children:n.jsx(z,{isNested:!1,width:a,sections:e,closeOnOptionClick:t,close:s||m,tree:u,path:c,maxHeight:f,testId:g&&`${g}-layer`})})),_]},dn=({menu:e,width:a,disabled:l=!1,closeOnOptionClick:r=!0,closeParent:t,tree:s,path:u,groupOrder:c,testId:i})=>{const p=x.useContext(j),{label:f,trigger:g,fullHeightTrigger:y,colored:b,small:_,component:q,placement:m,possiblePlacements:o=["bottom-start","top-start"]}=e,[V,h]=sn({sections:e.sections,width:a,placement:m,possiblePlacements:o,closeOnOptionClick:r,closeParent:t,tree:s,path:u,groupOrder:c,overflowContainer:!0,maxHeight:"40vh",testId:i}),O=l||ie(e)||p;return n.jsxs("div",{onContextMenu:h,"data-testid":i,children:[n.jsx(P,{width:a,fullHeight:y,isDisabled:O,trigger:g,label:f,onClickTrigger:()=>{},colored:b,small:_,isNested:!0,component:q,contextMenu:!0,groupOrder:c}),V]})},w=({menu:e,width:a,disabled:l=!1,badgeTitle:r,badgeDot:t=!1,loading:s=!1,isNested:u=!1,closeOnOptionClick:c=!0,closeParent:i,tree:p,path:f,groupOrder:g,overflowContainer:y=!0,maxHeight:b,testId:_,open:q,setOpen:m,tooltip:o,error:V,warning:h})=>{const O=x.useContext(j),{label:Z,title:L,trigger:M,fullHeightTrigger:$,colored:k,small:re,sections:se,component:de,placement:oe,showAllButton:ue,possiblePlacements:ce=["bottom-start","top-start"]}=e,[E,B]=C.isBoolean(q)&&C.isFunction(m)?[q,m]:x.useState(!1),T=()=>B(!1),pe=()=>B(!0),{triggerProps:me,layerProps:fe,renderLayer:ye}=te({isOpen:E,...le(oe,u),possiblePlacements:ce,ResizeObserver:ae,onOutsideClick:T,overflowContainer:y,onParentClose:T}),ee=l||ie(e)||O;ln(p,f,T);const ge=()=>{if(!ee){if(E){T();return}an(p,f).forEach(S=>{S.close&&S.close()}),pe()}};return n.jsxs(n.Fragment,{children:[n.jsx(P,{ref:me.ref,isDisabled:ee,badgeTitle:r,badgeDot:t,loading:s,width:a,fullHeight:$,trigger:M,label:Z,title:L,onClickTrigger:ge,colored:k,small:re,isNested:u,component:de,groupOrder:g,isOpen:E,tooltip:o,error:V,warning:h,testId:_}),E&&ye(n.jsx("div",{...fe,className:d.layerContainer,"data-testid":e.testId,onClick:S=>S.stopPropagation(),children:n.jsx(z,{sections:se,isNested:u,width:a,closeOnOptionClick:c,close:i||T,tree:p,path:f,maxHeight:b,showAllButton:ue,testId:_&&`${_}-layer`})}))]})},Y=e=>e.contextMenu?n.jsx(dn,{...e,tree:{},path:"",testId:e.testId}):n.jsx(w,{...e,tree:{},path:"",testId:e.testId});try{w.displayName="DropDownMenu",w.__docgenInfo={description:"",displayName:"DropDownMenu",props:{menu:{defaultValue:null,description:"",name:"menu",required:!0,type:{name:"{ trigger: string; title?: string | undefined; colored?: string | boolean | undefined; small?: boolean | undefined; label?: ReactNode; component?: ReactNode; sections?: ReactNode | IMenuSection[]; ... 4 more ...; fullHeightTrigger?: boolean | undefined; }"}},contextMenu:{defaultValue:null,description:"",name:"contextMenu",required:!1,type:{name:"boolean"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},badgeTitle:{defaultValue:null,description:"",name:"badgeTitle",required:!1,type:{name:"string"}},badgeDot:{defaultValue:{value:"false"},description:"",name:"badgeDot",required:!1,type:{name:"boolean"}},loading:{defaultValue:{value:"false"},description:"",name:"loading",required:!1,type:{name:"boolean"}},fullHeightTrigger:{defaultValue:null,description:"",name:"fullHeightTrigger",required:!1,type:{name:"boolean"}},closeOnOptionClick:{defaultValue:{value:"true"},description:"",name:"closeOnOptionClick",required:!1,type:{name:"boolean"}},groupOrder:{defaultValue:null,description:"",name:"groupOrder",required:!1,type:{name:"string"}},overflowContainer:{defaultValue:{value:"true"},description:"",name:"overflowContainer",required:!1,type:{name:"boolean"}},maxHeight:{defaultValue:null,description:"",name:"maxHeight",required:!1,type:{name:"TStringOrNumber"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},open:{defaultValue:null,description:"",name:"open",required:!1,type:{name:"boolean"}},setOpen:{defaultValue:null,description:"",name:"setOpen",required:!1,type:{name:"((state: boolean) => void)"}},closeParent:{defaultValue:null,description:"",name:"closeParent",required:!1,type:{name:"TEmpty"}},tree:{defaultValue:null,description:"",name:"tree",required:!1,type:{name:"any"}},path:{defaultValue:null,description:"",name:"path",required:!1,type:{name:"any"}},isNested:{defaultValue:{value:"false"},description:"",name:"isNested",required:!1,type:{name:"boolean"}},tooltip:{defaultValue:null,description:"",name:"tooltip",required:!1,type:{name:"any"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"any"}},warning:{defaultValue:null,description:"",name:"warning",required:!1,type:{name:"any"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}}}}}catch{}try{Y.displayName="Menu",Y.__docgenInfo={description:"",displayName:"Menu",props:{menu:{defaultValue:null,description:"",name:"menu",required:!0,type:{name:"{ trigger: string; title?: string | undefined; colored?: string | boolean | undefined; small?: boolean | undefined; label?: ReactNode; component?: ReactNode; sections?: ReactNode | IMenuSection[]; ... 4 more ...; fullHeightTrigger?: boolean | undefined; }"}},contextMenu:{defaultValue:null,description:"",name:"contextMenu",required:!1,type:{name:"boolean"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},badgeTitle:{defaultValue:null,description:"",name:"badgeTitle",required:!1,type:{name:"string"}},badgeDot:{defaultValue:{value:"false"},description:"",name:"badgeDot",required:!1,type:{name:"boolean"}},loading:{defaultValue:{value:"false"},description:"",name:"loading",required:!1,type:{name:"boolean"}},fullHeightTrigger:{defaultValue:null,description:"",name:"fullHeightTrigger",required:!1,type:{name:"boolean"}},closeOnOptionClick:{defaultValue:{value:"true"},description:"",name:"closeOnOptionClick",required:!1,type:{name:"boolean"}},groupOrder:{defaultValue:null,description:"",name:"groupOrder",required:!1,type:{name:"string"}},overflowContainer:{defaultValue:{value:"true"},description:"",name:"overflowContainer",required:!1,type:{name:"boolean"}},maxHeight:{defaultValue:null,description:"",name:"maxHeight",required:!1,type:{name:"TStringOrNumber"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},open:{defaultValue:null,description:"",name:"open",required:!1,type:{name:"boolean"}},setOpen:{defaultValue:null,description:"",name:"setOpen",required:!1,type:{name:"((state: boolean) => void)"}},closeParent:{defaultValue:null,description:"",name:"closeParent",required:!1,type:{name:"TEmpty"}},tree:{defaultValue:null,description:"",name:"tree",required:!1,type:{name:"any"}},path:{defaultValue:null,description:"",name:"path",required:!1,type:{name:"any"}},isNested:{defaultValue:{value:"false"},description:"",name:"isNested",required:!1,type:{name:"boolean"}},tooltip:{defaultValue:null,description:"",name:"tooltip",required:!1,type:{name:"any"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"any"}},warning:{defaultValue:null,description:"",name:"warning",required:!1,type:{name:"any"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}}}}}catch{}const on=e=>{const{subActions:a,subMenuIcon:l,primary:r,testId:t,tooltip:s}=e,u=n.jsx(Q,{colored:r?!0:be.MUTED,basic:!r,round:!0,small:!0,icon:l||H.MENU,testId:t,tooltip:s});if(a.length){const c={trigger:N.COMPONENT,component:u,sections:a.map(i=>({type:"Option",label:i.label,icon:i.icon,testId:i.testId,disabled:i.disabled,onClick:p=>{p.stopPropagation(),p.preventDefault(),C.isFunction(i.onClick)&&i.onClick(p)}}))};return n.jsx(Y,{menu:c})}return null},K=e=>{const a=x.useContext(j),{actions:l=[],closeLayer:r}=e;return n.jsx("div",{className:I(Ce.actions),children:l.map((t,s)=>{if(!((t==null?void 0:t.hidden)||!t||!Object.keys(t).length))return t.childComponent&&ne.isValidElement(t.childComponent)?n.jsx("div",{"data-testid":t.testId,children:t.childComponent},s):t.subActions?n.jsx(on,{subActions:t.subActions,primary:t.primary,subMenuIcon:t.icon,testId:t.testId,tooltip:t.tooltip},s):n.jsx(Q,{colored:t.primary?!0:"muted",round:!0,basic:!t.primary,disabled:t.disabled,small:!0,name:String(t.label),icon:t.icon?t.icon:null,onClick:c=>{r&&r(),c.stopPropagation(),c.preventDefault(),!(t.disabled||a)&&C.isFunction(t.onClick)&&t.onClick(c)},testId:t.testId,tooltip:t.tooltip},s)})})};try{K.displayName="Actions",K.__docgenInfo={description:"",displayName:"Actions",props:{actions:{defaultValue:null,description:"",name:"actions",required:!0,type:{name:"IAction[]"}},closeLayer:{defaultValue:null,description:"",name:"closeLayer",required:!1,type:{name:"TEmpty"}}}}}catch{}export{K as A,Y as M};
@@ -1 +0,0 @@
1
- ._actions_1nid8_1{margin-left:auto;display:flex;flex-wrap:nowrap;justify-content:flex-end;align-items:center}._actions_1nid8_1>*:not(:last-child){margin-right:var(--padding-xxs)}._actionComponentContainer_1nid8_11{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#c8c8c8;position:relative;z-index:2;transition:color .2s;line-height:0}._actionComponentContainer_1nid8_11 i{margin:0;line-height:1!important}._actionComponentContainer_1nid8_11:hover,._actionComponentContainer_1nid8_11:focus{color:var(--color-text-primary-hover)}._actionComponentContainer_1nid8_11:active,._actionComponentContainer_1nid8_11._active_1nid8_33{color:var(--color-text-primary-active)}._wrapper_zibyd_1{display:inline-flex;max-width:100%}._layer_zibyd_5 ._wrapper_zibyd_1{width:100%}._layerContainer_zibyd_8{z-index:var(--zindex-dropdown)}._layer_zibyd_5{border:1px solid var(--color-border);border-radius:var(--border-radius);overflow:hidden;margin:2px 0;background:var(--color-background-layer);box-shadow:var(--shadow-layer);min-width:10em;max-width:30em;position:relative;overflow-y:auto}._layer_zibyd_5._nested_zibyd_23{margin:-1px 2px}._layer_zibyd_5 ul{margin:0;padding:0;list-style-type:none}._layer_zibyd_5 ul li{list-style:none;display:block}._fileInput_zibyd_35{width:100%;height:100%;opacity:0;position:absolute}._trigger_zibyd_41{display:inline-flex;align-items:center;cursor:pointer;max-width:100%}._layer_zibyd_5 ._trigger_zibyd_41{width:100%}._middleAlignedInline_zibyd_50{display:flex;align-items:center;overflow:hidden;width:100%}._heading_zibyd_56{color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase;font-size:var(--font-size-sm)}._heading_zibyd_56 ._headingIcon_zibyd_62{float:right}._heading_zibyd_56 ._headingIcon_zibyd_62 svg{color:var(--color-text-faint)}._heading_zibyd_56 ._headingIcon_zibyd_62:hover{cursor:pointer}._heading_zibyd_56 ._headingIcon_zibyd_62:hover svg{color:var(--color-text-primary-hover)}._option_zibyd_74{color:inherit;display:block}._heading_zibyd_56,._option_zibyd_74,._layer_zibyd_5 ._trigger_zibyd_41{padding:var(--padding-input);border:1px solid transparent}._option_zibyd_74,._layer_zibyd_5 ._trigger_zibyd_41{line-height:var(--line-height);display:flex;align-items:flex-start}._option_zibyd_74:hover,._layer_zibyd_5 ._trigger_zibyd_41:hover,._option_zibyd_74._active_zibyd_92,._layer_zibyd_5 ._trigger_zibyd_41._active_zibyd_92{background-color:var(--color-background-listitem-hover);cursor:pointer}._option_zibyd_74._selected_zibyd_97{background-color:var(--color-background-listitem-active)}._layer_zibyd_5 ._trigger_zibyd_41{align-items:center}._optionContent_zibyd_103{flex-wrap:wrap;margin-right:auto;position:relative}._inline_zibyd_108 ._optionContent_zibyd_103{display:flex;justify-content:space-between;flex-grow:1}._icon_zibyd_113,._check_zibyd_114{display:flex;flex-shrink:1;width:var(--size-xs);height:var(--line-height);font-size:var(--size-xs);justify-content:center;align-items:center}._icon_zibyd_113{margin-right:var(--padding-xs);color:var(--color-text-primary)}._icon_zibyd_113:empty{display:none}._icon_zibyd_113 img{max-height:16px;max-width:16px;width:auto;height:auto}._text_zibyd_136{display:inline-flex;align-items:center;cursor:pointer}._label_zibyd_141{margin-right:auto}._label_zibyd_141,._heading_zibyd_56{max-width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._description_zibyd_152{color:#999;display:block}._arrow_zibyd_156{margin-left:var(--padding-xxs);display:flex}._divider_zibyd_160{border:0;border-top:1px solid var(--color-border)}._deprecatedSemanticIcon_zibyd_164{color:var(--color-text-primary)!important;margin:-5px 0 0!important}._disabled_zibyd_168{color:var(--color-text-faint);pointer-events:none;cursor:not-allowed!important}._buttonLabel_zibyd_173{overflow:hidden;text-overflow:ellipsis;display:block;margin-right:auto}._buttonCaret_zibyd_179{display:flex;margin-left:var(--padding-xxs)}._component_zibyd_183{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}._right_zibyd_189{margin-left:auto;display:flex;align-items:center}._actions_zibyd_194{margin-left:var(--padding-xs);display:flex;align-items:center;margin-top:-2px;margin-bottom:-2px}
@@ -1 +0,0 @@
1
- ._inputInTable_p7a3o_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_p7a3o_1:not(:hover){border-color:transparent}._inputInTable_p7a3o_1:not(:focus){box-shadow:none}._inputHover_p7a3o_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_p7a3o_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_p7a3o_25,._inputWarning_p7a3o_26{position:relative}._inputError_p7a3o_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error)}._inputError_p7a3o_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_p7a3o_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_p7a3o_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning)}._inputWarning_p7a3o_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_p7a3o_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_p7a3o_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_p7a3o_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_p7a3o_67::-webkit-scrollbar{display:none}:root{--color-background-button-default: var(--color-neutral-0);--color-background-button-default-hover: var(--color-neutral-50);--color-background-button-default-active: var(--color-neutral-100);--color-border-button-default-active: var(--color-primary-500);--color-text-button-default-active: var(--color-primary-500);--color-background-button-primary: var(--color-primary-500);--color-background-button-primary-hover: var(--color-primary-550);--color-background-button-primary-active: var(--color-primary-600);--color-background-button-success: var(--color-success-500);--color-background-button-success-hover: var(--color-success-550);--color-background-button-success-active: var(--color-success-600);--color-background-button-error: var(--color-error-500);--color-background-button-error-hover: var(--color-error-550);--color-background-button-error-active: var(--color-error-600)}html[data-theme=dark]{--color-background-button-default: var(--color-neutral-800);--color-background-button-default-hover: var(--color-neutral-750);--color-background-button-default-active: var(--color-neutral-700);--color-text-button-default-active: white}._button_p7a3o_99{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;outline:0;border:1px solid var(--color-border);vertical-align:baseline;background:var(--color-background-button-default);color:var(--color-text);font-family:var(--font-family);padding:var(--padding-input);text-transform:none;text-shadow:none;line-height:var(--line-height);font-style:normal;text-align:center;text-decoration:none;border-radius:var(--border-radius);-webkit-user-select:none;user-select:none;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease,border-color .1s ease;max-width:100%;min-height:var(--size);box-shadow:var(--shadow-button);font-weight:700}._button_p7a3o_99:hover{background:var(--color-background-button-default-hover)}._button_p7a3o_99:focus{box-shadow:var(--shadow-focus)!important}._button_p7a3o_99:active{background:var(--color-background-button-default-active);box-shadow:none}._button_p7a3o_99._active_p7a3o_135:not(._green_p7a3o_135):not(._red_p7a3o_135):not(._orange_p7a3o_135){border-color:var(--color-border-button-default-active);color:var(--color-text-button-default-active);position:relative;z-index:2}._button_p7a3o_99:hover,._button_p7a3o_99:focus,._button_p7a3o_99:active{position:relative;z-index:1}._button_p7a3o_99 ._icon_p7a3o_147{margin:-2px;margin-right:var(--padding-xxs);font-size:var(--size-xs);display:flex}._iconOnly_p7a3o_153{width:var(--size);display:inline-flex;align-items:center;justify-content:center}._iconOnly_p7a3o_153 ._icon_p7a3o_147{margin:0;line-height:0}._basic_p7a3o_163{color:var(--color-text-primary);background:transparent;box-shadow:none!important;border:none!important}._basic_p7a3o_163._muted_p7a3o_169{color:var(--color-text-muted)}._basic_p7a3o_163:hover{color:var(--color-text-primary-hover);background:rgba(0,0,0,.05)}[data-theme=dark] ._basic_p7a3o_163:hover{background:rgba(255,255,255,.1)}._basic_p7a3o_163:active,._basic_p7a3o_163._active_p7a3o_135{color:var(--color-text-primary-active);background:rgba(0,0,0,.1)}[data-theme=dark] ._basic_p7a3o_163:active,[data-theme=dark] ._basic_p7a3o_163._active_p7a3o_135{background:rgba(255,255,255,.2)}._disabled_p7a3o_188{cursor:default;pointer-events:none!important;color:var(--color-text-faint)!important;box-shadow:none!important}._disabled_p7a3o_188:not(._active_p7a3o_135):not(._basic_p7a3o_163){background:var(--color-background-disabled)!important;border:1px solid var(--color-border)!important}._small_p7a3o_198{font-size:var(--font-size-sm);min-height:var(--size-sm);padding:var(--padding-input-sm)}._pill_p7a3o_203,._round_p7a3o_204{border-radius:19px;display:inline-flex;align-items:center}._round_p7a3o_204{padding:0;width:var(--size);line-height:1}._round_p7a3o_204._small_p7a3o_198{width:var(--size-sm)}._orange_p7a3o_135:not(._basic_p7a3o_163){background-color:var(--color-background-button-primary)}._orange_p7a3o_135:not(._basic_p7a3o_163):hover{background-color:var(--color-background-button-primary-hover)}._orange_p7a3o_135:not(._basic_p7a3o_163):active,._orange_p7a3o_135:not(._basic_p7a3o_163)._active_p7a3o_135{background-color:var(--color-background-button-primary-active)}._red_p7a3o_135:not(._basic_p7a3o_163){background-color:var(--color-background-button-error)}._red_p7a3o_135:not(._basic_p7a3o_163):hover{background-color:var(--color-background-button-error-hover)}._red_p7a3o_135:not(._basic_p7a3o_163):active,._red_p7a3o_135:not(._basic_p7a3o_163)._active_p7a3o_135{background-color:var(--color-background-button-error-active)}._red_p7a3o_135._basic_p7a3o_163{color:var(--color-text-error)}._green_p7a3o_135:not(._basic_p7a3o_163){background-color:var(--color-background-button-success)}._green_p7a3o_135:not(._basic_p7a3o_163):hover{background-color:var(--color-background-button-success-hover)}._green_p7a3o_135:not(._basic_p7a3o_163):active,._green_p7a3o_135:not(._basic_p7a3o_163)._active_p7a3o_135{background-color:var(--color-background-button-success-active)}._green_p7a3o_135._basic_p7a3o_163{color:var(--color-text-success)}._orange_p7a3o_135,._red_p7a3o_135,._green_p7a3o_135{border-color:transparent}._orange_p7a3o_135:not(._basic_p7a3o_163),._red_p7a3o_135:not(._basic_p7a3o_163),._green_p7a3o_135:not(._basic_p7a3o_163){color:#fff}._orange_p7a3o_135:not(._basic_p7a3o_163):hover,._red_p7a3o_135:not(._basic_p7a3o_163):hover,._green_p7a3o_135:not(._basic_p7a3o_163):hover{color:#fff}._orange_p7a3o_135:not(._basic_p7a3o_163):active,._red_p7a3o_135:not(._basic_p7a3o_163):active,._green_p7a3o_135:not(._basic_p7a3o_163):active,._orange_p7a3o_135:not(._basic_p7a3o_163)._active_p7a3o_135,._red_p7a3o_135:not(._basic_p7a3o_163)._active_p7a3o_135,._green_p7a3o_135:not(._basic_p7a3o_163)._active_p7a3o_135{color:#fff}._error_p7a3o_276{position:relative;z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error)}._error_p7a3o_276:hover{border-color:var(--color-border-error-hover)!important}._error_p7a3o_276:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._warning_p7a3o_293{position:relative;z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning)}._warning_p7a3o_293:hover{border-color:var(--color-border-warning-hover)!important}._warning_p7a3o_293:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inverted_p7a3o_310{background-color:transparent;border-color:var(--color-text);box-shadow:none}._inverted_p7a3o_310:hover,._inverted_p7a3o_310:active{box-shadow:none}._inverted_p7a3o_310._orange_p7a3o_135{color:var(--color-background-button-primary);border-color:var(--color-background-button-primary)}._inverted_p7a3o_310._red_p7a3o_135{color:var(--color-background-button-error);border-color:var(--color-background-button-error)}._inverted_p7a3o_310._green_p7a3o_135{color:var(--color-background-button-success);border-color:var(--color-background-button-success)}._inverted_p7a3o_310._orange_p7a3o_135:hover,._inverted_p7a3o_310._red_p7a3o_135:hover,._inverted_p7a3o_310._green_p7a3o_135:hover,._inverted_p7a3o_310._orange_p7a3o_135:active,._inverted_p7a3o_310._red_p7a3o_135:active,._inverted_p7a3o_310._green_p7a3o_135:active{color:#fff;box-shadow:none}._groupOrderFirst_p7a3o_340,._groupOrderMiddle_p7a3o_341,._groupOrderLast_p7a3o_342{margin-right:0}._groupOrderFirst_p7a3o_340,._groupOrderMiddle_p7a3o_341{border-top-right-radius:0!important;border-bottom-right-radius:0!important}._groupOrderLast_p7a3o_342,._groupOrderMiddle_p7a3o_341{border-top-left-radius:0!important;border-bottom-left-radius:0!important}
@@ -1 +0,0 @@
1
- import{j as r}from"./jsx-runtime-f961835c.js";import{r as M}from"./index-f80c8c95.js";import{c as j}from"./index-a80ed1cf.js";import{C as t,G as f}from"./common-types-2c81813f.js";import{D as w}from"./disabled-context-d654f6ff.js";import{S as C}from"./spinner-cb92a546.js";import{I as F}from"./icon-afbea088.js";import{T as R}from"./tooltip-23e84186.js";const U="_inputInTable_p7a3o_1",D="_inputHover_p7a3o_13",L="_inputFocus_p7a3o_18",G="_inputError_p7a3o_25",H="_inputWarning_p7a3o_26",W="_inputDisabled_p7a3o_61",k="_hideScrollbars_p7a3o_67",A="_button_p7a3o_99",z="_active_p7a3o_135",J="_green_p7a3o_135",K="_red_p7a3o_135",P="_orange_p7a3o_135",Q="_icon_p7a3o_147",X="_iconOnly_p7a3o_153",Y="_basic_p7a3o_163",Z="_muted_p7a3o_169",$="_disabled_p7a3o_188",ee="_small_p7a3o_198",ae="_pill_p7a3o_203",re="_round_p7a3o_204",ne="_error_p7a3o_276",te="_warning_p7a3o_293",le="_inverted_p7a3o_310",oe="_groupOrderFirst_p7a3o_340",se="_groupOrderMiddle_p7a3o_341",ie="_groupOrderLast_p7a3o_342",e={inputInTable:U,inputHover:D,inputFocus:L,inputError:G,inputWarning:H,inputDisabled:W,hideScrollbars:k,button:A,active:z,green:J,red:K,orange:P,icon:Q,iconOnly:X,basic:Y,muted:Z,disabled:$,small:ee,pill:ae,round:re,error:ne,warning:te,inverted:le,groupOrderFirst:oe,groupOrderMiddle:se,groupOrderLast:ie};var l=(a=>(a.SUBMIT="submit",a.BUTTON="button",a.RESET="reset",a))(l||{});const ue=({children:a,tooltip:n=null})=>n?r.jsx(R,{text:n,display:"inline-flex",children:a}):r.jsx(r.Fragment,{children:a}),g=({active:a=!1,basic:n=!1,colored:o=!1,disabled:u=!1,groupOrder:d=null,icon:s=null,label:p="",loading:c=!1,name:b,pill:v=!1,round:y=!1,small:i=!1,styles:O="",width:q="",title:_="",type:T=l.BUTTON,onClick:V=()=>{},error:x,warning:E,testId:S,tooltip:N,inverted:B=!1})=>{const m=M.useContext(w),I=(()=>{if(o)switch(o){case t.DANGER:case t.RED:return e.red;case t.SUCCESS:case t.GREEN:return e.green;case t.MUTED:return e.muted;default:return e.orange}return""})(),h=(()=>{if(d)switch(d){case f.FIRST:return e.groupOrderFirst;case f.LAST:return e.groupOrderLast;default:return e.groupOrderMiddle}return""})();return r.jsx(ue,{tooltip:N,children:r.jsxs("button",{type:T===l.SUBMIT?l.SUBMIT:l.BUTTON,className:j(e.button,a?e.active:"",n?e.basic:"",I,u||m?e.disabled:"",(s||c)&&!p?e.iconOnly:"",B?e.inverted:"",h,v?e.pill:"",y?e.round:"",i?e.small:"",x?e.error:E?e.warning:"",O),disabled:u||m,name:b??"",onClick:V,..._?{title:_}:{},style:{width:q},"data-testid":S,children:[s&&r.jsx("span",{className:e.icon,children:r.jsx(F,{icon:s})}),c&&r.jsx("span",{className:e.icon,children:r.jsx(C,{small:!i,tiny:i,dark:!o&&!n,colored:n})}),p]})})};try{g.displayName="Button",g.__docgenInfo={description:"",displayName:"Button",props:{active:{defaultValue:{value:"false"},description:"",name:"active",required:!1,type:{name:"boolean"}},basic:{defaultValue:{value:"false"},description:"",name:"basic",required:!1,type:{name:"boolean"}},colored:{defaultValue:{value:"false"},description:"",name:"colored",required:!1,type:{name:"string | boolean"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},groupOrder:{defaultValue:{value:"null"},description:"",name:"groupOrder",required:!1,type:{name:"string | null"}},icon:{defaultValue:{value:"null"},description:"",name:"icon",required:!1,type:{name:"ReactNode"}},label:{defaultValue:{value:""},description:"",name:"label",required:!1,type:{name:"ReactNode"}},loading:{defaultValue:{value:"false"},description:"",name:"loading",required:!1,type:{name:"boolean"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string | null"}},onClick:{defaultValue:{value:"() => {}"},description:"",name:"onClick",required:!1,type:{name:"((evt: MouseEvent<HTMLButtonElement, MouseEvent>) => void)"}},pill:{defaultValue:{value:"false"},description:"",name:"pill",required:!1,type:{name:"boolean"}},round:{defaultValue:{value:"false"},description:"",name:"round",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},styles:{defaultValue:{value:""},description:"",name:"styles",required:!1,type:{name:"string"}},width:{defaultValue:{value:""},description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},title:{defaultValue:{value:""},description:"",name:"title",required:!1,type:{name:"string"}},type:{defaultValue:{value:"ButtonType.BUTTON"},description:"",name:"type",required:!1,type:{name:"string"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"string"}},warning:{defaultValue:null,description:"",name:"warning",required:!1,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},tooltip:{defaultValue:{value:"null"},description:"",name:"tooltip",required:!1,type:{name:"ReactNode"}},inverted:{defaultValue:{value:"false"},description:"",name:"inverted",required:!1,type:{name:"boolean"}}}}}catch{}export{g as B,l as a};
@@ -1,61 +0,0 @@
1
- import{j as f}from"./jsx-runtime-f961835c.js";import{B as T}from"./button-group-40082468.js";import"./index-f80c8c95.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./button-fa6a59b2.js";import"./index-a80ed1cf.js";import"./spinner-cb92a546.js";import"./index-c89a1915.js";import"./icon-afbea088.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";const D=[{key:"0",label:"Aardvarks",value:"termites"},{key:"1",label:"Kangaroos",value:"grass"},{key:"2",label:"Monkeys",value:"bananas"},{key:"3",label:"Possums",value:"slugs",hidden:!0},{key:"4",label:"Pandas",value:"bamboo",disabled:!0}],N=[{key:"0",label:"Upload",value:"upload",icon:"upload"},{key:"1",label:"Delete",value:"delete",icon:"delete"},{key:"2",label:"Help",value:"help",icon:"help"}],E=["One","Two","Three"],w=[["first_item","One"],["second_item","Two"],["third_item","Three"]],I=[{key:"0",label:"Aardvarks",value:"termites",tooltip:"Eats 50k termites / night"},{key:"1",label:"Kangaroos",value:"grass",tooltip:f.jsx("span",{children:"Babies are called joeys"})},{key:"2",label:"Monkeys",value:"bananas",warning:"A bit cheeky"},{key:"3",label:"Pandas",value:"bamboo",disabled:!0,tooltip:"Extinct"}],{useArgs:K}=__STORYBOOK_MODULE_ADDONS__,ee={title:"Forms/ButtonGroup",component:T,args:{disabled:!1,items:D,value:"0",small:!1,testId:void 0,onSelected:()=>{}}},s=C=>{const[M,j]=K(),B=G=>{j({value:G})};return f.jsx(T,{...C,onSelected:B})},o=s.bind({}),a=s.bind({});a.args={items:N};const t=s.bind({});t.args={items:I};const n=s.bind({});n.args={disabled:!0};const e=s.bind({});e.args={items:E};e.parameters={docs:{description:{story:"For simple cases when button key, label and value are the same."}}};const r=s.bind({});r.args={items:w};r.parameters={docs:{description:{story:"Avoid this deprecated legacy usage (still supported, but may be removed in future)."}}};var l,i,u;o.parameters={...o.parameters,docs:{...(l=o.parameters)==null?void 0:l.docs,source:{originalSource:`args => {
2
- const [_, updateArgs] = useArgs();
3
- const handleChange = (evt: TStringOrNumber) => {
4
- updateArgs({
5
- value: evt
6
- });
7
- };
8
- return <ButtonGroup
9
- // eslint-disable-next-line react/jsx-props-no-spreading
10
- {...args} onSelected={handleChange} />;
11
- }`,...(u=(i=o.parameters)==null?void 0:i.docs)==null?void 0:u.source}}};var d,p,c;a.parameters={...a.parameters,docs:{...(d=a.parameters)==null?void 0:d.docs,source:{originalSource:`args => {
12
- const [_, updateArgs] = useArgs();
13
- const handleChange = (evt: TStringOrNumber) => {
14
- updateArgs({
15
- value: evt
16
- });
17
- };
18
- return <ButtonGroup
19
- // eslint-disable-next-line react/jsx-props-no-spreading
20
- {...args} onSelected={handleChange} />;
21
- }`,...(c=(p=a.parameters)==null?void 0:p.docs)==null?void 0:c.source}}};var g,m,b;t.parameters={...t.parameters,docs:{...(g=t.parameters)==null?void 0:g.docs,source:{originalSource:`args => {
22
- const [_, updateArgs] = useArgs();
23
- const handleChange = (evt: TStringOrNumber) => {
24
- updateArgs({
25
- value: evt
26
- });
27
- };
28
- return <ButtonGroup
29
- // eslint-disable-next-line react/jsx-props-no-spreading
30
- {...args} onSelected={handleChange} />;
31
- }`,...(b=(m=t.parameters)==null?void 0:m.docs)==null?void 0:b.source}}};var h,v,A;n.parameters={...n.parameters,docs:{...(h=n.parameters)==null?void 0:h.docs,source:{originalSource:`args => {
32
- const [_, updateArgs] = useArgs();
33
- const handleChange = (evt: TStringOrNumber) => {
34
- updateArgs({
35
- value: evt
36
- });
37
- };
38
- return <ButtonGroup
39
- // eslint-disable-next-line react/jsx-props-no-spreading
40
- {...args} onSelected={handleChange} />;
41
- }`,...(A=(v=n.parameters)==null?void 0:v.docs)==null?void 0:A.source}}};var y,S,O;e.parameters={...e.parameters,docs:{...(y=e.parameters)==null?void 0:y.docs,source:{originalSource:`args => {
42
- const [_, updateArgs] = useArgs();
43
- const handleChange = (evt: TStringOrNumber) => {
44
- updateArgs({
45
- value: evt
46
- });
47
- };
48
- return <ButtonGroup
49
- // eslint-disable-next-line react/jsx-props-no-spreading
50
- {...args} onSelected={handleChange} />;
51
- }`,...(O=(S=e.parameters)==null?void 0:S.docs)==null?void 0:O.source}}};var k,x,_;r.parameters={...r.parameters,docs:{...(k=r.parameters)==null?void 0:k.docs,source:{originalSource:`args => {
52
- const [_, updateArgs] = useArgs();
53
- const handleChange = (evt: TStringOrNumber) => {
54
- updateArgs({
55
- value: evt
56
- });
57
- };
58
- return <ButtonGroup
59
- // eslint-disable-next-line react/jsx-props-no-spreading
60
- {...args} onSelected={handleChange} />;
61
- }`,...(_=(x=r.parameters)==null?void 0:x.docs)==null?void 0:_.source}}};const re=["Default","Icons","Tooltips","Disabled","ArrayOfStrings","ArrayOfArrays"];export{r as ArrayOfArrays,e as ArrayOfStrings,o as Default,n as Disabled,a as Icons,t as Tooltips,re as __namedExportsOrder,ee as default};
@@ -1,61 +0,0 @@
1
- import{j as o}from"./jsx-runtime-f961835c.js";import{F as Z}from"./flex-47732c42.js";import{B as e,a as $}from"./button-fa6a59b2.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./spinner-cb92a546.js";import"./index-c89a1915.js";import"./icon-afbea088.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";const mr={title:"Forms/Button",component:e,parameters:{canvas:{page:null}},argTypes:{colored:{control:{type:"inline-radio"},options:{off:!1,primary:"primary",success:"success",danger:"danger",muted:"muted"}},icon:{control:{type:"inline-radio"},options:{off:void 0,on:"delete"}}},args:{label:"Label"}},r=m=>o.jsxs(Z,{gap:"var(--padding-sm)",children:[o.jsx(e,{...m}),o.jsx(e,{colored:!0,...m}),o.jsx(e,{colored:"success",...m}),o.jsx(e,{colored:"danger",...m})]}),B=r.bind({}),s=r.bind({});s.args={small:!0};const a=r.bind({});a.args={basic:!0};const t=r.bind({});t.args={active:!0};const n=r.bind({});n.args={disabled:!0};const c=r.bind({});c.args={icon:"delete"};const d=r.bind({});d.args={round:!0,icon:"delete",label:void 0};const u=r.bind({});u.args={round:!0,icon:"delete",label:void 0,colored:"muted",basic:!0};const l=r.bind({});l.args={width:"100%"};const g=r.bind({});g.args={type:$.SUBMIT};const p=r.bind({});p.args={label:"Lorem ipsum dolor est compendum",width:"100px",small:!0};const i=r.bind({});i.args={tooltip:"Tooltip goes here"};var x,F,b;B.parameters={...B.parameters,docs:{...(x=B.parameters)==null?void 0:x.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
2
- <Button {...args} />
3
- <Button colored {...args} />
4
- <Button colored="success" {...args} />
5
- <Button colored="danger" {...args} />
6
- </Flex>`,...(b=(F=B.parameters)==null?void 0:F.docs)==null?void 0:b.source}}};var v,S,f;s.parameters={...s.parameters,docs:{...(v=s.parameters)==null?void 0:v.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
7
- <Button {...args} />
8
- <Button colored {...args} />
9
- <Button colored="success" {...args} />
10
- <Button colored="danger" {...args} />
11
- </Flex>`,...(f=(S=s.parameters)==null?void 0:S.docs)==null?void 0:f.source}}};var T,h,j;a.parameters={...a.parameters,docs:{...(T=a.parameters)==null?void 0:T.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
12
- <Button {...args} />
13
- <Button colored {...args} />
14
- <Button colored="success" {...args} />
15
- <Button colored="danger" {...args} />
16
- </Flex>`,...(j=(h=a.parameters)==null?void 0:h.docs)==null?void 0:j.source}}};var y,W,R;t.parameters={...t.parameters,docs:{...(y=t.parameters)==null?void 0:y.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
17
- <Button {...args} />
18
- <Button colored {...args} />
19
- <Button colored="success" {...args} />
20
- <Button colored="danger" {...args} />
21
- </Flex>`,...(R=(W=t.parameters)==null?void 0:W.docs)==null?void 0:R.source}}};var D,I,M;n.parameters={...n.parameters,docs:{...(D=n.parameters)==null?void 0:D.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
22
- <Button {...args} />
23
- <Button colored {...args} />
24
- <Button colored="success" {...args} />
25
- <Button colored="danger" {...args} />
26
- </Flex>`,...(M=(I=n.parameters)==null?void 0:I.docs)==null?void 0:M.source}}};var _,w,A;c.parameters={...c.parameters,docs:{...(_=c.parameters)==null?void 0:_.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
27
- <Button {...args} />
28
- <Button colored {...args} />
29
- <Button colored="success" {...args} />
30
- <Button colored="danger" {...args} />
31
- </Flex>`,...(A=(w=c.parameters)==null?void 0:w.docs)==null?void 0:A.source}}};var E,L,O;d.parameters={...d.parameters,docs:{...(E=d.parameters)==null?void 0:E.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
32
- <Button {...args} />
33
- <Button colored {...args} />
34
- <Button colored="success" {...args} />
35
- <Button colored="danger" {...args} />
36
- </Flex>`,...(O=(L=d.parameters)==null?void 0:L.docs)==null?void 0:O.source}}};var U,k,q;u.parameters={...u.parameters,docs:{...(U=u.parameters)==null?void 0:U.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
37
- <Button {...args} />
38
- <Button colored {...args} />
39
- <Button colored="success" {...args} />
40
- <Button colored="danger" {...args} />
41
- </Flex>`,...(q=(k=u.parameters)==null?void 0:k.docs)==null?void 0:q.source}}};var z,C,G;l.parameters={...l.parameters,docs:{...(z=l.parameters)==null?void 0:z.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
42
- <Button {...args} />
43
- <Button colored {...args} />
44
- <Button colored="success" {...args} />
45
- <Button colored="danger" {...args} />
46
- </Flex>`,...(G=(C=l.parameters)==null?void 0:C.docs)==null?void 0:G.source}}};var H,J,K;g.parameters={...g.parameters,docs:{...(H=g.parameters)==null?void 0:H.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
47
- <Button {...args} />
48
- <Button colored {...args} />
49
- <Button colored="success" {...args} />
50
- <Button colored="danger" {...args} />
51
- </Flex>`,...(K=(J=g.parameters)==null?void 0:J.docs)==null?void 0:K.source}}};var N,P,Q;p.parameters={...p.parameters,docs:{...(N=p.parameters)==null?void 0:N.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
52
- <Button {...args} />
53
- <Button colored {...args} />
54
- <Button colored="success" {...args} />
55
- <Button colored="danger" {...args} />
56
- </Flex>`,...(Q=(P=p.parameters)==null?void 0:P.docs)==null?void 0:Q.source}}};var V,X,Y;i.parameters={...i.parameters,docs:{...(V=i.parameters)==null?void 0:V.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
57
- <Button {...args} />
58
- <Button colored {...args} />
59
- <Button colored="success" {...args} />
60
- <Button colored="danger" {...args} />
61
- </Flex>`,...(Y=(X=i.parameters)==null?void 0:X.docs)==null?void 0:Y.source}}};const Br=["Default","Small","Basic","Active","Disabled","WithIcon","Round","RoundMuted","FullWidth","Submit","TestSmallButtonWrapping","Tooltip"];export{t as Active,a as Basic,B as Default,n as Disabled,l as FullWidth,d as Round,u as RoundMuted,s as Small,g as Submit,p as TestSmallButtonWrapping,i as Tooltip,c as WithIcon,Br as __namedExportsOrder,mr as default};
@@ -1 +0,0 @@
1
- import{_ as e}from"./iframe-36d77c8a.js";import"../sb-preview/runtime.js";var a={docs:{renderer:async()=>{let{DocsRenderer:r}=await e(()=>import("./DocsRenderer-NNNQARDV-e3c787ae.js"),["./DocsRenderer-NNNQARDV-e3c787ae.js","./chunk-HLWAVYOI-d25a1669.js","./iframe-36d77c8a.js","./index-f80c8c95.js","./react-16-147b12fd.js","./index-3d476d02.js","./index-bcaf70cf.js","./inheritsLoose-d4851ab8.js","./assertThisInitialized-081f9914.js","./index-97a99495.js"],import.meta.url);return new r}}};export{a as parameters};
@@ -1,39 +0,0 @@
1
- import{j as d}from"./jsx-runtime-f961835c.js";import{n as V,s as q}from"./styled-components.browser.esm-416d73e5.js";import{r as x,R as $}from"./index-f80c8c95.js";import{P as a}from"./index-c89a1915.js";import{c as T}from"./index-a80ed1cf.js";const _=V`
2
- scrollbar-width: none;
3
- -ms-overflow-style: none;
4
- &::-webkit-scrollbar {
5
- display: none;
6
- }
7
- `,R=q.div`
8
- position: relative; // for react-laag
9
- display: flex;
10
- flex-direction: column;
11
- min-width: 0;
12
- flex-basis: ${e=>e.width||"auto"};
13
- flex-grow: ${e=>!e.width&&e.flex?"1":"0"};
14
- flex-shrink: ${e=>e.width||!e.flex?"0":"1"};
15
- overflow: ${e=>e.scroll?"auto":"initial"};
16
- background: ${e=>e.background};
17
- border-left: ${e=>e.borderLeft===!0?"1px solid var(--color-border)":e.borderLeft};
18
- border-right: ${e=>e.borderRight===!0?"1px solid var(--color-border)":e.borderRight};
19
- padding: ${e=>e.spacing?`0 calc(${e.spacing} / 2)`:"0"};
20
- ${e=>!e.showScrollbar&&_}
21
-
22
- @media (max-width: 992px) {
23
- ${e=>e.widthTablet&&`flex-basis: ${e.widthTablet};`}
24
- }
25
-
26
- @media (max-width: 575px) {
27
- ${e=>e.widthMobile&&`flex-basis: ${e.widthMobile};`}
28
- }
29
-
30
- > .inner {
31
- flex-basis: 100%;
32
- position: relative;
33
- z-index: 0;
34
- min-height: 0;
35
- display: ${e=>e.flexbox&&!e.scroll?"flex":"block"};
36
- ${e=>e.flexbox&&"flex-direction: column;"}
37
- padding: ${e=>e.padding===!0?"var(--padding)":e.padding};
38
- }
39
- `,v=({background:e="transparent",borderLeft:u,borderRight:t,children:o=null,flex:m=!0,flexbox:f=!1,padding:p=!1,scroll:l=!1,showScrollbar:c=!0,spacing:g="var(--padding)",width:n,widthMobile:h,widthTablet:b,testId:r})=>{const i=s=>typeof s=="string"?s:typeof s=="number"?`${s}px`:void 0,w=R;return d.jsx(w,{background:e,borderLeft:u,borderRight:t,flex:m,flexbox:f,padding:p,scroll:l,showScrollbar:c,spacing:g,width:i(n),widthTablet:i(b),widthMobile:i(h),children:d.jsx("div",{className:"inner","data-testid":r,children:o})})};try{v.displayName="Column",v.__docgenInfo={description:"",displayName:"Column",props:{background:{defaultValue:{value:"transparent"},description:"",name:"background",required:!1,type:{name:"string"}},borderLeft:{defaultValue:null,description:"",name:"borderLeft",required:!1,type:{name:"string | boolean"}},borderRight:{defaultValue:null,description:"",name:"borderRight",required:!1,type:{name:"string | boolean"}},flex:{defaultValue:{value:"true"},description:"",name:"flex",required:!1,type:{name:"boolean"}},flexbox:{defaultValue:{value:"false"},description:"",name:"flexbox",required:!1,type:{name:"boolean"}},padding:{defaultValue:{value:"false"},description:"",name:"padding",required:!1,type:{name:"string | boolean"}},scroll:{defaultValue:{value:"false"},description:"",name:"scroll",required:!1,type:{name:"boolean"}},showScrollbar:{defaultValue:{value:"true"},description:"",name:"showScrollbar",required:!1,type:{name:"boolean"}},spacing:{defaultValue:{value:"var(--padding)"},description:"",name:"spacing",required:!1,type:{name:"string | number"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"string | number"}},widthMobile:{defaultValue:null,description:"",name:"widthMobile",required:!1,type:{name:"string | number"}},widthTablet:{defaultValue:null,description:"",name:"widthTablet",required:!1,type:{name:"string | number"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const j="_row_n16je_1",I={row:j},y=({alignItems:e,justifyContent:u,children:t,flex:o,height:m,marginBottom:f,marginTop:p,spacing:l,wrap:c,testId:g})=>{const n=typeof l=="number"?`${l}px`:l,b=(t===null||t===!1?[]:t instanceof Array?t.filter(r=>x.isValidElement(r)):[t]).map((r,i)=>d.jsx(x.Fragment,{children:$.cloneElement(r,{spacing:n})},i));return d.jsx("div",{className:T(I.row),style:{alignItems:e,justifyContent:u,flexGrow:o?1:0,flexShrink:o?1:0,flexWrap:c?"wrap":"nowrap",height:m,marginLeft:`calc(${n} / -2)`,marginRight:`calc(${n} / -2)`,marginBottom:f,marginTop:p},"data-testid":g,children:b})};y.defaultProps={alignItems:"initial",justifyContent:"initial",children:null,flex:!1,height:"auto",marginBottom:"0",marginTop:"0",spacing:"var(--padding)",wrap:!1,testId:null};y.propTypes={alignItems:a.string,justifyContent:a.string,children:a.node,flex:a.bool,height:a.oneOfType([a.string,a.number]),marginBottom:a.oneOfType([a.string,a.number]),marginTop:a.oneOfType([a.string,a.number]),spacing:a.oneOfType([a.string,a.number]),wrap:a.bool,testId:a.string};y.__docgenInfo={description:"",methods:[],displayName:"Row",props:{alignItems:{defaultValue:{value:"'initial'",computed:!1},description:"",type:{name:"string"},required:!1},justifyContent:{defaultValue:{value:"'initial'",computed:!1},description:"",type:{name:"string"},required:!1},children:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"node"},required:!1},flex:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},height:{defaultValue:{value:"'auto'",computed:!1},description:"",type:{name:"union",value:[{name:"string"},{name:"number"}]},required:!1},marginBottom:{defaultValue:{value:"'0'",computed:!1},description:"",type:{name:"union",value:[{name:"string"},{name:"number"}]},required:!1},marginTop:{defaultValue:{value:"'0'",computed:!1},description:"",type:{name:"union",value:[{name:"string"},{name:"number"}]},required:!1},spacing:{defaultValue:{value:"'var(--padding)'",computed:!1},description:"",type:{name:"union",value:[{name:"string"},{name:"number"}]},required:!1},wrap:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},testId:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"string"},required:!1}}};export{v as C,y as R};
@@ -1 +0,0 @@
1
- :root{--size-topbar: var(--size-xl);--color-link-border-hover: var(--color-neutral-100);--shadow-topbar: var(--shadow-layer);--border-top-bar: none}[data-theme=dark]{--color-link-border-hover: var(--color-neutral-600);--border-topbar: 1px var(--color-border)}._topbar_11jto_11{top:0;left:0;z-index:var(--zindex-topbar);width:100%;box-shadow:var(--shadow-topbar);border-bottom:var(--border-topbar);background:var(--color-background-raised);display:flex}._topbar_11jto_11._fixed_11jto_21{position:fixed}@media print{._topbar_11jto_11{display:none!important}}._appSwitcher_11jto_29{color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:var(--color-neutral-700);aspect-ratio:1;font-size:var(--size);position:relative}._appSwitcher_11jto_29:hover{background-color:var(--color-neutral-750)}._appSwitcher_11jto_29:active{background-color:var(--color-neutral-800)}[data-theme=dark] ._appSwitcher_11jto_29{background-color:var(--color-neutral-900)}[data-theme=dark] ._appSwitcher_11jto_29:hover{background-color:var(--color-neutral-950)}[data-theme=dark] ._appSwitcher_11jto_29:active{background-color:var(--color-neutral-1000)}._appSwitcher_11jto_29>*{position:relative;z-index:1}._appSwitcher_11jto_29:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(./bg-rock-164a1bdb.jpg);z-index:0;transition:opacity .2s}._appSwitcher_11jto_29:hover:after{opacity:.75}._appSwitcher_11jto_29:active:after{opacity:.5}._title_11jto_73{display:flex;align-items:center;justify-content:center;margin:0;padding:0;position:relative}._title_11jto_73 img,._title_11jto_73 svg{max-height:var(--size-lg);max-width:300px;height:auto;width:auto;color:var(--color-text)}._title_11jto_73 ._logo_11jto_89{display:flex}._title_11jto_73 ._label_11jto_92{color:var(--color-text);white-space:nowrap;font-weight:700}._brand_11jto_97{padding:0;position:relative;flex-shrink:0}._version_11jto_102{line-height:1;position:absolute;right:0;bottom:100%;font-size:var(--font-size-xs)}._left_11jto_109,._right_11jto_110{display:flex;min-width:0}._left_11jto_109{gap:var(--padding);padding-left:var(--padding)}._right_11jto_110{margin-left:auto;flex-shrink:0;padding-right:var(--padding-xs);gap:var(--padding-xs)}._item_11jto_124,._link_11jto_125{align-items:center;display:flex}._item_11jto_124{position:relative;transition:background .1s ease,box-shadow .1s ease,color .1s ease;-webkit-user-select:none;user-select:none;vertical-align:middle;min-width:0;max-width:50vw}._item_11jto_124._button_11jto_137,._item_11jto_124._menu_11jto_138{flex-shrink:0}._label_11jto_92{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;max-width:100%}._link_11jto_125{text-decoration:none;color:var(--color-text-primary);cursor:pointer;max-width:100%;font-weight:700;height:100%}._link_11jto_125 svg{margin-right:var(--padding-xxs);flex-shrink:0}._link_11jto_125:hover{color:var(--color-text-primary-hover)}._link_11jto_125:active{color:var(--color-text-primary-active)}._link_11jto_125._active_11jto_166{color:var(--color-text)}._link_11jto_125:hover,._link_11jto_125._active_11jto_166{background-color:transparent}._link_11jto_125:after{content:"";position:absolute;left:0;right:0;bottom:0;border-bottom:1px solid transparent}._link_11jto_125:hover:after{border-color:var(--color-link-border-hover)}._link_11jto_125._active_11jto_166:after{border-color:var(--color-background-primary)}._link_11jto_125[disabled]{pointer-events:none;color:var(--color-text-faint)}._alert_11jto_191{background-color:var(--color-background-primary);color:#fff;text-align:center;position:fixed;top:var(--size-topbar);left:0;right:0;z-index:var(--zindex-topbar-alert);padding:var(--padding-sm)}