@apexcura/ui-components 0.0.13-Beta25 → 0.0.13-Beta27
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/index.js +6 -9
- package/dist/index.mjs +12 -15
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -63,7 +63,7 @@ var TextElement = (props) => {
|
|
|
63
63
|
props.onChange(e.target.value);
|
|
64
64
|
}
|
|
65
65
|
};
|
|
66
|
-
return /* @__PURE__ */ import_react.default.createElement(
|
|
66
|
+
return /* @__PURE__ */ import_react.default.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ import_react.default.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ import_react.default.createElement(
|
|
67
67
|
import_antd.Input,
|
|
68
68
|
{
|
|
69
69
|
placeholder: props.placeholder,
|
|
@@ -101,12 +101,10 @@ var PasswordElement = (props) => {
|
|
|
101
101
|
}
|
|
102
102
|
};
|
|
103
103
|
const renderVisibilityIcon = (visible) => visible ? /* @__PURE__ */ import_react2.default.createElement(import_icons.EyeTwoTone, null) : /* @__PURE__ */ import_react2.default.createElement(import_icons.EyeInvisibleOutlined, null);
|
|
104
|
-
|
|
104
|
+
return /* @__PURE__ */ import_react2.default.createElement("div", { className: props.containerClassName }, /* @__PURE__ */ import_react2.default.createElement("label", { className: props.labelClassName }, props.label), /* @__PURE__ */ import_react2.default.createElement(
|
|
105
105
|
import_antd2.Input.Password,
|
|
106
106
|
{
|
|
107
107
|
placeholder: props.placeholder,
|
|
108
|
-
prefix: props.prefix,
|
|
109
|
-
addonBefore: props.addonBefore,
|
|
110
108
|
className: props.className,
|
|
111
109
|
type: props.type,
|
|
112
110
|
onChange: (e) => {
|
|
@@ -118,8 +116,7 @@ var PasswordElement = (props) => {
|
|
|
118
116
|
onVisibleChange: handleVisibilityToggle
|
|
119
117
|
}
|
|
120
118
|
}
|
|
121
|
-
);
|
|
122
|
-
return /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement("label", null, props.label), /* @__PURE__ */ import_react2.default.createElement(import_antd2.Space, null, renderPasswordInput()));
|
|
119
|
+
));
|
|
123
120
|
};
|
|
124
121
|
|
|
125
122
|
// src/Components/NumberElement.tsx
|
|
@@ -132,7 +129,7 @@ var NumberElement = (props) => {
|
|
|
132
129
|
props.onChange(newValue);
|
|
133
130
|
}
|
|
134
131
|
};
|
|
135
|
-
return /* @__PURE__ */ import_react3.default.createElement(
|
|
132
|
+
return /* @__PURE__ */ import_react3.default.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ import_react3.default.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ import_react3.default.createElement(
|
|
136
133
|
import_antd3.Input,
|
|
137
134
|
{
|
|
138
135
|
placeholder: props.placeholder,
|
|
@@ -151,7 +148,7 @@ var NumberElement = (props) => {
|
|
|
151
148
|
handleChange(e);
|
|
152
149
|
}
|
|
153
150
|
}
|
|
154
|
-
);
|
|
151
|
+
));
|
|
155
152
|
};
|
|
156
153
|
|
|
157
154
|
// src/Components/TextareaElement.tsx
|
|
@@ -164,7 +161,7 @@ var TextareaElement = (props) => {
|
|
|
164
161
|
props.onChange(e.target.value);
|
|
165
162
|
}
|
|
166
163
|
};
|
|
167
|
-
return /* @__PURE__ */ import_react4.default.createElement(
|
|
164
|
+
return /* @__PURE__ */ import_react4.default.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ import_react4.default.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ import_react4.default.createElement(
|
|
168
165
|
TextArea,
|
|
169
166
|
{
|
|
170
167
|
placeholder: props.placeholder,
|
package/dist/index.mjs
CHANGED
|
@@ -7,7 +7,7 @@ var TextElement = (props) => {
|
|
|
7
7
|
props.onChange(e.target.value);
|
|
8
8
|
}
|
|
9
9
|
};
|
|
10
|
-
return /* @__PURE__ */ React.createElement(
|
|
10
|
+
return /* @__PURE__ */ React.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ React.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ React.createElement(
|
|
11
11
|
AntInput,
|
|
12
12
|
{
|
|
13
13
|
placeholder: props.placeholder,
|
|
@@ -33,7 +33,7 @@ var TextElement = (props) => {
|
|
|
33
33
|
// src/Components/PasswordElement.tsx
|
|
34
34
|
import React2, { useState } from "react";
|
|
35
35
|
import { EyeInvisibleOutlined, EyeTwoTone } from "@ant-design/icons";
|
|
36
|
-
import { Input
|
|
36
|
+
import { Input } from "antd";
|
|
37
37
|
var PasswordElement = (props) => {
|
|
38
38
|
const [passwordVisible, setPasswordVisible] = useState(false);
|
|
39
39
|
const handleVisibilityToggle = () => {
|
|
@@ -45,12 +45,10 @@ var PasswordElement = (props) => {
|
|
|
45
45
|
}
|
|
46
46
|
};
|
|
47
47
|
const renderVisibilityIcon = (visible) => visible ? /* @__PURE__ */ React2.createElement(EyeTwoTone, null) : /* @__PURE__ */ React2.createElement(EyeInvisibleOutlined, null);
|
|
48
|
-
|
|
48
|
+
return /* @__PURE__ */ React2.createElement("div", { className: props.containerClassName }, /* @__PURE__ */ React2.createElement("label", { className: props.labelClassName }, props.label), /* @__PURE__ */ React2.createElement(
|
|
49
49
|
Input.Password,
|
|
50
50
|
{
|
|
51
51
|
placeholder: props.placeholder,
|
|
52
|
-
prefix: props.prefix,
|
|
53
|
-
addonBefore: props.addonBefore,
|
|
54
52
|
className: props.className,
|
|
55
53
|
type: props.type,
|
|
56
54
|
onChange: (e) => {
|
|
@@ -62,8 +60,7 @@ var PasswordElement = (props) => {
|
|
|
62
60
|
onVisibleChange: handleVisibilityToggle
|
|
63
61
|
}
|
|
64
62
|
}
|
|
65
|
-
);
|
|
66
|
-
return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("label", null, props.label), /* @__PURE__ */ React2.createElement(Space, null, renderPasswordInput()));
|
|
63
|
+
));
|
|
67
64
|
};
|
|
68
65
|
|
|
69
66
|
// src/Components/NumberElement.tsx
|
|
@@ -76,7 +73,7 @@ var NumberElement = (props) => {
|
|
|
76
73
|
props.onChange(newValue);
|
|
77
74
|
}
|
|
78
75
|
};
|
|
79
|
-
return /* @__PURE__ */ React3.createElement(
|
|
76
|
+
return /* @__PURE__ */ React3.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ React3.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ React3.createElement(
|
|
80
77
|
AntInput2,
|
|
81
78
|
{
|
|
82
79
|
placeholder: props.placeholder,
|
|
@@ -95,12 +92,12 @@ var NumberElement = (props) => {
|
|
|
95
92
|
handleChange(e);
|
|
96
93
|
}
|
|
97
94
|
}
|
|
98
|
-
);
|
|
95
|
+
));
|
|
99
96
|
};
|
|
100
97
|
|
|
101
98
|
// src/Components/TextareaElement.tsx
|
|
102
99
|
import React4 from "react";
|
|
103
|
-
import {
|
|
100
|
+
import { Input as Input2 } from "antd";
|
|
104
101
|
var { TextArea } = Input2;
|
|
105
102
|
var TextareaElement = (props) => {
|
|
106
103
|
const handleChange = (e) => {
|
|
@@ -108,7 +105,7 @@ var TextareaElement = (props) => {
|
|
|
108
105
|
props.onChange(e.target.value);
|
|
109
106
|
}
|
|
110
107
|
};
|
|
111
|
-
return /* @__PURE__ */ React4.createElement(
|
|
108
|
+
return /* @__PURE__ */ React4.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ React4.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ React4.createElement(
|
|
112
109
|
TextArea,
|
|
113
110
|
{
|
|
114
111
|
placeholder: props.placeholder,
|
|
@@ -761,7 +758,7 @@ var DatePickerElement = (props) => {
|
|
|
761
758
|
|
|
762
759
|
// src/Components/DateRangePickerElement.tsx
|
|
763
760
|
import React22 from "react";
|
|
764
|
-
import { DatePicker as DatePicker2, Space
|
|
761
|
+
import { DatePicker as DatePicker2, Space } from "antd";
|
|
765
762
|
import dayjs from "dayjs";
|
|
766
763
|
var DateRangePickerElement = (props) => {
|
|
767
764
|
const { RangePicker } = DatePicker2;
|
|
@@ -778,7 +775,7 @@ var DateRangePickerElement = (props) => {
|
|
|
778
775
|
{ label: "Last 30 Days", value: [dayjs().add(-30, "d"), dayjs()] },
|
|
779
776
|
{ label: "Last 90 Days", value: [dayjs().add(-90, "d"), dayjs()] }
|
|
780
777
|
];
|
|
781
|
-
return /* @__PURE__ */ React22.createElement(
|
|
778
|
+
return /* @__PURE__ */ React22.createElement(Space, { direction: "vertical", size: 12 }, /* @__PURE__ */ React22.createElement(RangePicker, { presets: rangePresets, onChange: handleChange }));
|
|
782
779
|
};
|
|
783
780
|
|
|
784
781
|
// src/Components/UploadElement.tsx
|
|
@@ -827,9 +824,9 @@ var SingleCheckbox = (props) => {
|
|
|
827
824
|
|
|
828
825
|
// src/Components/MultiSelect.tsx
|
|
829
826
|
import React26 from "react";
|
|
830
|
-
import { Select as Select4, Space as
|
|
827
|
+
import { Select as Select4, Space as Space2 } from "antd";
|
|
831
828
|
var MultiSelect = (props) => {
|
|
832
|
-
return /* @__PURE__ */ React26.createElement(
|
|
829
|
+
return /* @__PURE__ */ React26.createElement(Space2, null, /* @__PURE__ */ React26.createElement(Select4, { options: props.selectAfter }), /* @__PURE__ */ React26.createElement(Select4, { options: props.selectAfter }));
|
|
833
830
|
};
|
|
834
831
|
export {
|
|
835
832
|
AddMoreTable,
|