1mpacto-react-ui 2.0.21 → 2.0.23
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/style.css +1 -1
- package/dist/components/Button/Button.config.cjs +1 -1
- package/dist/components/Button/Button.config.mjs +3 -1
- package/dist/components/Button/style.module.scss.cjs +1 -1
- package/dist/components/Button/style.module.scss.mjs +56 -54
- package/dist/components/Slider/Slider.cjs +1 -0
- package/dist/components/Slider/Slider.mjs +61 -0
- package/dist/components/Slider/style.module.scss.cjs +1 -0
- package/dist/components/Slider/style.module.scss.mjs +14 -0
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +48 -46
- package/dist/package.json.cjs +1 -1
- package/dist/package.json.d.ts +1 -1
- package/dist/package.json.mjs +1 -1
- package/dist/src/components/Button/Button.config.d.ts +2 -0
- package/dist/src/components/Slider/Slider.d.ts +3 -0
- package/dist/src/components/Slider/Slider.stories.d.ts +6 -0
- package/dist/src/components/index.d.ts +4 -2
- package/dist/src/interfaces/components/Button/index.d.ts +1 -1
- package/dist/src/interfaces/components/Chart/index.d.ts +1 -1
- package/dist/src/interfaces/components/Slider/index.d.ts +51 -0
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./style.module.scss.cjs"),l={size:{large:e.default["button-large"],reguler:e.default["button-reguler"],small:e.default["button-small"],"extra-small":e.default["button-extra-small"],l:e.default["button-l"],m:e.default["button-m"],s:e.default["button-s"],xs:e.default["button-xs"],"bill-l":e.default["button-bill-l"],"bill-m":e.default["button-bill-m"],"bill-s":e.default["button-bill-s"],"bill-xs":e.default["button-bill-xs"],"bill-xxs":e.default["button-bill-xxs"]},loadingSize:{large:"iru-size-6",reguler:"iru-size-5",small:"iru-size-5","extra-small":"iru-size-5",l:"iru-size-6",m:"iru-size-5",s:"iru-size-5",xs:"iru-size-5","bill-l":"iru-size-6","bill-m":"iru-size-5","bill-s":"iru-size-5","bill-xs":"iru-size-5","bill-xxs":"iru-size-5"},variants:{"primary-laba-blue-10":e.default["primary-laba-blue-10"],"primary-red-700-dsb_laba-grey-06":e.default["primary-red-700-dsb_laba-grey-06"],"primary-green-700-dsb_laba-grey-06":e.default["primary-green-700-dsb_laba-grey-06"],"ghost-laba-blue-10":e.default["ghost-laba-blue-10"],"ghost-red-700":e.default["ghost-red-700"],"ghost-green-700":e.default["ghost-green-700"],"ghost-laba-green-10":e.default["ghost-laba-green-10"],"nude-laba-blue-10":e.default["nude-laba-blue-10"],"nude-red-700":e.default["nude-red-700"],"nude-green-700":e.default["nude-green-700"],"nude-gray-500":e.default["nude-gray-500"],"primary-blue-700":e.default["primary-blue-700"],"secondary-blue-700":e.default["secondary-blue-700"],"tertiary-blue-700":e.default["tertiary-blue-700"],"ghost-blue-gray-100-bg_white":e.default["ghost-blue-gray-100-bg_white"],"ghost-blue-gray-100-bg_white-text_blue-gray-400":e.default["ghost-blue-gray-100-bg_white-text_blue-gray-400"],"ghost-laba-blue-05":e.default["ghost-laba-blue-05"],"secondary-red-600":e.default["secondary-red-600"],"tertiary-red-300":e.default["tertiary-red-300"],"tertiary-gray-500":e.default["tertiary-gray-500"],"tertiary-red-600":e.default["tertiary-red-600"],"tertiary-black":e.default["tertiary-black"],"secondary-green-600":e.default["secondary-green-600"],"nude-laba-red-10":e.default["nude-laba-red-10"],"nude-laba-red-05":e.default["nude-laba-red-05"],"primary-red-700":e.default["primary-red-700"],"nude-laba-red-08":e.default["nude-laba-red-08"],"ghost-laba-blue-01":e.default["ghost-laba-blue-01"],"filled-laba-white_laba-blue-10":e.default["filled-laba-white_laba-blue-10"],"filled-laba-white_laba-red-05":e.default["filled-laba-white_laba-red-05"],"secondary-red-700":e.default["secondary-red-700"],"primary-bill-primary-600":e.default["primary-bill-primary-600"],"secondary-bill-secondary-800":e.default["secondary-bill-secondary-800"],"tertiary-bill-secondary-800":e.default["tertiary-bill-secondary-800"],"primary-bill-red-700":e.default["primary-bill-red-700"],"filled-bill-blue-gray-500_bg-blue-gray-50":e.default["filled-bill-blue-gray-500_bg-blue-gray-50"],"filled-bill-secondary-800_bg-white":e.default["filled-bill-secondary-800_bg-white"]}};exports.configButton=l;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./style.module.scss.cjs"),l={size:{large:e.default["button-large"],reguler:e.default["button-reguler"],small:e.default["button-small"],"extra-small":e.default["button-extra-small"],l:e.default["button-l"],m:e.default["button-m"],s:e.default["button-s"],xs:e.default["button-xs"],"bill-l":e.default["button-bill-l"],"bill-m":e.default["button-bill-m"],"bill-s":e.default["button-bill-s"],"bill-xs":e.default["button-bill-xs"],"bill-xxs":e.default["button-bill-xxs"]},loadingSize:{large:"iru-size-6",reguler:"iru-size-5",small:"iru-size-5","extra-small":"iru-size-5",l:"iru-size-6",m:"iru-size-5",s:"iru-size-5",xs:"iru-size-5","bill-l":"iru-size-6","bill-m":"iru-size-5","bill-s":"iru-size-5","bill-xs":"iru-size-5","bill-xxs":"iru-size-5"},variants:{"primary-laba-blue-10":e.default["primary-laba-blue-10"],"primary-red-700-dsb_laba-grey-06":e.default["primary-red-700-dsb_laba-grey-06"],"primary-green-700-dsb_laba-grey-06":e.default["primary-green-700-dsb_laba-grey-06"],"ghost-laba-blue-10":e.default["ghost-laba-blue-10"],"ghost-red-700":e.default["ghost-red-700"],"ghost-green-700":e.default["ghost-green-700"],"ghost-laba-green-10":e.default["ghost-laba-green-10"],"nude-laba-blue-10":e.default["nude-laba-blue-10"],"nude-red-700":e.default["nude-red-700"],"nude-green-700":e.default["nude-green-700"],"nude-gray-500":e.default["nude-gray-500"],"primary-blue-700":e.default["primary-blue-700"],"secondary-blue-700":e.default["secondary-blue-700"],"tertiary-blue-700":e.default["tertiary-blue-700"],"ghost-blue-gray-100-bg_white":e.default["ghost-blue-gray-100-bg_white"],"ghost-blue-gray-100-bg_white-text_blue-gray-400":e.default["ghost-blue-gray-100-bg_white-text_blue-gray-400"],"ghost-laba-blue-05":e.default["ghost-laba-blue-05"],"secondary-red-600":e.default["secondary-red-600"],"tertiary-red-300":e.default["tertiary-red-300"],"tertiary-gray-500":e.default["tertiary-gray-500"],"tertiary-red-600":e.default["tertiary-red-600"],"tertiary-black":e.default["tertiary-black"],"secondary-green-600":e.default["secondary-green-600"],"nude-laba-red-10":e.default["nude-laba-red-10"],"nude-laba-red-05":e.default["nude-laba-red-05"],"primary-red-700":e.default["primary-red-700"],"nude-laba-red-08":e.default["nude-laba-red-08"],"ghost-laba-blue-01":e.default["ghost-laba-blue-01"],"filled-laba-white_laba-blue-10":e.default["filled-laba-white_laba-blue-10"],"filled-laba-white_laba-red-05":e.default["filled-laba-white_laba-red-05"],"secondary-red-700":e.default["secondary-red-700"],"primary-bill-primary-600":e.default["primary-bill-primary-600"],"secondary-bill-secondary-800":e.default["secondary-bill-secondary-800"],"tertiary-bill-secondary-800":e.default["tertiary-bill-secondary-800"],"primary-bill-red-700":e.default["primary-bill-red-700"],"filled-bill-blue-gray-500_bg-blue-gray-50":e.default["filled-bill-blue-gray-500_bg-blue-gray-50"],"filled-bill-secondary-800_bg-white":e.default["filled-bill-secondary-800_bg-white"],"primary-blue-gray-900-dsb_laba-grey-06":e.default["primary-blue-gray-900-dsb_laba-grey-06"],"filled-blue-gray-900":e.default["filled-blue-gray-900"]}};exports.configButton=l;
|
|
@@ -67,7 +67,9 @@ const r = {
|
|
|
67
67
|
"tertiary-bill-secondary-800": e["tertiary-bill-secondary-800"],
|
|
68
68
|
"primary-bill-red-700": e["primary-bill-red-700"],
|
|
69
69
|
"filled-bill-blue-gray-500_bg-blue-gray-50": e["filled-bill-blue-gray-500_bg-blue-gray-50"],
|
|
70
|
-
"filled-bill-secondary-800_bg-white": e["filled-bill-secondary-800_bg-white"]
|
|
70
|
+
"filled-bill-secondary-800_bg-white": e["filled-bill-secondary-800_bg-white"],
|
|
71
|
+
"primary-blue-gray-900-dsb_laba-grey-06": e["primary-blue-gray-900-dsb_laba-grey-06"],
|
|
72
|
+
"filled-blue-gray-900": e["filled-blue-gray-900"]
|
|
71
73
|
}
|
|
72
74
|
};
|
|
73
75
|
export {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r="_loading_11hyr_14",_={"button-bill-xxs":"_button-bill-xxs_11hyr_6","button-bill-xs":"_button-bill-xs_11hyr_6","button-bill-s":"_button-bill-s_11hyr_6","button-bill-m":"_button-bill-m_11hyr_6","button-bill-l":"_button-bill-l_11hyr_6","button-xs":"_button-xs_11hyr_6","button-s":"_button-s_11hyr_6","button-m":"_button-m_11hyr_6","button-l":"_button-l_11hyr_6","button-extra-small":"_button-extra-small_11hyr_6","button-small":"_button-small_11hyr_6","button-reguler":"_button-reguler_11hyr_6","button-large":"_button-large_11hyr_6",loading:r,"filled-blue-gray-900":"_filled-blue-gray-900_11hyr_29","primary-blue-gray-900-dsb_laba-grey-06":"_primary-blue-gray-900-dsb_laba-grey-06_11hyr_29","filled-bill-secondary-800_bg-white":"_filled-bill-secondary-800_bg-white_11hyr_29","filled-bill-blue-gray-500_bg-blue-gray-50":"_filled-bill-blue-gray-500_bg-blue-gray-50_11hyr_29","nude-laba-red-05":"_nude-laba-red-05_11hyr_29","nude-laba-red-08":"_nude-laba-red-08_11hyr_29","nude-laba-red-10":"_nude-laba-red-10_11hyr_29","nude-gray-500":"_nude-gray-500_11hyr_29","nude-green-700":"_nude-green-700_11hyr_29","nude-red-700":"_nude-red-700_11hyr_29","nude-laba-blue-10":"_nude-laba-blue-10_11hyr_29","ghost-blue-gray-100-bg_white-text_blue-gray-400":"_ghost-blue-gray-100-bg_white-text_blue-gray-400_11hyr_29","ghost-blue-gray-100-bg_white":"_ghost-blue-gray-100-bg_white_11hyr_29","ghost-laba-green-10":"_ghost-laba-green-10_11hyr_29","ghost-laba-blue-01":"_ghost-laba-blue-01_11hyr_29","ghost-laba-blue-05":"_ghost-laba-blue-05_11hyr_29","ghost-green-700":"_ghost-green-700_11hyr_29","ghost-red-700":"_ghost-red-700_11hyr_29","ghost-laba-blue-10":"_ghost-laba-blue-10_11hyr_29","filled-laba-white_laba-red-05":"_filled-laba-white_laba-red-05_11hyr_29","filled-laba-white_laba-blue-10":"_filled-laba-white_laba-blue-10_11hyr_29","primary-green-700-dsb_laba-grey-06":"_primary-green-700-dsb_laba-grey-06_11hyr_29","primary-red-700-dsb_laba-grey-06":"_primary-red-700-dsb_laba-grey-06_11hyr_29","primary-laba-blue-10":"_primary-laba-blue-10_11hyr_29","primary-bill-red-700":"_primary-bill-red-700_11hyr_29","tertiary-bill-secondary-800":"_tertiary-bill-secondary-800_11hyr_29","secondary-bill-secondary-800":"_secondary-bill-secondary-800_11hyr_29","primary-bill-primary-600":"_primary-bill-primary-600_11hyr_29","tertiary-black":"_tertiary-black_11hyr_29","tertiary-gray-500":"_tertiary-gray-500_11hyr_29","tertiary-red-600":"_tertiary-red-600_11hyr_29","tertiary-red-300":"_tertiary-red-300_11hyr_29","tertiary-blue-700":"_tertiary-blue-700_11hyr_29","secondary-green-600":"_secondary-green-600_11hyr_29","secondary-red-700":"_secondary-red-700_11hyr_29","secondary-red-600":"_secondary-red-600_11hyr_29","secondary-blue-700":"_secondary-blue-700_11hyr_29","primary-red-700":"_primary-red-700_11hyr_29","primary-blue-700":"_primary-blue-700_11hyr_29","icon-loading":"_icon-loading_11hyr_244"};exports.default=_;exports.loading=r;
|
|
@@ -1,58 +1,60 @@
|
|
|
1
|
-
const
|
|
2
|
-
"button-bill-xxs": "_button-bill-
|
|
3
|
-
"button-bill-xs": "_button-bill-
|
|
4
|
-
"button-bill-s": "_button-bill-
|
|
5
|
-
"button-bill-m": "_button-bill-
|
|
6
|
-
"button-bill-l": "_button-bill-
|
|
7
|
-
"button-xs": "_button-
|
|
8
|
-
"button-s": "_button-
|
|
9
|
-
"button-m": "_button-
|
|
10
|
-
"button-l": "_button-
|
|
11
|
-
"button-extra-small": "_button-extra-
|
|
12
|
-
"button-small": "_button-
|
|
13
|
-
"button-reguler": "_button-
|
|
14
|
-
"button-large": "_button-
|
|
15
|
-
loading:
|
|
16
|
-
"filled-
|
|
17
|
-
"
|
|
18
|
-
"
|
|
19
|
-
"
|
|
20
|
-
"nude-laba-red-
|
|
21
|
-
"nude-
|
|
22
|
-
"nude-
|
|
23
|
-
"nude-
|
|
24
|
-
"nude-
|
|
25
|
-
"
|
|
26
|
-
"
|
|
27
|
-
"ghost-
|
|
28
|
-
"ghost-
|
|
29
|
-
"ghost-laba-
|
|
30
|
-
"ghost-
|
|
31
|
-
"ghost-
|
|
32
|
-
"ghost-
|
|
33
|
-
"
|
|
34
|
-
"
|
|
35
|
-
"
|
|
36
|
-
"
|
|
37
|
-
"primary-
|
|
38
|
-
"primary-
|
|
39
|
-
"
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"
|
|
43
|
-
"
|
|
44
|
-
"tertiary-
|
|
45
|
-
"tertiary-
|
|
46
|
-
"tertiary-
|
|
47
|
-
"
|
|
48
|
-
"
|
|
49
|
-
"secondary-
|
|
50
|
-
"secondary-
|
|
51
|
-
"
|
|
52
|
-
"
|
|
53
|
-
"
|
|
1
|
+
const r = "_loading_11hyr_14", _ = {
|
|
2
|
+
"button-bill-xxs": "_button-bill-xxs_11hyr_6",
|
|
3
|
+
"button-bill-xs": "_button-bill-xs_11hyr_6",
|
|
4
|
+
"button-bill-s": "_button-bill-s_11hyr_6",
|
|
5
|
+
"button-bill-m": "_button-bill-m_11hyr_6",
|
|
6
|
+
"button-bill-l": "_button-bill-l_11hyr_6",
|
|
7
|
+
"button-xs": "_button-xs_11hyr_6",
|
|
8
|
+
"button-s": "_button-s_11hyr_6",
|
|
9
|
+
"button-m": "_button-m_11hyr_6",
|
|
10
|
+
"button-l": "_button-l_11hyr_6",
|
|
11
|
+
"button-extra-small": "_button-extra-small_11hyr_6",
|
|
12
|
+
"button-small": "_button-small_11hyr_6",
|
|
13
|
+
"button-reguler": "_button-reguler_11hyr_6",
|
|
14
|
+
"button-large": "_button-large_11hyr_6",
|
|
15
|
+
loading: r,
|
|
16
|
+
"filled-blue-gray-900": "_filled-blue-gray-900_11hyr_29",
|
|
17
|
+
"primary-blue-gray-900-dsb_laba-grey-06": "_primary-blue-gray-900-dsb_laba-grey-06_11hyr_29",
|
|
18
|
+
"filled-bill-secondary-800_bg-white": "_filled-bill-secondary-800_bg-white_11hyr_29",
|
|
19
|
+
"filled-bill-blue-gray-500_bg-blue-gray-50": "_filled-bill-blue-gray-500_bg-blue-gray-50_11hyr_29",
|
|
20
|
+
"nude-laba-red-05": "_nude-laba-red-05_11hyr_29",
|
|
21
|
+
"nude-laba-red-08": "_nude-laba-red-08_11hyr_29",
|
|
22
|
+
"nude-laba-red-10": "_nude-laba-red-10_11hyr_29",
|
|
23
|
+
"nude-gray-500": "_nude-gray-500_11hyr_29",
|
|
24
|
+
"nude-green-700": "_nude-green-700_11hyr_29",
|
|
25
|
+
"nude-red-700": "_nude-red-700_11hyr_29",
|
|
26
|
+
"nude-laba-blue-10": "_nude-laba-blue-10_11hyr_29",
|
|
27
|
+
"ghost-blue-gray-100-bg_white-text_blue-gray-400": "_ghost-blue-gray-100-bg_white-text_blue-gray-400_11hyr_29",
|
|
28
|
+
"ghost-blue-gray-100-bg_white": "_ghost-blue-gray-100-bg_white_11hyr_29",
|
|
29
|
+
"ghost-laba-green-10": "_ghost-laba-green-10_11hyr_29",
|
|
30
|
+
"ghost-laba-blue-01": "_ghost-laba-blue-01_11hyr_29",
|
|
31
|
+
"ghost-laba-blue-05": "_ghost-laba-blue-05_11hyr_29",
|
|
32
|
+
"ghost-green-700": "_ghost-green-700_11hyr_29",
|
|
33
|
+
"ghost-red-700": "_ghost-red-700_11hyr_29",
|
|
34
|
+
"ghost-laba-blue-10": "_ghost-laba-blue-10_11hyr_29",
|
|
35
|
+
"filled-laba-white_laba-red-05": "_filled-laba-white_laba-red-05_11hyr_29",
|
|
36
|
+
"filled-laba-white_laba-blue-10": "_filled-laba-white_laba-blue-10_11hyr_29",
|
|
37
|
+
"primary-green-700-dsb_laba-grey-06": "_primary-green-700-dsb_laba-grey-06_11hyr_29",
|
|
38
|
+
"primary-red-700-dsb_laba-grey-06": "_primary-red-700-dsb_laba-grey-06_11hyr_29",
|
|
39
|
+
"primary-laba-blue-10": "_primary-laba-blue-10_11hyr_29",
|
|
40
|
+
"primary-bill-red-700": "_primary-bill-red-700_11hyr_29",
|
|
41
|
+
"tertiary-bill-secondary-800": "_tertiary-bill-secondary-800_11hyr_29",
|
|
42
|
+
"secondary-bill-secondary-800": "_secondary-bill-secondary-800_11hyr_29",
|
|
43
|
+
"primary-bill-primary-600": "_primary-bill-primary-600_11hyr_29",
|
|
44
|
+
"tertiary-black": "_tertiary-black_11hyr_29",
|
|
45
|
+
"tertiary-gray-500": "_tertiary-gray-500_11hyr_29",
|
|
46
|
+
"tertiary-red-600": "_tertiary-red-600_11hyr_29",
|
|
47
|
+
"tertiary-red-300": "_tertiary-red-300_11hyr_29",
|
|
48
|
+
"tertiary-blue-700": "_tertiary-blue-700_11hyr_29",
|
|
49
|
+
"secondary-green-600": "_secondary-green-600_11hyr_29",
|
|
50
|
+
"secondary-red-700": "_secondary-red-700_11hyr_29",
|
|
51
|
+
"secondary-red-600": "_secondary-red-600_11hyr_29",
|
|
52
|
+
"secondary-blue-700": "_secondary-blue-700_11hyr_29",
|
|
53
|
+
"primary-red-700": "_primary-red-700_11hyr_29",
|
|
54
|
+
"primary-blue-700": "_primary-blue-700_11hyr_29",
|
|
55
|
+
"icon-loading": "_icon-loading_11hyr_244"
|
|
54
56
|
};
|
|
55
57
|
export {
|
|
56
58
|
_ as default,
|
|
57
|
-
|
|
59
|
+
r as loading
|
|
58
60
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),n=require("react"),r=require("./style.module.scss.cjs"),$=n.forwardRef((P,b)=>{const{min:s=0,max:u=10,value:e,onChange:i,className:p,disabled:l=!1,classNameThumb:N,classNameTrackFill:k,classNameTrack:w,...x}=P,d=n.useRef(null),[M,f]=n.useState(e??s),[h,g]=n.useState(!1),m=e??M,v=(m-s)/(u-s)*100,o=n.useCallback(t=>{if(!d.current)return m;const a=d.current.getBoundingClientRect(),R=Math.min(Math.max((t-a.left)/a.width,0),1);return Math.round(s+R*(u-s))},[s,u,m]),V=n.useCallback(t=>{if(l)return;t.preventDefault(),t.target.setPointerCapture(t.pointerId),g(!0);const a=o(t.clientX);e===void 0&&f(a),i?.(a)},[l,e,o,i]),j=n.useCallback(t=>{if(!h||l)return;const a=o(t.clientX);e===void 0&&f(a),i?.(a)},[h,l,e,o,i]),C=()=>{g(!1)};return n.useEffect(()=>{e!==void 0&&f(e)},[e]),c.jsx("div",{ref:b,className:`${r.default.slider} ${l?r.default.disabled:""} ${p??""}`,...x,children:c.jsxs("div",{ref:d,className:`${r.default.track} ${w??""}`,onPointerDown:V,onPointerMove:j,onPointerUp:C,children:[c.jsx("div",{className:`${r.default["track-fill"]} ${k??""}`,style:{width:`${v}%`}}),c.jsx("div",{className:`${r.default.thumb} ${N??""}`,style:{left:`${v}%`}})]})})});$.displayName="Slider";exports.default=$;
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import { jsx as f, jsxs as R } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as I, useRef as S, useState as v, useCallback as m, useEffect as T } from "react";
|
|
3
|
+
import s from "./style.module.scss.mjs";
|
|
4
|
+
const j = I(($, N) => {
|
|
5
|
+
const {
|
|
6
|
+
min: r = 0,
|
|
7
|
+
max: i = 10,
|
|
8
|
+
value: e,
|
|
9
|
+
onChange: l,
|
|
10
|
+
className: P,
|
|
11
|
+
disabled: a = !1,
|
|
12
|
+
classNameThumb: w,
|
|
13
|
+
classNameTrackFill: V,
|
|
14
|
+
classNameTrack: k,
|
|
15
|
+
...b
|
|
16
|
+
} = $, c = S(null), [x, d] = v(e ?? r), [h, p] = v(!1), u = e ?? x, g = (u - r) / (i - r) * 100, o = m(
|
|
17
|
+
(t) => {
|
|
18
|
+
if (!c.current) return u;
|
|
19
|
+
const n = c.current.getBoundingClientRect(), C = Math.min(Math.max((t - n.left) / n.width, 0), 1);
|
|
20
|
+
return Math.round(r + C * (i - r));
|
|
21
|
+
},
|
|
22
|
+
[r, i, u]
|
|
23
|
+
), D = m(
|
|
24
|
+
(t) => {
|
|
25
|
+
if (a) return;
|
|
26
|
+
t.preventDefault(), t.target.setPointerCapture(t.pointerId), p(!0);
|
|
27
|
+
const n = o(t.clientX);
|
|
28
|
+
e === void 0 && d(n), l?.(n);
|
|
29
|
+
},
|
|
30
|
+
[a, e, o, l]
|
|
31
|
+
), M = m(
|
|
32
|
+
(t) => {
|
|
33
|
+
if (!h || a) return;
|
|
34
|
+
const n = o(t.clientX);
|
|
35
|
+
e === void 0 && d(n), l?.(n);
|
|
36
|
+
},
|
|
37
|
+
[h, a, e, o, l]
|
|
38
|
+
), y = () => {
|
|
39
|
+
p(!1);
|
|
40
|
+
};
|
|
41
|
+
return T(() => {
|
|
42
|
+
e !== void 0 && d(e);
|
|
43
|
+
}, [e]), /* @__PURE__ */ f("div", { ref: N, className: `${s.slider} ${a ? s.disabled : ""} ${P ?? ""}`, ...b, children: /* @__PURE__ */ R(
|
|
44
|
+
"div",
|
|
45
|
+
{
|
|
46
|
+
ref: c,
|
|
47
|
+
className: `${s.track} ${k ?? ""}`,
|
|
48
|
+
onPointerDown: D,
|
|
49
|
+
onPointerMove: M,
|
|
50
|
+
onPointerUp: y,
|
|
51
|
+
children: [
|
|
52
|
+
/* @__PURE__ */ f("div", { className: `${s["track-fill"]} ${V ?? ""}`, style: { width: `${g}%` } }),
|
|
53
|
+
/* @__PURE__ */ f("div", { className: `${s.thumb} ${w ?? ""}`, style: { left: `${g}%` } })
|
|
54
|
+
]
|
|
55
|
+
}
|
|
56
|
+
) });
|
|
57
|
+
});
|
|
58
|
+
j.displayName = "Slider";
|
|
59
|
+
export {
|
|
60
|
+
j as default
|
|
61
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r="_slider_nvr4r_1",t="_disabled_nvr4r_7",e="_track_nvr4r_13",l="_thumb_nvr4r_32",s={slider:r,disabled:t,track:e,"track-fill":"_track-fill_nvr4r_22",thumb:l};exports.default=s;exports.disabled=t;exports.slider=r;exports.thumb=l;exports.track=e;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
const r = "_slider_nvr4r_1", t = "_disabled_nvr4r_7", _ = "_track_nvr4r_13", s = "_thumb_nvr4r_32", l = {
|
|
2
|
+
slider: r,
|
|
3
|
+
disabled: t,
|
|
4
|
+
track: _,
|
|
5
|
+
"track-fill": "_track-fill_nvr4r_22",
|
|
6
|
+
thumb: s
|
|
7
|
+
};
|
|
8
|
+
export {
|
|
9
|
+
l as default,
|
|
10
|
+
t as disabled,
|
|
11
|
+
r as slider,
|
|
12
|
+
s as thumb,
|
|
13
|
+
_ as track
|
|
14
|
+
};
|
package/dist/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./utils/common.cjs"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./utils/common.cjs"),l=require("./utils/formatBigNumber.cjs"),d=require("./utils/cookies.cjs"),m=require("./components/Alert/index.cjs"),t=require("./utils/yup.cjs"),c=require("./config/bigNumber/index.cjs"),n=require("./utils/axiosBigNumber.cjs"),b=require("./config/tailwind/colors.cjs"),g=require("./config/tailwind/screen.cjs"),p=require("./config/tailwind/nativeScreen.cjs"),q=require("./components/TPublish/TPublish.cjs"),T=require("./components/Button/Button.cjs"),C=require("./components/Popover/Popover.cjs"),y=require("./components/Calendar/Calendar.cjs"),B=require("./components/Calendar/CalendarRange.cjs"),h=require("./components/DatePicker/DatePicker.cjs"),D=require("./components/DatePicker/DateRangePicker.cjs"),N=require("./components/DatePicker/FilterDate.cjs"),O=require("./components/Input/InputFloatingInner.cjs"),S=require("./components/Input/InputReguler.cjs"),P=require("./components/Pagination/Pagination.cjs"),I=require("./components/Tabs/Tabs.cjs"),x=require("./components/Tabs/TabPanel.cjs"),M=require("./components/Table/Table.cjs"),R=require("./components/Virtualization/TableVirtualization.cjs"),v=require("./components/Virtualization/ListVirtualization.cjs"),A=require("./components/SelectDropdownContainer/SelectDropdownContainer.cjs"),F=require("./components/Switch/Switch.cjs"),L=require("./components/ButtonIcon/ButtonIcon.cjs"),E=require("./components/Badges/Badges.cjs"),k=require("./components/Chips/Chips.cjs"),u=require("./components/RadioCheckbox/RadioCheckbox.cjs"),j=require("./components/RadioCheckbox/RadioCheckboxLabel.cjs"),w=require("./components/Breadcrumbs/Breadcrumbs.cjs"),V=require("./components/Sidebar/Sidebar.cjs"),z=require("./components/Collapse/Collapse.cjs"),K=require("./components/Modal/ModalDialog.cjs"),U=require("./components/Timeline/Timeline.cjs"),G=require("./components/FilterContainer/FilterContainer.cjs"),_=require("./components/NumberFormat/NumberFormat.cjs"),H=require("./components/PortalComponent/PortalComponent.cjs"),J=require("./components/Upload/UploadFile.cjs"),Q=require("./components/TruncateComponent/TruncateComponent.cjs"),W=require("./components/Upload/UploadImage.cjs"),Y=require("./components/Textarea/Textarea.cjs"),Z=require("./components/Chart/DoughnutChart.cjs"),$=require("./components/DatePicker/MonthYearPicker.cjs"),X=require("./components/RadioCheckbox/CheckboxTable.cjs"),ee=require("./components/Input/InputNative.cjs"),re=require("./components/Upload/UploadMultipleFile.cjs"),te=require("./components/ErrorMessage/ErrorMessage.cjs"),ae=require("./components/Textarea/TextareaFloatingInner.cjs"),oe=require("./components/Step/Step.cjs"),ne=require("./components/Chart/LineChart.cjs"),ue=require("./components/Tooltip/Tooltip.cjs"),ie=require("./components/ButtonPopover/ButtonPopover.cjs"),se=require("./components/Chart/GradientLineChart.cjs"),le=require("./components/Chart/GradientBarChart.cjs"),ce=require("./components/Chart/PieChart.cjs"),fe=require("./components/Step/StepIndicator.cjs"),de=require("./components/TextEditor/TextEditor.cjs"),me=require("./components/Collapse/CollapseV2.cjs"),be=require("./components/Table/TableSubMobile.cjs"),ge=require("./components/TimeRange/TimeRange.cjs"),pe=require("./components/Textarea/TextareaInnerLabel.cjs"),qe=require("./components/Input/InputInnerLabel.cjs"),Te=require("./components/Text/Text.cjs"),Ce=require("./components/Slider/Slider.cjs"),ye=require("./hooks/useElementOrWindowMediaQuery.cjs"),Be=require("./hooks/useCountdown.cjs"),he=require("./hooks/useAsyncDebounce.cjs"),De=require("./hooks/useCombinedResizeObserver.cjs"),Ne=require("./hooks/useStateRef.cjs"),Oe=require("./hooks/useMasonry.cjs"),Se=require("./hooks/useOtpInput.cjs"),Pe=require("./hooks/usePacked.cjs"),Ie=require("./hooks/useDebounce.cjs"),xe=require("bignumber.js"),i=require("./config/tailwind/typography.cjs"),Me=require("@tanstack/react-table"),Re=require("react-select"),ve=require("react-number-format"),Ae=require("./components/Table/Table.config.cjs"),Fe=require("react-toastify"),f=require("./hooks/useDeepCompareEffect.cjs"),Le=require("./hooks/useMergeRefs.cjs"),Ee=require("./hooks/useEventListener.cjs");function ke(r){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const a in r)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(r,a);Object.defineProperty(o,a,s.get?s:{enumerable:!0,get:()=>r[a]})}}return o.default=r,Object.freeze(o)}const je=ke(Me);exports.deepCompareEquals=e.deepCompareEquals;exports.deepMerge=e.deepMerge;exports.deleteKeysImmutable=e.deleteKeysImmutable;exports.deleteKeysMutable=e.deleteKeysMutable;exports.encryptRSAOAEP=e.encryptRSAOAEP;exports.extractElementStringToOriginalValue=e.extractElementStringToOriginalValue;exports.formatDate=e.formatDate;exports.formatDateRange=e.formatDateRange;exports.formatNumber=e.formatNumber;exports.groupByKey=e.groupByKey;exports.isAccurateBigNumber=e.isAccurateBigNumber;exports.isAccurateNumber=e.isAccurateNumber;exports.isObject=e.isObject;exports.parseBigDecimal=e.parseBigDecimal;exports.parseDecimal=e.parseDecimal;exports.parseFileName=e.parseFileName;exports.removeKeyObjectEmptyValue=e.removeKeyObjectEmptyValue;exports.setDigit=e.setDigit;exports.transformArrayMapping=e.transformArrayMapping;exports.transformArrayMappingObjectFC=e.transformArrayMappingObjectFC;exports.transformArrayOfObjectToArray=e.transformArrayOfObjectToArray;exports.transformArrayOfObjectToString=e.transformArrayOfObjectToString;exports.transformBigNumber=e.transformBigNumber;exports.transformBigNumberOpt=e.transformBigNumberOpt;exports.transformDataHistory=e.transformDataHistory;exports.transformLatLong=e.transformLatLong;exports.transformNumber=e.transformNumber;exports.transformSecondTime=e.transformSecondTime;exports.transfromIsNan=e.transfromIsNan;exports.formatBigNumber=l.formatBigNumber;exports.removeTrailingZeros=l.removeTrailingZeros;exports.cookieStorage=d.default;exports.openAlert=m.openAlert;exports.betweenBig=t.betweenBig;exports.lessThanBig=t.lessThanBig;exports.maxBig=t.maxBig;exports.minBig=t.minBig;exports.moreThanBig=t.moreThanBig;exports.BigNumber=c.BigNumber;exports.defaultConfig=c.defaultConfig;exports.convertBigNumbersToStrings=n.convertBigNumbersToStrings;exports.convertNumbersToBigNumbers=n.convertNumbersToBigNumbers;exports.convertTextToJsonBigNumbers=n.convertTextToJsonBigNumbers;exports.ConfigColors=b.default;exports.configScreens=g.default;exports.configNativeScreens=p.default;exports.TPublish=q.default;exports.Button=T.default;exports.Popover=C.default;exports.Calendar=y.default;exports.CalendarRange=B.default;exports.DatePicker=h.default;exports.DateRangePicker=D.default;exports.FilterDate=N.default;exports.InputFloatingInner=O.default;exports.InputReguler=S.default;exports.Pagination=P.default;exports.Tabs=I.default;exports.TabPanel=x.default;exports.Table=M.default;exports.TableVirtualization=R.default;exports.ListVirtualization=v.default;exports.SelectDropdownContainer=A.default;exports.Switch=F.default;exports.ButtonIcon=L.default;exports.Badges=E.default;exports.Chips=k.default;exports.DefaultCheckedChecboxIcon=u.DefaultCheckedChecboxIcon;exports.DefaultRadioChecboxIcon=u.DefaultRadioChecboxIcon;exports.RadioCheckbox=u.default;exports.RadioCheckboxLabel=j.default;exports.Breadcrumbs=w.default;exports.Sidebar=V.default;exports.Collapse=z.default;exports.ModalDialog=K.default;exports.Timeline=U.default;exports.FilterContainer=G.default;exports.NumberFormat=_.default;exports.PortalComponent=H.default;exports.UploadFile=J.default;exports.TruncateComponent=Q.default;exports.UploadImage=W.default;exports.Textarea=Y.default;exports.DoughnutChart=Z.default;exports.MonthYearPicker=$.default;exports.CheckboxTable=X.default;exports.InputNative=ee.default;exports.UploadMultipleFile=re.default;exports.ErrorMessage=te.default;exports.TextareaFloatingInner=ae.default;exports.Step=oe.default;exports.LineChart=ne.default;exports.Tooltip=ue.default;exports.ButtonPopover=ie.default;exports.GradientLineChart=se.default;exports.GradientBarChart=le.default;exports.PieChart=ce.default;exports.StepIndicator=fe.default;exports.TextEditor=de.default;exports.CollapseV2=me.default;exports.TableSubComponent=be.default;exports.TimeRange=ge.default;exports.TextareaInnerLabel=pe.default;exports.InputInnerLabel=qe.default;exports.Text=Te.default;exports.Slider=Ce.default;exports.useElementOrWindowMediaQuery=ye.default;exports.useCountdown=Be.default;exports.useAsyncDebounce=he.default;exports.useCombinedResizeObserver=De.default;exports.useStateRef=Ne.default;exports.useMasonry=Oe.default;exports.useOtpInput=Se.useOtpInput;exports.usePacked=Pe.default;exports.useDebounce=Ie.default;exports.TypeBigNumber=xe;exports.configTypography=i.default;exports.configTypographyLabaBisnis=i.configTypographyLabaBisnis;exports.configTypographyPayhere=i.configTypographyPayhere;exports.utilTable=je;Object.defineProperty(exports,"SelectDropdownContainerComponents",{enumerable:!0,get:()=>Re.components});Object.defineProperty(exports,"PatternFormat",{enumerable:!0,get:()=>ve.PatternFormat});exports.ConfigTable=Ae.ConfigTable;Object.defineProperty(exports,"AlertContainer",{enumerable:!0,get:()=>Fe.ToastContainer});exports.useDeepCompareEffect=f.useDeepCompareEffect;exports.useDeepCompareMemoize=f.useDeepCompareMemoize;exports.useMergeRefs=Le.useMergeRefs;exports.useEventListener=Ee.useEventListener;
|
package/dist/index.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { deepCompareEquals as a, deepMerge as t, deleteKeysImmutable as f, deleteKeysMutable as m, encryptRSAOAEP as s, extractElementStringToOriginalValue as p, formatDate as l, formatDateRange as u, formatNumber as n, groupByKey as d, isAccurateBigNumber as i, isAccurateNumber as x, isObject as g, parseBigDecimal as c, parseDecimal as b, parseFileName as C, removeKeyObjectEmptyValue as T, setDigit as y, transformArrayMapping as B, transformArrayMappingObjectFC as h, transformArrayOfObjectToArray as D, transformArrayOfObjectToString as N, transformBigNumber as
|
|
1
|
+
import { deepCompareEquals as a, deepMerge as t, deleteKeysImmutable as f, deleteKeysMutable as m, encryptRSAOAEP as s, extractElementStringToOriginalValue as p, formatDate as l, formatDateRange as u, formatNumber as n, groupByKey as d, isAccurateBigNumber as i, isAccurateNumber as x, isObject as g, parseBigDecimal as c, parseDecimal as b, parseFileName as C, removeKeyObjectEmptyValue as T, setDigit as y, transformArrayMapping as B, transformArrayMappingObjectFC as h, transformArrayOfObjectToArray as D, transformArrayOfObjectToString as N, transformBigNumber as S, transformBigNumberOpt as I, transformDataHistory as P, transformLatLong as O, transformNumber as A, transformSecondTime as M, transfromIsNan as R } from "./utils/common.mjs";
|
|
2
2
|
import { formatBigNumber as F, removeTrailingZeros as L } from "./utils/formatBigNumber.mjs";
|
|
3
3
|
import { default as E } from "./utils/cookies.mjs";
|
|
4
4
|
import { openAlert as j } from "./components/Alert/index.mjs";
|
|
@@ -18,7 +18,7 @@ import { default as be } from "./components/DatePicker/DateRangePicker.mjs";
|
|
|
18
18
|
import { default as Te } from "./components/DatePicker/FilterDate.mjs";
|
|
19
19
|
import { default as Be } from "./components/Input/InputFloatingInner.mjs";
|
|
20
20
|
import { default as De } from "./components/Input/InputReguler.mjs";
|
|
21
|
-
import { default as
|
|
21
|
+
import { default as Se } from "./components/Pagination/Pagination.mjs";
|
|
22
22
|
import { default as Pe } from "./components/Tabs/Tabs.mjs";
|
|
23
23
|
import { default as Ae } from "./components/Tabs/TabPanel.mjs";
|
|
24
24
|
import { default as Re } from "./components/Table/Table.mjs";
|
|
@@ -44,7 +44,7 @@ import { default as br } from "./components/TruncateComponent/TruncateComponent.
|
|
|
44
44
|
import { default as Tr } from "./components/Upload/UploadImage.mjs";
|
|
45
45
|
import { default as Br } from "./components/Textarea/Textarea.mjs";
|
|
46
46
|
import { default as Dr } from "./components/Chart/DoughnutChart.mjs";
|
|
47
|
-
import { default as
|
|
47
|
+
import { default as Sr } from "./components/DatePicker/MonthYearPicker.mjs";
|
|
48
48
|
import { default as Pr } from "./components/RadioCheckbox/CheckboxTable.mjs";
|
|
49
49
|
import { default as Ar } from "./components/Input/InputNative.mjs";
|
|
50
50
|
import { default as Rr } from "./components/Upload/UploadMultipleFile.mjs";
|
|
@@ -65,27 +65,28 @@ import { default as fo } from "./components/TimeRange/TimeRange.mjs";
|
|
|
65
65
|
import { default as so } from "./components/Textarea/TextareaInnerLabel.mjs";
|
|
66
66
|
import { default as lo } from "./components/Input/InputInnerLabel.mjs";
|
|
67
67
|
import { default as no } from "./components/Text/Text.mjs";
|
|
68
|
-
import { default as xo } from "./
|
|
69
|
-
import { default as co } from "./hooks/
|
|
70
|
-
import { default as Co } from "./hooks/
|
|
71
|
-
import { default as yo } from "./hooks/
|
|
72
|
-
import { default as ho } from "./hooks/
|
|
73
|
-
import { default as No } from "./hooks/
|
|
74
|
-
import {
|
|
75
|
-
import {
|
|
76
|
-
import { default as Mo } from "./hooks/
|
|
77
|
-
import { default as vo } from "
|
|
78
|
-
import { default as Lo
|
|
68
|
+
import { default as xo } from "./components/Slider/Slider.mjs";
|
|
69
|
+
import { default as co } from "./hooks/useElementOrWindowMediaQuery.mjs";
|
|
70
|
+
import { default as Co } from "./hooks/useCountdown.mjs";
|
|
71
|
+
import { default as yo } from "./hooks/useAsyncDebounce.mjs";
|
|
72
|
+
import { default as ho } from "./hooks/useCombinedResizeObserver.mjs";
|
|
73
|
+
import { default as No } from "./hooks/useStateRef.mjs";
|
|
74
|
+
import { default as Io } from "./hooks/useMasonry.mjs";
|
|
75
|
+
import { useOtpInput as Oo } from "./hooks/useOtpInput.mjs";
|
|
76
|
+
import { default as Mo } from "./hooks/usePacked.mjs";
|
|
77
|
+
import { default as vo } from "./hooks/useDebounce.mjs";
|
|
78
|
+
import { default as Lo } from "bignumber.js";
|
|
79
|
+
import { default as Eo, configTypographyLabaBisnis as wo, configTypographyPayhere as jo } from "./config/tailwind/typography.mjs";
|
|
79
80
|
import * as e from "@tanstack/react-table";
|
|
80
|
-
import { components as
|
|
81
|
-
import { PatternFormat as
|
|
82
|
-
import { ConfigTable as
|
|
83
|
-
import { ToastContainer as
|
|
84
|
-
import { useDeepCompareEffect as
|
|
85
|
-
import { useMergeRefs as
|
|
86
|
-
import { useEventListener as
|
|
81
|
+
import { components as zo } from "react-select";
|
|
82
|
+
import { PatternFormat as Uo } from "react-number-format";
|
|
83
|
+
import { ConfigTable as qo } from "./components/Table/Table.config.mjs";
|
|
84
|
+
import { ToastContainer as Jo } from "react-toastify";
|
|
85
|
+
import { useDeepCompareEffect as Wo, useDeepCompareMemoize as Yo } from "./hooks/useDeepCompareEffect.mjs";
|
|
86
|
+
import { useMergeRefs as Xo } from "./hooks/useMergeRefs.mjs";
|
|
87
|
+
import { useEventListener as $o } from "./hooks/useEventListener.mjs";
|
|
87
88
|
export {
|
|
88
|
-
|
|
89
|
+
Jo as AlertContainer,
|
|
89
90
|
Ge as Badges,
|
|
90
91
|
J as BigNumber,
|
|
91
92
|
$e as Breadcrumbs,
|
|
@@ -99,7 +100,7 @@ export {
|
|
|
99
100
|
ar as Collapse,
|
|
100
101
|
ro as CollapseV2,
|
|
101
102
|
$ as ConfigColors,
|
|
102
|
-
|
|
103
|
+
qo as ConfigTable,
|
|
103
104
|
ge as DatePicker,
|
|
104
105
|
be as DateRangePicker,
|
|
105
106
|
Qe as DefaultCheckedChecboxIcon,
|
|
@@ -117,18 +118,19 @@ export {
|
|
|
117
118
|
Vr as LineChart,
|
|
118
119
|
ke as ListVirtualization,
|
|
119
120
|
fr as ModalDialog,
|
|
120
|
-
|
|
121
|
+
Sr as MonthYearPicker,
|
|
121
122
|
nr as NumberFormat,
|
|
122
|
-
|
|
123
|
-
|
|
123
|
+
Se as Pagination,
|
|
124
|
+
Uo as PatternFormat,
|
|
124
125
|
Yr as PieChart,
|
|
125
126
|
le as Popover,
|
|
126
127
|
ir as PortalComponent,
|
|
127
128
|
Ye as RadioCheckbox,
|
|
128
129
|
Xe as RadioCheckboxLabel,
|
|
129
130
|
we as SelectDropdownContainer,
|
|
130
|
-
|
|
131
|
+
zo as SelectDropdownContainerComponents,
|
|
131
132
|
rr as Sidebar,
|
|
133
|
+
xo as Slider,
|
|
132
134
|
wr as Step,
|
|
133
135
|
Xr as StepIndicator,
|
|
134
136
|
Ve as Switch,
|
|
@@ -147,16 +149,16 @@ export {
|
|
|
147
149
|
sr as Timeline,
|
|
148
150
|
Kr as Tooltip,
|
|
149
151
|
br as TruncateComponent,
|
|
150
|
-
|
|
152
|
+
Lo as TypeBigNumber,
|
|
151
153
|
gr as UploadFile,
|
|
152
154
|
Tr as UploadImage,
|
|
153
155
|
Rr as UploadMultipleFile,
|
|
154
156
|
z as betweenBig,
|
|
155
157
|
ae as configNativeScreens,
|
|
156
158
|
re as configScreens,
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
159
|
+
Eo as configTypography,
|
|
160
|
+
wo as configTypographyLabaBisnis,
|
|
161
|
+
jo as configTypographyPayhere,
|
|
160
162
|
Y as convertBigNumbersToStrings,
|
|
161
163
|
Z as convertNumbersToBigNumbers,
|
|
162
164
|
X as convertTextToJsonBigNumbers,
|
|
@@ -191,25 +193,25 @@ export {
|
|
|
191
193
|
h as transformArrayMappingObjectFC,
|
|
192
194
|
D as transformArrayOfObjectToArray,
|
|
193
195
|
N as transformArrayOfObjectToString,
|
|
194
|
-
|
|
195
|
-
|
|
196
|
+
S as transformBigNumber,
|
|
197
|
+
I as transformBigNumberOpt,
|
|
196
198
|
P as transformDataHistory,
|
|
197
199
|
O as transformLatLong,
|
|
198
200
|
A as transformNumber,
|
|
199
201
|
M as transformSecondTime,
|
|
200
202
|
R as transfromIsNan,
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
203
|
+
yo as useAsyncDebounce,
|
|
204
|
+
ho as useCombinedResizeObserver,
|
|
205
|
+
Co as useCountdown,
|
|
206
|
+
vo as useDebounce,
|
|
207
|
+
Wo as useDeepCompareEffect,
|
|
208
|
+
Yo as useDeepCompareMemoize,
|
|
209
|
+
co as useElementOrWindowMediaQuery,
|
|
210
|
+
$o as useEventListener,
|
|
211
|
+
Io as useMasonry,
|
|
212
|
+
Xo as useMergeRefs,
|
|
213
|
+
Oo as useOtpInput,
|
|
214
|
+
Mo as usePacked,
|
|
215
|
+
No as useStateRef,
|
|
214
216
|
e as utilTable
|
|
215
217
|
};
|
package/dist/package.json.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="2.0.
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="2.0.23",o={version:e};exports.default=o;exports.version=e;
|
package/dist/package.json.d.ts
CHANGED
package/dist/package.json.mjs
CHANGED
|
@@ -67,6 +67,8 @@ export declare const configButton: {
|
|
|
67
67
|
'primary-bill-red-700': string;
|
|
68
68
|
'filled-bill-blue-gray-500_bg-blue-gray-50': string;
|
|
69
69
|
'filled-bill-secondary-800_bg-white': string;
|
|
70
|
+
'primary-blue-gray-900-dsb_laba-grey-06': string;
|
|
71
|
+
'filled-blue-gray-900': string;
|
|
70
72
|
};
|
|
71
73
|
};
|
|
72
74
|
export declare const keysConfigButtonVariant: string[];
|
|
@@ -79,11 +79,13 @@ import { ITextEditorProps } from '../interfaces/components/TextEditor';
|
|
|
79
79
|
import { default as CollapseV2 } from './Collapse/CollapseV2';
|
|
80
80
|
import { default as TimeRange } from './TimeRange/TimeRange';
|
|
81
81
|
import { ITimeRangeListTime, ITimeRange, TTimeRangeValue } from '../interfaces/components/TimeRange';
|
|
82
|
+
import { ISlider } from '../interfaces/components/Slider';
|
|
82
83
|
import { default as TextareaInnerLabel } from './Textarea/TextareaInnerLabel';
|
|
83
84
|
import { default as InputInnerLabel } from './Input/InputInnerLabel';
|
|
84
85
|
import { default as Text } from './Text/Text';
|
|
86
|
+
import { default as Slider } from './Slider/Slider';
|
|
85
87
|
import * as utilTable from '@tanstack/react-table';
|
|
86
88
|
import type * as SelectDropdownContainerType from 'react-select';
|
|
87
89
|
import type * as FilterContainerType from '../interfaces/components/FilterContainer';
|
|
88
|
-
export { TPublish, Button, Popover, Calendar, CalendarRange, DatePicker, DateRangePicker, FilterDate, InputFloatingInner, InputReguler, Pagination, Tabs, TabPanel, Table, TableVirtualization, ListVirtualization, SelectDropdownContainer, utilTable, Switch, ButtonIcon, Badges, Chips, RadioCheckbox, RadioCheckboxLabel, Breadcrumbs, Sidebar, Collapse, ModalDialog, SelectDropdownContainerComponents, Timeline, FilterContainer, NumberFormat, PatternFormat, DefaultCheckedChecboxIcon, DefaultRadioChecboxIcon, ConfigTable, PortalComponent, AlertContainer, UploadFile, TruncateComponent, UploadImage, Textarea, DoughnutChart, MonthYearPicker, CheckboxTable, InputNative, UploadMultipleFile, ErrorMessage, TextareaFloatingInner, Step, LineChart, Tooltip, ButtonPopover, GradientLineChart, GradientBarChart, PieChart, StepIndicator, TextEditor, CollapseV2, TableSubComponent, TimeRange, TextareaInnerLabel, InputInnerLabel, Text, };
|
|
89
|
-
export type { ITableColumnDef, IRefPopover, IRefTableVirtualization, IRefListVirtualization, IRefSelectDropdownContainer, IChildrenSelectDropdownContainer, ISidebarModule, SelectDropdownContainerType, FilterContainerType, IInputReguler, IInputFloatingInner, ITableConfig, TButtonVariants, TButtonSize, ITabsList, TTypeEventTabs, ITextarea, IListVirtualization, ITableVirtualization, IRefSidebar, IChildrenIconCompany, ICloneElementSidebar, IDataDoughnutChart, IDataInnerLabelDoughnutChart, ISelectDropdownContainer, IDatePicker, IPopover, IInputNative, IUploadMultipleFileValue, IDataStepList, IDataLineChart, IChips, IRefButtonPopover, TGradientLineChartCustomTooltip, IGradientLineChart, IGradientLineChartDataSet, IGradientLineChartData, TGradientBarChartCustomTooltip, IGradientBarChart, IGradientBarChartDataSet, IGradientBarChartData, IFilterDateButtonList, TKeyFilterDateButtonListType, IDataGradientBarChartCustomTooltip, IDataGradientLineChartCustomTooltip, IPieChart, IPieChartDataSet, IPieChartData, TPieChartCustomTooltip, IDataPieChartCustomTooltip, IPieChartThreshold, ITextEditorProps, ICollapse, ITableColumnBreakpoint, TTableRenderSubComponent, TTableHandlerRowClick, TKeyLocale, ITimeRangeListTime, ITimeRange, TTimeRangeValue, IButton, TButtonIconVariants, TButtonIconSize, IButtonIcon, ISidebar, };
|
|
90
|
+
export { TPublish, Button, Popover, Calendar, CalendarRange, DatePicker, DateRangePicker, FilterDate, InputFloatingInner, InputReguler, Pagination, Tabs, TabPanel, Table, TableVirtualization, ListVirtualization, SelectDropdownContainer, utilTable, Switch, ButtonIcon, Badges, Chips, RadioCheckbox, RadioCheckboxLabel, Breadcrumbs, Sidebar, Collapse, ModalDialog, SelectDropdownContainerComponents, Timeline, FilterContainer, NumberFormat, PatternFormat, DefaultCheckedChecboxIcon, DefaultRadioChecboxIcon, ConfigTable, PortalComponent, AlertContainer, UploadFile, TruncateComponent, UploadImage, Textarea, DoughnutChart, MonthYearPicker, CheckboxTable, InputNative, UploadMultipleFile, ErrorMessage, TextareaFloatingInner, Step, LineChart, Tooltip, ButtonPopover, GradientLineChart, GradientBarChart, PieChart, StepIndicator, TextEditor, CollapseV2, TableSubComponent, TimeRange, TextareaInnerLabel, InputInnerLabel, Text, Slider, };
|
|
91
|
+
export type { ITableColumnDef, IRefPopover, IRefTableVirtualization, IRefListVirtualization, IRefSelectDropdownContainer, IChildrenSelectDropdownContainer, ISidebarModule, SelectDropdownContainerType, FilterContainerType, IInputReguler, IInputFloatingInner, ITableConfig, TButtonVariants, TButtonSize, ITabsList, TTypeEventTabs, ITextarea, IListVirtualization, ITableVirtualization, IRefSidebar, IChildrenIconCompany, ICloneElementSidebar, IDataDoughnutChart, IDataInnerLabelDoughnutChart, ISelectDropdownContainer, IDatePicker, IPopover, IInputNative, IUploadMultipleFileValue, IDataStepList, IDataLineChart, IChips, IRefButtonPopover, TGradientLineChartCustomTooltip, IGradientLineChart, IGradientLineChartDataSet, IGradientLineChartData, TGradientBarChartCustomTooltip, IGradientBarChart, IGradientBarChartDataSet, IGradientBarChartData, IFilterDateButtonList, TKeyFilterDateButtonListType, IDataGradientBarChartCustomTooltip, IDataGradientLineChartCustomTooltip, IPieChart, IPieChartDataSet, IPieChartData, TPieChartCustomTooltip, IDataPieChartCustomTooltip, IPieChartThreshold, ITextEditorProps, ICollapse, ITableColumnBreakpoint, TTableRenderSubComponent, TTableHandlerRowClick, TKeyLocale, ITimeRangeListTime, ITimeRange, TTimeRangeValue, IButton, TButtonIconVariants, TButtonIconSize, IButtonIcon, ISidebar, ISlider, };
|
|
@@ -3,7 +3,7 @@ import { ReactNode } from 'react';
|
|
|
3
3
|
* [ID] : Tipe varian tombol yang tersedia.
|
|
4
4
|
* [EN] : Available button variant types.
|
|
5
5
|
*/
|
|
6
|
-
export type TButtonVariants = 'primary-laba-blue-10' | 'primary-red-700-dsb_laba-grey-06' | 'primary-green-700-dsb_laba-grey-06' | 'ghost-laba-blue-10' | 'ghost-red-700' | 'ghost-green-700' | 'ghost-blue-gray-100-bg_white' | 'ghost-laba-green-10' | 'ghost-blue-gray-100-bg_white-text_blue-gray-400' | 'ghost-laba-blue-05' | 'nude-laba-blue-10' | 'nude-red-700' | 'nude-green-700' | 'nude-gray-500' | 'nude-laba-red-10' | 'nude-laba-red-08' | 'nude-laba-red-05' | 'primary-blue-700' | 'primary-red-700' | 'secondary-blue-700' | 'secondary-red-600' | 'secondary-green-600' | 'tertiary-blue-700' | 'tertiary-red-300' | 'tertiary-red-600' | 'tertiary-gray-500' | 'ghost-laba-blue-01' | 'filled-laba-white_laba-blue-10' | 'filled-laba-white_laba-red-05' | 'secondary-red-700' | 'tertiary-black' | 'primary-bill-primary-600' | 'secondary-bill-secondary-800' | 'tertiary-bill-secondary-800' | 'primary-bill-red-700' | 'filled-bill-blue-gray-500_bg-blue-gray-50' | 'filled-bill-secondary-800_bg-white';
|
|
6
|
+
export type TButtonVariants = 'primary-laba-blue-10' | 'primary-red-700-dsb_laba-grey-06' | 'primary-green-700-dsb_laba-grey-06' | 'ghost-laba-blue-10' | 'ghost-red-700' | 'ghost-green-700' | 'ghost-blue-gray-100-bg_white' | 'ghost-laba-green-10' | 'ghost-blue-gray-100-bg_white-text_blue-gray-400' | 'ghost-laba-blue-05' | 'nude-laba-blue-10' | 'nude-red-700' | 'nude-green-700' | 'nude-gray-500' | 'nude-laba-red-10' | 'nude-laba-red-08' | 'nude-laba-red-05' | 'primary-blue-700' | 'primary-red-700' | 'secondary-blue-700' | 'secondary-red-600' | 'secondary-green-600' | 'tertiary-blue-700' | 'tertiary-red-300' | 'tertiary-red-600' | 'tertiary-gray-500' | 'ghost-laba-blue-01' | 'filled-laba-white_laba-blue-10' | 'filled-laba-white_laba-red-05' | 'secondary-red-700' | 'tertiary-black' | 'primary-bill-primary-600' | 'secondary-bill-secondary-800' | 'tertiary-bill-secondary-800' | 'primary-bill-red-700' | 'filled-bill-blue-gray-500_bg-blue-gray-50' | 'filled-bill-secondary-800_bg-white' | 'primary-blue-gray-900-dsb_laba-grey-06' | 'filled-blue-gray-900';
|
|
7
7
|
/**
|
|
8
8
|
* [ID] : Tipe ukuran tombol.
|
|
9
9
|
* [EN] : Button size type.
|
|
@@ -696,7 +696,7 @@ export interface IPieChartDataSet extends ChartDataset<'pie'> {
|
|
|
696
696
|
* [ID] : background untuk slice pie chart
|
|
697
697
|
* [EN] : background for slice pie chart
|
|
698
698
|
*/
|
|
699
|
-
backgroundColor
|
|
699
|
+
backgroundColor?: string[];
|
|
700
700
|
}
|
|
701
701
|
/**
|
|
702
702
|
* [ID] : Interface untuk data grafik pie menggunakan format ChartData standar.
|