@devup-ui/components 0.1.5 → 0.1.6
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/components/Input/index.cjs +1 -1
- package/dist/components/Input/index.js +18 -18
- package/dist/components/Select/IconCheck.d.ts.map +1 -1
- package/dist/components/Select/index.d.ts +4 -1
- package/dist/components/Select/index.d.ts.map +1 -1
- package/dist/components/Stepper/index.cjs +1 -1
- package/dist/components/Stepper/index.d.ts +4 -2
- package/dist/components/Stepper/index.d.ts.map +1 -1
- package/dist/components/Stepper/index.js +19 -12
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("@devup-ui/react"),C=require("react");function S({defaultValue:n,value:
|
|
2
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("@devup-ui/react"),C=require("react");function S({defaultValue:n,value:F,onChange:a,typography:o,error:b=!1,errorMessage:x,allowClear:g=!0,icon:d,colors:t,disabled:u,className:B,classNames:r,ref:y,onClear:p,...D}){const[h,l]=C.useState(n||""),E=v=>{l(v.target.value),a==null||a(v)},j=()=>{l(""),p==null||p()},f=h&&!u&&g;return e.jsxs(i.Box,{className:r==null?void 0:r.container,display:"inline-block",pos:"relative",selectors:{"&, & *":{boxSizing:"border-box"}},children:[d&&e.jsx(i.Center,{"aria-label":"icon",boxSize:"24px",className:r==null?void 0:r.icon,color:u?"var(--inputDisabledText, light-dark(#D6D7DE, #373737))":"var(--iconBold, light-dark(#8D8C9A, #666577))",left:"12px",pos:"absolute",styleOrder:1,top:"50%",transform:"translateY(-50%)",children:d}),e.jsx(i.Input,{ref:y,_disabled:{_placeholder:{color:"var(--inputDisabledText, light-dark(#D6D7DE, #373737))"},bg:"var(--inputDisabledBg, light-dark(#F0F0F3, #414244))",border:"1px solid var(--border, light-dark(#E4E4E4, #434343))",color:"var(--inputDisabledText, light-dark(#D6D7DE, #373737))"},_focus:{bg:"var(--primaryBg, light-dark(#F4F3FA, #F4F3FA0D))",border:"1px solid var(--primary, light-dark(#674DC7, #8163E1))",outline:"none"},_hover:{border:"1px solid var(--primary, light-dark(#674DC7, #8163E1))"},_placeholder:{color:"var(--inputPlaceholder, light-dark(#A9A8AB, #CBCBCB))"},"aria-label":"input",bg:"var(--inputBg, light-dark(#FFFFFF, #2E2E2E))",borderColor:b?"var(--error, light-dark(#D52B2E, #FF5B5E))":"var(--border, light-dark(#E4E4E4, #434343))",borderRadius:"8px",borderStyle:"solid",borderWidth:"1px",className:`${B||""} ${(r==null?void 0:r.input)||""}`.trim(),disabled:u,onChange:E,pl:d?"36px":"12px",pr:g?"36px":"12px",py:"12px",styleOrder:1,styleVars:{primary:t==null?void 0:t.primary,error:t==null?void 0:t.error,text:t==null?void 0:t.text,base:t==null?void 0:t.base,iconBold:t==null?void 0:t.iconBold,border:t==null?void 0:t.border,inputBackground:t==null?void 0:t.inputBackground,primaryFocus:t==null?void 0:t.primaryFocus,negative20:t==null?void 0:t.negative20},transition:"all 0.1s ease-in-out",typography:o,value:F??h,...D}),f&&e.jsx(k,{onClick:j}),b&&x&&e.jsx(i.Text,{"aria-label":"error-message",bottom:"-8px",className:r==null?void 0:r.errorMessage,color:"var(--error, light-dark(#D52B2E, #FF5B5E))",left:"0",pos:"absolute",styleOrder:1,transform:"translateY(100%)",typography:"inputPlaceholder",children:x})]})}function k(n){return e.jsx(i.Button,{alignItems:"center","aria-label":"clear-button",bg:"var(--negative20, light-dark(#0003, #FFF6))",border:"none",borderRadius:"50%",boxSize:"20px",color:"var(--base, light-dark(#FFF, #000))",cursor:"pointer",display:"flex",justifyContent:"center",p:"2px",pos:"absolute",right:"12px",styleOrder:1,top:"50%",transform:"translateY(-50%)",...n,children:e.jsxs("svg",{fill:"none",height:"24",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M18 6L6 18",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2"}),e.jsx("path",{d:"M6 6L18 18",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2"})]})})}exports.ClearButton=k;exports.Input=S;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
2
|
+
import { jsxs as k, jsx as e } from "react/jsx-runtime";
|
|
3
3
|
import { Box as C, Center as m, Input as A, Text as L, Button as j } from "@devup-ui/react";
|
|
4
4
|
import { useState as w } from "react";
|
|
5
5
|
function T({
|
|
6
6
|
defaultValue: i,
|
|
7
|
-
value:
|
|
7
|
+
value: v,
|
|
8
8
|
onChange: n,
|
|
9
|
-
typography:
|
|
10
|
-
error:
|
|
11
|
-
errorMessage:
|
|
12
|
-
allowClear:
|
|
9
|
+
typography: F,
|
|
10
|
+
error: u = !1,
|
|
11
|
+
errorMessage: b,
|
|
12
|
+
allowClear: h = !0,
|
|
13
13
|
icon: a,
|
|
14
14
|
colors: t,
|
|
15
15
|
disabled: d,
|
|
@@ -19,12 +19,12 @@ function T({
|
|
|
19
19
|
onClear: p,
|
|
20
20
|
...y
|
|
21
21
|
}) {
|
|
22
|
-
const [
|
|
23
|
-
|
|
22
|
+
const [g, l] = w(i || ""), D = (x) => {
|
|
23
|
+
l(x.target.value), n == null || n(x);
|
|
24
24
|
}, E = () => {
|
|
25
|
-
|
|
26
|
-
}, f =
|
|
27
|
-
return /* @__PURE__ */
|
|
25
|
+
l(""), p == null || p();
|
|
26
|
+
}, f = g && !d && h;
|
|
27
|
+
return /* @__PURE__ */ k(
|
|
28
28
|
C,
|
|
29
29
|
{
|
|
30
30
|
className: r == null ? void 0 : r.container,
|
|
@@ -72,7 +72,7 @@ function T({
|
|
|
72
72
|
},
|
|
73
73
|
"aria-label": "input",
|
|
74
74
|
bg: "var(--inputBg, light-dark(#FFFFFF, #2E2E2E))",
|
|
75
|
-
borderColor:
|
|
75
|
+
borderColor: u ? "var(--error, light-dark(#D52B2E, #FF5B5E))" : "var(--border, light-dark(#E4E4E4, #434343))",
|
|
76
76
|
borderRadius: "8px",
|
|
77
77
|
borderStyle: "solid",
|
|
78
78
|
borderWidth: "1px",
|
|
@@ -80,7 +80,7 @@ function T({
|
|
|
80
80
|
disabled: d,
|
|
81
81
|
onChange: D,
|
|
82
82
|
pl: a ? "36px" : "12px",
|
|
83
|
-
pr:
|
|
83
|
+
pr: h ? "36px" : "12px",
|
|
84
84
|
py: "12px",
|
|
85
85
|
styleOrder: 1,
|
|
86
86
|
styleVars: {
|
|
@@ -95,13 +95,13 @@ function T({
|
|
|
95
95
|
negative20: t == null ? void 0 : t.negative20
|
|
96
96
|
},
|
|
97
97
|
transition: "all 0.1s ease-in-out",
|
|
98
|
-
typography:
|
|
99
|
-
value:
|
|
98
|
+
typography: F,
|
|
99
|
+
value: v ?? g,
|
|
100
100
|
...y
|
|
101
101
|
}
|
|
102
102
|
),
|
|
103
103
|
f && /* @__PURE__ */ e(S, { onClick: E }),
|
|
104
|
-
u && /* @__PURE__ */ e(
|
|
104
|
+
u && b && /* @__PURE__ */ e(
|
|
105
105
|
L,
|
|
106
106
|
{
|
|
107
107
|
"aria-label": "error-message",
|
|
@@ -113,7 +113,7 @@ function T({
|
|
|
113
113
|
styleOrder: 1,
|
|
114
114
|
transform: "translateY(100%)",
|
|
115
115
|
typography: "inputPlaceholder",
|
|
116
|
-
children:
|
|
116
|
+
children: b
|
|
117
117
|
}
|
|
118
118
|
)
|
|
119
119
|
]
|
|
@@ -141,7 +141,7 @@ function S(i) {
|
|
|
141
141
|
top: "50%",
|
|
142
142
|
transform: "translateY(-50%)",
|
|
143
143
|
...i,
|
|
144
|
-
children: /* @__PURE__ */
|
|
144
|
+
children: /* @__PURE__ */ k(
|
|
145
145
|
"svg",
|
|
146
146
|
{
|
|
147
147
|
fill: "none",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconCheck.d.ts","sourceRoot":"","sources":["../../../src/components/Select/IconCheck.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEtC,wBAAgB,SAAS,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"IconCheck.d.ts","sourceRoot":"","sources":["../../../src/components/Select/IconCheck.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEtC,wBAAgB,SAAS,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,2CAkB5D"}
|
|
@@ -23,6 +23,8 @@ interface SelectProps extends ComponentProps<'div'> {
|
|
|
23
23
|
primary?: string;
|
|
24
24
|
border?: string;
|
|
25
25
|
inputBackground?: string;
|
|
26
|
+
inputDisabledBackground?: string;
|
|
27
|
+
inputDisabledText?: string;
|
|
26
28
|
base10?: string;
|
|
27
29
|
title?: string;
|
|
28
30
|
selectDisabled?: string;
|
|
@@ -37,8 +39,9 @@ interface SelectTriggerProps extends ComponentProps<typeof Button> {
|
|
|
37
39
|
export declare function SelectTrigger({ className, children, asChild, ...props }: SelectTriggerProps): import("react/jsx-runtime").JSX.Element;
|
|
38
40
|
interface SelectContainerProps extends ComponentProps<'div'> {
|
|
39
41
|
showConfirmButton?: boolean;
|
|
42
|
+
confirmButtonText?: string;
|
|
40
43
|
}
|
|
41
|
-
export declare function SelectContainer({ children, showConfirmButton, ...props }: SelectContainerProps): import("react/jsx-runtime").JSX.Element | null;
|
|
44
|
+
export declare function SelectContainer({ children, showConfirmButton, confirmButtonText, ...props }: SelectContainerProps): import("react/jsx-runtime").JSX.Element | null;
|
|
42
45
|
interface SelectOptionProps extends Omit<ComponentProps<'div'>, 'onClick'> {
|
|
43
46
|
onClick?: (value: string | undefined, e?: React.MouseEvent<HTMLDivElement>) => void;
|
|
44
47
|
disabled?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,oBAAoB,EAAgB,MAAM,iBAAiB,CAAA;AAE9E,OAAO,EAEL,cAAc,EASf,MAAM,OAAO,CAAA;AAEd,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAGlC,KAAK,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAA;AAClD,KAAK,WAAW,CAAC,CAAC,SAAS,UAAU,IAAI,CAAC,SAAS,OAAO,GAAG,MAAM,GAAG,MAAM,EAAE,CAAA;AAU9E,eAAO,MAAM,SAAS;UAPd,OAAO;aACJ,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI;WACzB,WAAW,CAAC,UAAU,CAAC;cACpB,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;UAC3B,UAAU;CASjB,CAAA;AAED,UAAU,WAAY,SAAQ,cAAc,CAAC,KAAK,CAAC;IACjD,YAAY,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAA;IACtC,KAAK,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAA;IAC/B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EAAE,MAAM,CAAA;QAChB,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,eAAe,CAAC,EAAE,MAAM,CAAA;QACxB,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,cAAc,CAAC,EAAE,MAAM,CAAA;QACvB,SAAS,CAAC,EAAE,MAAM,CAAA;KACnB,CAAA;IACD,UAAU,CAAC,EAAE,MAAM,oBAAoB,CAAA;CACxC;AAED,wBAAgB,MAAM,CAAC,EACrB,IAAgB,EAChB,QAAQ,EACR,YAAY,EACZ,KAAK,EAAE,SAAS,EAChB,aAAa,EACb,WAAW,EACX,IAAI,EAAE,QAAQ,EACd,YAAY,EACZ,MAAM,EACN,UAAU,EACV,GAAG,KAAK,EACT,EAAE,WAAW,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
2
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react/jsx-runtime");require("@devup-ui/react");require("clsx");const n=require("react"),d=n.createContext(null);function q({children:a,defaultValue:i,value:s,onValueChange:e,min:t=0,max:r=100,type:o="input"}){const[c,l]=n.useState(i??0),p=v=>{const u=Math.min(Math.max(v,t),r);if(e){e(u);return}l(u)};return S.jsx(d.Provider,{value:{value:s??c,setValue:p,min:t,max:r,type:o},children:a})}exports.Stepper=q;
|
|
@@ -6,6 +6,7 @@ type StepperContextType = {
|
|
|
6
6
|
setValue: (value: number) => void;
|
|
7
7
|
min: number;
|
|
8
8
|
max: number;
|
|
9
|
+
type: 'input' | 'text';
|
|
9
10
|
};
|
|
10
11
|
export declare const useStepper: () => StepperContextType;
|
|
11
12
|
type StepperProps = {
|
|
@@ -15,14 +16,15 @@ type StepperProps = {
|
|
|
15
16
|
onValueChange?: (value: number) => void;
|
|
16
17
|
min?: number;
|
|
17
18
|
max?: number;
|
|
19
|
+
type?: 'input' | 'text';
|
|
18
20
|
};
|
|
19
|
-
declare function Stepper({ children, defaultValue, value: valueProp, onValueChange, min, max, }: StepperProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
declare function Stepper({ children, defaultValue, value: valueProp, onValueChange, min, max, type, }: StepperProps): import("react/jsx-runtime").JSX.Element;
|
|
20
22
|
declare function StepperContainer(props: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
21
23
|
declare function StepperDecreaseButton({ ...props }: ComponentProps<typeof Button>): import("react/jsx-runtime").JSX.Element;
|
|
22
24
|
declare function StepperIncreaseButton({ ...props }: ComponentProps<typeof Button>): import("react/jsx-runtime").JSX.Element;
|
|
23
25
|
interface StepperInputProps extends ComponentProps<typeof Input> {
|
|
24
26
|
editable?: boolean;
|
|
25
27
|
}
|
|
26
|
-
declare function StepperInput({
|
|
28
|
+
declare function StepperInput({ className, ...props }: StepperInputProps): import("react/jsx-runtime").JSX.Element;
|
|
27
29
|
export { Stepper, StepperContainer, StepperDecreaseButton, StepperIncreaseButton, StepperInput, };
|
|
28
30
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAuC,MAAM,OAAO,CAAA;AAE3E,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAIhC,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAuC,MAAM,OAAO,CAAA;AAE3E,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAIhC,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,OAAO,GAAG,MAAM,CAAA;CACvB,CAAA;AAID,eAAO,MAAM,UAAU,0BAMtB,CAAA;AAED,KAAK,YAAY,GAAG;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;CACxB,CAAA;AAED,iBAAS,OAAO,CAAC,EACf,QAAQ,EACR,YAAY,EACZ,KAAK,EAAE,SAAS,EAChB,aAAa,EACb,GAAO,EACP,GAAS,EACT,IAAc,GACf,EAAE,YAAY,2CAyBd;AAED,iBAAS,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,2CAErD;AAED,iBAAS,qBAAqB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,2CAwBzE;AAED,iBAAS,qBAAqB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,2CA2BzE;AAED,UAAU,iBAAkB,SAAQ,cAAc,CAAC,OAAO,KAAK,CAAC;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CA6C/D;AAED,OAAO,EACL,OAAO,EACP,gBAAgB,EAChB,qBAAqB,EACrB,qBAAqB,EACrB,YAAY,GACb,CAAA"}
|
|
@@ -1,33 +1,40 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
2
|
+
import { jsx as m } from "react/jsx-runtime";
|
|
3
3
|
import "@devup-ui/react";
|
|
4
4
|
import "clsx";
|
|
5
|
-
import { useState as
|
|
6
|
-
const
|
|
7
|
-
function
|
|
5
|
+
import { useState as v, createContext as f } from "react";
|
|
6
|
+
const x = f(null);
|
|
7
|
+
function M({
|
|
8
8
|
children: n,
|
|
9
9
|
defaultValue: a,
|
|
10
10
|
value: u,
|
|
11
11
|
onValueChange: t,
|
|
12
12
|
min: e = 0,
|
|
13
|
-
max: r = 100
|
|
13
|
+
max: r = 100,
|
|
14
|
+
type: i = "input"
|
|
14
15
|
}) {
|
|
15
|
-
const [
|
|
16
|
-
const o = Math.min(Math.max(
|
|
16
|
+
const [p, s] = v(a ?? 0), l = (c) => {
|
|
17
|
+
const o = Math.min(Math.max(c, e), r);
|
|
17
18
|
if (t) {
|
|
18
19
|
t(o);
|
|
19
20
|
return;
|
|
20
21
|
}
|
|
21
|
-
|
|
22
|
+
s(o);
|
|
22
23
|
};
|
|
23
|
-
return /* @__PURE__ */
|
|
24
|
-
|
|
24
|
+
return /* @__PURE__ */ m(
|
|
25
|
+
x.Provider,
|
|
25
26
|
{
|
|
26
|
-
value: {
|
|
27
|
+
value: {
|
|
28
|
+
value: u ?? p,
|
|
29
|
+
setValue: l,
|
|
30
|
+
min: e,
|
|
31
|
+
max: r,
|
|
32
|
+
type: i
|
|
33
|
+
},
|
|
27
34
|
children: n
|
|
28
35
|
}
|
|
29
36
|
);
|
|
30
37
|
}
|
|
31
38
|
export {
|
|
32
|
-
|
|
39
|
+
M as Stepper
|
|
33
40
|
};
|