@oliasoft-open-source/react-ui-library 4.9.0 → 4.9.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (65) hide show
  1. package/dist/index.js +83 -143
  2. package/dist/index.js.map +1 -1
  3. package/dist/storybook/assets/{Color-KGDBMAHA-BnHaqcsT.js → Color-KGDBMAHA-sr_lo8VN.js} +1 -1
  4. package/dist/storybook/assets/{DocsRenderer-PKQXORMH-DcoD1y-5.js → DocsRenderer-PKQXORMH-Dio4TQT6.js} +1 -1
  5. package/dist/storybook/assets/{accordion.stories-D0wb2n-9.js → accordion.stories-BtQXhKld.js} +2 -2
  6. package/dist/storybook/assets/{afe.stories-DM18uTAa.js → afe.stories-DFQsvqIV.js} +2 -2
  7. package/dist/storybook/assets/{buttons-and-links-jPZ2UUsp.js → buttons-and-links-BOcv8xIU.js} +1 -1
  8. package/dist/storybook/assets/{casing-loads.stories-Dga1QkGC.js → casing-loads.stories-1KCWDoR3.js} +2 -2
  9. package/dist/storybook/assets/{cell.stories-DfyQwzEH.js → cell.stories-CBq3IOiP.js} +2 -2
  10. package/dist/storybook/assets/{chunk-HLWAVYOI-D2AwGCE9.js → chunk-HLWAVYOI-SLqzrZ8s.js} +1 -1
  11. package/dist/storybook/assets/{color-CLf9xt55.js → color-D1FmkH7Y.js} +1 -1
  12. package/dist/storybook/assets/footer.stories-D-rIL9Q8.js +3 -0
  13. package/dist/storybook/assets/form.stories-BrUnmw7R.js +49 -0
  14. package/dist/storybook/assets/{formation.stories-CZGQhWyA.js → formation.stories-ByGQlyM6.js} +2 -2
  15. package/dist/storybook/assets/iframe-NUuxNiwO.js +2 -0
  16. package/dist/storybook/assets/{index-Sr04i8ct.js → index-Bhtru3gK.js} +4 -4
  17. package/dist/storybook/assets/{index-BQ_6rM6u.js → index-DNcuiqfZ.js} +1 -1
  18. package/dist/storybook/assets/{input-group.stories-EhmORqH9.js → input-group.stories-CElwRt3p.js} +3 -3
  19. package/dist/storybook/assets/{input-validation-Tr-aD1VJ.js → input-validation-FFJCXfNa.js} +2 -2
  20. package/dist/storybook/assets/{inputs-BGIgggtv.js → inputs-D3ZjmDIl.js} +1 -1
  21. package/dist/storybook/assets/{layout-forms-n-mRkolR.js → layout-forms-DNUCHjRh.js} +5 -5
  22. package/dist/storybook/assets/{layout-general-CNsKoPG6.js → layout-general-CuxE1EOt.js} +1 -1
  23. package/dist/storybook/assets/{modal.stories-C6Bh0Oda.js → modal.stories-LhoWfDE6.js} +2 -2
  24. package/dist/storybook/assets/number-input-F3bqJ0z5.js +16 -0
  25. package/dist/storybook/assets/number-input.stories-Dw2eW2Mc.js +166 -0
  26. package/dist/storybook/assets/{padding-and-spacing-B10oZ-Ww.js → padding-and-spacing-B-LaxRb4.js} +1 -1
  27. package/dist/storybook/assets/{pagination-DWc8zp3k.js → pagination-CLt-kUlx.js} +1 -1
  28. package/dist/storybook/assets/{pagination.stories-B5cOvzik.js → pagination.stories-CTRM0Xou.js} +2 -2
  29. package/dist/storybook/assets/popover.stories-CGm0M5fv.js +10 -0
  30. package/dist/storybook/assets/{preview-Cym3ID9p.js → preview-ClcAw55r.js} +2 -2
  31. package/dist/storybook/assets/{preview-pQMX-q5x.js → preview-DQgT2zeu.js} +1 -1
  32. package/dist/storybook/assets/{projects.stories-Co_WnKSx.js → projects.stories-BQswWVCx.js} +2 -2
  33. package/dist/storybook/assets/{radio-button-C4ljBRED.js → radio-button-DmDuw4DA.js} +1 -1
  34. package/dist/storybook/assets/{radio-button.stories-BzyW2CtK.js → radio-button.stories-5gvV0LD0.js} +2 -2
  35. package/dist/storybook/assets/{reservoirs.stories-UW_8sofe.js → reservoirs.stories-B12tIrmZ.js} +2 -2
  36. package/dist/storybook/assets/{rich-text-input.stories-0pm7-gTq.js → rich-text-input.stories-hAHCnDHk.js} +3 -3
  37. package/dist/storybook/assets/{row.stories-B8OWE9yd.js → row.stories-ghcsAzwW.js} +2 -2
  38. package/dist/storybook/assets/select-DnRuRG_N.js +61 -0
  39. package/dist/storybook/assets/select.input-D0UkAPd9.js +1 -0
  40. package/dist/storybook/assets/{select.stories-B0KIHiMX.js → select.stories-B9w9ONzj.js} +2 -2
  41. package/dist/storybook/assets/{site.stories-ZGohyW6Z.js → site.stories-umpPYjkq.js} +2 -2
  42. package/dist/storybook/assets/{table-qmf29AIJ.js → table-BCdvBxub.js} +1 -1
  43. package/dist/storybook/assets/{table.stories-DzHGqXth.js → table.stories-DkmbUVHr.js} +2 -2
  44. package/dist/storybook/assets/{tabs-BoToLVEP.js → tabs-C3NG6m9W.js} +1 -1
  45. package/dist/storybook/assets/tabs.stories-dsXjRHJy.js +30 -0
  46. package/dist/storybook/assets/{title.stories-B8l1sfdo.js → title.stories-DpFDK9o1.js} +3 -3
  47. package/dist/storybook/assets/unit-input.stories-BHTxKnOU.js +380 -0
  48. package/dist/storybook/assets/unit-table.stories-u1PeEt0F.js +152 -0
  49. package/dist/storybook/iframe.html +1 -1
  50. package/dist/storybook/index.json +1 -1
  51. package/dist/storybook/project.json +1 -1
  52. package/package.json +1 -1
  53. package/dist/storybook/assets/enum-Bnn40S8Q.js +0 -1
  54. package/dist/storybook/assets/footer.stories-DYBxUtZh.js +0 -3
  55. package/dist/storybook/assets/form.stories-BLcmnfy8.js +0 -49
  56. package/dist/storybook/assets/helpers-JJxzGegQ.js +0 -1
  57. package/dist/storybook/assets/iframe-BnDar59m.js +0 -2
  58. package/dist/storybook/assets/number-input-DZ9ERbK_.js +0 -16
  59. package/dist/storybook/assets/number-input.stories-CmVUHT2d.js +0 -124
  60. package/dist/storybook/assets/popover.stories-p9_-pH_Q.js +0 -10
  61. package/dist/storybook/assets/select-03uRbc4I.js +0 -61
  62. package/dist/storybook/assets/select.input-CJed_LLR.js +0 -1
  63. package/dist/storybook/assets/tabs.stories-B52iEaHf.js +0 -30
  64. package/dist/storybook/assets/unit-input.stories-BnLB_Avl.js +0 -316
  65. package/dist/storybook/assets/unit-table.stories-DquyyMbD.js +0 -152
@@ -1 +1 @@
1
- {"generatedAt":1722599382251,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@types/jest":"29.5.12","@vitest/coverage-c8":"0.31.4","eslint-plugin-vitest":null,"eslint-plugin-vitest-globals":"1.5.0","vitest":"1.6.0"},"packageManager":{"type":"yarn","version":"1.22.19"},"typescriptOptions":{"reactDocgen":"react-docgen"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","storybookVersion":"8.2.7","storybookVersionSpecifier":"^8.2.4","language":"typescript","storybookPackages":{"@storybook/addon-essentials":{"version":"8.2.7"},"@storybook/addon-links":{"version":"8.2.7"},"@storybook/preview-api":{"version":"8.2.7"},"@storybook/react":{"version":"8.2.7"},"@storybook/react-vite":{"version":"8.2.7"},"@storybook/test":{"version":"8.2.7"},"@storybook/test-runner":{"version":"0.19.1"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"8.2.7"}},"addons":{"@storybook/addon-actions":{"version":"8.2.7"},"@storybook/addon-docs":{"version":"8.2.7"},"@storybook/addon-interactions":{"version":"8.2.7"},"storybook-dark-mode":{"version":"4.0.2"}}}
1
+ {"generatedAt":1723457501989,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@types/jest":"29.5.12","@vitest/coverage-c8":"0.31.4","eslint-plugin-vitest":null,"eslint-plugin-vitest-globals":"1.5.0","vitest":"1.6.0"},"packageManager":{"type":"yarn","version":"1.22.19"},"typescriptOptions":{"reactDocgen":"react-docgen"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","storybookVersion":"8.2.7","storybookVersionSpecifier":"^8.2.4","language":"typescript","storybookPackages":{"@storybook/addon-essentials":{"version":"8.2.7"},"@storybook/addon-links":{"version":"8.2.7"},"@storybook/preview-api":{"version":"8.2.7"},"@storybook/react":{"version":"8.2.7"},"@storybook/react-vite":{"version":"8.2.7"},"@storybook/test":{"version":"8.2.7"},"@storybook/test-runner":{"version":"0.19.1"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"8.2.7"}},"addons":{"@storybook/addon-actions":{"version":"8.2.7"},"@storybook/addon-docs":{"version":"8.2.7"},"@storybook/addon-interactions":{"version":"8.2.7"},"storybook-dark-mode":{"version":"4.0.2"}}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oliasoft-open-source/react-ui-library",
3
- "version": "4.9.0",
3
+ "version": "4.9.2",
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{r as T,g as H}from"./index-DhsZuJvc.js";import{p as K}from"./index-CEuq6vkz.js";var L={exports:{}};(function(u,M){(function(R,C){u.exports=C(T,K)})(window,function(R,C){return function(h){var l={};function a(n){if(l[n])return l[n].exports;var i=l[n]={i:n,l:!1,exports:{}};return h[n].call(i.exports,i,i.exports,a),i.l=!0,i.exports}return a.m=h,a.c=l,a.d=function(n,i,b){a.o(n,i)||Object.defineProperty(n,i,{enumerable:!0,get:b})},a.r=function(n){typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},a.t=function(n,i){if(1&i&&(n=a(n)),8&i||4&i&&typeof n=="object"&&n&&n.__esModule)return n;var b=Object.create(null);if(a.r(b),Object.defineProperty(b,"default",{enumerable:!0,value:n}),2&i&&typeof n!="string")for(var d in n)a.d(b,d,(function(m){return n[m]}).bind(null,d));return b},a.n=function(n){var i=n&&n.__esModule?function(){return n.default}:function(){return n};return a.d(i,"a",i),i},a.o=function(n,i){return Object.prototype.hasOwnProperty.call(n,i)},a.p="",a(a.s=0)}([function(h,l,a){Object.defineProperty(l,"__esModule",{value:!0});var n=a(1);Object.defineProperty(l,"default",{enumerable:!0,get:function(){return function(i){return i&&i.__esModule?i:{default:i}}(n).default}}),h.exports=l.default},function(h,l,a){Object.defineProperty(l,"__esModule",{value:!0});var n=Object.assign||function(f){for(var s=1;s<arguments.length;s++){var r=arguments[s];for(var e in r)Object.prototype.hasOwnProperty.call(r,e)&&(f[e]=r[e])}return f},i=function(){function f(s,r){for(var e=0;e<r.length;e++){var t=r[e];t.enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(s,t.key,t)}}return function(s,r,e){return r&&f(s.prototype,r),e&&f(s,e),s}}(),b=x(a(2)),d=x(a(3)),m=a(4);function x(f){return f&&f.__esModule?f:{default:f}}var v=[],g=function(f){function s(r){(function(t,o){if(!(t instanceof o))throw new TypeError("Cannot call a class as a function")})(this,s);var e=function(t,o){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!o||typeof o!="object"&&typeof o!="function"?t:o}(this,(s.__proto__||Object.getPrototypeOf(s)).call(this,r));return e.handleKeyboardEvent=e.handleKeyboardEvent.bind(e),e.registerExclusiveHandler=e.registerExclusiveHandler.bind(e),e.deregisterExclusiveHandler=e.deregisterExclusiveHandler.bind(e),e}return function(r,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);r.prototype=Object.create(e&&e.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(r,e):r.__proto__=e)}(s,b.default.Component),i(s,[{key:"componentDidMount",value:function(){document.addEventListener("keydown",this.handleKeyboardEvent,!1),document.addEventListener("keyup",this.handleKeyboardEvent,!1),document.addEventListener("keypress",this.handleKeyboardEvent,!1);var r=this.props,e=r.isExclusive,t=r.isDisabled;e&&!t&&this.registerExclusiveHandler()}},{key:"componentWillUnmount",value:function(){document.removeEventListener("keydown",this.handleKeyboardEvent,!1),document.removeEventListener("keyup",this.handleKeyboardEvent,!1),document.removeEventListener("keypress",this.handleKeyboardEvent,!1),this.deregisterExclusiveHandler()}},{key:"componentDidUpdate",value:function(r){var e=r.isExclusive,t=r.isDisabled;(this.props.isExclusive!==e||this.props.isDisabled!==t)&&(this.props.isExclusive&&!this.props.isDisabled?this.registerExclusiveHandler():this.deregisterExclusiveHandler())}},{key:"registerExclusiveHandler",value:function(){this.deregisterExclusiveHandler(),v.unshift(this)}},{key:"deregisterExclusiveHandler",value:function(){var r=this;v.includes(this)&&(v=v.filter(function(e){return e!==r}))}},{key:"handleKeyboardEvent",value:function(r){var e=this.props,t=e.isDisabled,o=e.handleKeys,p=e.onKeyEvent,c=e.handleEventType,y=e.children,E=e.handleFocusableElements;if(t||c!==r.type||v.length>0&&v[0]!==this)return!1;var O=r.target===document.body||E,S=this.childrenContainer&&this.childrenContainer.contains(r.target);if(!(y?S:O))return!1;var _=(0,m.findMatchedKey)(r,o);return!!_&&(p(_,r),!0)}},{key:"render",value:function(){var r=this,e=this.props.children,t=Object.assign({},this.props),o=!0,p=!1,c=void 0;try{for(var y,E=Object.keys(s.propTypes)[Symbol.iterator]();!(o=(y=E.next()).done);o=!0)delete t[y.value]}catch(O){p=!0,c=O}finally{try{!o&&E.return&&E.return()}finally{if(p)throw c}}return e?b.default.createElement("span",n({ref:function(O){r.childrenContainer=O}},t),e):null}}]),s}();l.default=g,g.propTypes={handleKeys:d.default.array,handleEventType:d.default.oneOf(["keydown","keyup","keypress"]),handleFocusableElements:d.default.bool,onKeyEvent:d.default.func,isDisabled:d.default.bool,isExclusive:d.default.bool,children:d.default.any},g.defaultProps={handleKeys:[],handleFocusableElements:!1,handleEventType:"keydown",onKeyEvent:function(){return null}},h.exports=l.default},function(h,l){h.exports=R},function(h,l){h.exports=C},function(h,l,a){function n(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}Object.defineProperty(l,"__esModule",{value:!0}),l.matchKeyEvent=r,l.findMatchedKey=function(e,t){var o=t.map(function(p){var c=p.toLowerCase(),y=s[c];return y||[p]}).reduce(function(p,c){return p.concat(c)},[]).find(function(p){return r(e,p)});return!o&&t.includes("all")&&(o="other"),o};var i={backspace:[8],del:[46],delete:[46],ins:[45],insert:[45],tab:[9],enter:[13],return:[13],esc:[27],space:[32],pageup:[33],pagedown:[34],end:[35],home:[36],left:[37],up:[38],right:[39],down:[40],shift:[16],ctrl:[17],alt:[18],cap:[20],num:[144],clear:[12],meta:[91],";":[186,59],"=":[187,61],",":[188,44],"-":[189,45,173,109],minus:[189,45,173,109],".":[190,110],"/":[191,111],"`":[192],"[":[219],"\\":[220],"]":[221],"*":[106],"+":[107],plus:[107],"'":[222],quote:[222]},b=Object.keys(i).reduce(function(e,t){return Object.assign(e,n({},t.toUpperCase(),i[t]))},{}),d="0123456789".split("").reduce(function(e,t,o){return Object.assign(e,n({},t,[o+48,o+96]))},{}),m="ABCDEFGHIJKLMNOPQRSTUVWXYZ".split("").reduce(function(e,t,o){return Object.assign(e,n({},t.toLowerCase(),[o+65]),n({},t,[o+65]))},{}),x="1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19".split(",").reduce(function(e,t,o){return Object.assign(e,n({},"f"+t,[o+112]))},{}),v={control:"ctrl",ctrl:"ctrl",shift:"shift",meta:"meta",cmd:"meta",command:"meta",option:"alt",alt:"alt"},g=l.AllKeys=Object.assign({},i,b,d,m,x),f=Object.assign({},d,m),s={all:Object.keys(g),alphanumeric:Object.keys(f),numeric:Object.keys(d),alphabetic:Object.keys(m),function:Object.keys(x)};function r(e,t){var o=e.which||e.keyCode,p=e.type,c=Object.keys(v).filter(function(j){return e[j+"Key"]}).sort(),y=t.toLowerCase().trim(),E=y==="+"?["+"]:y.split(/\s?\+\s?/),O=E.pop(),S=g[O],_=E;if(p==="keypress")return t==String.fromCharCode(o).toLowerCase();if(_.length===0&&c.length===0)return S.indexOf(o)>=0;if(_.length>0&&c.length>0){var k=_.map(function(j){return v[j]}).sort(),P=k.length===c.length&&k.every(function(j,w){return c[w]===j});return S.indexOf(o)>=0&&P}return _.length==0&&c.length===1&&O===c[0]}}])})})(L);var I=L.exports;const G=H(I);var N=(u=>(u.CLOSE_LAYER="CLOSE_LAYER",u.OPEN_LAYER="OPEN_LAYER",u.SET_VISIBLE_OPTIONS="SET_VISIBLE_OPTIONS",u.CLEAR_SEARCH="CLEAR_SEARCH",u.RESET_LAYER_FOCUS="RESET_LAYER_FOCUS",u.FOCUS_LAYER_OPTIONS="FOCUS_LAYER_OPTIONS",u.BLUR_TRIGGER_INPUTS="BLUR_TRIGGER_INPUTS",u.FOCUS_TRIGGER_INPUTS="FOCUS_TRIGGER_INPUTS",u.ON_CHANGE_SEARCH="ON_CHANGE_SEARCH",u))(N||{}),U=(u=>(u.RIGHT="right",u.LEFT="left",u.UP="up",u.DOWN="down",u.ENTER="enter",u.ESC="esc",u.TAB="tab",u))(U||{});export{N as A,U as E,G as K};
@@ -1,3 +0,0 @@
1
- import{j as e}from"./jsx-runtime-eps93zm2.js";import{T as p}from"./table-qmf29AIJ.js";import{t as a,r as s}from"./table.stories-data-D52aKMY1.js";import"./index-DhsZuJvc.js";import"./index-Bk2sglWO.js";import"./index.es-DazXb-ul.js";import"./inheritsLoose-DP0QEDDI.js";import"./redux-tRgGMjwY.js";import"./objectSpread2-DW4nTBoq.js";import"./tiny-invariant-DqLgxztJ.js";import"./index-CUZDtIZe.js";import"./memoize-one.esm-CcMeOnPo.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./lodash-c4VUpsOs.js";import"./actions-D-uVCDzk.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./button-DHevvVBE.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./index-CEuq6vkz.js";import"./tooltip-1V7clEnw.js";import"./types-BmbYqTX_.js";import"./types-Dx2TtIG9.js";import"./badge-CLQ59MDF.js";import"./heading-CRNoBc7q.js";import"./help-icon-Buhx5nl6.js";import"./pagination-DWc8zp3k.js";import"./select-03uRbc4I.js";import"./enum-Bnn40S8Q.js";import"./assertThisInitialized-B9jnkVVz.js";import"./text-B3-TSWok.js";import"./select.input-CJed_LLR.js";import"./helpers-JJxzGegQ.js";import"./input-DTXbDJaL.js";import"./input-group-BaRSJAEN.js";import"./input-group-addon-D68iUKV2.js";import"./number-input-DZ9ERbK_.js";import"./index-C0x1JmaP.js";import"./index-DRSy5Ssd.js";import"./check-box-DPLaOkRR.js";import"./slider-C7vnj_3M.js";import"./index-BI4_Bp97.js";import"./popover-rq33c1W2.js";import"./flex-EllkLxgO.js";const or={title:"Basic/Table/Footer",component:p,args:{table:{...a}}},n=i=>e.jsx(p,{...i}),r=n.bind({});r.args={table:s};var o,t,m;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`args => {
2
- return <Table {...args} />;
3
- }`,...(m=(t=r.parameters)==null?void 0:t.docs)==null?void 0:m.source}}};const tr=["Footer"];export{r as Footer,tr as __namedExportsOrder,or as default};
@@ -1,49 +0,0 @@
1
- import{j as e}from"./jsx-runtime-eps93zm2.js";import{T as W}from"./common-types-Sih75Sav.js";import{D as A}from"./disabled-context-rmpd7YJS.js";import{F as s}from"./field-HrLaMLbx.js";import{I as b}from"./input-DTXbDJaL.js";import{S as c}from"./select-03uRbc4I.js";import{C as G}from"./check-box-DPLaOkRR.js";import{B as N}from"./button-group-1DEZPmxq.js";import{B as _}from"./button-DHevvVBE.js";import{T as E}from"./toggle-BbFVf61v.js";import{I as V}from"./input-group-BaRSJAEN.js";import{I as x}from"./input-group-addon-D68iUKV2.js";import{S as U}from"./slider-C7vnj_3M.js";import{T as $}from"./textarea-D6ltcKhz.js";import{R as q}from"./radio-button-C4ljBRED.js";import{M as z}from"./actions-D-uVCDzk.js";import{F as H}from"./form-row-CM112EYF.js";import{M as g}from"./types-BmbYqTX_.js";import"./index-DhsZuJvc.js";import"./index-Bk2sglWO.js";import"./label-CqmyC9he.js";import"./help-icon-Buhx5nl6.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./types-Dx2TtIG9.js";import"./lodash-c4VUpsOs.js";import"./enum-Bnn40S8Q.js";import"./assertThisInitialized-B9jnkVVz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./text-B3-TSWok.js";import"./select.input-CJed_LLR.js";import"./helpers-JJxzGegQ.js";import"./spinner-AWUe4xwQ.js";import"./objectSpread2-DW4nTBoq.js";import"./index-BI4_Bp97.js";import"./badge-CLQ59MDF.js";const Le={title:"Forms/Layout",argTypes:{labelWidth:"text"},args:{small:!1,row:!1,labelLeft:!1,labelWidth:void 0,disabled:!1}},v=t=>{const{small:o,labelLeft:r,labelWidth:a}=t;return e.jsxs(e.Fragment,{children:[e.jsx(s,{label:"Input",helpText:"Some help text",labelLeft:r,labelWidth:a,children:e.jsx(b,{value:"Value",small:o})}),e.jsx(s,{label:"TextArea",helpText:"Some very long help text that needs to have its width constrained so it doesn't look silly",helpTextMaxWidth:200,labelLeft:r,labelWidth:a,children:e.jsx($,{value:"Value"})}),e.jsx(s,{label:"Select (native)",labelLeft:r,labelWidth:a,children:e.jsx(c,{options:[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],value:{label:"Option 2",value:"2"},native:!0,small:o,width:"auto"})}),e.jsx(s,{label:"Select (custom)",labelLeft:r,labelWidth:a,children:e.jsx(c,{options:[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],value:{label:"Option 2",value:"2"},small:o,width:"auto"})}),e.jsx(s,{label:"Select (multi)",labelLeft:r,labelWidth:a,children:e.jsx(c,{options:[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],value:[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],small:o})}),e.jsx(s,{label:"Slider",labelLeft:r,labelWidth:a,children:e.jsx(U,{width:"300px",name:"example",label:"Number of aardvarks",value:35,min:0,max:100,step:1,onChange:()=>{},showArrows:!0,showTooltip:!0,small:o})}),e.jsx(s,{label:"ButtonGroup",labelLeft:r,labelWidth:a,children:e.jsx(N,{items:[{key:"0",label:"Option 1",value:"1"},{key:"1",label:"Option 2",value:"2"}],value:0,small:o})}),e.jsx(s,{label:"InputGroup",labelLeft:r,labelWidth:a,children:e.jsxs(V,{small:o,children:[e.jsx(x,{children:"$"}),e.jsx(b,{name:"example",value:"123",onChange:()=>{}}),e.jsx(x,{children:"each"})]})}),e.jsx(s,{label:"Menu",labelLeft:r,labelWidth:a,children:e.jsx(z,{menu:{label:"Menu",trigger:W.DROP_DOWN_BUTTON,sections:[{type:g.OPTION,label:"Lorem"},{type:g.OPTION,label:"Ipsum"}],small:o}})}),e.jsx(s,{label:"CheckBox",labelLeft:r,labelWidth:a,children:e.jsx(G,{label:"CheckBox",checked:!0,small:o,onChange:()=>{}})}),e.jsx(s,{label:"RadioButton",labelLeft:r,labelWidth:a,children:e.jsx(q,{options:[{label:"Aardvarks",value:"termites"},{label:"Monkeys",value:"bananas"}],value:{label:"Monkeys",value:"bananas"},inline:!0,small:o})}),e.jsx(s,{label:"Toggle",labelLeft:r,labelWidth:a,children:e.jsx(E,{label:"Toggle",checked:!0,onChange:()=>{},small:o})}),e.jsx(s,{labelLeft:r,labelWidth:a,children:e.jsx(_,{colored:!0,label:"Button",onClick:()=>{},small:o})})]})},l=t=>{const{row:o,disabled:r}=t;return e.jsx(A.Provider,{value:r,children:o?e.jsx(H,{children:v(t)}):v(t)})},u=l.bind({}),n=l.bind({});n.args={small:!0};const i=l.bind({});i.args={labelLeft:!0,labelWidth:100};const d=l.bind({});d.args={row:!0};const m=l.bind({});m.args={row:!0,small:!0};const p=l.bind({});p.args={disabled:!0};var h,w,j;u.parameters={...u.parameters,docs:{...(h=u.parameters)==null?void 0:h.docs,source:{originalSource:`args => {
2
- const {
3
- row,
4
- disabled
5
- } = args;
6
- return <DisabledContext.Provider value={disabled}>
7
- {row ? <FormRow>{renderFields(args)}</FormRow> : renderFields(args)}
8
- </DisabledContext.Provider>;
9
- }`,...(j=(w=u.parameters)==null?void 0:w.docs)==null?void 0:j.source}}};var f,F,C;n.parameters={...n.parameters,docs:{...(f=n.parameters)==null?void 0:f.docs,source:{originalSource:`args => {
10
- const {
11
- row,
12
- disabled
13
- } = args;
14
- return <DisabledContext.Provider value={disabled}>
15
- {row ? <FormRow>{renderFields(args)}</FormRow> : renderFields(args)}
16
- </DisabledContext.Provider>;
17
- }`,...(C=(F=n.parameters)==null?void 0:F.docs)==null?void 0:C.source}}};var O,R,T;i.parameters={...i.parameters,docs:{...(O=i.parameters)==null?void 0:O.docs,source:{originalSource:`args => {
18
- const {
19
- row,
20
- disabled
21
- } = args;
22
- return <DisabledContext.Provider value={disabled}>
23
- {row ? <FormRow>{renderFields(args)}</FormRow> : renderFields(args)}
24
- </DisabledContext.Provider>;
25
- }`,...(T=(R=i.parameters)==null?void 0:R.docs)==null?void 0:T.source}}};var D,S,P;d.parameters={...d.parameters,docs:{...(D=d.parameters)==null?void 0:D.docs,source:{originalSource:`args => {
26
- const {
27
- row,
28
- disabled
29
- } = args;
30
- return <DisabledContext.Provider value={disabled}>
31
- {row ? <FormRow>{renderFields(args)}</FormRow> : renderFields(args)}
32
- </DisabledContext.Provider>;
33
- }`,...(P=(S=d.parameters)==null?void 0:S.docs)==null?void 0:P.source}}};var k,y,B;m.parameters={...m.parameters,docs:{...(k=m.parameters)==null?void 0:k.docs,source:{originalSource:`args => {
34
- const {
35
- row,
36
- disabled
37
- } = args;
38
- return <DisabledContext.Provider value={disabled}>
39
- {row ? <FormRow>{renderFields(args)}</FormRow> : renderFields(args)}
40
- </DisabledContext.Provider>;
41
- }`,...(B=(y=m.parameters)==null?void 0:y.docs)==null?void 0:B.source}}};var I,L,M;p.parameters={...p.parameters,docs:{...(I=p.parameters)==null?void 0:I.docs,source:{originalSource:`args => {
42
- const {
43
- row,
44
- disabled
45
- } = args;
46
- return <DisabledContext.Provider value={disabled}>
47
- {row ? <FormRow>{renderFields(args)}</FormRow> : renderFields(args)}
48
- </DisabledContext.Provider>;
49
- }`,...(M=(L=p.parameters)==null?void 0:L.docs)==null?void 0:M.source}}};const Me=["Default","Small","LabelsOnLeft","Row","SmallRow","DisabledWithContext"];export{u as Default,p as DisabledWithContext,i as LabelsOnLeft,d as Row,n as Small,m as SmallRow,Me as __namedExportsOrder,Le as default};
@@ -1 +0,0 @@
1
- const n=i=>i==null||i==="";export{n as i};
@@ -1,2 +0,0 @@
1
- const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./accordion.stories-D0wb2n-9.js","./jsx-runtime-eps93zm2.js","./index-DhsZuJvc.js","./common-types-Sih75Sav.js","./index-Bk2sglWO.js","./accordion-BiuI_LCA.js","./icon-BSFY3vDO.js","./objectWithoutPropertiesLoose-CAYKN5F1.js","./inheritsLoose-DP0QEDDI.js","./index-CEuq6vkz.js","./disabled-context-rmpd7YJS.js","./icon-CXtHvr8n.css","./accordion-DhEg2ksb.css","./check-box-DPLaOkRR.js","./help-icon-Buhx5nl6.js","./tooltip-1V7clEnw.js","./index-CUZDtIZe.js","./tooltip-COvcX6J7.css","./help-icon-DeweQs4N.css","./check-box-CV-zd_I_.css","./heading-CRNoBc7q.js","./heading-DMYPCDVj.css","./divider-DY9nJ_7N.js","./text-B3-TSWok.js","./text-2O-HSG8g.css","./divider-wQx_bznd.css","./table-qmf29AIJ.js","./index.es-DazXb-ul.js","./redux-tRgGMjwY.js","./objectSpread2-DW4nTBoq.js","./tiny-invariant-DqLgxztJ.js","./memoize-one.esm-CcMeOnPo.js","./lodash-c4VUpsOs.js","./actions-D-uVCDzk.js","./button-DHevvVBE.js","./spinner-AWUe4xwQ.js","./spinner-C07x-KQu.css","./button-fAxt_G4d.css","./types-BmbYqTX_.js","./types-Dx2TtIG9.js","./badge-CLQ59MDF.js","./badge-BiaoqO6w.css","./actions-D8UgHts6.css","./pagination-DWc8zp3k.js","./select-03uRbc4I.js","./enum-Bnn40S8Q.js","./assertThisInitialized-B9jnkVVz.js","./select.input-CJed_LLR.js","./helpers-JJxzGegQ.js","./select-H-9tdhwc.css","./input-DTXbDJaL.js","./input-DD7t4kHm.css","./input-group-BaRSJAEN.js","./input-group-C4Ph05Zr.css","./input-group-addon-D68iUKV2.js","./input-group-addon-CKbTwfkc.css","./pagination-Dv2vKYwQ.css","./number-input-DZ9ERbK_.js","./index-C0x1JmaP.js","./index-DRSy5Ssd.js","./slider-C7vnj_3M.js","./index-BI4_Bp97.js","./slider-DnRddBCy.css","./popover-rq33c1W2.js","./popover-CSc-8-Dh.css","./table-C9uAiJu6.css","./accordion-C3DU7hG7.css","./actions.stories-gKfuiKQy.js","./badge.stories-Dkq_XgEW.js","./breadcrumb.stories-CJArS18Q.js","./breadcrumb-DMx-Mu4J.css","./button-group.stories-C4V1k0z_.js","./button-group-1DEZPmxq.js","./button-group-0hjBV4tw.css","./button.stories-DA9DGYD2.js","./react-router-dom-Ck2Y_Fzc.js","./flex-EllkLxgO.js","./buttons-and-links-jPZ2UUsp.js","./index-BcNHZKhG.js","./index-Sr04i8ct.js","./index-D6rZ4wEC.js","./text-link.stories-BQAkVO-W.js","./card.stories-CsTB0DuM.js","./card-EcjmryU9.js","./card-VFDFIKp2.css","./check-box.stories-DfbWw6mD.js","./index-DMAnyMX5.js","./index-CF7H4eMJ.js","./color-CLf9xt55.js","./chunk-HLWAVYOI-D2AwGCE9.js","./react-16-DXAfArL2.js","./toaster-7wnI6hqB.js","./toaster-DwLvOY18.css","./message-Y48EomV-.js","./message-Cl3kn7ZD.css","./toaster-BoBcvmf9.js","./divider.stories-Dd-yyGrX.js","./drawer.stories-DcjyDHEs.js","./drawer-DOWJp9T4.js","./drawer-DhrjYsQu.css","./list-bKpz6I9Q.js","./meta-content-DWZbURV2.js","./meta-content-DnZPPeTF.css","./loader-XHoVniao.js","./loader-B4-2F7c_.css","./list.stories-data-D_Aj3AN4.js","./empty.stories-DcwF0pkK.js","./empty-L0EXybeR.css","./file-button.stories-CU2pZcEO.js","./file-input.stories-CWD5XYE9.js","./file-input-X3BnZaHk.js","./file-input-b95Ui6h6.css","./spacer-BWoNR27H.js","./textarea-D6ltcKhz.js","./textarea-H-YTEwr8.css","./field.stories-DUGMwi1O.js","./field-HrLaMLbx.js","./label-CqmyC9he.js","./label-BmwKJ2Mn.css","./field-CNDCZ5UR.css","./form.stories-BLcmnfy8.js","./toggle-BbFVf61v.js","./toggle-yD7j1VSk.css","./radio-button-C4ljBRED.js","./radio-button-DvubT0Gg.css","./form-row-CM112EYF.js","./form-row-BYz5u-Vr.css","./heading.stories-DahFxeiX.js","./help-icon.stories-DbmZ1fgP.js","./icon.stories-fnZUR-LK.js","./icon-custom-Xcl4YkWP.js","./grid-DRkC-bt8.js","./styled-components.browser.esm-BQ9GQzDc.js","./input-group.stories-EhmORqH9.js","./input-validation-Tr-aD1VJ.js","./select.stories-B0KIHiMX.js","./input.stories-FKl0qVhm.js","./inputs-BGIgggtv.js","./number-input.stories-CmVUHT2d.js","./option-dropdown.stories-CIvqMhQ3.js","./option-dropdown-CqPYsFHP.css","./radio-button.stories-BzyW2CtK.js","./slider.stories-BzBb3PkP.js","./textarea.stories-CJ-Oqytp.js","./toggle.stories-qTHFTXxI.js","./label.stories-C0AO5F1a.js","./layout-forms-n-mRkolR.js","./layout-general-CNsKoPG6.js","./flex.stories-BhvJpHpN.js","./grid.stories-DqjhHHwX.js","./column.stories-DDTHFELF.js","./row-Bmiy2Lh0.js","./row-D-EMWFT6.css","./afe.stories-DM18uTAa.js","./top-bar-DkXSzzqt.js","./top-bar-u7j8EgRd.css","./side-bar-CSx5wI-k.js","./side-bar-auov230-.css","./page-7SSpdYhb.js","./page-BnAFjzxf.css","./tabs-BoToLVEP.js","./tabs-DnWs2PtA.css","./blowout.stories-DHdofVc-.js","./casing-loads.stories-Dga1QkGC.js","./dialog-BelCA1mt.js","./portal-GQ0_cLB6.js","./dialog-CBMZnjYb.css","./formation.stories-CZGQhWyA.js","./projects.stories-Co_WnKSx.js","./reservoirs.stories-UW_8sofe.js","./site.stories-ZGohyW6Z.js","./page.stories-DnCh8h8y.js","./logo-BVP9045W.js","./page-DqJqTfkP.css","./spacer.stories-BBTt2LdE.js","./list.stories-Cgmt29Wv.js","./immer.esm-BwVl9PS2.js","./loader.stories-pS8zRM4u.js","./progress-bar-C_kV6r0Q.js","./progress-bar-ztYhwUbl.css","./menu.stories-xWX80Eh2.js","./menu.stories-data-CQ59XhzU.js","./message.stories-r_UlbshI.js","./modal.stories-C6Bh0Oda.js","./padding-and-spacing-B10oZ-Ww.js","./pagination.stories-B5cOvzik.js","./pop-confirm.stories-DCpooB2O.js","./pop-confirm-DX_o_X81.css","./popover.stories-p9_-pH_Q.js","./portal.stories-BvRfNPz3.js","./progress-bar.stories-CpbgT43D.js","./rich-text-input.stories-0pm7-gTq.js","./rich-text-input-dDjxXFl-.css","./side-bar.stories-M6FsuCrQ.js","./smart-upload-modal.stories-Dn7dIsu1.js","./spinner.stories-DuQNhl1V.js","./cell.stories-DfyQwzEH.js","./table.stories-data-D52aKMY1.js","./footer.stories-DYBxUtZh.js","./row.stories-B8OWE9yd.js","./table.stories-DzHGqXth.js","./title.stories-B8l1sfdo.js","./tabs.stories-B52iEaHf.js","./text.stories-B8L4FWPt.js","./toaster.stories-HO4VBTy-.js","./tooltip.stories-1YexWg6N.js","./tooltip.test-case.stories-CHibN8rC.js","./top-bar.stories-HDmWT243.js","./top-bar.testcase.stories-DfmrkEpT.js","./tree.stories-feLUcTtm.js","./tree-BTgu2lWb.css","./unit-input.stories-BnLB_Avl.js","./use-previous-D775JrO6.js","./unit-input-5P4Cogho.css","./unit-table.stories-DquyyMbD.js","./entry-preview-CHonU0lQ.js","./entry-preview-docs-DUYczTxA.js","./preview-DLBQXbKW.js","./preview-pQMX-q5x.js","./preview-DeFlgNaS.css"])))=>i.map(i=>d[i]);
2
- import"../sb-preview/runtime.js";(function(){const i=document.createElement("link").relList;if(i&&i.supports&&i.supports("modulepreload"))return;for(const o of document.querySelectorAll('link[rel="modulepreload"]'))c(o);new MutationObserver(o=>{for(const r of o)if(r.type==="childList")for(const e of r.addedNodes)e.tagName==="LINK"&&e.rel==="modulepreload"&&c(e)}).observe(document,{childList:!0,subtree:!0});function m(o){const r={};return o.integrity&&(r.integrity=o.integrity),o.referrerPolicy&&(r.referrerPolicy=o.referrerPolicy),o.crossOrigin==="use-credentials"?r.credentials="include":o.crossOrigin==="anonymous"?r.credentials="omit":r.credentials="same-origin",r}function c(o){if(o.ep)return;o.ep=!0;const r=m(o);fetch(o.href,r)}})();const y="modulepreload",R=function(s,i){return new URL(s,i).href},d={},t=function(i,m,c){let o=Promise.resolve();if(m&&m.length>0){const r=document.getElementsByTagName("link"),e=document.querySelector("meta[property=csp-nonce]"),E=(e==null?void 0:e.nonce)||(e==null?void 0:e.getAttribute("nonce"));o=Promise.all(m.map(_=>{if(_=R(_,c),_ in d)return;d[_]=!0;const p=_.endsWith(".css"),O=p?'[rel="stylesheet"]':"";if(!!c)for(let a=r.length-1;a>=0;a--){const u=r[a];if(u.href===_&&(!p||u.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${_}"]${O}`))return;const n=document.createElement("link");if(n.rel=p?"stylesheet":y,p||(n.as="script",n.crossOrigin=""),n.href=_,E&&n.setAttribute("nonce",E),document.head.appendChild(n),p)return new Promise((a,u)=>{n.addEventListener("load",a),n.addEventListener("error",()=>u(new Error(`Unable to preload CSS for ${_}`)))})}))}return o.then(()=>i()).catch(r=>{const e=new Event("vite:preloadError",{cancelable:!0});if(e.payload=r,window.dispatchEvent(e),!e.defaultPrevented)throw r})},{createBrowserChannel:T}=__STORYBOOK_MODULE_CHANNELS__,{addons:L}=__STORYBOOK_MODULE_PREVIEW_API__,l=T({page:"preview"});L.setChannel(l);window.__STORYBOOK_ADDONS_CHANNEL__=l;window.CONFIG_TYPE==="DEVELOPMENT"&&(window.__STORYBOOK_SERVER_CHANNEL__=l);const P={"./src/components/accordion/accordion.stories.tsx":async()=>t(()=>import("./accordion.stories-D0wb2n-9.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66]),import.meta.url),"./src/components/actions/actions.stories.tsx":async()=>t(()=>import("./actions.stories-gKfuiKQy.js"),__vite__mapDeps([67,1,2,33,4,32,3,10,34,35,36,6,7,8,9,11,15,16,17,37,38,39,40,41,42]),import.meta.url),"./src/components/badge/badge.stories.tsx":async()=>t(()=>import("./badge.stories-Dkq_XgEW.js"),__vite__mapDeps([68,1,2,40,4,41,34,3,10,35,36,6,7,8,9,11,15,16,17,37]),import.meta.url),"./src/components/breadcrumb/breadcrumb.stories.tsx":async()=>t(()=>import("./breadcrumb.stories-CJArS18Q.js"),__vite__mapDeps([69,1,2,4,10,70]),import.meta.url),"./src/components/button-group/button-group.stories.tsx":async()=>t(()=>import("./button-group.stories-C4V1k0z_.js"),__vite__mapDeps([71,1,2,72,3,10,39,32,34,4,35,36,6,7,8,9,11,15,16,17,37,73]),import.meta.url),"./src/components/button/button.stories.tsx":async()=>t(()=>import("./button.stories-DA9DGYD2.js"),__vite__mapDeps([74,1,2,75,8,9,30,7,76,34,4,3,10,35,36,6,11,15,16,17,37]),import.meta.url),"./src/components/buttons-and-links.mdx":async()=>t(()=>import("./buttons-and-links-jPZ2UUsp.js"),__vite__mapDeps([77,1,2,78,79,16,8,46,80,74,75,9,30,7,76,34,4,3,10,35,36,6,11,15,17,37,81,23,24]),import.meta.url),"./src/components/card/card.stories.tsx":async()=>t(()=>import("./card.stories-CsTB0DuM.js"),__vite__mapDeps([82,1,2,83,4,84,20,3,14,15,16,17,6,7,8,9,10,11,18,21]),import.meta.url),"./src/components/check-box/check-box.stories.tsx":async()=>t(()=>import("./check-box.stories-DfbWw6mD.js"),__vite__mapDeps([85,1,2,86,87,13,4,3,10,14,15,16,17,6,7,8,9,11,18,19]),import.meta.url),"./src/components/color/color.mdx":async()=>t(()=>import("./color-CLf9xt55.js"),__vite__mapDeps([88,1,2,78,89,90,16,79,8,46,80,91,92,93,4,3,6,7,9,10,11,94,95]),import.meta.url),"./src/components/divider/divider.stories.tsx":async()=>t(()=>import("./divider.stories-Dd-yyGrX.js"),__vite__mapDeps([96,1,2,3,23,4,24,22,25]),import.meta.url),"./src/components/drawer/drawer.stories.tsx":async()=>t(()=>import("./drawer.stories-DcjyDHEs.js"),__vite__mapDeps([97,1,2,3,98,4,40,41,32,9,16,6,7,8,10,11,34,35,36,15,17,37,99,100,27,28,29,30,31,83,84,101,20,14,18,21,33,38,39,42,102,103,104,76,105]),import.meta.url),"./src/components/empty/empty.stories.tsx":async()=>t(()=>import("./empty.stories-DcwF0pkK.js"),__vite__mapDeps([106,1,2,23,4,24,34,3,10,35,36,6,7,8,9,11,15,16,17,37,107]),import.meta.url),"./src/components/file-button/file-button.stories.tsx":async()=>t(()=>import("./file-button.stories-CU2pZcEO.js"),__vite__mapDeps([108,1,2,33,4,32,3,10,34,35,36,6,7,8,9,11,15,16,17,37,38,39,40,41,42]),import.meta.url),"./src/components/file-input/file-input.stories.tsx":async()=>t(()=>import("./file-input.stories-CWD5XYE9.js"),__vite__mapDeps([109,1,2,110,10,32,52,4,3,53,50,39,15,16,17,51,34,35,36,6,7,8,9,11,37,111,112,93,94,113,114]),import.meta.url),"./src/components/form/field.stories.tsx":async()=>t(()=>import("./field.stories-DUGMwi1O.js"),__vite__mapDeps([115,1,2,116,4,117,3,14,15,16,17,6,7,8,9,10,11,18,118,119,50,39,32,51,23,24]),import.meta.url),"./src/components/form/form.stories.tsx":async()=>t(()=>import("./form.stories-BLcmnfy8.js"),__vite__mapDeps([120,1,2,3,10,116,4,117,14,15,16,17,6,7,8,9,11,18,118,119,50,39,32,51,44,45,46,31,38,23,24,33,34,35,36,37,40,41,42,47,48,49,13,19,72,73,121,122,52,53,54,55,60,29,61,62,113,114,123,124,125,126]),import.meta.url),"./src/components/heading/heading.stories.tsx":async()=>t(()=>import("./heading.stories-DahFxeiX.js"),__vite__mapDeps([127,1,2,3,20,4,14,15,16,17,6,7,8,9,10,11,18,21,76]),import.meta.url),"./src/components/help-icon/help-icon.stories.tsx":async()=>t(()=>import("./help-icon.stories-DbmZ1fgP.js"),__vite__mapDeps([128,1,2,3,14,4,15,16,17,6,7,8,9,10,11,18]),import.meta.url),"./src/components/icon/icon.stories.tsx":async()=>t(()=>import("./icon.stories-fnZUR-LK.js"),__vite__mapDeps([129,1,2,6,4,7,8,9,10,11,130,131,132,76,23,24]),import.meta.url),"./src/components/input-group/input-group.stories.tsx":async()=>t(()=>import("./input-group.stories-EhmORqH9.js"),__vite__mapDeps([133,1,2,3,52,4,53,54,55,50,10,39,32,15,16,17,51,34,35,36,6,7,8,9,11,37,33,38,40,41,42,44,45,46,31,23,24,47,48,49]),import.meta.url),"./src/components/input-validation.mdx":async()=>t(()=>import("./input-validation-Tr-aD1VJ.js"),__vite__mapDeps([134,1,2,78,79,16,8,46,80,135,86,87,44,32,4,3,10,39,15,17,45,9,31,38,23,24,33,34,35,36,6,7,11,37,40,41,42,47,48,49,112]),import.meta.url),"./src/components/input/input.stories.tsx":async()=>t(()=>import("./input.stories-FKl0qVhm.js"),__vite__mapDeps([136,1,2,50,4,10,39,32,15,16,17,51]),import.meta.url),"./src/components/inputs.mdx":async()=>t(()=>import("./inputs-BGIgggtv.js"),__vite__mapDeps([137,1,2,78,79,16,8,46,80,74,75,9,30,7,76,34,4,3,10,35,36,6,11,15,17,37,85,86,87,13,14,18,19,109,110,32,52,53,50,39,51,111,112,93,94,113,114,136,138,58,59,131,132,83,84,20,21,54,55,44,45,31,38,23,24,33,40,41,42,47,48,49,57,139,22,25,140,141,123,124,135,142,60,29,61,62,143,144,121,122]),import.meta.url),"./src/components/label/label.stories.tsx":async()=>t(()=>import("./label.stories-C0AO5F1a.js"),__vite__mapDeps([145,1,2,117,4,3,14,15,16,17,6,7,8,9,10,11,18,118]),import.meta.url),"./src/components/layout-forms.mdx":async()=>t(()=>import("./layout-forms-n-mRkolR.js"),__vite__mapDeps([146,1,2,78,79,16,8,46,80,115,116,4,117,3,14,15,17,6,7,9,10,11,18,118,119,50,39,32,51,23,24,120,44,45,31,38,33,34,35,36,37,40,41,42,47,48,49,13,19,72,73,121,122,52,53,54,55,60,29,61,62,113,114,123,124,125,126]),import.meta.url),"./src/components/layout-general.mdx":async()=>t(()=>import("./layout-general-CNsKoPG6.js"),__vite__mapDeps([147,1,2,78,79,16,8,46,80,148,76,34,4,3,10,35,36,6,7,9,11,15,17,37,23,24,149,131,132,83,84,150,151,152,20,14,18,21]),import.meta.url),"./src/components/layout/column.stories.tsx":async()=>t(()=>import("./column.stories-DDTHFELF.js"),__vite__mapDeps([150,1,2,151,132,4,152,20,3,14,15,16,17,6,7,8,9,10,11,18,21]),import.meta.url),"./src/components/layout/examples/afe.stories.jsx":async()=>t(()=>import("./afe.stories-DM18uTAa.js"),__vite__mapDeps([153,1,2,3,154,4,6,7,8,9,10,11,34,35,36,15,16,17,37,33,32,38,39,40,41,42,155,156,61,98,99,157,20,14,18,21,100,27,28,29,30,31,83,84,101,102,103,104,116,117,118,119,50,51,5,12,13,19,125,126,158,159,151,132,152,44,45,46,23,24,47,48,49,112,160,161,52,53,54,55]),import.meta.url),"./src/components/layout/examples/blowout.stories.jsx":async()=>t(()=>import("./blowout.stories-DHdofVc-.js"),__vite__mapDeps([162,1,2,3,154,4,6,7,8,9,10,11,34,35,36,15,16,17,37,33,32,38,39,40,41,42,155,156,61,98,99,157,20,14,18,21,83,84,158,159,151,132,152,112]),import.meta.url),"./src/components/layout/examples/casing-loads.stories.jsx":async()=>t(()=>import("./casing-loads.stories-Dga1QkGC.js"),__vite__mapDeps([163,1,2,3,154,4,6,7,8,9,10,11,34,35,36,15,16,17,37,33,32,38,39,40,41,42,155,156,61,98,99,157,20,14,18,21,100,27,28,29,30,31,83,84,101,102,103,104,116,117,118,119,50,51,164,165,166,13,19,125,126,158,159,151,132,152,44,45,46,23,24,47,48,49,112,160,161,26,43,52,53,54,55,56,57,58,59,60,62,63,64,65]),import.meta.url),"./src/components/layout/examples/formation.stories.jsx":async()=>t(()=>import("./formation.stories-CZGQhWyA.js"),__vite__mapDeps([167,1,2,154,4,6,7,8,9,10,11,3,34,35,36,15,16,17,37,33,32,38,39,40,41,42,155,156,61,98,99,157,20,14,18,21,158,159,151,132,152,112,160,47,48,161,26,27,28,29,30,31,43,44,45,46,23,24,49,50,51,52,53,54,55,56,57,58,59,13,19,60,62,63,64,65]),import.meta.url),"./src/components/layout/examples/projects.stories.jsx":async()=>t(()=>import("./projects.stories-Co_WnKSx.js"),__vite__mapDeps([168,1,2,154,4,6,7,8,9,10,11,3,34,35,36,15,16,17,37,33,32,38,39,40,41,42,155,100,27,28,29,30,31,83,84,101,20,14,18,21,102,103,104,158,159,151,132,152,160,47,48,161,112]),import.meta.url),"./src/components/layout/examples/reservoirs.stories.jsx":async()=>t(()=>import("./reservoirs.stories-UW_8sofe.js"),__vite__mapDeps([169,1,2,3,154,4,6,7,8,9,10,11,34,35,36,15,16,17,37,33,32,38,39,40,41,42,155,156,61,98,99,157,20,14,18,21,100,27,28,29,30,31,83,84,101,102,103,104,116,117,118,119,50,51,13,19,123,47,48,124,125,126,158,159,151,132,152,44,45,46,23,24,49,112]),import.meta.url),"./src/components/layout/examples/site.stories.jsx":async()=>t(()=>import("./site.stories-ZGohyW6Z.js"),__vite__mapDeps([170,1,2,3,154,4,6,7,8,9,10,11,34,35,36,15,16,17,37,33,32,38,39,40,41,42,155,156,61,98,99,157,20,14,18,21,100,27,28,29,30,31,83,84,101,102,103,104,116,117,118,119,50,51,13,19,158,159,151,132,152,5,12,112,160,47,48,161]),import.meta.url),"./src/components/layout/flex/flex.stories.tsx":async()=>t(()=>import("./flex.stories-BhvJpHpN.js"),__vite__mapDeps([148,1,2,76,34,4,3,10,35,36,6,7,8,9,11,15,16,17,37,23,24]),import.meta.url),"./src/components/layout/grid/grid.stories.tsx":async()=>t(()=>import("./grid.stories-DqjhHHwX.js"),__vite__mapDeps([149,1,2,131,132,83,4,84]),import.meta.url),"./src/components/layout/page.stories.tsx":async()=>t(()=>import("./page.stories-DnCh8h8y.js"),__vite__mapDeps([171,1,2,158,4,159,154,6,7,8,9,10,11,3,34,35,36,15,16,17,37,33,32,38,39,40,41,42,155,156,61,98,99,157,20,14,18,21,172,173]),import.meta.url),"./src/components/layout/spacer/spacer.stories.tsx":async()=>t(()=>import("./spacer.stories-BBTt2LdE.js"),__vite__mapDeps([174,1,2,112,76,34,4,3,10,35,36,6,7,8,9,11,15,16,17,37]),import.meta.url),"./src/components/list/list.stories.tsx":async()=>t(()=>import("./list.stories-Cgmt29Wv.js"),__vite__mapDeps([175,1,2,176,75,8,9,30,7,100,4,27,28,29,16,31,83,84,101,3,6,10,11,20,14,15,17,18,21,33,32,34,35,36,37,38,39,40,41,42,102,103,104,76,105]),import.meta.url),"./src/components/loader/loader.stories.tsx":async()=>t(()=>import("./loader.stories-pS8zRM4u.js"),__vite__mapDeps([177,1,2,3,103,4,104,178,179,35,36,112,34,10,6,7,8,9,11,15,16,17,37,83,84]),import.meta.url),"./src/components/menu/menu.stories.tsx":async()=>t(()=>import("./menu.stories-xWX80Eh2.js"),__vite__mapDeps([180,1,2,75,8,9,30,7,3,86,87,33,4,32,10,34,35,36,6,11,15,16,17,37,38,39,40,41,42,76,181]),import.meta.url),"./src/components/message/message.stories.tsx":async()=>t(()=>import("./message.stories-r_UlbshI.js"),__vite__mapDeps([182,1,2,93,4,3,6,7,8,9,10,11,94,34,35,36,15,16,17,37,131,132]),import.meta.url),"./src/components/modal/modal.stories.tsx":async()=>t(()=>import("./modal.stories-C6Bh0Oda.js"),__vite__mapDeps([183,1,2,86,87,3,164,4,165,16,32,20,14,15,17,6,7,8,9,10,11,18,21,34,35,36,37,166,63,64,50,39,51,52,53,116,117,118,119,33,38,40,41,42,44,45,46,31,23,24,47,48,49,112]),import.meta.url),"./src/components/number-input/number-input.stories.tsx":async()=>t(()=>import("./number-input.stories-CmVUHT2d.js"),__vite__mapDeps([138,1,2,86,87,58,59,112,131,132,83,4,84,34,3,10,35,36,6,7,8,9,11,15,16,17,37,20,14,18,21,54,55,44,32,39,45,46,31,38,23,24,33,40,41,42,47,48,49,52,53,57,50,51]),import.meta.url),"./src/components/option-dropdown/option-dropdown.stories.tsx":async()=>t(()=>import("./option-dropdown.stories-CIvqMhQ3.js"),__vite__mapDeps([139,1,2,3,33,4,32,10,34,35,36,6,7,8,9,11,15,16,17,37,38,39,40,41,42,13,14,18,19,22,23,24,25,140]),import.meta.url),"./src/components/padding-and-spacing.mdx":async()=>t(()=>import("./padding-and-spacing-B10oZ-Ww.js"),__vite__mapDeps([184,1,2,78,79,16,8,46,80]),import.meta.url),"./src/components/pagination/pagination.stories.tsx":async()=>t(()=>import("./pagination.stories-B5cOvzik.js"),__vite__mapDeps([185,1,2,43,3,44,32,4,10,39,15,16,17,45,9,8,46,31,38,23,24,33,34,35,36,6,7,11,37,40,41,42,47,48,49,50,51,52,53,54,55,56]),import.meta.url),"./src/components/pop-confirm/pop-confirm.stories.tsx":async()=>t(()=>import("./pop-confirm.stories-DCpooB2O.js"),__vite__mapDeps([186,1,2,63,15,16,4,17,3,10,34,35,36,6,7,8,9,11,37,64,23,24,95,91,92,93,94,187]),import.meta.url),"./src/components/popover/popover.stories.tsx":async()=>t(()=>import("./popover.stories-p9_-pH_Q.js"),__vite__mapDeps([188,1,2,112,63,15,16,4,17,3,10,34,35,36,6,7,8,9,11,37,64,50,39,32,51,76,44,45,46,31,38,23,24,33,40,41,42,47,48,49]),import.meta.url),"./src/components/portal/portal.stories.tsx":async()=>t(()=>import("./portal.stories-BvRfNPz3.js"),__vite__mapDeps([189,1,2,16,165]),import.meta.url),"./src/components/progress-bar/progress-bar.stories.tsx":async()=>t(()=>import("./progress-bar.stories-CpbgT43D.js"),__vite__mapDeps([190,1,2,178,4,179]),import.meta.url),"./src/components/radio-button/radio-button.stories.tsx":async()=>t(()=>import("./radio-button.stories-BzyW2CtK.js"),__vite__mapDeps([141,1,2,86,87,123,4,10,47,48,38,3,14,15,16,17,6,7,8,9,11,18,124]),import.meta.url),"./src/components/rich-text-input/rich-text-input.stories.tsx":async()=>t(()=>import("./rich-text-input.stories-0pm7-gTq.js"),__vite__mapDeps([191,1,2,10,3,34,4,35,36,6,7,8,9,11,15,16,17,37,44,32,39,45,46,31,38,23,24,33,40,41,42,47,48,49,192]),import.meta.url),"./src/components/select/select.stories.tsx":async()=>t(()=>import("./select.stories-B0KIHiMX.js"),__vite__mapDeps([135,1,2,86,87,44,32,4,3,10,39,15,16,17,45,9,8,46,31,38,23,24,33,34,35,36,6,7,11,37,40,41,42,47,48,49,112]),import.meta.url),"./src/components/side-bar/side-bar.stories.tsx":async()=>t(()=>import("./side-bar.stories-M6FsuCrQ.js"),__vite__mapDeps([193,1,2,3,156,4,61,98,40,41,32,9,16,6,7,8,10,11,34,35,36,15,17,37,99,157,76,130]),import.meta.url),"./src/components/slider/slider.stories.tsx":async()=>t(()=>import("./slider.stories-BzBb3PkP.js"),__vite__mapDeps([142,1,2,60,32,29,4,8,7,31,61,3,10,15,16,17,34,35,36,6,9,11,37,62,23,24]),import.meta.url),"./src/components/smart-upload-modal/smart-upload-modal.stories.tsx":async()=>t(()=>import("./smart-upload-modal.stories-Dn7dIsu1.js"),__vite__mapDeps([194,1,2,34,4,3,10,35,36,6,7,8,9,11,15,16,17,37,164,165,32,20,14,18,21,166,110,52,53,50,39,51,111,112,23,24,178,179,58,59]),import.meta.url),"./src/components/spinner/spinner.stories.tsx":async()=>t(()=>import("./spinner.stories-DuQNhl1V.js"),__vite__mapDeps([195,1,2,35,36]),import.meta.url),"./src/components/table/cell/cell.stories.tsx":async()=>t(()=>import("./cell.stories-DfyQwzEH.js"),__vite__mapDeps([196,1,2,26,4,27,8,28,29,30,16,31,7,32,33,3,10,34,35,36,6,9,11,15,17,37,38,39,40,41,42,20,14,18,21,43,44,45,46,23,24,47,48,49,50,51,52,53,54,55,56,57,58,59,13,19,60,61,62,63,64,65,116,117,118,119,76,197]),import.meta.url),"./src/components/table/footer/footer.stories.tsx":async()=>t(()=>import("./footer.stories-DYBxUtZh.js"),__vite__mapDeps([198,1,2,26,4,27,8,28,29,30,16,31,7,32,33,3,10,34,35,36,6,9,11,15,17,37,38,39,40,41,42,20,14,18,21,43,44,45,46,23,24,47,48,49,50,51,52,53,54,55,56,57,58,59,13,19,60,61,62,63,64,65,197,76]),import.meta.url),"./src/components/table/row/row.stories.tsx":async()=>t(()=>import("./row.stories-B8OWE9yd.js"),__vite__mapDeps([199,1,2,26,4,27,8,28,29,30,16,31,7,32,33,3,10,34,35,36,6,9,11,15,17,37,38,39,40,41,42,20,14,18,21,43,44,45,46,23,24,47,48,49,50,51,52,53,54,55,56,57,58,59,13,19,60,61,62,63,64,65,197,76]),import.meta.url),"./src/components/table/table.stories.tsx":async()=>t(()=>import("./table.stories-DzHGqXth.js"),__vite__mapDeps([200,1,2,176,32,131,132,23,4,24,26,27,8,28,29,30,16,31,7,33,3,10,34,35,36,6,9,11,15,17,37,38,39,40,41,42,20,14,18,21,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,13,19,60,61,62,63,64,65,83,84,116,117,118,119,197,76]),import.meta.url),"./src/components/table/title/title.stories.tsx":async()=>t(()=>import("./title.stories-B8l1sfdo.js"),__vite__mapDeps([201,1,2,26,4,27,8,28,29,30,16,31,7,32,33,3,10,34,35,36,6,9,11,15,17,37,38,39,40,41,42,20,14,18,21,43,44,45,46,23,24,47,48,49,50,51,52,53,54,55,56,57,58,59,13,19,60,61,62,63,64,65,197,76]),import.meta.url),"./src/components/tabs/tabs.stories.tsx":async()=>t(()=>import("./tabs.stories-B52iEaHf.js"),__vite__mapDeps([202,1,2,160,4,10,32,40,41,47,48,38,161]),import.meta.url),"./src/components/text-link/text-link.stories.tsx":async()=>t(()=>import("./text-link.stories-BQAkVO-W.js"),__vite__mapDeps([81,1,2,75,8,9,30,7,76,23,4,24]),import.meta.url),"./src/components/text/text.stories.tsx":async()=>t(()=>import("./text.stories-B8L4FWPt.js"),__vite__mapDeps([203,1,2,23,4,24]),import.meta.url),"./src/components/textarea/textarea.stories.tsx":async()=>t(()=>import("./textarea.stories-CJ-Oqytp.js"),__vite__mapDeps([143,1,2,113,4,39,32,10,15,16,17,114]),import.meta.url),"./src/components/toaster/toaster.stories.tsx":async()=>t(()=>import("./toaster.stories-HO4VBTy-.js"),__vite__mapDeps([204,1,2,86,87,131,132,23,4,24,76,95,91,16,92,93,3,6,7,8,9,10,11,94,34,35,36,15,17,37,112]),import.meta.url),"./src/components/toggle/toggle.stories.tsx":async()=>t(()=>import("./toggle.stories-qTHFTXxI.js"),__vite__mapDeps([144,1,2,86,87,76,23,4,24,121,3,10,14,15,16,17,6,7,8,9,11,18,122]),import.meta.url),"./src/components/tooltip/tooltip.stories.tsx":async()=>t(()=>import("./tooltip.stories-1YexWg6N.js"),__vite__mapDeps([205,1,2,15,16,4,17]),import.meta.url),"./src/components/tooltip/tooltip.test-case.stories.tsx":async()=>t(()=>import("./tooltip.test-case.stories-CHibN8rC.js"),__vite__mapDeps([206,1,2,15,16,4,17,33,32,3,10,34,35,36,6,7,8,9,11,37,38,39,40,41,42,181,76]),import.meta.url),"./src/components/top-bar/top-bar.stories.tsx":async()=>t(()=>import("./top-bar.stories-HDmWT243.js"),__vite__mapDeps([207,1,2,75,8,9,30,7,3,154,4,6,10,11,34,35,36,15,16,17,37,33,32,38,39,40,41,42,155,158,159,172,130]),import.meta.url),"./src/components/top-bar/top-bar.testcase.stories.tsx":async()=>t(()=>import("./top-bar.testcase.stories-DfmrkEpT.js"),__vite__mapDeps([208,1,2,3,154,4,6,7,8,9,10,11,34,35,36,15,16,17,37,33,32,38,39,40,41,42,155,172]),import.meta.url),"./src/components/tree/tree.stories.tsx":async()=>t(()=>import("./tree.stories-feLUcTtm.js"),__vite__mapDeps([209,1,2,6,4,7,8,9,10,11,59,3,101,20,14,15,16,17,18,21,33,32,34,35,36,37,38,39,40,41,42,102,28,29,23,24,210]),import.meta.url),"./src/components/unit-input/unit-input.stories.tsx":async()=>t(()=>import("./unit-input.stories-BnLB_Avl.js"),__vite__mapDeps([211,1,2,58,59,4,212,33,32,3,10,34,35,36,6,7,8,9,11,15,16,17,37,38,39,40,41,42,54,55,52,53,112,23,24,48,57,45,50,51,22,25,151,132,152,116,117,14,18,118,119,93,94,86,87,213]),import.meta.url),"./src/components/unit-table/unit-table.stories.tsx":async()=>t(()=>import("./unit-table.stories-DquyyMbD.js"),__vite__mapDeps([214,1,2,176,58,59,131,132,112,86,87,83,4,84,116,117,3,14,15,16,17,6,7,8,9,10,11,18,118,119,20,21,44,32,39,45,46,31,38,23,24,33,34,35,36,37,40,41,42,47,48,49,121,122,212,26,27,28,29,30,43,50,51,52,53,54,55,56,57,13,19,60,61,62,63,64,65]),import.meta.url)};async function v(s){return P[s]()}const{composeConfigs:x,PreviewWeb:I,ClientApi:f}=__STORYBOOK_MODULE_PREVIEW_API__,V=async(s=[])=>{const i=await Promise.all([s.at(0)??t(()=>import("./entry-preview-CHonU0lQ.js"),__vite__mapDeps([215,2,90,16]),import.meta.url),s.at(1)??t(()=>import("./entry-preview-docs-DUYczTxA.js"),__vite__mapDeps([216,80,2,9]),import.meta.url),s.at(2)??t(()=>import("./preview-Ct5NkTJf.js"),[],import.meta.url),s.at(3)??t(()=>import("./preview-Cym3ID9p.js"),[],import.meta.url),s.at(4)??t(()=>import("./preview-DLBQXbKW.js"),__vite__mapDeps([217,87]),import.meta.url),s.at(5)??t(()=>import("./preview-pQMX-q5x.js"),__vite__mapDeps([218,1,2,91,16,92,93,4,3,6,7,8,9,10,11,94,79,46,80,59,89,90,219]),import.meta.url)]);return x(i)};window.__STORYBOOK_PREVIEW__=window.__STORYBOOK_PREVIEW__||new I(v,V);window.__STORYBOOK_STORY_STORE__=window.__STORYBOOK_STORY_STORE__||window.__STORYBOOK_PREVIEW__.storyStore;export{t as _};
@@ -1,16 +0,0 @@
1
- import{j as h}from"./jsx-runtime-eps93zm2.js";import{r as s}from"./index-DhsZuJvc.js";import{d as o}from"./index-C0x1JmaP.js";import{K as z,E as G}from"./enum-Bnn40S8Q.js";import{l as J}from"./lodash-c4VUpsOs.js";import{I as Q}from"./input-DTXbDJaL.js";const u=n=>String(o.toString(n)),U=n=>n?typeof n=="string"?n:J.isArray(n)?n[0]:n.fieldName:"",X=({name:n,placeholder:I="",disabled:F=!1,error:c=!1,left:L=!1,small:k=!1,width:x="100%",value:m="",onChange:R=()=>{},onFocus:S=()=>{},onBlur:j=()=>{},tabIndex:C=0,testId:H,tooltip:M=null,warning:K=!1,validationCallback:y=()=>{},allowEmpty:A=!1,isInTable:O,groupOrder:B,enableDisplayRounding:d=!1,roundDisplayValue:v,disableInternalErrorValidationMessages:D=!1})=>{const t=s.useRef(null),[r,T]=s.useState(u(m)),[l,b]=s.useState(!1),i=U(n),w=e=>{const a=o.validateNumber(e);return A&&e===""||a.valid?{...a,valid:!0,errors:void 0}:a},{valid:p,errors:f}=w(r),E=f&&f.length&&!D?f[0]:null;s.useEffect(()=>{T(u(m))},[m,d]),s.useEffect(()=>{!l&&!p?y(i,E):y(i,null)},[l,p,c]);const q=e=>{var N,V;const a=e instanceof KeyboardEvent?r:(N=e==null?void 0:e.target)==null?void 0:N.value,g=o.cleanNumStr(a.replaceAll(" ","").replaceAll("|",""));if(T(g),(V=w(g))!=null&&V.valid){const Z={...e,target:{...e.target,value:o.stripLeadingZeros(u(g)),name:i}};R(Z)}};s.useEffect(()=>{if(t&&(t!=null&&t.current)&&d&&l){const e=t.current;e&&setTimeout(()=>{const{length:a}=u(r);e.setSelectionRange(a,a)},0)}},[l]);const _=e=>{b(!0),S(e)},P=e=>{b(!1),j(e)},W=d&&!l&&p?v?u(v(r)):o.roundToFixed(r,2):r;return h.jsx(z,{handleKeys:[G.ENTER],onKeyEvent:(e,a)=>q(a),children:h.jsx(Q,{type:"text",name:i,testId:H,disabled:F,placeholder:I,value:W,onChange:q,onFocus:_,onBlur:P,error:E||c,warning:K,right:!L,small:k,width:x,isInTable:O,groupOrder:B,tabIndex:C,tooltip:M,ref:t},i)})};X.__docgenInfo={description:"",methods:[],displayName:"NumberInput",props:{name:{required:!1,tsType:{name:"union",raw:"string | { fieldName: string }",elements:[{name:"string"},{name:"signature",type:"object",raw:"{ fieldName: string }",signature:{properties:[{key:"fieldName",value:{name:"string",required:!0}}]}}]},description:""},placeholder:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},error:{required:!1,tsType:{name:"union",raw:"string | boolean",elements:[{name:"string"},{name:"boolean"}]},description:"",defaultValue:{value:"false",computed:!1}},left:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},small:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},width:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"'100%'",computed:!1}},value:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"''",computed:!1}},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:`(
2
- event: TChangeEvent<T>,
3
- ...additionalProps: { [key: string]: any }[]
4
- ) => void`,signature:{arguments:[{type:{name:"intersection",raw:`ChangeEvent<T> & {
5
- target:
6
- | T
7
- | { name: string; value: any; label?: string; files?: FileList | null };
8
- }`,elements:[{name:"ChangeEvent",elements:[{name:"T"}],raw:"ChangeEvent<T>"},{name:"signature",type:"object",raw:`{
9
- target:
10
- | T
11
- | { name: string; value: any; label?: string; files?: FileList | null };
12
- }`,signature:{properties:[{key:"target",value:{name:"union",raw:`| T
13
- | { name: string; value: any; label?: string; files?: FileList | null }`,elements:[{name:"T"},{name:"signature",type:"object",raw:"{ name: string; value: any; label?: string; files?: FileList | null }",signature:{properties:[{key:"name",value:{name:"string",required:!0}},{key:"value",value:{name:"any",required:!0}},{key:"label",value:{name:"string",required:!1}},{key:"files",value:{name:"union",raw:"FileList | null",elements:[{name:"FileList"},{name:"null"}],required:!1}}]}}],required:!0}}]}}]},name:"event"},{type:{name:"Array",elements:[{name:"signature",type:"object",raw:"{ [key: string]: any }",signature:{properties:[{key:{name:"string"},value:{name:"any",required:!0}}]}}],raw:"{ [key: string]: any }[]"},name:"additionalProps",rest:!0}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},onFocus:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: FocusEvent<HTMLInputElement>) => void",signature:{arguments:[{type:{name:"FocusEvent",elements:[{name:"HTMLInputElement"}],raw:"FocusEvent<HTMLInputElement>"},name:"evt"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},onBlur:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: FocusEvent<HTMLInputElement>) => void",signature:{arguments:[{type:{name:"FocusEvent",elements:[{name:"HTMLInputElement"}],raw:"FocusEvent<HTMLInputElement>"},name:"evt"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},tabIndex:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"0",computed:!1}},testId:{required:!1,tsType:{name:"string"},description:""},tooltip:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | React.ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactReactNode",raw:"React.ReactNode"}]},description:"",defaultValue:{value:"null",computed:!1}},warning:{required:!1,tsType:{name:"union",raw:"string | boolean",elements:[{name:"string"},{name:"boolean"}]},description:"",defaultValue:{value:"false",computed:!1}},validationCallback:{required:!1,tsType:{name:"signature",type:"function",raw:`(
14
- name: string | { fieldName: string },
15
- error: string | null,
16
- ) => void`,signature:{arguments:[{type:{name:"union",raw:"string | { fieldName: string }",elements:[{name:"string"},{name:"signature",type:"object",raw:"{ fieldName: string }",signature:{properties:[{key:"fieldName",value:{name:"string",required:!0}}]}}]},name:"name"},{type:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},name:"error"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},allowEmpty:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},isInTable:{required:!1,tsType:{name:"boolean"},description:""},groupOrder:{required:!1,tsType:{name:"any"},description:""},enableDisplayRounding:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},roundDisplayValue:{required:!1,tsType:{name:"signature",type:"function",raw:"(args: TStringOrNumber) => TStringOrNumber",signature:{arguments:[{type:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},name:"args"}],return:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]}}},description:""},disableInternalErrorValidationMessages:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}}}};export{X as N};
@@ -1,124 +0,0 @@
1
- import{j as s}from"./jsx-runtime-eps93zm2.js";import{r as B}from"./index-DhsZuJvc.js";import{w as S,u as t,e as o,f as Ae,a as Se}from"./index-DMAnyMX5.js";import{d as De}from"./index-C0x1JmaP.js";import{S as Be}from"./spacer-BWoNR27H.js";import{G as xe}from"./grid-DRkC-bt8.js";import{C as x}from"./card-EcjmryU9.js";import{B as _e}from"./button-DHevvVBE.js";import{H as _}from"./heading-CRNoBc7q.js";import{I as Ne}from"./input-group-addon-D68iUKV2.js";import{S as Ee}from"./select-03uRbc4I.js";import{I as Ve}from"./input-group-BaRSJAEN.js";import{N as i}from"./number-input-DZ9ERbK_.js";import"./index-CF7H4eMJ.js";import"./index-DRSy5Ssd.js";import"./styled-components.browser.esm-BQ9GQzDc.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./help-icon-Buhx5nl6.js";import"./lodash-c4VUpsOs.js";import"./types-Dx2TtIG9.js";import"./enum-Bnn40S8Q.js";import"./assertThisInitialized-B9jnkVVz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./text-B3-TSWok.js";import"./actions-D-uVCDzk.js";import"./badge-CLQ59MDF.js";import"./select.input-CJed_LLR.js";import"./helpers-JJxzGegQ.js";import"./input-DTXbDJaL.js";const{useArgs:Me}=__STORYBOOK_MODULE_PREVIEW_API__,Ca={title:"Forms/NumberInput",component:i,parameters:{canvas:{page:null}},args:{label:"Label"}},u=a=>{const[r,e]=Me(),l=n=>{e({value:n.target.value})};return s.jsx(i,{onChange:l,value:123,...a})},D=u.bind({}),m=u.bind({});m.args={small:!0};const g=u.bind({});g.args={width:"150px"};const h=u.bind({});h.args={left:!0};const v=u.bind({});v.args={disabled:!0};const I=u.bind({});I.args={allowEmpty:!0,value:""};const p=()=>{const[a,r]=B.useState("123|m");return s.jsx(i,{name:"example",onChange:e=>r(e.target.value),placeholder:"Type a value...",value:a,testId:"testId"})};p.play=async({canvasElement:a,step:r})=>{const e=S(a),l=S(a.ownerDocument.body);await r("Shows validation error for non-numeric input",async()=>{const n=e.getByTestId("testId");await t.clear(n),await t.type(n,"123x45s6"),await t.click(a),await o(e.getByDisplayValue("123x45s6")).toBeInTheDocument(),await Ae.mouseOver(n),await Se(()=>{o(l.getByText("Must be a numerical value")).toBeInTheDocument()})})};const y=u.bind({});y.args={warning:"This input number is almost 100!",value:"99"};const C=u.bind({});C.args={error:"This is a error message"};const b=u.bind({});b.args={value:"123test"};const w=u.bind({});w.args={value:"123.123456789",enableDisplayRounding:!0};const T=u.bind({});T.args={value:"123.123456789",enableDisplayRounding:!0,roundDisplayValue:a=>De.roundToFixed(a,4)};const f=()=>s.jsxs(Ve,{small:!0,children:[s.jsx(i,{value:123}),s.jsx(Ne,{children:"to"}),s.jsx(i,{value:123}),s.jsx(Ee,{options:[{value:"units",label:"units"}],width:"auto",value:"units"})]}),c=()=>{const[a,r]=B.useState("123");return s.jsx(i,{value:a,onChange:e=>{r(e.target.value)},testId:"testId",enableDisplayRounding:!0})};c.play=async({canvasElement:a,step:r})=>{const e=S(a);await r("Value should be rounded on blur",async()=>{const l=e.getByTestId("testId");await t.clear(l),await t.type(l,"123.123456789"),await t.click(a),await o(e.getByDisplayValue("123.12")).toBeInTheDocument()}),await r("Full value shown on focus",async()=>{const l=e.getByTestId("testId");await t.click(l),await o(e.getByDisplayValue("123.123456789")).toBeInTheDocument()})};const A=()=>{const[a,r]=B.useState("123");return s.jsxs(xe,{columns:"1fr 1fr",gap:!0,children:[s.jsxs(x,{heading:s.jsx(_,{children:"Storage State (Redux)"}),children:[a,s.jsx(Be,{}),s.jsx(_e,{label:"Change value",onClick:()=>r(String(Math.floor(Math.random()*100)))})]}),s.jsx(x,{heading:s.jsx(_,{children:"NumberInput"}),children:s.jsx(i,{value:a,onChange:e=>{r(e.target.value)},error:Number(a)>=0?"":"Value must be positive"})})]})},d=()=>{const[a,r]=B.useState("123");return s.jsx(i,{value:a,onChange:e=>{r(e.target.value)},testId:"testId"})};d.play=async({canvasElement:a,step:r})=>{const e=S(a),l=S(a.ownerDocument.body);await r("Can enter decimal values",async()=>{const n=e.getByTestId("testId");await t.clear(n),await t.type(n,"123.123456789"),await t.click(a),await o(e.getByDisplayValue("123.123456789")).toBeInTheDocument()}),await r("Can enter scientific notation",async()=>{const n=e.getByTestId("testId");await t.clear(n),await t.type(n,"-1.12e3"),await t.click(a),await o(e.getByDisplayValue("-1.12e3")).toBeInTheDocument()}),await r("Can enter comma decimals (converts to dot)",async()=>{const n=e.getByTestId("testId");await t.clear(n),await t.type(n,"123,456"),await t.click(a),await o(e.getByDisplayValue("123.456")).toBeInTheDocument()}),await r("Can enter small numbers",async()=>{const n=e.getByTestId("testId");await t.clear(n),await t.type(n,"0.0000000023"),await t.click(a),await o(e.getByDisplayValue("0.0000000023")).toBeInTheDocument()}),await r("Can enter large numbers",async()=>{const n=e.getByTestId("testId");await t.clear(n),await t.type(n,"999999999999"),await t.click(a),await o(e.getByDisplayValue("999999999999")).toBeInTheDocument()}),await r("Shows validation error for non-numeric input",async()=>{const n=e.getByTestId("testId");await t.clear(n),await t.type(n,"123x45s6"),await t.click(a),await o(e.getByDisplayValue("123x45s6")).toBeInTheDocument(),await Ae.mouseOver(n),await Se(()=>{o(l.getByText("Must be a numerical value")).toBeInTheDocument()})})};p.__docgenInfo={description:"",methods:[{name:"play",docblock:null,modifiers:["static"],params:[{name:"{ canvasElement, step }",optional:!1,type:null}],returns:null}],displayName:"Placeholder"};f.__docgenInfo={description:"",methods:[],displayName:"TestInputGroup"};c.__docgenInfo={description:"",methods:[{name:"play",docblock:null,modifiers:["static"],params:[{name:"{ canvasElement, step }",optional:!1,type:null}],returns:null}],displayName:"TestDisplayRounding"};A.__docgenInfo={description:"",methods:[],displayName:"ManagedTestCase"};d.__docgenInfo={description:"",methods:[{name:"play",docblock:null,modifiers:["static"],params:[{name:"{ canvasElement, step }",optional:!1,type:null}],returns:null}],displayName:"TestUserInput"};var N,E,V;D.parameters={...D.parameters,docs:{...(N=D.parameters)==null?void 0:N.docs,source:{originalSource:`args => {
2
- const [_, updateArgs] = useArgs();
3
- const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
4
- updateArgs({
5
- value: evt.target.value
6
- });
7
- };
8
- return <NumberInput onChange={handleChange} value={123} {...args} />;
9
- }`,...(V=(E=D.parameters)==null?void 0:E.docs)==null?void 0:V.source}}};var M,j,H;m.parameters={...m.parameters,docs:{...(M=m.parameters)==null?void 0:M.docs,source:{originalSource:`args => {
10
- const [_, updateArgs] = useArgs();
11
- const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
12
- updateArgs({
13
- value: evt.target.value
14
- });
15
- };
16
- return <NumberInput onChange={handleChange} value={123} {...args} />;
17
- }`,...(H=(j=m.parameters)==null?void 0:j.docs)==null?void 0:H.source}}};var R,L,k;g.parameters={...g.parameters,docs:{...(R=g.parameters)==null?void 0:R.docs,source:{originalSource:`args => {
18
- const [_, updateArgs] = useArgs();
19
- const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
20
- updateArgs({
21
- value: evt.target.value
22
- });
23
- };
24
- return <NumberInput onChange={handleChange} value={123} {...args} />;
25
- }`,...(k=(L=g.parameters)==null?void 0:L.docs)==null?void 0:k.source}}};var G,W,O;h.parameters={...h.parameters,docs:{...(G=h.parameters)==null?void 0:G.docs,source:{originalSource:`args => {
26
- const [_, updateArgs] = useArgs();
27
- const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
28
- updateArgs({
29
- value: evt.target.value
30
- });
31
- };
32
- return <NumberInput onChange={handleChange} value={123} {...args} />;
33
- }`,...(O=(W=h.parameters)==null?void 0:W.docs)==null?void 0:O.source}}};var P,F,U;v.parameters={...v.parameters,docs:{...(P=v.parameters)==null?void 0:P.docs,source:{originalSource:`args => {
34
- const [_, updateArgs] = useArgs();
35
- const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
36
- updateArgs({
37
- value: evt.target.value
38
- });
39
- };
40
- return <NumberInput onChange={handleChange} value={123} {...args} />;
41
- }`,...(U=(F=v.parameters)==null?void 0:F.docs)==null?void 0:U.source}}};var K,Y,q;I.parameters={...I.parameters,docs:{...(K=I.parameters)==null?void 0:K.docs,source:{originalSource:`args => {
42
- const [_, updateArgs] = useArgs();
43
- const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
44
- updateArgs({
45
- value: evt.target.value
46
- });
47
- };
48
- return <NumberInput onChange={handleChange} value={123} {...args} />;
49
- }`,...(q=(Y=I.parameters)==null?void 0:Y.docs)==null?void 0:q.source}}};var z,J,Q;p.parameters={...p.parameters,docs:{...(z=p.parameters)==null?void 0:z.docs,source:{originalSource:`() => {
50
- const [value, setValue] = useState('123|m');
51
- return <NumberInput name="example" onChange={evt => setValue(evt.target.value)} placeholder="Type a value..." value={value} testId="testId" />;
52
- }`,...(Q=(J=p.parameters)==null?void 0:J.docs)==null?void 0:Q.source}}};var X,Z,$;y.parameters={...y.parameters,docs:{...(X=y.parameters)==null?void 0:X.docs,source:{originalSource:`args => {
53
- const [_, updateArgs] = useArgs();
54
- const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
55
- updateArgs({
56
- value: evt.target.value
57
- });
58
- };
59
- return <NumberInput onChange={handleChange} value={123} {...args} />;
60
- }`,...($=(Z=y.parameters)==null?void 0:Z.docs)==null?void 0:$.source}}};var ee,ae,te;C.parameters={...C.parameters,docs:{...(ee=C.parameters)==null?void 0:ee.docs,source:{originalSource:`args => {
61
- const [_, updateArgs] = useArgs();
62
- const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
63
- updateArgs({
64
- value: evt.target.value
65
- });
66
- };
67
- return <NumberInput onChange={handleChange} value={123} {...args} />;
68
- }`,...(te=(ae=C.parameters)==null?void 0:ae.docs)==null?void 0:te.source}}};var ne,re,se;b.parameters={...b.parameters,docs:{...(ne=b.parameters)==null?void 0:ne.docs,source:{originalSource:`args => {
69
- const [_, updateArgs] = useArgs();
70
- const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
71
- updateArgs({
72
- value: evt.target.value
73
- });
74
- };
75
- return <NumberInput onChange={handleChange} value={123} {...args} />;
76
- }`,...(se=(re=b.parameters)==null?void 0:re.docs)==null?void 0:se.source}}};var oe,ue,le;w.parameters={...w.parameters,docs:{...(oe=w.parameters)==null?void 0:oe.docs,source:{originalSource:`args => {
77
- const [_, updateArgs] = useArgs();
78
- const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
79
- updateArgs({
80
- value: evt.target.value
81
- });
82
- };
83
- return <NumberInput onChange={handleChange} value={123} {...args} />;
84
- }`,...(le=(ue=w.parameters)==null?void 0:ue.docs)==null?void 0:le.source}}};var ie,pe,ce;T.parameters={...T.parameters,docs:{...(ie=T.parameters)==null?void 0:ie.docs,source:{originalSource:`args => {
85
- const [_, updateArgs] = useArgs();
86
- const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
87
- updateArgs({
88
- value: evt.target.value
89
- });
90
- };
91
- return <NumberInput onChange={handleChange} value={123} {...args} />;
92
- }`,...(ce=(pe=T.parameters)==null?void 0:pe.docs)==null?void 0:ce.source}}};var de,me,ge;f.parameters={...f.parameters,docs:{...(de=f.parameters)==null?void 0:de.docs,source:{originalSource:`() => <InputGroup small>
93
- <NumberInput value={123} />
94
- <InputGroupAddon>to</InputGroupAddon>
95
- <NumberInput value={123} />
96
- <Select options={[{
97
- value: 'units',
98
- label: 'units'
99
- }]} width="auto" value="units" />
100
- </InputGroup>`,...(ge=(me=f.parameters)==null?void 0:me.docs)==null?void 0:ge.source}}};var he,ve,Ie;c.parameters={...c.parameters,docs:{...(he=c.parameters)==null?void 0:he.docs,source:{originalSource:`() => {
101
- const [value, setValue] = useState('123');
102
- return <NumberInput value={value} onChange={evt => {
103
- setValue(evt.target.value);
104
- }} testId="testId" enableDisplayRounding />;
105
- }`,...(Ie=(ve=c.parameters)==null?void 0:ve.docs)==null?void 0:Ie.source}}};var ye,Ce,be;A.parameters={...A.parameters,docs:{...(ye=A.parameters)==null?void 0:ye.docs,source:{originalSource:`() => {
106
- const [value, setValue] = useState('123');
107
- return <Grid columns="1fr 1fr" gap>
108
- <Card heading={<Heading>Storage State (Redux)</Heading>}>
109
- {value}
110
- <Spacer />
111
- <Button label="Change value" onClick={() => setValue(String(Math.floor(Math.random() * 100)))} />
112
- </Card>
113
- <Card heading={<Heading>NumberInput</Heading>}>
114
- <NumberInput value={value} onChange={evt => {
115
- setValue(evt.target.value);
116
- }} error={Number(value) >= 0 ? '' : 'Value must be positive'} />
117
- </Card>
118
- </Grid>;
119
- }`,...(be=(Ce=A.parameters)==null?void 0:Ce.docs)==null?void 0:be.source}}};var we,Te,fe;d.parameters={...d.parameters,docs:{...(we=d.parameters)==null?void 0:we.docs,source:{originalSource:`() => {
120
- const [value, setValue] = useState('123');
121
- return <NumberInput value={value} onChange={evt => {
122
- setValue(evt.target.value);
123
- }} testId="testId" />;
124
- }`,...(fe=(Te=d.parameters)==null?void 0:Te.docs)==null?void 0:fe.source}}};const ba=["Default","Small","Width","Left","Disabled","AllowEmpty","Placeholder","Warning","Error","BadInput","WithDisplayRounding","WithCustomDisplayRounding","TestInputGroup","TestDisplayRounding","ManagedTestCase","TestUserInput"];export{I as AllowEmpty,b as BadInput,D as Default,v as Disabled,C as Error,h as Left,A as ManagedTestCase,p as Placeholder,m as Small,c as TestDisplayRounding,f as TestInputGroup,d as TestUserInput,y as Warning,g as Width,T as WithCustomDisplayRounding,w as WithDisplayRounding,ba as __namedExportsOrder,Ca as default};
@@ -1,10 +0,0 @@
1
- import{j as r}from"./jsx-runtime-eps93zm2.js";import{r as k}from"./index-DhsZuJvc.js";import{S as w}from"./spacer-BWoNR27H.js";import{P as n}from"./popover-rq33c1W2.js";import{I as c}from"./input-DTXbDJaL.js";import{B as i}from"./button-DHevvVBE.js";import{F as y}from"./flex-EllkLxgO.js";import{S as D}from"./select-03uRbc4I.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./types-Dx2TtIG9.js";import"./lodash-c4VUpsOs.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./enum-Bnn40S8Q.js";import"./assertThisInitialized-B9jnkVVz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./text-B3-TSWok.js";import"./actions-D-uVCDzk.js";import"./badge-CLQ59MDF.js";import"./select.input-CJed_LLR.js";import"./helpers-JJxzGegQ.js";const u=[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],_=({close:e})=>r.jsxs(y,{gap:"var(--padding-xs)",children:[r.jsx(c,{value:"Value",width:"150px",small:!0}),r.jsx(D,{options:u,value:u[0],width:"auto",small:!0}),r.jsx(i,{colored:!0,label:"Save",onClick:()=>{},small:!0}),r.jsx(i,{label:"Cancel",onClick:e,small:!0})]}),nr={title:"Basic/Popover",component:n,args:{overflowContainer:!0,content:r.jsx(_,{}),children:r.jsx(i,{label:"Toggle me"})},decorators:[e=>r.jsx("div",{style:{display:"flex"},children:e()})],parameters:{docs:{source:{excludeDecorators:!0}}}},l=e=>r.jsx(n,{...e}),p=l.bind({}),o=l.bind({});o.args={children:r.jsx(c,{value:"Value",width:"100%"})};const s=l.bind({});s.args={closeOnOutsideClick:!1,showCloseButton:!0};const t=l.bind({});t.args={disabled:!0};const a=e=>{const[m,T]=k.useState(!1);return r.jsxs("div",{children:[r.jsx(i,{onClick:()=>T(!m),label:"Toggle Popover Externally"}),r.jsx(w,{}),r.jsx(n,{...e,isOpen:m,children:r.jsx(c,{})})]})};a.__docgenInfo={description:"",methods:[],displayName:"ExternalControl"};var d,g,x;p.parameters={...p.parameters,docs:{...(d=p.parameters)==null?void 0:d.docs,source:{originalSource:"args => <Popover {...args} />",...(x=(g=p.parameters)==null?void 0:g.docs)==null?void 0:x.source}}};var v,f,j;o.parameters={...o.parameters,docs:{...(v=o.parameters)==null?void 0:v.docs,source:{originalSource:"args => <Popover {...args} />",...(j=(f=o.parameters)==null?void 0:f.docs)==null?void 0:j.source}}};var b,S,C;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:"args => <Popover {...args} />",...(C=(S=s.parameters)==null?void 0:S.docs)==null?void 0:C.source}}};var O,h,P;t.parameters={...t.parameters,docs:{...(O=t.parameters)==null?void 0:O.docs,source:{originalSource:"args => <Popover {...args} />",...(P=(h=t.parameters)==null?void 0:h.docs)==null?void 0:P.source}}};var I,E,B;a.parameters={...a.parameters,docs:{...(I=a.parameters)==null?void 0:I.docs,source:{originalSource:`args => {
2
- const [isOpen, setIsOpen] = useState(false);
3
- return <div>
4
- <Button onClick={() => setIsOpen(!isOpen)} label="Toggle Popover Externally" />
5
- <Spacer />
6
- <Popover {...args} isOpen={isOpen}>
7
- <Input />
8
- </Popover>
9
- </div>;
10
- }`,...(B=(E=a.parameters)==null?void 0:E.docs)==null?void 0:B.source}}};const cr=["Default","InputTrigger","CloseButton","Disabled","ExternalControl"];export{s as CloseButton,p as Default,t as Disabled,a as ExternalControl,o as InputTrigger,cr as __namedExportsOrder,nr as default};
@@ -1,61 +0,0 @@
1
- import{j as o}from"./jsx-runtime-eps93zm2.js";import{l as ae}from"./lodash-c4VUpsOs.js";import{r as x}from"./index-DhsZuJvc.js";import{c as G}from"./index-Bk2sglWO.js";import{G as ie,I as Ee}from"./common-types-Sih75Sav.js";import{D as me}from"./disabled-context-rmpd7YJS.js";import{i as ne}from"./types-Dx2TtIG9.js";import{T as pe,u as ze,m as We}from"./tooltip-1V7clEnw.js";import{A as P,E as B,K as Ge}from"./enum-Bnn40S8Q.js";import{a as $e,_ as Ue}from"./inheritsLoose-DP0QEDDI.js";import{_ as ge}from"./assertThisInitialized-B9jnkVVz.js";import{m as le}from"./memoize-one.esm-CcMeOnPo.js";import{M as se}from"./types-BmbYqTX_.js";import{T as ue}from"./text-B3-TSWok.js";import{A as Ve}from"./actions-D-uVCDzk.js";import{I as ce}from"./icon-BSFY3vDO.js";import{s as Ye}from"./select.input-CJed_LLR.js";const Ke="_inputInTable_1nzfr_1",Be="_error_1nzfr_7",Ze="_warning_1nzfr_7",Xe="_inputHover_1nzfr_13",Je="_inputFocus_1nzfr_18",Qe="_inputError_1nzfr_25",en="_inputWarning_1nzfr_26",nn="_inputDisabled_1nzfr_61",tn="_hideScrollbars_1nzfr_67",rn="_select_1nzfr_77",an="_isInTable_1nzfr_121",sn="_unSelected_1nzfr_133",ln="_small_1nzfr_174",on="_right_1nzfr_182",un="_groupOrderFirst_1nzfr_193",cn="_groupOrderMiddle_1nzfr_194",dn="_groupOrderLast_1nzfr_198",z={inputInTable:Ke,error:Be,warning:Ze,inputHover:Xe,inputFocus:Je,inputError:Qe,inputWarning:en,inputDisabled:nn,hideScrollbars:tn,select:rn,isInTable:an,unSelected:sn,small:ln,right:on,groupOrderFirst:un,groupOrderMiddle:cn,groupOrderLast:dn},Oe=({disabled:e=!1,error:n=null,warning:r=null,tooltip:a=null,options:s,onChange:g=ae.noop,onFocus:S=ae.noop,onBlur:u=ae.noop,right:c=!1,small:d=!1,tabIndex:T=0,selectedOption:m,width:_=null,groupOrder:E=null,testId:v,isInTable:t=!1,clearable:i,placeholder:l,hasNonExistentValue:p,maxTooltipWidth:y,borderRadius:I})=>{const f=x.useContext(me),h=m===null||(m==null?void 0:m.value)===null?"unselected":m==null?void 0:m.value,O=h==="unselected",N=(h==="unselected"||i?[o.jsx("option",{value:"unselected",disabled:!i,hidden:!i,children:l||"Select..."},"unselected")]:[]).concat(p?[o.jsx("option",{value:m==null?void 0:m.value,disabled:e||f,children:m==null?void 0:m.label},"selectedNonExistentValue")]:[]).concat(s.map((R,q)=>o.jsx("option",{value:R.value,"data-testid":R.testId,children:R.label},q))),C=(()=>{if(E)switch(E){case ie.FIRST:return z.groupOrderFirst;case ie.LAST:return z.groupOrderLast;default:return z.groupOrderMiddle}return""})();return o.jsx(pe,{error:!!n,warning:!!r,text:a||n||r,enabled:a&&ne(a)||n&&ne(n)||r&&ne(r)||!1,maxWidth:y,placement:"bottom-center",children:o.jsx("select",{className:G(z.select,O?z.unSelected:"",n?z.error:r?z.warning:"",c?z.right:"",d?z.small:"",t?z.isInTable:"",C),style:{width:_||"",borderRadius:I||""},onChange:R=>{const{value:q}=R.target;let M;q==="unselected"?M={value:null}:M=s.find(F=>String(F.value)===String(q))||{value:null},g(R,M)},onFocus:S,onBlur:u,tabIndex:T,value:h,disabled:e||f,"data-testid":v,children:N})})};Oe.__docgenInfo={description:"",methods:[],displayName:"NativeSelect",props:{borderRadius:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},error:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | React.ReactNode | null",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactReactNode",raw:"React.ReactNode"},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}},warning:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | React.ReactNode | null",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactReactNode",raw:"React.ReactNode"},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}},tooltip:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | React.ReactNode | null",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactReactNode",raw:"React.ReactNode"},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}},options:{required:!0,tsType:{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:`(
2
- evt: ChangeEvent<HTMLSelectElement>,
3
- value: ISelectSelectedOption | { value: null },
4
- ) => void`,signature:{arguments:[{type:{name:"ChangeEvent",elements:[{name:"HTMLSelectElement"}],raw:"ChangeEvent<HTMLSelectElement>"},name:"evt"},{type:{name:"union",raw:"ISelectSelectedOption | { value: null }",elements:[{name:"ISelectSelectedOption"},{name:"signature",type:"object",raw:"{ value: null }",signature:{properties:[{key:"value",value:{name:"null",required:!0}}]}}]},name:"value"}],return:{name:"void"}}},description:"",defaultValue:{value:"noop",computed:!0}},onFocus:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:"",defaultValue:{value:"noop",computed:!0}},onBlur:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:"",defaultValue:{value:"noop",computed:!0}},right:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},small:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},tabIndex:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"0",computed:!1}},selectedOption:{required:!1,tsType:{name:"ISelectSelectedOption"},description:""},width:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | null",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}},groupOrder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}},testId:{required:!1,tsType:{name:"union",raw:"string | undefined",elements:[{name:"string"},{name:"undefined"}]},description:""},isInTable:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},clearable:{required:!1,tsType:{name:"boolean"},description:""},placeholder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},hasNonExistentValue:{required:!1,tsType:{name:"boolean"},description:""},maxTooltipWidth:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""}}};const we=()=>{const e=x.useRef(null);return[e,()=>{e.current&&e.current.focus()}]},Le=()=>{const[e,n]=x.useState(!1);return x.useEffect(()=>{(async()=>{document.fonts&&await document.fonts.ready.then(()=>n(!0))})()},[]),e};var mn=typeof performance=="object"&&typeof performance.now=="function",ve=mn?function(){return performance.now()}:function(){return Date.now()};function ye(e){cancelAnimationFrame(e.id)}function pn(e,n){var r=ve();function a(){ve()-r>=n?e.call(null):s.id=requestAnimationFrame(a)}var s={id:requestAnimationFrame(a)};return s}var oe=-1;function he(e){if(e===void 0&&(e=!1),oe===-1||e){var n=document.createElement("div"),r=n.style;r.width="50px",r.height="50px",r.overflow="scroll",document.body.appendChild(n),oe=n.offsetWidth-n.clientWidth,document.body.removeChild(n)}return oe}var ee=null;function Se(e){if(e===void 0&&(e=!1),ee===null||e){var n=document.createElement("div"),r=n.style;r.width="50px",r.height="50px",r.overflow="scroll",r.direction="rtl";var a=document.createElement("div"),s=a.style;return s.width="100px",s.height="100px",n.appendChild(a),document.body.appendChild(n),n.scrollLeft>0?ee="positive-descending":(n.scrollLeft=1,n.scrollLeft===0?ee="negative":ee="positive-ascending"),document.body.removeChild(n),ee}return ee}var fn=150,gn=function(n,r){return n};function vn(e){var n,r=e.getItemOffset,a=e.getEstimatedTotalSize,s=e.getItemSize,g=e.getOffsetForIndexAndAlignment,S=e.getStartIndexForOffset,u=e.getStopIndexForStartIndex,c=e.initInstanceProps,d=e.shouldResetStyleCacheOnItemSizeChange,T=e.validateProps;return n=function(m){$e(_,m);function _(v){var t;return t=m.call(this,v)||this,t._instanceProps=c(t.props,ge(t)),t._outerRef=void 0,t._resetIsScrollingTimeoutId=null,t.state={instance:ge(t),isScrolling:!1,scrollDirection:"forward",scrollOffset:typeof t.props.initialScrollOffset=="number"?t.props.initialScrollOffset:0,scrollUpdateWasRequested:!1},t._callOnItemsRendered=void 0,t._callOnItemsRendered=le(function(i,l,p,y){return t.props.onItemsRendered({overscanStartIndex:i,overscanStopIndex:l,visibleStartIndex:p,visibleStopIndex:y})}),t._callOnScroll=void 0,t._callOnScroll=le(function(i,l,p){return t.props.onScroll({scrollDirection:i,scrollOffset:l,scrollUpdateWasRequested:p})}),t._getItemStyle=void 0,t._getItemStyle=function(i){var l=t.props,p=l.direction,y=l.itemSize,I=l.layout,f=t._getItemStyleCache(d&&y,d&&I,d&&p),h;if(f.hasOwnProperty(i))h=f[i];else{var O=r(t.props,i,t._instanceProps),N=s(t.props,i,t._instanceProps),C=p==="horizontal"||I==="horizontal",R=p==="rtl",q=C?O:0;f[i]=h={position:"absolute",left:R?void 0:q,right:R?q:void 0,top:C?0:O,height:C?"100%":N,width:C?N:"100%"}}return h},t._getItemStyleCache=void 0,t._getItemStyleCache=le(function(i,l,p){return{}}),t._onScrollHorizontal=function(i){var l=i.currentTarget,p=l.clientWidth,y=l.scrollLeft,I=l.scrollWidth;t.setState(function(f){if(f.scrollOffset===y)return null;var h=t.props.direction,O=y;if(h==="rtl")switch(Se()){case"negative":O=-y;break;case"positive-descending":O=I-p-y;break}return O=Math.max(0,Math.min(O,I-p)),{isScrolling:!0,scrollDirection:f.scrollOffset<O?"forward":"backward",scrollOffset:O,scrollUpdateWasRequested:!1}},t._resetIsScrollingDebounced)},t._onScrollVertical=function(i){var l=i.currentTarget,p=l.clientHeight,y=l.scrollHeight,I=l.scrollTop;t.setState(function(f){if(f.scrollOffset===I)return null;var h=Math.max(0,Math.min(I,y-p));return{isScrolling:!0,scrollDirection:f.scrollOffset<h?"forward":"backward",scrollOffset:h,scrollUpdateWasRequested:!1}},t._resetIsScrollingDebounced)},t._outerRefSetter=function(i){var l=t.props.outerRef;t._outerRef=i,typeof l=="function"?l(i):l!=null&&typeof l=="object"&&l.hasOwnProperty("current")&&(l.current=i)},t._resetIsScrollingDebounced=function(){t._resetIsScrollingTimeoutId!==null&&ye(t._resetIsScrollingTimeoutId),t._resetIsScrollingTimeoutId=pn(t._resetIsScrolling,fn)},t._resetIsScrolling=function(){t._resetIsScrollingTimeoutId=null,t.setState({isScrolling:!1},function(){t._getItemStyleCache(-1,null)})},t}_.getDerivedStateFromProps=function(t,i){return yn(t,i),T(t),null};var E=_.prototype;return E.scrollTo=function(t){t=Math.max(0,t),this.setState(function(i){return i.scrollOffset===t?null:{scrollDirection:i.scrollOffset<t?"forward":"backward",scrollOffset:t,scrollUpdateWasRequested:!0}},this._resetIsScrollingDebounced)},E.scrollToItem=function(t,i){i===void 0&&(i="auto");var l=this.props,p=l.itemCount,y=l.layout,I=this.state.scrollOffset;t=Math.max(0,Math.min(t,p-1));var f=0;if(this._outerRef){var h=this._outerRef;y==="vertical"?f=h.scrollWidth>h.clientWidth?he():0:f=h.scrollHeight>h.clientHeight?he():0}this.scrollTo(g(this.props,t,i,I,this._instanceProps,f))},E.componentDidMount=function(){var t=this.props,i=t.direction,l=t.initialScrollOffset,p=t.layout;if(typeof l=="number"&&this._outerRef!=null){var y=this._outerRef;i==="horizontal"||p==="horizontal"?y.scrollLeft=l:y.scrollTop=l}this._callPropsCallbacks()},E.componentDidUpdate=function(){var t=this.props,i=t.direction,l=t.layout,p=this.state,y=p.scrollOffset,I=p.scrollUpdateWasRequested;if(I&&this._outerRef!=null){var f=this._outerRef;if(i==="horizontal"||l==="horizontal")if(i==="rtl")switch(Se()){case"negative":f.scrollLeft=-y;break;case"positive-ascending":f.scrollLeft=y;break;default:var h=f.clientWidth,O=f.scrollWidth;f.scrollLeft=O-h-y;break}else f.scrollLeft=y;else f.scrollTop=y}this._callPropsCallbacks()},E.componentWillUnmount=function(){this._resetIsScrollingTimeoutId!==null&&ye(this._resetIsScrollingTimeoutId)},E.render=function(){var t=this.props,i=t.children,l=t.className,p=t.direction,y=t.height,I=t.innerRef,f=t.innerElementType,h=t.innerTagName,O=t.itemCount,N=t.itemData,C=t.itemKey,R=C===void 0?gn:C,q=t.layout,M=t.outerElementType,A=t.outerTagName,F=t.style,$=t.useIsScrolling,V=t.width,U=this.state.isScrolling,j=p==="horizontal"||q==="horizontal",D=j?this._onScrollHorizontal:this._onScrollVertical,Z=this._getRangeToRender(),te=Z[0],re=Z[1],X=[];if(O>0)for(var k=te;k<=re;k++)X.push(x.createElement(i,{data:N,key:R(k,N),index:k,isScrolling:$?U:void 0,style:this._getItemStyle(k)}));var J=a(this.props,this._instanceProps);return x.createElement(M||A||"div",{className:l,onScroll:D,ref:this._outerRefSetter,style:Ue({position:"relative",height:y,width:V,overflow:"auto",WebkitOverflowScrolling:"touch",willChange:"transform",direction:p},F)},x.createElement(f||h||"div",{children:X,ref:I,style:{height:j?"100%":J,pointerEvents:U?"none":void 0,width:j?J:"100%"}}))},E._callPropsCallbacks=function(){if(typeof this.props.onItemsRendered=="function"){var t=this.props.itemCount;if(t>0){var i=this._getRangeToRender(),l=i[0],p=i[1],y=i[2],I=i[3];this._callOnItemsRendered(l,p,y,I)}}if(typeof this.props.onScroll=="function"){var f=this.state,h=f.scrollDirection,O=f.scrollOffset,N=f.scrollUpdateWasRequested;this._callOnScroll(h,O,N)}},E._getRangeToRender=function(){var t=this.props,i=t.itemCount,l=t.overscanCount,p=this.state,y=p.isScrolling,I=p.scrollDirection,f=p.scrollOffset;if(i===0)return[0,0,0,0];var h=S(this.props,f,this._instanceProps),O=u(this.props,h,f,this._instanceProps),N=!y||I==="backward"?Math.max(1,l):1,C=!y||I==="forward"?Math.max(1,l):1;return[Math.max(0,h-N),Math.max(0,Math.min(i-1,O+C)),h,O]},_}(x.PureComponent),n.defaultProps={direction:"ltr",itemData:void 0,layout:"vertical",overscanCount:2,useIsScrolling:!1},n}var yn=function(n,r){n.children,n.direction,n.height,n.layout,n.innerTagName,n.outerTagName,n.width,r.instance},hn=vn({getItemOffset:function(n,r){var a=n.itemSize;return r*a},getItemSize:function(n,r){var a=n.itemSize;return a},getEstimatedTotalSize:function(n){var r=n.itemCount,a=n.itemSize;return a*r},getOffsetForIndexAndAlignment:function(n,r,a,s,g,S){var u=n.direction,c=n.height,d=n.itemCount,T=n.itemSize,m=n.layout,_=n.width,E=u==="horizontal"||m==="horizontal",v=E?_:c,t=Math.max(0,d*T-v),i=Math.min(t,r*T),l=Math.max(0,r*T-v+T+S);switch(a==="smart"&&(s>=l-v&&s<=i+v?a="auto":a="center"),a){case"start":return i;case"end":return l;case"center":{var p=Math.round(l+(i-l)/2);return p<Math.ceil(v/2)?0:p>t+Math.floor(v/2)?t:p}case"auto":default:return s>=l&&s<=i?s:s<l?l:i}},getStartIndexForOffset:function(n,r){var a=n.itemCount,s=n.itemSize;return Math.max(0,Math.min(a-1,Math.floor(r/s)))},getStopIndexForStartIndex:function(n,r,a){var s=n.direction,g=n.height,S=n.itemCount,u=n.itemSize,c=n.layout,d=n.width,T=s==="horizontal"||c==="horizontal",m=r*u,_=T?d:g,E=Math.ceil((_+a-m)/u);return Math.max(0,Math.min(S-1,r+E-1))},initInstanceProps:function(n){},shouldResetStyleCacheOnItemSizeChange:!0,validateProps:function(n){n.itemSize}});const Sn="_layerContainer_1lbvo_1",Tn="_layer_1lbvo_1",_n="_small_1lbvo_23",bn="_heading_1lbvo_26",In="_option_1lbvo_27",En="_message_1lbvo_28",On="_focused_1lbvo_64",wn="_selected_1lbvo_68",Ln="_disabled_1lbvo_71",Rn="_check_1lbvo_75",qn="_optionContent_1lbvo_92",xn="_label_1lbvo_97",Cn="_icon_1lbvo_104",Mn="_details_1lbvo_109",H={layerContainer:Sn,layer:Tn,small:_n,heading:bn,option:In,message:En,focused:On,selected:wn,disabled:Ln,check:Rn,optionContent:qn,label:xn,icon:Cn,details:Mn},Re=({label:e})=>o.jsx("div",{onClick:n=>n.stopPropagation(),className:H.heading,children:e});Re.__docgenInfo={description:"",methods:[],displayName:"Heading",props:{label:{required:!0,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""}}};const qe=({details:e,label:n,icon:r,disabled:a=!1,selected:s=!1,focused:g=!1,onSelectOption:S,actions:u,closeLayer:c,testId:d})=>o.jsxs("div",{className:G(H.option,a?H.disabled:"",s?H.selected:"",g?H.focused:""),onClick:!a&&S?S:void 0,"data-testid":d,children:[o.jsx("div",{className:H.optionContent,children:o.jsxs("span",{className:H.label,title:n,children:[n,r&&o.jsx("span",{className:H.icon,children:r})]})}),e&&o.jsx("div",{className:G(H.details),children:o.jsx(ue,{faint:!0,children:e})}),!!(u!=null&&u.length)&&o.jsx("div",{className:G(H.actions),children:o.jsx(Ve,{actions:u,closeLayer:c})}),o.jsx("span",{className:H.check,children:s?o.jsx(ce,{icon:Ee.CHECK}):null})]});qe.__docgenInfo={description:"",methods:[],displayName:"Option",props:{details:{required:!1,tsType:{name:"string"},description:""},label:{required:!0,tsType:{name:"string"},description:""},icon:{required:!1,tsType:{name:"ReactNode"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},selected:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},focused:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},onSelectOption:{required:!1,tsType:{name:"signature",type:"function",raw:`(
5
- event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
6
- section?: ISelectSectionProps,
7
- ) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"event"},{type:{name:"signature",type:"object",raw:`{
8
- section: ISelectSection;
9
- selected?: boolean;
10
- focused?: boolean;
11
- onSelectOption?: (
12
- event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
13
- section?: ISelectSectionProps,
14
- ) => void;
15
- closeLayer?: TEmpty;
16
- }`,signature:{properties:[{key:"section",value:{name:"ISelectSection",required:!0}},{key:"selected",value:{name:"boolean",required:!1}},{key:"focused",value:{name:"boolean",required:!1}},{key:"onSelectOption",value:{name:"signature",type:"function",raw:`(
17
- event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
18
- section?: ISelectSectionProps,
19
- ) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"event"},{type:{name:"ISelectSectionProps"},name:"section"}],return:{name:"void"}},required:!1}},{key:"closeLayer",value:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}},required:!1}}]}},name:"section"}],return:{name:"void"}}},description:""},actions:{required:!1,tsType:{name:"Array",elements:[{name:"any"}],raw:"any[]"},description:""},closeLayer:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const xe=({section:e,selected:n,focused:r,onSelectOption:a,closeLayer:s})=>{const g=x.useContext(me);switch(e.type){case se.HEADING:return o.jsx(Re,{label:e.label});case se.OPTION:default:return o.jsx(qe,{closeLayer:s,actions:e.actions,label:e.label,details:e.details,icon:e.icon,disabled:e.disabled||g,selected:n,focused:r,onSelectOption:a,testId:e.testId})}};xe.__docgenInfo={description:"",methods:[],displayName:"Section",props:{section:{required:!0,tsType:{name:"ISelectSection"},description:""},selected:{required:!1,tsType:{name:"boolean"},description:""},focused:{required:!1,tsType:{name:"boolean"},description:""},onSelectOption:{required:!1,tsType:{name:"signature",type:"function",raw:`(
20
- event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
21
- section?: ISelectSectionProps,
22
- ) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"event"},{type:{name:"signature",type:"object",raw:`{
23
- section: ISelectSection;
24
- selected?: boolean;
25
- focused?: boolean;
26
- onSelectOption?: (
27
- event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
28
- section?: ISelectSectionProps,
29
- ) => void;
30
- closeLayer?: TEmpty;
31
- }`,signature:{properties:[{key:"section",value:{name:"ISelectSection",required:!0}},{key:"selected",value:{name:"boolean",required:!1}},{key:"focused",value:{name:"boolean",required:!1}},{key:"onSelectOption",value:{name:"signature",type:"function",raw:`(
32
- event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
33
- section?: ISelectSectionProps,
34
- ) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"event"},{type:{name:"ISelectSectionProps"},name:"section"}],return:{name:"void"}},required:!1}},{key:"closeLayer",value:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}},required:!1}}]}},name:"section"}],return:{name:"void"}}},description:""},closeLayer:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""}}};const de=(e,n)=>{const a=document.createElement("canvas").getContext("2d");return a?(a.font=n,a.measureText(e).width):0},Ce="13px",Me="12px",Nn="Roobert",An="sans-serif",Fn=12,Hn=8,jn=30,Dn=24,kn=5,Pn=3,zn=1,Wn=2,Te=10,Ne=(e=!1,n=!1)=>`${e?Me:Ce} ${n?Nn:An}`,Gn=(e=!1,n=!1)=>(e?Hn:Fn)+(e?Dn:jn)+(n?17:0),_e=(e,n,r,a)=>{const s=Ne(n,r),g=a?de(a,s):0,S=Math.ceil(e.reduce((c,d)=>{var v;const T=(((v=d==null?void 0:d.actions)==null?void 0:v.length)??0)*24,m=d.icon?parseInt(n?Me:Ce)+7:0,_=`${d.label} ${d.details||""}`,E=de(_,s)+T+m;return c=E>c?E:c,c},g)),u=Gn(n,!0);return S+u},$n=(e,n,r)=>{const a=Ne(!0,r),s=de(e.label,a),g=(n?Pn:kn)*2+zn*2+Wn;return Math.ceil(s+g)},Ae=({listRef:e,isMulti:n,sections:r,selectedOptions:a,onSelectOption:s,focusedOptionIndex:g,width:S,small:u,firstSelectedOptionIndex:c,closeLayer:d,testId:T})=>{x.useEffect(()=>{c&&c!==null&&e.current!==null&&e.current.scrollToItem(c,"start")},[c,e]);const m=u?24:30;return o.jsx("div",{"data-testid":T,className:G(H.layer,u&&H.small),children:r.length?o.jsx(hn,{ref:e,height:r.length<Te?m*r.length:m*Te,itemCount:r.length,itemSize:m,width:S,children:({index:_,style:E})=>{var v;return o.jsx("div",{style:E,children:o.jsx(xe,{closeLayer:d,section:r[_],selected:n&&r[_].type!==se.HEADING&&Array.isArray(a)?a.some(t=>{var i;return t&&(t==null?void 0:t.value)===((i=r==null?void 0:r[_])==null?void 0:i.value)}):!Array.isArray(a)&&((v=r==null?void 0:r[_])==null?void 0:v.value)===(a==null?void 0:a.value),focused:g===_,onSelectOption:t=>s(t,r[_])})})}}):o.jsx("ul",{children:o.jsx("li",{children:o.jsx("div",{className:H.message,style:{width:S},children:"No matches"})})})})};Ae.__docgenInfo={description:"",methods:[],displayName:"Layer",props:{listRef:{required:!0,tsType:{name:"RefObject",elements:[{name:"any"}],raw:"RefObject<any>"},description:""},isMulti:{required:!1,tsType:{name:"boolean"},description:""},sections:{required:!0,tsType:{name:"Array",elements:[{name:"ISelectSection"}],raw:"ISelectSection[]"},description:""},selectedOptions:{required:!0,tsType:{name:"union",raw:"ISelectSelectedOption | ISelectSelectedOption[]",elements:[{name:"ISelectSelectedOption"},{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"}]},description:""},onSelectOption:{required:!0,tsType:{name:"signature",type:"function",raw:`(
35
- event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
36
- section?: ISelectSection,
37
- ) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"event"},{type:{name:"ISelectSection"},name:"section"}],return:{name:"void"}}},description:""},focusedOptionIndex:{required:!1,tsType:{name:"number"},description:""},width:{required:!0,tsType:{name:"number"},description:""},small:{required:!1,tsType:{name:"boolean"},description:""},firstSelectedOptionIndex:{required:!1,tsType:{name:"number"},description:""},closeLayer:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const Un="_inputInTable_nec64_1",Vn="_error_nec64_7",Yn="_warning_nec64_7",Kn="_inputHover_nec64_13",Bn="_inputFocus_nec64_18",Zn="_inputError_nec64_25",Xn="_inputWarning_nec64_26",Jn="_inputDisabled_nec64_61",Qn="_hideScrollbars_nec64_67",et="_trigger_nec64_77",nt="_isInTable_nec64_93",tt="_input_nec64_1",rt="_isOpen_nec64_114",at="_disabled_nec64_156",it="_icons_nec64_162",st="_clearAll_nec64_169",lt="_iconOpen_nec64_170",ot="_small_nec64_181",ut="_triggerInputContainer_nec64_189",ct="_right_nec64_198",dt="_multiOptions_nec64_211",mt="_multiOption_nec64_211",pt="_label_nec64_239",ft="_closeMultiOption_nec64_242",gt="_focus_nec64_253",vt="_selectedSingleValue_nec64_257",yt="_placeHolder_nec64_258",ht="_groupOrderFirst_nec64_297",St="_groupOrderMiddle_nec64_298",Tt="_groupOrderLast_nec64_302",_t="_detailedLabel_nec64_307",L={inputInTable:Un,error:Vn,warning:Yn,inputHover:Kn,inputFocus:Bn,inputError:Zn,inputWarning:Xn,inputDisabled:Jn,hideScrollbars:Qn,trigger:et,isInTable:nt,input:tt,isOpen:rt,disabled:at,icons:it,clearAll:st,iconOpen:lt,small:ot,triggerInputContainer:ut,right:ct,multiOptions:dt,multiOption:mt,label:pt,closeMultiOption:ft,focus:gt,selectedSingleValue:vt,placeHolder:yt,groupOrderFirst:ht,groupOrderMiddle:St,groupOrderLast:Tt,detailedLabel:_t},Fe=({selectedOptions:e,small:n,width:r,testId:a})=>{const s=Le(),[g,S]=x.useState([]),[u,c]=x.useState([]);return x.useEffect(()=>{let d=[],T=[],m=0;e.forEach((_,E)=>{m+=$n(_,n,s),E===e.length-1&&m<r||m<r-24?d.push(_):T.push(_)}),S(d),c(T)},[e,s,r]),o.jsxs("div",{className:L.multiOptions,"data-testid":a&&`${a}-value`,children:[g.filter(d=>d&&d.label).map((d,T)=>o.jsx("span",{className:L.multiOption,onClick:m=>{m.stopPropagation()},children:d.label},T)),u.length>0&&o.jsx(pe,{text:u.map((d,T)=>o.jsx("div",{children:d.label},T)),display:"inline-flex",children:o.jsx("span",{className:L.multiOption,children:g.length?`+${u.length}`:`${u.length} items`})})]})};Fe.__docgenInfo={description:"",methods:[],displayName:"MultiSelectedOptions",props:{selectedOptions:{required:!0,tsType:{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"},description:""},small:{required:!1,tsType:{name:"boolean"},description:""},width:{required:!0,tsType:{name:"number"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const He=({selectedOptions:e,searchable:n=!1,searchValue:r,onChange:a=ae.noop,inputRef:s,error:g,placeholder:S="Select...",small:u,testId:c})=>{const d=x.useRef(null),T=Array.isArray(e),m=T?e.length>0:!!e,_=r?r.length+1:1,E=()=>{var i,l;const v=((i=d.current)==null?void 0:i.offsetWidth)||0,t=((l=s.current)==null?void 0:l.offsetWidth)||0;return v-t};return o.jsxs("div",{className:L.triggerInputContainer,ref:d,children:[m?T?o.jsx(Fe,{selectedOptions:e,small:u,width:E(),testId:c}):o.jsx("span",{className:L.selectedSingleValue,"data-testid":c&&`${c}-value`,children:r!=null&&r.length?"":e==null?void 0:e.label}):o.jsx("span",{className:L.placeHolder,children:r!=null&&r.length?"":S}),n?o.jsx("input",{tabIndex:-1,ref:s,size:_,className:G(L.input,g?L.error:""),value:r,onChange:v=>a(v.target.value),"data-testid":c&&`${c}-input`}):null]})};He.__docgenInfo={description:"",methods:[],displayName:"Input",props:{selectedOptions:{required:!1,tsType:{name:"union",raw:"ISelectSelectedOption | ISelectSelectedOption[]",elements:[{name:"ISelectSelectedOption"},{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"}]},description:""},searchable:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},searchValue:{required:!1,tsType:{name:"string"},description:""},inputRef:{required:!0,tsType:{name:"MutableRefObject",elements:[{name:"union",raw:"HTMLInputElement | null",elements:[{name:"HTMLInputElement"},{name:"null"}]}],raw:"MutableRefObject<HTMLInputElement | null>"},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(value: string) => void",signature:{arguments:[{type:{name:"string"},name:"value"}],return:{name:"void"}}},description:"",defaultValue:{value:"noop",computed:!0}},error:{required:!1,tsType:{name:"union",raw:"string | ReactNode",elements:[{name:"string"},{name:"ReactNode"}]},description:""},placeholder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:"",defaultValue:{value:"'Select...'",computed:!1}},small:{required:!1,tsType:{name:"boolean"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const je=({selectedOptions:e,searchValue:n,searchable:r,clearable:a,onClickTrigger:s,element:g,error:S,warning:u,tooltip:c,small:d,isInTable:T,disabled:m,onChangeSearch:_,onClickDeselect:E,onClickClear:v,tabIndex:t,isOpen:i,triggerRef:l,clearAllIsFocused:p,focusedSelectedOptionIndex:y,onFocus:I,onBlur:f,groupOrder:h,maxTooltipWidth:O,placeholder:N,right:C,testId:R})=>{var j;const[q,M]=we(),A=Array.isArray(e)?e.length>0&&((j=e[0])==null?void 0:j.value):e==null?void 0:e.value,F=a&&A,$=(()=>{if(h)switch(h){case ie.FIRST:return L.groupOrderFirst;case ie.LAST:return L.groupOrderLast;default:return L.groupOrderMiddle}return""})(),V=!Array.isArray(e)&&(e!=null&&e.details)?{...e,label:o.jsxs("div",{className:G(L.detailedLabel),children:[o.jsx(ue,{children:e.label}),o.jsx(ue,{muted:!0,children:e.details})]})}:e,U=o.jsxs(o.Fragment,{children:[g,o.jsxs("div",{ref:l,tabIndex:t,className:G(L.trigger,i?L.isOpen:"",S?L.error:u?L.warning:"",m?L.disabled:"",d?L.small:"",T?L.isInTable:"",C?L.right:"",$),onClick:D=>{D.stopPropagation(),typeof M=="function"&&M(),s(D)},onFocus:I,onBlur:f,"data-testid":R,children:[o.jsx(He,{selectedOptions:V,placeholder:N,searchable:r,searchValue:n,inputRef:q,onChange:_,error:S,small:d,testId:R}),o.jsx("span",{className:L.icons,children:F?o.jsx("span",{className:G(L.clearAll,p?L.focus:""),onClick:D=>{D.stopPropagation(),v&&v(D)},"data-testid":R&&`${R}-clear`,children:o.jsx(ce,{icon:Ee.CLOSE})}):o.jsx("span",{className:G(L.iconOpen),children:o.jsx(ce,{icon:"chevron down"})})})]})]});return o.jsx(o.Fragment,{children:o.jsx(pe,{error:!!S,warning:!!u,text:c||S||u,enabled:c&&ne(c)||S&&ne(S)||u&&ne(u)||!1,maxWidth:O,placement:"bottom-center",children:U})})};je.__docgenInfo={description:"",methods:[],displayName:"Trigger",props:{selectedOptions:{required:!1,tsType:{name:"union",raw:"ISelectSelectedOption | ISelectSelectedOption[]",elements:[{name:"ISelectSelectedOption"},{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"}]},description:""},searchValue:{required:!1,tsType:{name:"string"},description:""},searchable:{required:!1,tsType:{name:"boolean"},description:""},clearable:{required:!1,tsType:{name:"boolean"},description:""},onClickTrigger:{required:!0,tsType:{name:"signature",type:"function",raw:"(evt: React.MouseEvent<HTMLDivElement, MouseEvent>) => void",signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"evt"}],return:{name:"void"}}},description:""},element:{required:!1,tsType:{name:"ReactNode"},description:""},error:{required:!1,tsType:{name:"union",raw:"string | ReactNode",elements:[{name:"string"},{name:"ReactNode"}]},description:""},warning:{required:!1,tsType:{name:"union",raw:"string | ReactNode",elements:[{name:"string"},{name:"ReactNode"}]},description:""},tooltip:{required:!1,tsType:{name:"union",raw:"string | ReactNode",elements:[{name:"string"},{name:"ReactNode"}]},description:""},small:{required:!1,tsType:{name:"boolean"},description:""},isInTable:{required:!1,tsType:{name:"boolean"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},onChangeSearch:{required:!1,tsType:{name:"signature",type:"function",raw:"(value: string) => void",signature:{arguments:[{type:{name:"string"},name:"value"}],return:{name:"void"}}},description:""},onClickDeselect:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: React.MouseEvent<HTMLDivElement, MouseEvent>) => void",signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"evt"}],return:{name:"void"}}},description:""},onClickClear:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void",signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLSpanElement, MouseEvent>",elements:[{name:"HTMLSpanElement"},{name:"MouseEvent"}]},name:"evt"}],return:{name:"void"}}},description:""},tabIndex:{required:!1,tsType:{name:"number"},description:""},isOpen:{required:!1,tsType:{name:"boolean"},description:""},triggerRef:{required:!1,tsType:{name:"RefObject",elements:[{name:"HTMLDivElement"}],raw:"RefObject<HTMLDivElement>"},description:""},clearAllIsFocused:{required:!1,tsType:{name:"boolean"},description:""},focusedSelectedOptionIndex:{required:!1,tsType:{name:"number"},description:""},onFocus:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: React.FocusEvent<HTMLDivElement>) => void",signature:{arguments:[{type:{name:"ReactFocusEvent",raw:"React.FocusEvent<HTMLDivElement>",elements:[{name:"HTMLDivElement"}]},name:"evt"}],return:{name:"void"}}},description:""},onBlur:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: React.FocusEvent<HTMLDivElement>) => void",signature:{arguments:[{type:{name:"ReactFocusEvent",raw:"React.FocusEvent<HTMLDivElement>",elements:[{name:"HTMLDivElement"}]},name:"evt"}],return:{name:"void"}}},description:""},groupOrder:{required:!1,tsType:{name:"union",raw:"TGroupOrder | string",elements:[{name:"union",raw:"'first' | 'middle' | 'last'",elements:[{name:"literal",value:"'first'"},{name:"literal",value:"'middle'"},{name:"literal",value:"'last'"}]},{name:"string"}]},description:""},maxTooltipWidth:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},placeholder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},right:{required:!1,tsType:{name:"boolean"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};var W=(e=>(e.SET_VISIBLE_OPTIONS="SET_VISIBLE_OPTIONS",e.RESET_LAYER_FOCUS="RESET_LAYER_FOCUS",e.CLEAR_SEARCH="CLEAR_SEARCH",e.ON_CHANGE_SEARCH="ON_CHANGE_SEARCH",e.FOCUS_TRIGGER_INPUTS="FOCUS_TRIGGER_INPUTS",e.BLUR_TRIGGER_INPUTS="BLUR_TRIGGER_INPUTS",e.FOCUS_LAYER_OPTIONS="FOCUS_LAYER_OPTIONS",e.OPEN_LAYER="OPEN_LAYER",e.CLOSE_LAYER="CLOSE_LAYER",e))(W||{});const De={options:["none","clearAll"],currentIndex:0,currentOption:!1,clearAll:!1},bt=e=>e!==null?e+1:0,ke=(e,n)=>{const r=["none",...e.map((s,g)=>s.type!==se.HEADING?g:null).filter(s=>s!==null)],a=bt(n);return{options:r,currentIndex:a,current:r[a]}},It=(e,n)=>{const r=e==="up"?-1:1,a=n.currentIndex+r,s=(a<0?n.options.length-1:a)%n.options.length,g=n.options[s];return{...n,currentIndex:s,current:g}},Et=(e,n,r)=>{const a=e==="left"?-1:1,s=n&&n.length?["none",...Array.from({length:n.length},(d,T)=>T),"clearAll"]:["none","clearAll"],g=r.currentIndex+a,S=(g<0?s.length-1:g)%s.length,u=s[S];return{options:s,currentIndex:S,currentOption:u,clearAll:u==="clearAll"}},be=()=>De,Ie=e=>({...e,currentIndex:0,current:"none"}),Ot=(e,n)=>{switch(n.type){case W.SET_VISIBLE_OPTIONS:return{...e,visibleOptions:n.options||[]};case W.RESET_LAYER_FOCUS:return{...e,layerFocus:ke(n.options||[],n.firstSelectedOptionIndex||0)};case W.CLEAR_SEARCH:return{...e,visibleOptions:n.options||[],searchValue:""};case W.ON_CHANGE_SEARCH:{let a=[...(n.options||[]).filter(s=>(String(s.label)+(s.details?String(s.details):"")).toLowerCase().includes(String(n.value||"").toLowerCase()))];return n.createAble&&n.value&&n.value!==""&&a.push({label:`Create "${n.value}"`,value:n.value,createAble:!0}),{...e,searchValue:n.value,visibleOptions:a,layerFocus:Ie(e.layerFocus)}}case W.FOCUS_TRIGGER_INPUTS:return{...e,triggerFocus:Et(n.direction||"right",n.selectedOptions||[],e.triggerFocus),layerFocus:Ie(e.layerFocus)};case W.BLUR_TRIGGER_INPUTS:return{...e,triggerFocus:be()};case W.FOCUS_LAYER_OPTIONS:return n.nextLayerFocus?{...e,layerFocus:n.nextLayerFocus,triggerFocus:be()}:e;case W.OPEN_LAYER:return{...e,isLayerOpen:!0};case W.CLOSE_LAYER:return{...e,isLayerOpen:!1};default:return e}},wt={auto:!0,possiblePlacements:["bottom-start","top-start"],placement:"bottom-start",preferX:"right",preferY:"bottom"},Lt=({state:e,dispatch:n,options:r,setTriggerFocus:a,disabled:s,disabledContext:g,onCreate:S,onChange:u,selectedOptions:c,width:d,small:T,isFontLoaded:m,placeholder:_,firstSelectedOptionIndex:E,createAble:v,listRef:t,autoLayerWidth:i})=>{const l=()=>{e.isLayerOpen&&n({type:P.CLOSE_LAYER}),a()},p=()=>n({type:P.OPEN_LAYER}),y=x.useRef(!0);x.useEffect(()=>{y.current?y.current=!1:n({type:P.SET_VISIBLE_OPTIONS,options:r})},[r]);const I=(b,w,Q)=>{if(!(s||g)){if(Q&&Q(),w){if(w.createAble&&S)S(w.value);else if(!w.disabled)if(Array.isArray(c))if(c.some(K=>K.label===w.label)){const K=c.filter(fe=>fe.label!==w.label);u&&u(b,K)}else{const K=[...c,w];u&&u(b,K)}else u&&u(b,w)}n({type:P.CLEAR_SEARCH,options:r}),a()}},f=x.useCallback(()=>d?d!=="auto"?d:_e(r,T,m,_):"100%",[r,m]),h=x.useCallback(b=>i?Math.max(_e(r,T,m,_),b==null?void 0:b.width):b==null?void 0:b.width,[r,m]),{renderLayer:O,layerProps:N,triggerProps:C,triggerBounds:R}=ze({isOpen:(e==null?void 0:e.isLayerOpen)??!1,overflowContainer:!0,...wt,ResizeObserver,onOutsideClick:l,onParentClose:l}),q=()=>{if(!(s||g)){if(e.isLayerOpen){l();return}n({type:P.RESET_LAYER_FOCUS,options:r,firstSelectedOptionIndex:E}),p()}},M=x.useRef(!0);x.useEffect(()=>{M.current?M.current=!1:e.isLayerOpen||n({type:P.CLEAR_SEARCH,options:r})},[e.isLayerOpen]);const A=(b,w)=>{const Q=c instanceof Array?c.filter(Y=>Y.value!==w.value):null;u&&u(b,Q)},F=b=>{const w=c instanceof Array?[]:{value:null};u&&u(b,w)},$=b=>n({type:P.ON_CHANGE_SEARCH,options:r,value:b,createAble:v}),V=()=>{p(),n({type:P.BLUR_TRIGGER_INPUTS})},U=b=>{t.current&&Number.isInteger(b)&&t.current.scrollToItem(b)},j=b=>{const w=It(b,e.layerFocus);n({type:P.FOCUS_LAYER_OPTIONS,nextLayerFocus:w}),U(w.current)},D=b=>{n({type:P.FOCUS_TRIGGER_INPUTS,ICustomSelectDirection:b,selectedOptions:c})},Z=b=>F(b),te=c&&c[e.triggerFocus.currentOption],re=b=>{A(b,c[e.triggerFocus.currentOption])},X=b=>{var w;I(b,(w=e==null?void 0:e.visibleOptions)==null?void 0:w[e.layerFocus.current],l)},k=e.triggerFocus.clearAll;return{getTriggerWidth:f,onKeyEvent:(b,w)=>{switch(b){case B.UP:{j(b);break}case B.DOWN:{e.isLayerOpen?j(b):V();break}case B.LEFT:case B.RIGHT:{D(b);break}case B.ENTER:{k?Z(w):te?re(w):X(w);break}case B.ESC:{l();break}}},clearAllIsFocused:k,triggerProps:C,onClickTrigger:q,onChangeSearch:$,onClickDeselectOption:A,onClickClearAll:F,renderLayer:O,layerProps:N,closeLayer:l,onSelectOption:I,getLayerWidth:h,triggerBounds:R}},Pe=e=>{const{multi:n=!1,disabled:r=!1,error:a=null,warning:s=null,tooltip:g=null,options:S,selectedOptions:u,onCreate:c=null,placeholder:d="",small:T=!1,tabIndex:m=0,onFocus:_=()=>{},onBlur:E=()=>{},searchable:v=!0,clearable:t=!1,maxTooltipWidth:i,closeOnOptionActionClick:l,isInTable:p=!1,groupOrder:y,firstSelectedOptionIndex:I=0,right:f=!1,testId:h=void 0}=e,O=x.useContext(me),N=c!==null,C=x.useRef(null),[R,q]=we(),M=Le(),[A,F]=x.useReducer(Ot,{options:S,firstSelectedOptionIndex:I},({options:Y})=>({searchValue:"",visibleOptions:Y,layerFocus:ke(Y,I??0),triggerFocus:De,isLayerOpen:!1})),{getTriggerWidth:$,onKeyEvent:V,clearAllIsFocused:U,triggerProps:j,onClickTrigger:D,onChangeSearch:Z,onClickDeselectOption:te,onClickClearAll:re,renderLayer:X,layerProps:k,closeLayer:J,onSelectOption:b,getLayerWidth:w,triggerBounds:Q}=Lt({...e,state:A,dispatch:F,setTriggerFocus:q,disabledContext:O,isFontLoaded:M,createAble:N,listRef:C});return o.jsx("div",{style:{width:$()},children:o.jsxs(Ge,{handleKeys:Object.values(B),onKeyEvent:V,children:[o.jsx(je,{selectedOptions:u,searchValue:A.searchValue,isOpen:A.isLayerOpen,focusedSelectedOptionIndex:A.triggerFocus.currentOption,clearAllIsFocused:U,searchable:v,triggerRef:We(R,j.ref),error:a,warning:s,tooltip:g,small:T,isInTable:p,disabled:r||O,clearable:t,tabIndex:m,onClickTrigger:D,onChangeSearch:Z,onClickDeselect:te,onClickClear:re,onFocus:_,onBlur:E,groupOrder:y,maxTooltipWidth:i,placeholder:d,right:f,testId:h}),A.isLayerOpen&&X(o.jsx("div",{...k,className:H.layerContainer,children:o.jsx(Ae,{listRef:C,isMulti:n,sections:A.visibleOptions,selectedOptions:u,onSelectOption:(Y,K)=>{b(Y,K,n?void 0:J)},closeLayer:()=>{l&&J()},width:w(Q),small:T,focusedOptionIndex:A.layerFocus.current,firstSelectedOptionIndex:I??0,testId:h&&`${h}-layer`})}))]})})};Pe.__docgenInfo={description:"",methods:[],displayName:"CustomSelect",props:{multi:{required:!1,tsType:{name:"boolean"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},error:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactNode"}]},description:""},warning:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactNode"}]},description:""},tooltip:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactNode"}]},description:""},options:{required:!0,tsType:{name:"Array",elements:[{name:"union",raw:"ISelectSelectedOption | Heading",elements:[{name:"ISelectSelectedOption"},{name:"Heading"}]}],raw:"TCustomSelectSelectOption[]"},description:""},selectedOptions:{required:!0,tsType:{name:"union",raw:"ISelectSelectedOption | ISelectSelectedOption[]",elements:[{name:"ISelectSelectedOption"},{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"}]},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:`(
38
- event: TChangeEvent<T>,
39
- ...additionalProps: { [key: string]: any }[]
40
- ) => void`,signature:{arguments:[{type:{name:"intersection",raw:`ChangeEvent<T> & {
41
- target:
42
- | T
43
- | { name: string; value: any; label?: string; files?: FileList | null };
44
- }`,elements:[{name:"ChangeEvent",elements:[{name:"T"}],raw:"ChangeEvent<T>"},{name:"signature",type:"object",raw:`{
45
- target:
46
- | T
47
- | { name: string; value: any; label?: string; files?: FileList | null };
48
- }`,signature:{properties:[{key:"target",value:{name:"union",raw:`| T
49
- | { name: string; value: any; label?: string; files?: FileList | null }`,elements:[{name:"T"},{name:"signature",type:"object",raw:"{ name: string; value: any; label?: string; files?: FileList | null }",signature:{properties:[{key:"name",value:{name:"string",required:!0}},{key:"value",value:{name:"any",required:!0}},{key:"label",value:{name:"string",required:!1}},{key:"files",value:{name:"union",raw:"FileList | null",elements:[{name:"FileList"},{name:"null"}],required:!1}}]}}],required:!0}}]}}]},name:"event"},{type:{name:"Array",elements:[{name:"signature",type:"object",raw:"{ [key: string]: any }",signature:{properties:[{key:{name:"string"},value:{name:"any",required:!0}}]}}],raw:"{ [key: string]: any }[]"},name:"additionalProps",rest:!0}],return:{name:"void"}}},description:""},onCreate:{required:!1,tsType:{name:"signature",type:"function",raw:"(value: string) => void",signature:{arguments:[{type:{name:"string"},name:"value"}],return:{name:"void"}}},description:""},placeholder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},small:{required:!1,tsType:{name:"boolean"},description:""},tabIndex:{required:!1,tsType:{name:"number"},description:""},width:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | null",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"null"}]},description:""},autoLayerWidth:{required:!1,tsType:{name:"boolean"},description:""},onFocus:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},onBlur:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},searchable:{required:!1,tsType:{name:"boolean"},description:""},clearable:{required:!1,tsType:{name:"boolean"},description:""},isInTable:{required:!1,tsType:{name:"boolean"},description:""},groupOrder:{required:!1,tsType:{name:"union",raw:"TGroupOrder | string",elements:[{name:"union",raw:"'first' | 'middle' | 'last'",elements:[{name:"literal",value:"'first'"},{name:"literal",value:"'middle'"},{name:"literal",value:"'last'"}]},{name:"string"}]},description:""},firstSelectedOptionIndex:{required:!0,tsType:{name:"union",raw:"number | null",elements:[{name:"number"},{name:"null"}]},description:""},right:{required:!1,tsType:{name:"boolean"},description:""},maxTooltipWidth:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},closeOnOptionActionClick:{required:!1,tsType:{name:"boolean"},description:""},testId:{required:!1,tsType:{name:"union",raw:"string | undefined",elements:[{name:"string"},{name:"undefined"}]},description:""}}};const Rt=e=>{const{name:n="",options:r=[],value:a,native:s=!1,onChange:g=ae.noop,deprecatedEventHandler:S=!1,autoScroll:u=!0,warning:c,error:d,checkNonExistentValues:T=!0,closeOnOptionActionClick:m=!0,testId:_,disabled:E}=e,v=!s&&u===!0,{multi:t,simpleInputs:i,options:l,selectedOptions:p,firstSelectedOptionIndex:y,hasNonExistentValue:I}=Ye(r,a,v,T),f=!t,h=s&&f;s&&!f&&console.warn("Native select does not support provided props (see stories)");const O="Value no longer available for re-selection",N=I&&!E?c?o.jsxs("div",{children:[o.jsx("div",{children:O}),o.jsx("div",{children:c})]}):O:c,C=I&&d&&!E?o.jsxs("div",{children:[o.jsx("div",{children:O}),o.jsx("div",{children:d})]}):d,R=(q,M)=>{if(S){const A=t?M.map(F=>i?F.value:F):i?M.value:M;A&&g(A)}else{const A=!(q instanceof Event),F=t?M:M.value;if(A)q.target.name=n,q.target.value=F,t||(q.target.label=M.label),g(q);else{const $={...q,target:{...q.target,name:n,value:F,label:t?void 0:M.label}};g($)}}};return h?o.jsx(Oe,{...e,options:l,selectedOption:p,onChange:R,hasNonExistentValue:I,warning:N,error:C,testId:_}):o.jsx(Pe,{...e,options:l,selectedOptions:p,onChange:R,multi:t,firstSelectedOptionIndex:y,warning:N,error:C,testId:_,closeOnOptionActionClick:m})};Rt.__docgenInfo={description:"",methods:[],displayName:"Select",props:{name:{required:!1,tsType:{name:"string"},description:""},multi:{required:!1,tsType:{name:"boolean"},description:""},options:{required:!1,tsType:{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"},description:""},value:{required:!1,tsType:{name:"any"},description:""},native:{required:!1,tsType:{name:"boolean"},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:`(
50
- event: TChangeEvent<T>,
51
- ...additionalProps: { [key: string]: any }[]
52
- ) => void`,signature:{arguments:[{type:{name:"intersection",raw:`ChangeEvent<T> & {
53
- target:
54
- | T
55
- | { name: string; value: any; label?: string; files?: FileList | null };
56
- }`,elements:[{name:"ChangeEvent",elements:[{name:"T"}],raw:"ChangeEvent<T>"},{name:"signature",type:"object",raw:`{
57
- target:
58
- | T
59
- | { name: string; value: any; label?: string; files?: FileList | null };
60
- }`,signature:{properties:[{key:"target",value:{name:"union",raw:`| T
61
- | { name: string; value: any; label?: string; files?: FileList | null }`,elements:[{name:"T"},{name:"signature",type:"object",raw:"{ name: string; value: any; label?: string; files?: FileList | null }",signature:{properties:[{key:"name",value:{name:"string",required:!0}},{key:"value",value:{name:"any",required:!0}},{key:"label",value:{name:"string",required:!1}},{key:"files",value:{name:"union",raw:"FileList | null",elements:[{name:"FileList"},{name:"null"}],required:!1}}]}}],required:!0}}]}}]},name:"event"},{type:{name:"Array",elements:[{name:"signature",type:"object",raw:"{ [key: string]: any }",signature:{properties:[{key:{name:"string"},value:{name:"any",required:!0}}]}}],raw:"{ [key: string]: any }[]"},name:"additionalProps",rest:!0}],return:{name:"void"}}},description:""},deprecatedEventHandler:{required:!1,tsType:{name:"boolean"},description:""},autoScroll:{required:!1,tsType:{name:"boolean"},description:""},warning:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactNode"}]},description:""},error:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactNode"}]},description:""},checkNonExistentValues:{required:!1,tsType:{name:"boolean"},description:""},closeOnOptionActionClick:{required:!1,tsType:{name:"boolean"},description:""},small:{required:!1,tsType:{name:"boolean"},description:""},width:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | null",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"null"}]},description:""},borderRadius:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},onCreate:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: any) => any",signature:{arguments:[{type:{name:"any"},name:"evt"}],return:{name:"any"}}},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},placeholder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},isInTable:{required:!1,tsType:{name:"boolean"},description:""},clearable:{required:!1,tsType:{name:"boolean"},description:""},searchable:{required:!1,tsType:{name:"boolean"},description:""},maxTooltipWidth:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},autoLayerWidth:{required:!1,tsType:{name:"boolean"},description:""},right:{required:!1,tsType:{name:"boolean"},description:""},tabIndex:{required:!1,tsType:{name:"number"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};export{Rt as S};
@@ -1 +0,0 @@
1
- import{i as y}from"./helpers-JJxzGegQ.js";import{M as m}from"./types-BmbYqTX_.js";const o=n=>n instanceof Array,v=(n,r)=>r&&Array.isArray(n)?n.map(t=>typeof t=="string"||typeof t=="number"?{label:t,value:t}:t):n,f=(n,r)=>{if(r!==null&&typeof r=="object"&&r.hasOwnProperty("label")&&r.hasOwnProperty("value"))return r;{const t=r!==null&&typeof r=="object"&&r.hasOwnProperty("value")?r.value:r;return(Array.isArray(n)?n.filter(e=>e.type!==m.HEADING).find(e=>e.value==t):void 0)||(y(t)?void 0:{value:t,label:t})}},p=(n,r)=>o(r)?r.map(u=>f(n,u)).filter(u=>u!==void 0):r===null?void 0:f(n,r),A=n=>Array.isArray(n)&&n.some(r=>typeof r=="string"||typeof r=="number"),b=(n,r)=>{const t=r instanceof Array?r.length?r[0]:null:r,u=t==null?null:typeof t=="string"||typeof t=="number"?t:t.value,e=n.filter(l=>l.type!==m.HEADING).findIndex(l=>typeof l=="string"||typeof l=="number"?l==u:l.value==u);return e===-1?null:e},S=(n,r)=>!(o(r)?r:y(r)?[]:[r]).every(e=>n.find(a=>a.value===e.value)!==void 0),g=(n,r,t,u)=>{const e=Array.isArray(n)?n:[],l=o(r),a=A(e),i=v(e,a),c=t?b(e,r):null,s=p(i,r),d=u&&s!==void 0?S(i,s):!1;return{options:i,selectedOptions:s,multi:l,simpleInputs:a,firstSelectedOptionIndex:c,hasNonExistentValue:d}};export{g as s};