@oliasoft-open-source/react-ui-library 4.10.9 → 4.10.10-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.
- package/dist/assets/{index-BpSdrNXy.css → index-BVDOZzNV.css} +34 -5
- package/dist/assets/{index-DoFa61ar.js → index-BxBkiGq9.js} +294 -270
- package/dist/global.css +12 -14
- package/dist/index.html +1 -1
- package/dist/index.js +158 -151
- package/dist/index.js.map +1 -1
- package/dist/storybook/assets/{Color-KGDBMAHA-D9VyF4cK.js → Color-KGDBMAHA-CctQ8zTI.js} +1 -1
- package/dist/storybook/assets/{DocsRenderer-PKQXORMH-CYuKUTbF.js → DocsRenderer-PKQXORMH-Zbe4Dzzy.js} +1 -1
- package/dist/storybook/assets/{accordion.stories-D9S9ORLd.js → accordion.stories-LYfONeFa.js} +1 -1
- package/dist/storybook/assets/{buttons-and-links-DfruPSyV.js → buttons-and-links-CFN44Cob.js} +1 -1
- package/dist/storybook/assets/{casing-loads.stories-DUHz4EdX.js → casing-loads.stories-wqdpuEvF.js} +1 -1
- package/dist/storybook/assets/{cell.stories-2C1czvip.js → cell.stories-Cs-CvVVa.js} +1 -1
- package/dist/storybook/assets/{chunk-HLWAVYOI-ZoIpU1iH.js → chunk-HLWAVYOI-BVQ7Qv4V.js} +1 -1
- package/dist/storybook/assets/{color-BwQzXJc5.js → color-gNoqTcFO.js} +1 -1
- package/dist/storybook/assets/{footer.stories-DVpVrdgL.js → footer.stories-CqmBCXaH.js} +1 -1
- package/dist/storybook/assets/{form.stories-BLcmnfy8.js → form.stories-DxVoyy_9.js} +1 -1
- package/dist/storybook/assets/{formation.stories-CD4drWac.js → formation.stories-DjCwvWjt.js} +1 -1
- package/dist/storybook/assets/{iframe-CDquVvKW.js → iframe-CGWaHu-t.js} +2 -2
- package/dist/storybook/assets/{index-Cvu1zkN1.js → index-bSCX8Crm.js} +88 -88
- package/dist/storybook/assets/{index-XuUjc2BF.js → index-unr6hIHm.js} +1 -1
- package/dist/storybook/assets/{input-validation-Begv-Xpy.js → input-validation-BnZeK9vy.js} +1 -1
- package/dist/storybook/assets/{inputs-7VLvHCt2.js → inputs-DrmDpBdS.js} +1 -1
- package/dist/storybook/assets/{layout-forms-DwRi5TNg.js → layout-forms-Cb1DHXbc.js} +1 -1
- package/dist/storybook/assets/{layout-general-DqH-tER5.js → layout-general-CJ3B_RMV.js} +1 -1
- package/dist/storybook/assets/{number-input-rquxgv7S.js → number-input-CJJvhIIv.js} +1 -1
- package/dist/storybook/assets/{number-input.stories-DREx0b9j.js → number-input.stories-CKVq60XH.js} +1 -1
- package/dist/storybook/assets/{number-input.test-case.stories-CZ51xHx6.js → number-input.test-case.stories-Dh1F7N8M.js} +1 -1
- package/dist/storybook/assets/{padding-and-spacing-DZmmSgAv.js → padding-and-spacing-CMQyKR3i.js} +1 -1
- package/dist/storybook/assets/{preview-DTtBEgd3.js → preview-Bh9xpkWX.js} +1 -1
- package/dist/storybook/assets/{preview-CbVvX5BE.js → preview-ClrW9kly.js} +2 -2
- package/dist/storybook/assets/{row.stories-tRNbcvyv.js → row.stories-CocH7P15.js} +1 -1
- package/dist/storybook/assets/{slider-C7vnj_3M.js → slider-FeTfWTXx.js} +3 -3
- package/dist/storybook/assets/{slider-DnRddBCy.css → slider-LRg-kjEJ.css} +1 -1
- package/dist/storybook/assets/slider.stories-CTTIERmo.js +125 -0
- package/dist/storybook/assets/{table-DJp2aQjj.js → table-DTe-5k91.js} +1 -1
- package/dist/storybook/assets/{table.stories-Dt24MxwG.js → table.stories-C41s0aQQ.js} +1 -1
- package/dist/storybook/assets/{title.stories-DP2HW8C4.js → title.stories-cJxIkKRU.js} +1 -1
- package/dist/storybook/assets/{unit-input-DGsG4pFx.js → unit-input-maDNevEK.js} +1 -1
- package/dist/storybook/assets/{unit-input.stories-CC3GDRAD.js → unit-input.stories-CZBOk2N9.js} +1 -1
- package/dist/storybook/assets/{unit-input.test-case.stories-B2XdqbNV.js → unit-input.test-case.stories-DQIpam5Y.js} +1 -1
- package/dist/storybook/assets/{unit-table.stories-D_Sz_uWD.js → unit-table.stories-fpuLLOXX.js} +1 -1
- package/dist/storybook/assets/{unit-table.test-case.stories-DqGH-8AQ.js → unit-table.test-case.stories-DWoJ6629.js} +1 -1
- package/dist/storybook/iframe.html +1 -1
- package/dist/storybook/index.json +1 -1
- package/dist/storybook/project.json +1 -1
- package/package.json +1 -1
- package/dist/404.html +0 -1
- package/dist/storybook/assets/slider.stories-BzBb3PkP.js +0 -171
|
@@ -1 +1 @@
|
|
|
1
|
-
{"generatedAt":
|
|
1
|
+
{"generatedAt":1724935681165,"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.8","storybookVersionSpecifier":"^8.2.4","language":"typescript","storybookPackages":{"@storybook/addon-essentials":{"version":"8.2.8"},"@storybook/addon-links":{"version":"8.2.8"},"@storybook/preview-api":{"version":"8.2.8"},"@storybook/react":{"version":"8.2.8"},"@storybook/react-vite":{"version":"8.2.8"},"@storybook/test":{"version":"8.2.8"},"@storybook/test-runner":{"version":"0.19.1"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"8.2.8"}},"addons":{"@storybook/addon-actions":{"version":"8.2.8"},"@storybook/addon-docs":{"version":"8.2.8"},"@storybook/addon-interactions":{"version":"8.2.8"},"storybook-dark-mode":{"version":"4.0.2"}}}
|
package/package.json
CHANGED
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-DoFa61ar.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-BpSdrNXy.css"></head><body><div id="content"></div></body>
|
|
@@ -1,171 +0,0 @@
|
|
|
1
|
-
import{j as n}from"./jsx-runtime-eps93zm2.js";import{S as A}from"./slider-C7vnj_3M.js";import{T as se}from"./text-B3-TSWok.js";import"./index-DhsZuJvc.js";import"./lodash-c4VUpsOs.js";import"./objectSpread2-DW4nTBoq.js";import"./index-Bk2sglWO.js";import"./inheritsLoose-DP0QEDDI.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./memoize-one.esm-CcMeOnPo.js";import"./index-BI4_Bp97.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./button-DHevvVBE.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./index-CEuq6vkz.js";const{useArgs:ae}=__STORYBOOK_MODULE_PREVIEW_API__,re=[{label:"S1...",tooltip:"S1 Production",value:20},{label:"S2...",tooltip:"S2 Cementing",value:40},{label:"S3...",tooltip:n.jsxs("span",{children:[n.jsx("strong",{children:"S3"})," Drilling"]}),value:60},{label:"S4...",tooltip:"S4 Shut in",value:80},{label:"S5...",tooltip:"S5 Circulate",value:100}],je={title:"Forms/Slider",component:A,args:{value:50,min:0,max:100,step:1,showTooltip:!1,label:""}},e=r=>{const[m,v]=ae(),b=x=>{v({value:x.target.value})};return n.jsx("div",{style:{paddingTop:40},children:n.jsx(A,{...r,onChange:b})})},h=e.bind({}),s=e.bind({});s.args={range:!0,value:[10,40]};const t=e.bind({});t.args={label:"Number of aardvarks"};const o=e.bind({});o.args={range:!0,value:[10,40],showArrows:!0};const l=r=>{const[{value:m},v]=ae(),b=x=>{v({value:x.target.value})};return n.jsx(n.Fragment,{children:n.jsx(A,{...r,label:n.jsxs("span",{children:["Fixed width label: ",n.jsx("strong",{children:m*Math.random()})]}),labelWidth:"400px",value:m,onChange:b})})},d=e.bind({});d.args={showTooltip:!0};const i=e.bind({});i.args={showTooltip:!0,tooltipFormatter:r=>n.jsx(se,{warning:!0,children:`${r} extra info lorem ipsum`})};const p=e.bind({});p.args={showArrows:!0};const g=e.bind({});g.args={marks:re};const a=e.bind({});a.args={small:!0};a.parameters={docs:{description:{story:"Reduces the vertical height of the `Slider` container to align with other `small` elements."}}};const u=e.bind({});u.args={disabled:!0};const c=e.bind({});c.args={marks:re,vertical:{enabled:!0,width:"100px",height:"400px"}};l.__docgenInfo={description:"",methods:[],displayName:"JSXLabel"};var S,C,y;h.parameters={...h.parameters,docs:{...(S=h.parameters)==null?void 0:S.docs,source:{originalSource:`args => {
|
|
2
|
-
const [_, updateArgs] = useArgs();
|
|
3
|
-
const handleChange = (evt: any) => {
|
|
4
|
-
updateArgs({
|
|
5
|
-
value: evt.target.value
|
|
6
|
-
});
|
|
7
|
-
};
|
|
8
|
-
return <div style={{
|
|
9
|
-
paddingTop: 40
|
|
10
|
-
}}>
|
|
11
|
-
<Slider
|
|
12
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
13
|
-
{...args} onChange={handleChange} />
|
|
14
|
-
</div>;
|
|
15
|
-
}`,...(y=(C=h.parameters)==null?void 0:C.docs)==null?void 0:y.source}}};var _,j,T;s.parameters={...s.parameters,docs:{...(_=s.parameters)==null?void 0:_.docs,source:{originalSource:`args => {
|
|
16
|
-
const [_, updateArgs] = useArgs();
|
|
17
|
-
const handleChange = (evt: any) => {
|
|
18
|
-
updateArgs({
|
|
19
|
-
value: evt.target.value
|
|
20
|
-
});
|
|
21
|
-
};
|
|
22
|
-
return <div style={{
|
|
23
|
-
paddingTop: 40
|
|
24
|
-
}}>
|
|
25
|
-
<Slider
|
|
26
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
27
|
-
{...args} onChange={handleChange} />
|
|
28
|
-
</div>;
|
|
29
|
-
}`,...(T=(j=s.parameters)==null?void 0:j.docs)==null?void 0:T.source}}};var w,f,R;t.parameters={...t.parameters,docs:{...(w=t.parameters)==null?void 0:w.docs,source:{originalSource:`args => {
|
|
30
|
-
const [_, updateArgs] = useArgs();
|
|
31
|
-
const handleChange = (evt: any) => {
|
|
32
|
-
updateArgs({
|
|
33
|
-
value: evt.target.value
|
|
34
|
-
});
|
|
35
|
-
};
|
|
36
|
-
return <div style={{
|
|
37
|
-
paddingTop: 40
|
|
38
|
-
}}>
|
|
39
|
-
<Slider
|
|
40
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
41
|
-
{...args} onChange={handleChange} />
|
|
42
|
-
</div>;
|
|
43
|
-
}`,...(R=(f=t.parameters)==null?void 0:f.docs)==null?void 0:R.source}}};var F,D,L;o.parameters={...o.parameters,docs:{...(F=o.parameters)==null?void 0:F.docs,source:{originalSource:`args => {
|
|
44
|
-
const [_, updateArgs] = useArgs();
|
|
45
|
-
const handleChange = (evt: any) => {
|
|
46
|
-
updateArgs({
|
|
47
|
-
value: evt.target.value
|
|
48
|
-
});
|
|
49
|
-
};
|
|
50
|
-
return <div style={{
|
|
51
|
-
paddingTop: 40
|
|
52
|
-
}}>
|
|
53
|
-
<Slider
|
|
54
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
55
|
-
{...args} onChange={handleChange} />
|
|
56
|
-
</div>;
|
|
57
|
-
}`,...(L=(D=o.parameters)==null?void 0:D.docs)==null?void 0:L.source}}};var E,M,O;l.parameters={...l.parameters,docs:{...(E=l.parameters)==null?void 0:E.docs,source:{originalSource:`args => {
|
|
58
|
-
const [{
|
|
59
|
-
value
|
|
60
|
-
}, updateArgs] = useArgs();
|
|
61
|
-
const handleChange = (evt: any) => {
|
|
62
|
-
updateArgs({
|
|
63
|
-
value: evt.target.value
|
|
64
|
-
});
|
|
65
|
-
};
|
|
66
|
-
return <>
|
|
67
|
-
<Slider
|
|
68
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
69
|
-
{...args} label={<span>
|
|
70
|
-
Fixed width label: <strong>{value * Math.random()}</strong>
|
|
71
|
-
</span>} labelWidth="400px" value={value} onChange={handleChange} />
|
|
72
|
-
</>;
|
|
73
|
-
}`,...(O=(M=l.parameters)==null?void 0:M.docs)==null?void 0:O.source}}};var W,k,I;d.parameters={...d.parameters,docs:{...(W=d.parameters)==null?void 0:W.docs,source:{originalSource:`args => {
|
|
74
|
-
const [_, updateArgs] = useArgs();
|
|
75
|
-
const handleChange = (evt: any) => {
|
|
76
|
-
updateArgs({
|
|
77
|
-
value: evt.target.value
|
|
78
|
-
});
|
|
79
|
-
};
|
|
80
|
-
return <div style={{
|
|
81
|
-
paddingTop: 40
|
|
82
|
-
}}>
|
|
83
|
-
<Slider
|
|
84
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
85
|
-
{...args} onChange={handleChange} />
|
|
86
|
-
</div>;
|
|
87
|
-
}`,...(I=(k=d.parameters)==null?void 0:k.docs)==null?void 0:I.source}}};var J,P,V;i.parameters={...i.parameters,docs:{...(J=i.parameters)==null?void 0:J.docs,source:{originalSource:`args => {
|
|
88
|
-
const [_, updateArgs] = useArgs();
|
|
89
|
-
const handleChange = (evt: any) => {
|
|
90
|
-
updateArgs({
|
|
91
|
-
value: evt.target.value
|
|
92
|
-
});
|
|
93
|
-
};
|
|
94
|
-
return <div style={{
|
|
95
|
-
paddingTop: 40
|
|
96
|
-
}}>
|
|
97
|
-
<Slider
|
|
98
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
99
|
-
{...args} onChange={handleChange} />
|
|
100
|
-
</div>;
|
|
101
|
-
}`,...(V=(P=i.parameters)==null?void 0:P.docs)==null?void 0:V.source}}};var X,N,B;p.parameters={...p.parameters,docs:{...(X=p.parameters)==null?void 0:X.docs,source:{originalSource:`args => {
|
|
102
|
-
const [_, updateArgs] = useArgs();
|
|
103
|
-
const handleChange = (evt: any) => {
|
|
104
|
-
updateArgs({
|
|
105
|
-
value: evt.target.value
|
|
106
|
-
});
|
|
107
|
-
};
|
|
108
|
-
return <div style={{
|
|
109
|
-
paddingTop: 40
|
|
110
|
-
}}>
|
|
111
|
-
<Slider
|
|
112
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
113
|
-
{...args} onChange={handleChange} />
|
|
114
|
-
</div>;
|
|
115
|
-
}`,...(B=(N=p.parameters)==null?void 0:N.docs)==null?void 0:B.source}}};var K,U,Y;g.parameters={...g.parameters,docs:{...(K=g.parameters)==null?void 0:K.docs,source:{originalSource:`args => {
|
|
116
|
-
const [_, updateArgs] = useArgs();
|
|
117
|
-
const handleChange = (evt: any) => {
|
|
118
|
-
updateArgs({
|
|
119
|
-
value: evt.target.value
|
|
120
|
-
});
|
|
121
|
-
};
|
|
122
|
-
return <div style={{
|
|
123
|
-
paddingTop: 40
|
|
124
|
-
}}>
|
|
125
|
-
<Slider
|
|
126
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
127
|
-
{...args} onChange={handleChange} />
|
|
128
|
-
</div>;
|
|
129
|
-
}`,...(Y=(U=g.parameters)==null?void 0:U.docs)==null?void 0:Y.source}}};var $,q,z;a.parameters={...a.parameters,docs:{...($=a.parameters)==null?void 0:$.docs,source:{originalSource:`args => {
|
|
130
|
-
const [_, updateArgs] = useArgs();
|
|
131
|
-
const handleChange = (evt: any) => {
|
|
132
|
-
updateArgs({
|
|
133
|
-
value: evt.target.value
|
|
134
|
-
});
|
|
135
|
-
};
|
|
136
|
-
return <div style={{
|
|
137
|
-
paddingTop: 40
|
|
138
|
-
}}>
|
|
139
|
-
<Slider
|
|
140
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
141
|
-
{...args} onChange={handleChange} />
|
|
142
|
-
</div>;
|
|
143
|
-
}`,...(z=(q=a.parameters)==null?void 0:q.docs)==null?void 0:z.source}}};var G,H,Q;u.parameters={...u.parameters,docs:{...(G=u.parameters)==null?void 0:G.docs,source:{originalSource:`args => {
|
|
144
|
-
const [_, updateArgs] = useArgs();
|
|
145
|
-
const handleChange = (evt: any) => {
|
|
146
|
-
updateArgs({
|
|
147
|
-
value: evt.target.value
|
|
148
|
-
});
|
|
149
|
-
};
|
|
150
|
-
return <div style={{
|
|
151
|
-
paddingTop: 40
|
|
152
|
-
}}>
|
|
153
|
-
<Slider
|
|
154
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
155
|
-
{...args} onChange={handleChange} />
|
|
156
|
-
</div>;
|
|
157
|
-
}`,...(Q=(H=u.parameters)==null?void 0:H.docs)==null?void 0:Q.source}}};var Z,ee,ne;c.parameters={...c.parameters,docs:{...(Z=c.parameters)==null?void 0:Z.docs,source:{originalSource:`args => {
|
|
158
|
-
const [_, updateArgs] = useArgs();
|
|
159
|
-
const handleChange = (evt: any) => {
|
|
160
|
-
updateArgs({
|
|
161
|
-
value: evt.target.value
|
|
162
|
-
});
|
|
163
|
-
};
|
|
164
|
-
return <div style={{
|
|
165
|
-
paddingTop: 40
|
|
166
|
-
}}>
|
|
167
|
-
<Slider
|
|
168
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
169
|
-
{...args} onChange={handleChange} />
|
|
170
|
-
</div>;
|
|
171
|
-
}`,...(ne=(ee=c.parameters)==null?void 0:ee.docs)==null?void 0:ne.source}}};const Te=["Default","Range","Label","RangeWithArrows","JSXLabel","Tooltip","FormattedTooltip","Arrows","Marks","Small","Disabled","Vertical"];export{p as Arrows,h as Default,u as Disabled,i as FormattedTooltip,l as JSXLabel,t as Label,g as Marks,s as Range,o as RangeWithArrows,a as Small,d as Tooltip,c as Vertical,Te as __namedExportsOrder,je as default};
|