@oliasoft-open-source/react-ui-library 4.8.2 → 4.9.0-beta-2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (67) hide show
  1. package/dist/index.d.ts +7 -2
  2. package/dist/index.js +44 -29
  3. package/dist/index.js.map +1 -1
  4. package/dist/storybook/assets/{Color-KGDBMAHA-CLI1j7TM.js → Color-KGDBMAHA-9iiZ9sw8.js} +1 -1
  5. package/dist/storybook/assets/{DocsRenderer-PKQXORMH-C-VGLian.js → DocsRenderer-PKQXORMH-ypxq1WaK.js} +1 -1
  6. package/dist/storybook/assets/{accordion.stories-CjdOndbq.js → accordion.stories-D8Jb5lRq.js} +2 -2
  7. package/dist/storybook/assets/{afe.stories-D-uQj_IO.js → afe.stories-Dxdcf-Wr.js} +2 -2
  8. package/dist/storybook/assets/{buttons-and-links-DLCyz4fu.js → buttons-and-links-CtCO9I4x.js} +1 -1
  9. package/dist/storybook/assets/{casing-loads.stories-Cb2t61c-.js → casing-loads.stories-Bo9VN-h1.js} +2 -2
  10. package/dist/storybook/assets/{cell.stories-B6XrqnOz.js → cell.stories-BRIh_VqD.js} +2 -2
  11. package/dist/storybook/assets/{chunk-HLWAVYOI-B-NqvPla.js → chunk-HLWAVYOI-pVr_pd7U.js} +1 -1
  12. package/dist/storybook/assets/{color-DFh0-vFc.js → color-DRpLnJug.js} +1 -1
  13. package/dist/storybook/assets/{footer.stories-BxFhNGsz.js → footer.stories-Cghb-yfM.js} +2 -2
  14. package/dist/storybook/assets/form.stories-Bs1kjjd-.js +49 -0
  15. package/dist/storybook/assets/{formation.stories-r9JrQX7d.js → formation.stories-DqRntQtC.js} +2 -2
  16. package/dist/storybook/assets/iframe-Dl9kSAK_.js +2 -0
  17. package/dist/storybook/assets/{index-BIH3zom3.js → index-B-vN3mVN.js} +1 -1
  18. package/dist/storybook/assets/{index-MQZw3-wz.js → index-BtLaQIRR.js} +88 -88
  19. package/dist/storybook/assets/{input-group.stories-dQnx3QX0.js → input-group.stories-CCXx8SUE.js} +3 -3
  20. package/dist/storybook/assets/{input-validation-BhTmzA8C.js → input-validation-CipliMS4.js} +2 -2
  21. package/dist/storybook/assets/{inputs-BZwMYCXB.js → inputs-CfCos_Do.js} +1 -1
  22. package/dist/storybook/assets/layout-forms-BQ06Ufkz.js +16 -0
  23. package/dist/storybook/assets/{layout-general-hZ1fwnpl.js → layout-general-BSEz3PKo.js} +1 -1
  24. package/dist/storybook/assets/{modal.stories-B-4WKtnM.js → modal.stories-BZHVz3SN.js} +2 -2
  25. package/dist/storybook/assets/number-input-CKbeoN5B.js +16 -0
  26. package/dist/storybook/assets/number-input.stories-XP0NZg9d.js +166 -0
  27. package/dist/storybook/assets/{padding-and-spacing-DZHdCzCJ.js → padding-and-spacing-BJI9HaUS.js} +1 -1
  28. package/dist/storybook/assets/{pagination-bLx5-m9c.js → pagination-CUucuCPT.js} +1 -1
  29. package/dist/storybook/assets/{pagination.stories-BHPRfynZ.js → pagination.stories-CN4-LYyQ.js} +2 -2
  30. package/dist/storybook/assets/popover.stories-Cxaq0SAc.js +10 -0
  31. package/dist/storybook/assets/{preview-_veCKVNG.js → preview-1dyDpjfs.js} +2 -2
  32. package/dist/storybook/assets/{preview-nWTzJqHS.js → preview-I-_KBbaH.js} +1 -1
  33. package/dist/storybook/assets/{projects.stories-CdvyNFKw.js → projects.stories-B1J-8EYu.js} +2 -2
  34. package/dist/storybook/assets/{radio-button-C3RuBqEf.js → radio-button-YWkXh8yt.js} +1 -1
  35. package/dist/storybook/assets/{radio-button.stories-CAHs1mr6.js → radio-button.stories-DB127127.js} +2 -2
  36. package/dist/storybook/assets/{reservoirs.stories-C98Z9kS0.js → reservoirs.stories-B2mJ74TZ.js} +2 -2
  37. package/dist/storybook/assets/{rich-text-input.stories-B2p90wTh.js → rich-text-input.stories-B3O7b7-u.js} +3 -3
  38. package/dist/storybook/assets/{row.stories-BRVnImTl.js → row.stories-D014hMyd.js} +2 -2
  39. package/dist/storybook/assets/select-BEc_mNg5.js +61 -0
  40. package/dist/storybook/assets/select.input-D0UkAPd9.js +1 -0
  41. package/dist/storybook/assets/{select.stories-B0d_sE6g.js → select.stories-DXD4AYSk.js} +2 -2
  42. package/dist/storybook/assets/{site.stories-lIyAWOdt.js → site.stories-CbJ0phLn.js} +2 -2
  43. package/dist/storybook/assets/{table-DWBe_npR.js → table-CsEdIPXW.js} +1 -1
  44. package/dist/storybook/assets/{table.stories-Cb7lE3nF.js → table.stories-B5frb4W9.js} +2 -2
  45. package/dist/storybook/assets/{tabs-BoToLVEP.js → tabs-C3NG6m9W.js} +1 -1
  46. package/dist/storybook/assets/tabs.stories-dsXjRHJy.js +30 -0
  47. package/dist/storybook/assets/{title.stories-TUTSNdwJ.js → title.stories-BisMTHc8.js} +3 -3
  48. package/dist/storybook/assets/unit-input.stories-DiZlUE9e.js +380 -0
  49. package/dist/storybook/assets/unit-table.stories-DPghKtFI.js +152 -0
  50. package/dist/storybook/iframe.html +1 -1
  51. package/dist/storybook/index.json +1 -1
  52. package/dist/storybook/project.json +1 -1
  53. package/package.json +3 -3
  54. package/dist/404.html +0 -1
  55. package/dist/storybook/assets/enum-Bnn40S8Q.js +0 -1
  56. package/dist/storybook/assets/form.stories-C_zflIAj.js +0 -49
  57. package/dist/storybook/assets/helpers-JJxzGegQ.js +0 -1
  58. package/dist/storybook/assets/iframe-DOgYbEjR.js +0 -2
  59. package/dist/storybook/assets/layout-forms-j_hFXArR.js +0 -16
  60. package/dist/storybook/assets/number-input-C8O0lnql.js +0 -16
  61. package/dist/storybook/assets/number-input.stories-e-MRb-7_.js +0 -124
  62. package/dist/storybook/assets/popover.stories-DyTPnA5y.js +0 -10
  63. package/dist/storybook/assets/select-BpALjE__.js +0 -61
  64. package/dist/storybook/assets/select.input-CJed_LLR.js +0 -1
  65. package/dist/storybook/assets/tabs.stories-B52iEaHf.js +0 -30
  66. package/dist/storybook/assets/unit-input.stories-CRAsgJro.js +0 -316
  67. package/dist/storybook/assets/unit-table.stories-BdTJv4W-.js +0 -152
@@ -1 +1 @@
1
- {"generatedAt":1722590938465,"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":1722602785293,"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.8.2",
3
+ "version": "4.9.0-beta-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": {
@@ -82,7 +82,7 @@
82
82
  },
83
83
  "devDependencies": {
84
84
  "@oliasoft-open-source/eslint-config-oliasoft": "^1.0.4",
85
- "@oliasoft-open-source/units": "^3.12.4",
85
+ "@oliasoft-open-source/units": "^3.14.0",
86
86
  "@storybook/addon-essentials": "^8.2.4",
87
87
  "@storybook/addon-interactions": "^8.2.4",
88
88
  "@storybook/addon-links": "^8.2.4",
@@ -140,7 +140,7 @@
140
140
  "vitest": "^1.0.0"
141
141
  },
142
142
  "peerDependencies": {
143
- "@oliasoft-open-source/units": "^3.12.4",
143
+ "@oliasoft-open-source/units": "^3.14.0",
144
144
  "ajv": "^8.12.0",
145
145
  "ajv-errors": "^3.0.0",
146
146
  "ajv-keywords": "^5.1.0",
package/dist/404.html DELETED
@@ -1 +0,0 @@
1
- <!doctype html><head><title>React UI Library</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" user-scalable="no"><meta name="apple-mobile-web-app-capable" content="yes"><script type="module" crossorigin src="/react-ui-library/assets/index-CnfDrmnZ.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-BpSdrNXy.css"></head><body><div id="content"></div></body>
@@ -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,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-C5_fLDpy.js";import{I as b}from"./input-DTXbDJaL.js";import{S as c}from"./select-BpALjE__.js";import{C as G}from"./check-box-wCvXxtCz.js";import{B as N}from"./button-group-C1PqMW-H.js";import{B as _}from"./button-CzvLc2io.js";import{T as E}from"./toggle-C0zvrIOF.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-CBE03NwD.js";import{T as $}from"./textarea-D6ltcKhz.js";import{R as q}from"./radio-button-C3RuBqEf.js";import{M as z}from"./actions-Tr0wIZve.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-hiSz3I8H.js";import"./help-icon-41R-Z9N1.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./icon-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-CEuq6vkz.js";import"./types-Dx2TtIG9.js";import"./lodash-c4VUpsOs.js";import"./enum-Bnn40S8Q.js";import"./extends-CF3RwP-h.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 Me={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 We=["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,We as __namedExportsOrder,Me 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-CjdOndbq.js","./jsx-runtime-eps93zm2.js","./index-DhsZuJvc.js","./common-types-Sih75Sav.js","./index-Bk2sglWO.js","./accordion-6ouB0WTt.js","./icon-BP4BO6-k.js","./objectWithoutPropertiesLoose-CAYKN5F1.js","./inheritsLoose-DR8r8Ogv.js","./index-CEuq6vkz.js","./disabled-context-rmpd7YJS.js","./icon-CXtHvr8n.css","./accordion-DhEg2ksb.css","./check-box-wCvXxtCz.js","./help-icon-41R-Z9N1.js","./tooltip-1V7clEnw.js","./index-CUZDtIZe.js","./tooltip-COvcX6J7.css","./help-icon-DeweQs4N.css","./check-box-CV-zd_I_.css","./heading-NkLgQYoP.js","./heading-DMYPCDVj.css","./divider-DY9nJ_7N.js","./text-B3-TSWok.js","./text-2O-HSG8g.css","./divider-wQx_bznd.css","./table-DWBe_npR.js","./index.es-D2piFfFj.js","./extends-CF3RwP-h.js","./redux-tRgGMjwY.js","./objectSpread2-DW4nTBoq.js","./tiny-invariant-DqLgxztJ.js","./memoize-one.esm-CcMeOnPo.js","./lodash-c4VUpsOs.js","./actions-Tr0wIZve.js","./button-CzvLc2io.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-bLx5-m9c.js","./select-BpALjE__.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-C8O0lnql.js","./index-C0x1JmaP.js","./index-DRSy5Ssd.js","./slider-CBE03NwD.js","./index-BI4_Bp97.js","./slider-DnRddBCy.css","./popover-9ZnEm5Hy.js","./popover-CSc-8-Dh.css","./table-C9uAiJu6.css","./accordion-C3DU7hG7.css","./actions.stories-CQK6PyBH.js","./badge.stories-Blb5k20_.js","./breadcrumb.stories-CJArS18Q.js","./breadcrumb-DMx-Mu4J.css","./button-group.stories-QlYbfeJS.js","./button-group-C1PqMW-H.js","./button-group-0hjBV4tw.css","./button.stories-tM18j4A3.js","./react-router-dom-CMITYWBH.js","./flex-EllkLxgO.js","./buttons-and-links-DLCyz4fu.js","./index-BcNHZKhG.js","./index-MQZw3-wz.js","./index-D6rZ4wEC.js","./text-link.stories-BsuVBOWo.js","./card.stories-Bn6LpucB.js","./card-EcjmryU9.js","./card-VFDFIKp2.css","./check-box.stories-Q_WICJ_2.js","./index-DMAnyMX5.js","./index-CF7H4eMJ.js","./color-DFh0-vFc.js","./chunk-HLWAVYOI-B-NqvPla.js","./react-16-DXAfArL2.js","./toaster-7wnI6hqB.js","./toaster-DwLvOY18.css","./message-DQ3q8XF9.js","./message-Cl3kn7ZD.css","./toaster-CDSt-Toh.js","./divider.stories-Dd-yyGrX.js","./drawer.stories-BzVj2VTf.js","./drawer-CNKfMbq9.js","./drawer-DhrjYsQu.css","./list-DhjHm8bz.js","./meta-content-DCllGQX6.js","./meta-content-DnZPPeTF.css","./loader-XHoVniao.js","./loader-B4-2F7c_.css","./list.stories-data-DqFECKJF.js","./empty.stories-CVaJlnv1.js","./empty-L0EXybeR.css","./file-button.stories-oe6HKMH2.js","./file-input.stories-DTRWZyqS.js","./file-input-CMP44wlr.js","./file-input-b95Ui6h6.css","./spacer-BWoNR27H.js","./textarea-D6ltcKhz.js","./textarea-H-YTEwr8.css","./field.stories-DhiTcelS.js","./field-C5_fLDpy.js","./label-hiSz3I8H.js","./label-BmwKJ2Mn.css","./field-CNDCZ5UR.css","./form.stories-C_zflIAj.js","./toggle-C0zvrIOF.js","./toggle-yD7j1VSk.css","./radio-button-C3RuBqEf.js","./radio-button-DvubT0Gg.css","./form-row-CM112EYF.js","./form-row-BYz5u-Vr.css","./heading.stories-nI_cFnAN.js","./help-icon.stories-DBYh0YX7.js","./icon.stories-C4pR7xky.js","./icon-custom-Xcl4YkWP.js","./grid-DRkC-bt8.js","./styled-components.browser.esm-BQ9GQzDc.js","./input-group.stories-dQnx3QX0.js","./input-validation-BhTmzA8C.js","./select.stories-B0d_sE6g.js","./input.stories-FKl0qVhm.js","./inputs-BZwMYCXB.js","./number-input.stories-e-MRb-7_.js","./option-dropdown.stories-ntKLWycS.js","./option-dropdown-CqPYsFHP.css","./radio-button.stories-CAHs1mr6.js","./slider.stories-7oMw2PCp.js","./textarea.stories-CJ-Oqytp.js","./toggle.stories-DOc7uN93.js","./label.stories-Cyv5jBAO.js","./layout-forms-j_hFXArR.js","./layout-general-hZ1fwnpl.js","./flex.stories-DtDxXdHB.js","./grid.stories-DqjhHHwX.js","./column.stories-DATtbLrP.js","./row-Bmiy2Lh0.js","./row-D-EMWFT6.css","./afe.stories-D-uQj_IO.js","./top-bar-BQzmL0IU.js","./top-bar-u7j8EgRd.css","./side-bar-BApSkmiM.js","./side-bar-auov230-.css","./page-7SSpdYhb.js","./page-BnAFjzxf.css","./tabs-BoToLVEP.js","./tabs-DnWs2PtA.css","./blowout.stories-hdxkqScp.js","./casing-loads.stories-Cb2t61c-.js","./dialog-B55T_62Q.js","./portal-GQ0_cLB6.js","./dialog-CBMZnjYb.css","./formation.stories-r9JrQX7d.js","./projects.stories-CdvyNFKw.js","./reservoirs.stories-C98Z9kS0.js","./site.stories-lIyAWOdt.js","./page.stories-Dp_z8s1a.js","./logo-BVP9045W.js","./page-DqJqTfkP.css","./spacer.stories-BC7lirqi.js","./list.stories-2F-UkS1E.js","./immer.esm-BwVl9PS2.js","./loader.stories-BMe1zhEL.js","./progress-bar-C_kV6r0Q.js","./progress-bar-ztYhwUbl.css","./menu.stories-B_1YsebS.js","./menu.stories-data-CQ59XhzU.js","./message.stories-QYFwbrO0.js","./modal.stories-B-4WKtnM.js","./padding-and-spacing-DZHdCzCJ.js","./pagination.stories-BHPRfynZ.js","./pop-confirm.stories-D-iQo6s7.js","./pop-confirm-DX_o_X81.css","./popover.stories-DyTPnA5y.js","./portal.stories-BvRfNPz3.js","./progress-bar.stories-CpbgT43D.js","./rich-text-input.stories-B2p90wTh.js","./rich-text-input-dDjxXFl-.css","./side-bar.stories-BuAIJ8NV.js","./smart-upload-modal.stories-CdgsGLvm.js","./spinner.stories-DuQNhl1V.js","./cell.stories-B6XrqnOz.js","./table.stories-data-CYppbCAy.js","./footer.stories-BxFhNGsz.js","./row.stories-BRVnImTl.js","./table.stories-Cb7lE3nF.js","./title.stories-TUTSNdwJ.js","./tabs.stories-B52iEaHf.js","./text.stories-B8L4FWPt.js","./toaster.stories-D1XTcQR_.js","./tooltip.stories-1YexWg6N.js","./tooltip.test-case.stories-D2SX9mkM.js","./top-bar.stories-Czza1RvB.js","./top-bar.testcase.stories-DpV-QqfZ.js","./tree.stories-CsmZwDmr.js","./tree-BTgu2lWb.css","./unit-input.stories-CRAsgJro.js","./use-previous-D775JrO6.js","./unit-input-5P4Cogho.css","./unit-table.stories-BdTJv4W-.js","./entry-preview-CHonU0lQ.js","./entry-preview-docs-DUYczTxA.js","./preview-DLBQXbKW.js","./preview-nWTzJqHS.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-CjdOndbq.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,67]),import.meta.url),"./src/components/actions/actions.stories.tsx":async()=>t(()=>import("./actions.stories-CQK6PyBH.js"),__vite__mapDeps([68,1,2,34,4,33,3,10,35,36,37,6,7,8,9,11,15,16,17,38,39,40,41,42,43]),import.meta.url),"./src/components/badge/badge.stories.tsx":async()=>t(()=>import("./badge.stories-Blb5k20_.js"),__vite__mapDeps([69,1,2,41,4,42,35,3,10,36,37,6,7,8,9,11,15,16,17,38]),import.meta.url),"./src/components/breadcrumb/breadcrumb.stories.tsx":async()=>t(()=>import("./breadcrumb.stories-CJArS18Q.js"),__vite__mapDeps([70,1,2,4,10,71]),import.meta.url),"./src/components/button-group/button-group.stories.tsx":async()=>t(()=>import("./button-group.stories-QlYbfeJS.js"),__vite__mapDeps([72,1,2,73,3,10,40,33,35,4,36,37,6,7,8,9,11,15,16,17,38,74]),import.meta.url),"./src/components/button/button.stories.tsx":async()=>t(()=>import("./button.stories-tM18j4A3.js"),__vite__mapDeps([75,1,2,76,8,9,28,31,7,77,35,4,3,10,36,37,6,11,15,16,17,38]),import.meta.url),"./src/components/buttons-and-links.mdx":async()=>t(()=>import("./buttons-and-links-DLCyz4fu.js"),__vite__mapDeps([78,1,2,79,80,16,28,47,8,81,75,76,9,31,7,77,35,4,3,10,36,37,6,11,15,17,38,82,23,24]),import.meta.url),"./src/components/card/card.stories.tsx":async()=>t(()=>import("./card.stories-Bn6LpucB.js"),__vite__mapDeps([83,1,2,84,4,85,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-Q_WICJ_2.js"),__vite__mapDeps([86,1,2,87,88,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-DFh0-vFc.js"),__vite__mapDeps([89,1,2,79,90,91,16,80,28,47,8,81,92,93,94,4,3,6,7,9,10,11,95,96]),import.meta.url),"./src/components/divider/divider.stories.tsx":async()=>t(()=>import("./divider.stories-Dd-yyGrX.js"),__vite__mapDeps([97,1,2,3,23,4,24,22,25]),import.meta.url),"./src/components/drawer/drawer.stories.tsx":async()=>t(()=>import("./drawer.stories-BzVj2VTf.js"),__vite__mapDeps([98,1,2,3,99,4,41,42,33,9,16,6,7,8,10,11,35,36,37,15,17,38,100,101,27,28,29,30,31,32,84,85,102,20,14,18,21,34,39,40,43,103,104,105,77,106]),import.meta.url),"./src/components/empty/empty.stories.tsx":async()=>t(()=>import("./empty.stories-CVaJlnv1.js"),__vite__mapDeps([107,1,2,23,4,24,35,3,10,36,37,6,7,8,9,11,15,16,17,38,108]),import.meta.url),"./src/components/file-button/file-button.stories.tsx":async()=>t(()=>import("./file-button.stories-oe6HKMH2.js"),__vite__mapDeps([109,1,2,34,4,33,3,10,35,36,37,6,7,8,9,11,15,16,17,38,39,40,41,42,43]),import.meta.url),"./src/components/file-input/file-input.stories.tsx":async()=>t(()=>import("./file-input.stories-DTRWZyqS.js"),__vite__mapDeps([110,1,2,111,10,33,53,4,3,54,51,40,15,16,17,52,35,36,37,6,7,8,9,11,38,112,113,94,95,114,115]),import.meta.url),"./src/components/form/field.stories.tsx":async()=>t(()=>import("./field.stories-DhiTcelS.js"),__vite__mapDeps([116,1,2,117,4,118,3,14,15,16,17,6,7,8,9,10,11,18,119,120,51,40,33,52,23,24]),import.meta.url),"./src/components/form/form.stories.tsx":async()=>t(()=>import("./form.stories-C_zflIAj.js"),__vite__mapDeps([121,1,2,3,10,117,4,118,14,15,16,17,6,7,8,9,11,18,119,120,51,40,33,52,45,46,28,47,32,39,23,24,34,35,36,37,38,41,42,43,48,49,50,13,19,73,74,122,123,53,54,55,56,61,30,62,63,114,115,124,125,126,127]),import.meta.url),"./src/components/heading/heading.stories.tsx":async()=>t(()=>import("./heading.stories-nI_cFnAN.js"),__vite__mapDeps([128,1,2,3,20,4,14,15,16,17,6,7,8,9,10,11,18,21,77]),import.meta.url),"./src/components/help-icon/help-icon.stories.tsx":async()=>t(()=>import("./help-icon.stories-DBYh0YX7.js"),__vite__mapDeps([129,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-C4pR7xky.js"),__vite__mapDeps([130,1,2,6,4,7,8,9,10,11,131,132,133,77,23,24]),import.meta.url),"./src/components/input-group/input-group.stories.tsx":async()=>t(()=>import("./input-group.stories-dQnx3QX0.js"),__vite__mapDeps([134,1,2,3,53,4,54,55,56,51,10,40,33,15,16,17,52,35,36,37,6,7,8,9,11,38,34,39,41,42,43,45,46,28,47,32,23,24,48,49,50]),import.meta.url),"./src/components/input-validation.mdx":async()=>t(()=>import("./input-validation-BhTmzA8C.js"),__vite__mapDeps([135,1,2,79,80,16,28,47,8,81,136,87,88,45,33,4,3,10,40,15,17,46,9,32,39,23,24,34,35,36,37,6,7,11,38,41,42,43,48,49,50,113]),import.meta.url),"./src/components/input/input.stories.tsx":async()=>t(()=>import("./input.stories-FKl0qVhm.js"),__vite__mapDeps([137,1,2,51,4,10,40,33,15,16,17,52]),import.meta.url),"./src/components/inputs.mdx":async()=>t(()=>import("./inputs-BZwMYCXB.js"),__vite__mapDeps([138,1,2,79,80,16,28,47,8,81,75,76,9,31,7,77,35,4,3,10,36,37,6,11,15,17,38,86,87,88,13,14,18,19,110,111,33,53,54,51,40,52,112,113,94,95,114,115,137,139,59,60,132,133,84,85,20,21,55,56,45,46,32,39,23,24,34,41,42,43,48,49,50,58,140,22,25,141,142,124,125,136,143,61,30,62,63,144,145,122,123]),import.meta.url),"./src/components/label/label.stories.tsx":async()=>t(()=>import("./label.stories-Cyv5jBAO.js"),__vite__mapDeps([146,1,2,118,4,3,14,15,16,17,6,7,8,9,10,11,18,119]),import.meta.url),"./src/components/layout-forms.mdx":async()=>t(()=>import("./layout-forms-j_hFXArR.js"),__vite__mapDeps([147,1,2,79,80,16,28,47,8,81,116,117,4,118,3,14,15,17,6,7,9,10,11,18,119,120,51,40,33,52,23,24,121,45,46,32,39,34,35,36,37,38,41,42,43,48,49,50,13,19,73,74,122,123,53,54,55,56,61,30,62,63,114,115,124,125,126,127]),import.meta.url),"./src/components/layout-general.mdx":async()=>t(()=>import("./layout-general-hZ1fwnpl.js"),__vite__mapDeps([148,1,2,79,80,16,28,47,8,81,149,77,35,4,3,10,36,37,6,7,9,11,15,17,38,23,24,150,132,133,84,85,151,152,153,20,14,18,21]),import.meta.url),"./src/components/layout/column.stories.tsx":async()=>t(()=>import("./column.stories-DATtbLrP.js"),__vite__mapDeps([151,1,2,152,133,4,153,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-D-uQj_IO.js"),__vite__mapDeps([154,1,2,3,155,4,6,7,8,9,10,11,35,36,37,15,16,17,38,34,33,39,40,41,42,43,156,157,62,99,100,158,20,14,18,21,101,27,28,29,30,31,32,84,85,102,103,104,105,117,118,119,120,51,52,5,12,13,19,126,127,159,160,152,133,153,45,46,47,23,24,48,49,50,113,161,162,53,54,55,56]),import.meta.url),"./src/components/layout/examples/blowout.stories.jsx":async()=>t(()=>import("./blowout.stories-hdxkqScp.js"),__vite__mapDeps([163,1,2,3,155,4,6,7,8,9,10,11,35,36,37,15,16,17,38,34,33,39,40,41,42,43,156,157,62,99,100,158,20,14,18,21,84,85,159,160,152,133,153,113]),import.meta.url),"./src/components/layout/examples/casing-loads.stories.jsx":async()=>t(()=>import("./casing-loads.stories-Cb2t61c-.js"),__vite__mapDeps([164,1,2,3,155,4,6,7,8,9,10,11,35,36,37,15,16,17,38,34,33,39,40,41,42,43,156,157,62,99,100,158,20,14,18,21,101,27,28,29,30,31,32,84,85,102,103,104,105,117,118,119,120,51,52,165,166,167,13,19,126,127,159,160,152,133,153,45,46,47,23,24,48,49,50,113,161,162,26,44,53,54,55,56,57,58,59,60,61,63,64,65,66]),import.meta.url),"./src/components/layout/examples/formation.stories.jsx":async()=>t(()=>import("./formation.stories-r9JrQX7d.js"),__vite__mapDeps([168,1,2,155,4,6,7,8,9,10,11,3,35,36,37,15,16,17,38,34,33,39,40,41,42,43,156,157,62,99,100,158,20,14,18,21,159,160,152,133,153,113,161,48,49,162,26,27,28,29,30,31,32,44,45,46,47,23,24,50,51,52,53,54,55,56,57,58,59,60,13,19,61,63,64,65,66]),import.meta.url),"./src/components/layout/examples/projects.stories.jsx":async()=>t(()=>import("./projects.stories-CdvyNFKw.js"),__vite__mapDeps([169,1,2,155,4,6,7,8,9,10,11,3,35,36,37,15,16,17,38,34,33,39,40,41,42,43,156,101,27,28,29,30,31,32,84,85,102,20,14,18,21,103,104,105,159,160,152,133,153,161,48,49,162,113]),import.meta.url),"./src/components/layout/examples/reservoirs.stories.jsx":async()=>t(()=>import("./reservoirs.stories-C98Z9kS0.js"),__vite__mapDeps([170,1,2,3,155,4,6,7,8,9,10,11,35,36,37,15,16,17,38,34,33,39,40,41,42,43,156,157,62,99,100,158,20,14,18,21,101,27,28,29,30,31,32,84,85,102,103,104,105,117,118,119,120,51,52,13,19,124,48,49,125,126,127,159,160,152,133,153,45,46,47,23,24,50,113]),import.meta.url),"./src/components/layout/examples/site.stories.jsx":async()=>t(()=>import("./site.stories-lIyAWOdt.js"),__vite__mapDeps([171,1,2,3,155,4,6,7,8,9,10,11,35,36,37,15,16,17,38,34,33,39,40,41,42,43,156,157,62,99,100,158,20,14,18,21,101,27,28,29,30,31,32,84,85,102,103,104,105,117,118,119,120,51,52,13,19,159,160,152,133,153,5,12,113,161,48,49,162]),import.meta.url),"./src/components/layout/flex/flex.stories.tsx":async()=>t(()=>import("./flex.stories-DtDxXdHB.js"),__vite__mapDeps([149,1,2,77,35,4,3,10,36,37,6,7,8,9,11,15,16,17,38,23,24]),import.meta.url),"./src/components/layout/grid/grid.stories.tsx":async()=>t(()=>import("./grid.stories-DqjhHHwX.js"),__vite__mapDeps([150,1,2,132,133,84,4,85]),import.meta.url),"./src/components/layout/page.stories.tsx":async()=>t(()=>import("./page.stories-Dp_z8s1a.js"),__vite__mapDeps([172,1,2,159,4,160,155,6,7,8,9,10,11,3,35,36,37,15,16,17,38,34,33,39,40,41,42,43,156,157,62,99,100,158,20,14,18,21,173,174]),import.meta.url),"./src/components/layout/spacer/spacer.stories.tsx":async()=>t(()=>import("./spacer.stories-BC7lirqi.js"),__vite__mapDeps([175,1,2,113,77,35,4,3,10,36,37,6,7,8,9,11,15,16,17,38]),import.meta.url),"./src/components/list/list.stories.tsx":async()=>t(()=>import("./list.stories-2F-UkS1E.js"),__vite__mapDeps([176,1,2,177,76,8,9,28,31,7,101,4,27,29,30,16,32,84,85,102,3,6,10,11,20,14,15,17,18,21,34,33,35,36,37,38,39,40,41,42,43,103,104,105,77,106]),import.meta.url),"./src/components/loader/loader.stories.tsx":async()=>t(()=>import("./loader.stories-BMe1zhEL.js"),__vite__mapDeps([178,1,2,3,104,4,105,179,180,36,37,113,35,10,6,7,8,9,11,15,16,17,38,84,85]),import.meta.url),"./src/components/menu/menu.stories.tsx":async()=>t(()=>import("./menu.stories-B_1YsebS.js"),__vite__mapDeps([181,1,2,76,8,9,28,31,7,3,87,88,34,4,33,10,35,36,37,6,11,15,16,17,38,39,40,41,42,43,77,182]),import.meta.url),"./src/components/message/message.stories.tsx":async()=>t(()=>import("./message.stories-QYFwbrO0.js"),__vite__mapDeps([183,1,2,94,4,3,6,7,8,9,10,11,95,35,36,37,15,16,17,38,132,133]),import.meta.url),"./src/components/modal/modal.stories.tsx":async()=>t(()=>import("./modal.stories-B-4WKtnM.js"),__vite__mapDeps([184,1,2,87,88,3,165,4,166,16,33,20,14,15,17,6,7,8,9,10,11,18,21,35,36,37,38,167,64,65,51,40,52,53,54,117,118,119,120,34,39,41,42,43,45,46,28,47,32,23,24,48,49,50,113]),import.meta.url),"./src/components/number-input/number-input.stories.tsx":async()=>t(()=>import("./number-input.stories-e-MRb-7_.js"),__vite__mapDeps([139,1,2,87,88,59,60,113,132,133,84,4,85,35,3,10,36,37,6,7,8,9,11,15,16,17,38,20,14,18,21,55,56,45,33,40,46,28,47,32,39,23,24,34,41,42,43,48,49,50,53,54,58,51,52]),import.meta.url),"./src/components/option-dropdown/option-dropdown.stories.tsx":async()=>t(()=>import("./option-dropdown.stories-ntKLWycS.js"),__vite__mapDeps([140,1,2,3,34,4,33,10,35,36,37,6,7,8,9,11,15,16,17,38,39,40,41,42,43,13,14,18,19,22,23,24,25,141]),import.meta.url),"./src/components/padding-and-spacing.mdx":async()=>t(()=>import("./padding-and-spacing-DZHdCzCJ.js"),__vite__mapDeps([185,1,2,79,80,16,28,47,8,81]),import.meta.url),"./src/components/pagination/pagination.stories.tsx":async()=>t(()=>import("./pagination.stories-BHPRfynZ.js"),__vite__mapDeps([186,1,2,44,3,45,33,4,10,40,15,16,17,46,9,28,47,8,32,39,23,24,34,35,36,37,6,7,11,38,41,42,43,48,49,50,51,52,53,54,55,56,57]),import.meta.url),"./src/components/pop-confirm/pop-confirm.stories.tsx":async()=>t(()=>import("./pop-confirm.stories-D-iQo6s7.js"),__vite__mapDeps([187,1,2,64,15,16,4,17,3,10,35,36,37,6,7,8,9,11,38,65,23,24,96,92,93,94,95,188]),import.meta.url),"./src/components/popover/popover.stories.tsx":async()=>t(()=>import("./popover.stories-DyTPnA5y.js"),__vite__mapDeps([189,1,2,113,64,15,16,4,17,3,10,35,36,37,6,7,8,9,11,38,65,51,40,33,52,77,45,46,28,47,32,39,23,24,34,41,42,43,48,49,50]),import.meta.url),"./src/components/portal/portal.stories.tsx":async()=>t(()=>import("./portal.stories-BvRfNPz3.js"),__vite__mapDeps([190,1,2,16,166]),import.meta.url),"./src/components/progress-bar/progress-bar.stories.tsx":async()=>t(()=>import("./progress-bar.stories-CpbgT43D.js"),__vite__mapDeps([191,1,2,179,4,180]),import.meta.url),"./src/components/radio-button/radio-button.stories.tsx":async()=>t(()=>import("./radio-button.stories-CAHs1mr6.js"),__vite__mapDeps([142,1,2,87,88,124,4,10,48,49,39,3,14,15,16,17,6,7,8,9,11,18,125]),import.meta.url),"./src/components/rich-text-input/rich-text-input.stories.tsx":async()=>t(()=>import("./rich-text-input.stories-B2p90wTh.js"),__vite__mapDeps([192,1,2,10,3,35,4,36,37,6,7,8,9,11,15,16,17,38,45,33,40,46,28,47,32,39,23,24,34,41,42,43,48,49,50,193]),import.meta.url),"./src/components/select/select.stories.tsx":async()=>t(()=>import("./select.stories-B0d_sE6g.js"),__vite__mapDeps([136,1,2,87,88,45,33,4,3,10,40,15,16,17,46,9,28,47,8,32,39,23,24,34,35,36,37,6,7,11,38,41,42,43,48,49,50,113]),import.meta.url),"./src/components/side-bar/side-bar.stories.tsx":async()=>t(()=>import("./side-bar.stories-BuAIJ8NV.js"),__vite__mapDeps([194,1,2,3,157,4,62,99,41,42,33,9,16,6,7,8,10,11,35,36,37,15,17,38,100,158,77,131]),import.meta.url),"./src/components/slider/slider.stories.tsx":async()=>t(()=>import("./slider.stories-7oMw2PCp.js"),__vite__mapDeps([143,1,2,61,33,30,4,28,7,32,62,6,8,9,10,11,3,15,16,17,35,36,37,38,63,23,24]),import.meta.url),"./src/components/smart-upload-modal/smart-upload-modal.stories.tsx":async()=>t(()=>import("./smart-upload-modal.stories-CdgsGLvm.js"),__vite__mapDeps([195,1,2,35,4,3,10,36,37,6,7,8,9,11,15,16,17,38,165,166,33,20,14,18,21,167,111,53,54,51,40,52,112,113,23,24,179,180,59,60]),import.meta.url),"./src/components/spinner/spinner.stories.tsx":async()=>t(()=>import("./spinner.stories-DuQNhl1V.js"),__vite__mapDeps([196,1,2,36,37]),import.meta.url),"./src/components/table/cell/cell.stories.tsx":async()=>t(()=>import("./cell.stories-B6XrqnOz.js"),__vite__mapDeps([197,1,2,26,4,27,8,28,29,30,31,16,32,7,33,34,3,10,35,36,37,6,9,11,15,17,38,39,40,41,42,43,20,14,18,21,44,45,46,47,23,24,48,49,50,51,52,53,54,55,56,57,58,59,60,13,19,61,62,63,64,65,66,117,118,119,120,77,198]),import.meta.url),"./src/components/table/footer/footer.stories.tsx":async()=>t(()=>import("./footer.stories-BxFhNGsz.js"),__vite__mapDeps([199,1,2,26,4,27,8,28,29,30,31,16,32,7,33,34,3,10,35,36,37,6,9,11,15,17,38,39,40,41,42,43,20,14,18,21,44,45,46,47,23,24,48,49,50,51,52,53,54,55,56,57,58,59,60,13,19,61,62,63,64,65,66,198,77]),import.meta.url),"./src/components/table/row/row.stories.tsx":async()=>t(()=>import("./row.stories-BRVnImTl.js"),__vite__mapDeps([200,1,2,26,4,27,8,28,29,30,31,16,32,7,33,34,3,10,35,36,37,6,9,11,15,17,38,39,40,41,42,43,20,14,18,21,44,45,46,47,23,24,48,49,50,51,52,53,54,55,56,57,58,59,60,13,19,61,62,63,64,65,66,198,77]),import.meta.url),"./src/components/table/table.stories.tsx":async()=>t(()=>import("./table.stories-Cb7lE3nF.js"),__vite__mapDeps([201,1,2,177,33,132,133,23,4,24,26,27,8,28,29,30,31,16,32,7,34,3,10,35,36,37,6,9,11,15,17,38,39,40,41,42,43,20,14,18,21,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,13,19,61,62,63,64,65,66,84,85,117,118,119,120,198,77]),import.meta.url),"./src/components/table/title/title.stories.tsx":async()=>t(()=>import("./title.stories-TUTSNdwJ.js"),__vite__mapDeps([202,1,2,26,4,27,8,28,29,30,31,16,32,7,33,34,3,10,35,36,37,6,9,11,15,17,38,39,40,41,42,43,20,14,18,21,44,45,46,47,23,24,48,49,50,51,52,53,54,55,56,57,58,59,60,13,19,61,62,63,64,65,66,198,77]),import.meta.url),"./src/components/tabs/tabs.stories.tsx":async()=>t(()=>import("./tabs.stories-B52iEaHf.js"),__vite__mapDeps([203,1,2,161,4,10,33,41,42,48,49,39,162]),import.meta.url),"./src/components/text-link/text-link.stories.tsx":async()=>t(()=>import("./text-link.stories-BsuVBOWo.js"),__vite__mapDeps([82,1,2,76,8,9,28,31,7,77,23,4,24]),import.meta.url),"./src/components/text/text.stories.tsx":async()=>t(()=>import("./text.stories-B8L4FWPt.js"),__vite__mapDeps([204,1,2,23,4,24]),import.meta.url),"./src/components/textarea/textarea.stories.tsx":async()=>t(()=>import("./textarea.stories-CJ-Oqytp.js"),__vite__mapDeps([144,1,2,114,4,40,33,10,15,16,17,115]),import.meta.url),"./src/components/toaster/toaster.stories.tsx":async()=>t(()=>import("./toaster.stories-D1XTcQR_.js"),__vite__mapDeps([205,1,2,87,88,132,133,23,4,24,77,96,92,16,93,94,3,6,7,8,9,10,11,95,35,36,37,15,17,38,113]),import.meta.url),"./src/components/toggle/toggle.stories.tsx":async()=>t(()=>import("./toggle.stories-DOc7uN93.js"),__vite__mapDeps([145,1,2,87,88,77,23,4,24,122,3,10,14,15,16,17,6,7,8,9,11,18,123]),import.meta.url),"./src/components/tooltip/tooltip.stories.tsx":async()=>t(()=>import("./tooltip.stories-1YexWg6N.js"),__vite__mapDeps([206,1,2,15,16,4,17]),import.meta.url),"./src/components/tooltip/tooltip.test-case.stories.tsx":async()=>t(()=>import("./tooltip.test-case.stories-D2SX9mkM.js"),__vite__mapDeps([207,1,2,15,16,4,17,34,33,3,10,35,36,37,6,7,8,9,11,38,39,40,41,42,43,182,77]),import.meta.url),"./src/components/top-bar/top-bar.stories.tsx":async()=>t(()=>import("./top-bar.stories-Czza1RvB.js"),__vite__mapDeps([208,1,2,76,8,9,28,31,7,3,155,4,6,10,11,35,36,37,15,16,17,38,34,33,39,40,41,42,43,156,159,160,173,131]),import.meta.url),"./src/components/top-bar/top-bar.testcase.stories.tsx":async()=>t(()=>import("./top-bar.testcase.stories-DpV-QqfZ.js"),__vite__mapDeps([209,1,2,3,155,4,6,7,8,9,10,11,35,36,37,15,16,17,38,34,33,39,40,41,42,43,156,173]),import.meta.url),"./src/components/tree/tree.stories.tsx":async()=>t(()=>import("./tree.stories-CsmZwDmr.js"),__vite__mapDeps([210,1,2,6,4,7,8,9,10,11,60,3,102,20,14,15,16,17,18,21,34,33,35,36,37,38,39,40,41,42,43,103,29,30,23,24,211]),import.meta.url),"./src/components/unit-input/unit-input.stories.tsx":async()=>t(()=>import("./unit-input.stories-CRAsgJro.js"),__vite__mapDeps([212,1,2,59,60,4,213,34,33,3,10,35,36,37,6,7,8,9,11,15,16,17,38,39,40,41,42,43,55,56,53,54,113,23,24,49,58,46,51,52,22,25,152,133,153,117,118,14,18,119,120,94,95,87,88,214]),import.meta.url),"./src/components/unit-table/unit-table.stories.tsx":async()=>t(()=>import("./unit-table.stories-BdTJv4W-.js"),__vite__mapDeps([215,1,2,177,59,60,132,133,113,87,88,84,4,85,117,118,3,14,15,16,17,6,7,8,9,10,11,18,119,120,20,21,45,33,40,46,28,47,32,39,23,24,34,35,36,37,38,41,42,43,48,49,50,122,123,213,26,27,29,30,31,44,51,52,53,54,55,56,57,58,13,19,61,62,63,64,65,66]),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([216,2,91,16]),import.meta.url),s.at(1)??t(()=>import("./entry-preview-docs-DUYczTxA.js"),__vite__mapDeps([217,81,2,9]),import.meta.url),s.at(2)??t(()=>import("./preview-Ct5NkTJf.js"),[],import.meta.url),s.at(3)??t(()=>import("./preview-_veCKVNG.js"),[],import.meta.url),s.at(4)??t(()=>import("./preview-DLBQXbKW.js"),__vite__mapDeps([218,88]),import.meta.url),s.at(5)??t(()=>import("./preview-nWTzJqHS.js"),__vite__mapDeps([219,1,2,92,16,93,94,4,3,6,7,8,9,10,11,95,80,28,47,81,60,90,91,220]),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 t}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as n}from"./index-BcNHZKhG.js";import{Z as s,$ as e}from"./index-MQZw3-wz.js";import{Default as p,LabelOnLeft as m}from"./field.stories-DhiTcelS.js";import{Default as l,LabelsOnLeft as a,Row as h}from"./form.stories-C_zflIAj.js";import"./index-DhsZuJvc.js";import"./iframe-DOgYbEjR.js";import"../sb-preview/runtime.js";import"./index-CUZDtIZe.js";import"./extends-CF3RwP-h.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-D6rZ4wEC.js";import"./field-C5_fLDpy.js";import"./index-Bk2sglWO.js";import"./label-hiSz3I8H.js";import"./common-types-Sih75Sav.js";import"./help-icon-41R-Z9N1.js";import"./tooltip-1V7clEnw.js";import"./icon-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./input-DTXbDJaL.js";import"./types-Dx2TtIG9.js";import"./lodash-c4VUpsOs.js";import"./text-B3-TSWok.js";import"./select-BpALjE__.js";import"./enum-Bnn40S8Q.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./actions-Tr0wIZve.js";import"./button-CzvLc2io.js";import"./spinner-AWUe4xwQ.js";import"./badge-CLQ59MDF.js";import"./select.input-CJed_LLR.js";import"./helpers-JJxzGegQ.js";import"./check-box-wCvXxtCz.js";import"./button-group-C1PqMW-H.js";import"./toggle-C0zvrIOF.js";import"./input-group-BaRSJAEN.js";import"./input-group-addon-D68iUKV2.js";import"./slider-CBE03NwD.js";import"./objectSpread2-DW4nTBoq.js";import"./index-BI4_Bp97.js";import"./textarea-D6ltcKhz.js";import"./radio-button-C3RuBqEf.js";import"./form-row-CM112EYF.js";function r(o){const i={code:"code",h1:"h1",h2:"h2",p:"p",...n(),...o.components};return t.jsxs(t.Fragment,{children:[t.jsx(s,{title:"Layout (Forms)"}),`
2
- `,t.jsx(i.h1,{id:"layout-forms",children:"Layout (Forms)"}),`
3
- `,t.jsx(i.h2,{id:"field",children:"Field"}),`
4
- `,t.jsxs(i.p,{children:["This is a wrapper for any form element with default bottom margin, and props like ",t.jsx(i.code,{children:"label"})," for other default styling."]}),`
5
- `,t.jsx(e,{of:p}),`
6
- `,t.jsxs(i.p,{children:["For inline labels, use the ",t.jsx(i.code,{children:"labelLeft"})," prop (and the optional ",t.jsx(i.code,{children:"labelWidth"}),")."]}),`
7
- `,t.jsx(e,{of:m}),`
8
- `,t.jsx(i.h2,{id:"stacked",children:"Stacked"}),`
9
- `,t.jsxs(i.p,{children:["This is the simplest form layout, and works well when horizontal space is limited, or inputs vary in height (e.g. ",t.jsx(i.code,{children:"TextArea"}),")."]}),`
10
- `,t.jsx(e,{of:l}),`
11
- `,t.jsx(i.h2,{id:"stacked-with-inline-labels",children:"Stacked with inline labels"}),`
12
- `,t.jsxs(i.p,{children:["This has the same markup, but with ",t.jsx(i.code,{children:"labelLeft"})," and ",t.jsx(i.code,{children:"labelWidth"})," set on each field."]}),`
13
- `,t.jsx(e,{of:a}),`
14
- `,t.jsx(i.h2,{id:"row",children:"Row"}),`
15
- `,t.jsxs(i.p,{children:["Wrapping a group of form controls in ",t.jsx(i.code,{children:"FormRow"})," arranges them horizontally, and applies default spacing between each item. This works well when vertical space is limited, because inputs will only wrap onto the next line when they need to."]}),`
16
- `,t.jsx(e,{of:h})]})}function st(o={}){const{wrapper:i}={...n(),...o.components};return i?t.jsx(i,{...o,children:t.jsx(r,{...o})}):r(o)}export{st as default};
@@ -1,16 +0,0 @@
1
- import{j as I}from"./jsx-runtime-eps93zm2.js";import{r as t}from"./index-DhsZuJvc.js";import{d as o}from"./index-C0x1JmaP.js";import{K as J,E as Q}from"./enum-Bnn40S8Q.js";import{l as U}from"./lodash-c4VUpsOs.js";import{I as X}from"./input-DTXbDJaL.js";const u=n=>String(o.toString(n)),Y=n=>n?typeof n=="string"?n:U.isArray(n)?n[0]:n.fieldName:"",$=({name:n,placeholder:F="",disabled:L=!1,error:g=!1,left:k=!1,small:S=!1,width:x="100%",value:m="",onChange:R=()=>{},onFocus:j=()=>{},onBlur:C=()=>{},tabIndex:H=0,testId:M,tooltip:K=null,warning:A=!1,validationCallback:y=()=>{},allowEmpty:O=!1,isInTable:B,groupOrder:D,enableDisplayRounding:d=!1,roundDisplayValue:v,disableInternalErrorValidationMessages:P=!1})=>{const r=t.useRef(null),[s,T]=t.useState(u(m)),[l,b]=t.useState(!1),[_,w]=t.useState(!0),i=Y(n),E=e=>{const a=o.validateNumber(e);return O&&e===""||a.valid?{...a,valid:!0,errors:void 0}:a},{valid:p,errors:f}=E(s),q=f&&f.length&&!P?f[0]:null;t.useEffect(()=>{T(u(m)),w(!0)},[m,d]),t.useEffect(()=>{!l&&!p?y(i,q):y(i,null)},[l,p,g]);const N=e=>{var V,h;const a=e instanceof KeyboardEvent?s:(V=e==null?void 0:e.target)==null?void 0:V.value;w(!1);const c=o.cleanNumStr(a.replaceAll(" ","").replaceAll("|",""));if(T(c),(h=E(c))!=null&&h.valid&&!_){const G={...e,target:{...e.target,value:o.stripLeadingZeros(u(c)),name:i}};R(G)}};t.useEffect(()=>{if(r&&(r!=null&&r.current)&&d&&l){const e=r.current;e&&setTimeout(()=>{const{length:a}=u(s);e.setSelectionRange(a,a)},0)}},[l]);const W=e=>{b(!0),j(e)},Z=e=>{b(!1),C(e)},z=d&&!l&&p?v?u(v(s)):o.roundToFixed(s,2):s;return I.jsx(J,{handleKeys:[Q.ENTER],onKeyEvent:(e,a)=>N(a),children:I.jsx(X,{type:"text",name:i,testId:M,disabled:L,placeholder:F,value:z,onChange:N,onFocus:W,onBlur:Z,error:q||g,warning:A,right:!k,small:S,width:x,isInTable:B,groupOrder:D,tabIndex:H,tooltip:K,ref:r},i)})};$.__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{$ 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-CzvLc2io.js";import{H as _}from"./heading-NkLgQYoP.js";import{I as Ne}from"./input-group-addon-D68iUKV2.js";import{S as Ee}from"./select-BpALjE__.js";import{I as Ve}from"./input-group-BaRSJAEN.js";import{N as i}from"./number-input-C8O0lnql.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-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-CEuq6vkz.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./help-icon-41R-Z9N1.js";import"./lodash-c4VUpsOs.js";import"./types-Dx2TtIG9.js";import"./enum-Bnn40S8Q.js";import"./extends-CF3RwP-h.js";import"./assertThisInitialized-B9jnkVVz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./text-B3-TSWok.js";import"./actions-Tr0wIZve.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__,ba={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 wa=["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,wa as __namedExportsOrder,ba 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-9ZnEm5Hy.js";import{I as c}from"./input-DTXbDJaL.js";import{B as i}from"./button-CzvLc2io.js";import{F as y}from"./flex-EllkLxgO.js";import{S as D}from"./select-BpALjE__.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-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-CEuq6vkz.js";import"./enum-Bnn40S8Q.js";import"./extends-CF3RwP-h.js";import"./assertThisInitialized-B9jnkVVz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./text-B3-TSWok.js";import"./actions-Tr0wIZve.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})]}),cr={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 mr=["Default","InputTrigger","CloseButton","Disabled","ExternalControl"];export{s as CloseButton,p as Default,t as Disabled,a as ExternalControl,o as InputTrigger,mr as __namedExportsOrder,cr as default};