@oliasoft-open-source/react-ui-library 4.11.2 → 4.11.3-beta-1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/{index-BVCFmQTa.js → index-BMWyiwz3.js} +169 -145
- package/dist/assets/{index-BU9wzZv9.css → index-BaYhOc6M.css} +37 -5
- package/dist/global.css +12 -14
- package/dist/index.html +1 -1
- package/dist/index.js +23 -16
- package/dist/index.js.map +1 -1
- package/dist/storybook/assets/{Color-KGDBMAHA-DX793BVg.js → Color-KGDBMAHA-CVfcYPDh.js} +1 -1
- package/dist/storybook/assets/{DocsRenderer-PKQXORMH-CaajuS1x.js → DocsRenderer-PKQXORMH-1O1Zelxh.js} +1 -1
- package/dist/storybook/assets/{accordion.stories-BlHfHegj.js → accordion.stories-CrmHu75y.js} +1 -1
- package/dist/storybook/assets/{buttons-and-links-BBI2j2NQ.js → buttons-and-links-BvCZJvQD.js} +1 -1
- package/dist/storybook/assets/{casing-loads.stories-Cl2tJipP.js → casing-loads.stories-Buy0-e_n.js} +1 -1
- package/dist/storybook/assets/{cell.stories-rzJE_qJC.js → cell.stories-CPNfDo9l.js} +1 -1
- package/dist/storybook/assets/{chunk-HLWAVYOI-CMOqkjap.js → chunk-HLWAVYOI-Bu5L94Yn.js} +1 -1
- package/dist/storybook/assets/{color-ClSYef1s.js → color-D0thaFHZ.js} +1 -1
- package/dist/storybook/assets/{footer.stories-C6M5S0UZ.js → footer.stories-DniqHrTZ.js} +1 -1
- package/dist/storybook/assets/{form.stories-BNORsn6Z.js → form.stories-Cr5Pz40F.js} +1 -1
- package/dist/storybook/assets/{formation.stories-1WX1Nu1P.js → formation.stories-C4Kugh7C.js} +1 -1
- package/dist/storybook/assets/{iframe-DoiQVlDm.js → iframe-Cn4QVbiy.js} +2 -2
- package/dist/storybook/assets/{index-C7wMBNKk.js → index-CfBxZnsn.js} +1 -1
- package/dist/storybook/assets/{index-DR_rkfUM.js → index-Cx-3RPzA.js} +88 -88
- package/dist/storybook/assets/{input-validation-DP5gVriP.js → input-validation-C046WlGw.js} +1 -1
- package/dist/storybook/assets/{inputs-pjdW6Iyv.js → inputs-DIaRB9Nh.js} +1 -1
- package/dist/storybook/assets/{layout-forms-Bu6pFVA8.js → layout-forms-BREoLLKy.js} +1 -1
- package/dist/storybook/assets/{layout-general-B0LrW-Ux.js → layout-general-KLtje0tK.js} +1 -1
- package/dist/storybook/assets/{padding-and-spacing-Ro5zno4Z.js → padding-and-spacing-DuJmv7ET.js} +1 -1
- package/dist/storybook/assets/{preview-D81P9wUG.js → preview-C2U0eSUR.js} +2 -2
- package/dist/storybook/assets/{preview-DxVss8pC.js → preview-_lzSilWy.js} +1 -1
- package/dist/storybook/assets/{row.stories-DRvH8Grn.js → row.stories-jKh8Ms1e.js} +1 -1
- package/dist/storybook/assets/{slider-DnRddBCy.css → slider-DPdTVMP0.css} +1 -1
- package/dist/storybook/assets/{slider-CcpE4BLD.js → slider-DxaD8LU4.js} +4 -4
- package/dist/storybook/assets/slider.stories-DuGie_AX.js +134 -0
- package/dist/storybook/assets/{table-DoyDBG6l.js → table-BSABGfWm.js} +1 -1
- package/dist/storybook/assets/{table.stories-BgWKzIob.js → table.stories-CHwzAdud.js} +1 -1
- package/dist/storybook/assets/{title.stories-Rv6ZO_Wl.js → title.stories-D0VjujmM.js} +1 -1
- package/dist/storybook/assets/{unit-table.stories-CISvZMxX.js → unit-table.stories-DwZVHcZo.js} +1 -1
- package/dist/storybook/assets/{unit-table.test-case.stories-tEype9om.js → unit-table.test-case.stories-C9Swzooe.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-BqlRLY_C.js +0 -171
|
@@ -1 +1 @@
|
|
|
1
|
-
{"generatedAt":
|
|
1
|
+
{"generatedAt":1725522558601,"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-BVCFmQTa.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-BU9wzZv9.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-CcpE4BLD.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-Cbv7WK6k.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};
|