fictoan-react 1.0.0-alpha.2 → 1.0.0-alpha.5
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/Element/Tags.cjs +1 -0
- package/dist/components/Element/Tags.d.ts +11 -0
- package/dist/components/Element/Tags.js +28 -0
- package/dist/components/Element/index.cjs +1 -1
- package/dist/components/Element/index.d.ts +1 -0
- package/dist/components/Element/index.js +11 -1
- package/dist/components/Form/BaseInputComponent/BaseInputComponent.cjs +1 -1
- package/dist/components/Form/BaseInputComponent/BaseInputComponent.js +2 -2
- package/dist/components/Form/{CheckBox/CheckBox.cjs → Checkbox/Checkbox.cjs} +1 -1
- package/dist/components/Form/{CheckBox/CheckBox.d.ts → Checkbox/Checkbox.d.ts} +1 -1
- package/dist/components/Form/{CheckBox/CheckBox.js → Checkbox/Checkbox.js} +1 -1
- package/dist/components/Form/Checkbox/Checkbox.stories.d.ts +6 -0
- package/dist/components/Form/{FormWrapper/FormWrapper.cjs → Form/Form.cjs} +1 -1
- package/dist/components/Form/Form/Form.d.ts +12 -0
- package/dist/components/Form/Form/Form.js +53 -0
- package/dist/components/Form/{FormWrapper/FormWrapper.stories.d.ts → Form/Form.stories.d.ts} +3 -3
- package/dist/components/Form/{FormWrapper → Form}/FormGenerator.cjs +1 -1
- package/dist/components/Form/{FormWrapper → Form}/FormGenerator.js +10 -10
- package/dist/components/Form/FormItemGroup/FormItemGroup.d.ts +2 -2
- package/dist/components/Form/InputField/InputField.cjs +1 -1
- package/dist/components/Form/InputField/InputField.js +1 -1
- package/dist/components/Form/PinInputField/PinInputField.cjs +1 -0
- package/dist/components/Form/PinInputField/PinInputField.d.ts +19 -0
- package/dist/components/Form/PinInputField/PinInputField.js +237 -0
- package/dist/components/Form/PinInputField/PinInputField.stories.d.ts +6 -0
- package/dist/components/Form/PinInputField/index.cjs +1 -0
- package/dist/components/Form/PinInputField/index.d.ts +1 -0
- package/dist/components/Form/PinInputField/index.js +11 -0
- package/dist/components/Form/RadioButton/SlidingSelector.cjs +1 -1
- package/dist/components/Form/RadioButton/SlidingSelector.d.ts +2 -3
- package/dist/components/Form/RadioButton/SlidingSelector.js +30 -24
- package/dist/components/Form/RadioButton/SlidingSelector.stories.d.ts +6 -0
- package/dist/components/Form/Select/Select.cjs +1 -1
- package/dist/components/Form/Select/Select.d.ts +10 -2
- package/dist/components/Form/Select/Select.js +23 -20
- package/dist/components/Form/index.cjs +1 -1
- package/dist/components/Form/index.d.ts +8 -7
- package/dist/components/Form/index.js +13 -12
- package/dist/components/ProgressBar/ProgressBar.cjs +1 -1
- package/dist/components/ProgressBar/ProgressBar.d.ts +2 -2
- package/dist/components/ProgressBar/ProgressBar.js +3 -3
- package/dist/components/index.cjs +1 -1
- package/dist/components/index.d.ts +2 -2
- package/dist/components/index.js +22 -11
- package/dist/index.cjs +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.js +25 -12
- package/package.json +1 -1
- package/dist/components/Form/CheckBox/CheckBox.stories.d.ts +0 -6
- package/dist/components/Form/FormWrapper/FormWrapper.d.ts +0 -12
- package/dist/components/Form/FormWrapper/FormWrapper.js +0 -53
- package/dist/sliding-selector-k52RqIHf.cjs +0 -1
- package/dist/sliding-selector-w40geAFS.js +0 -1
- /package/dist/components/Form/{CheckBox → Checkbox}/Switch.cjs +0 -0
- /package/dist/components/Form/{CheckBox → Checkbox}/Switch.d.ts +0 -0
- /package/dist/components/Form/{CheckBox → Checkbox}/Switch.js +0 -0
- /package/dist/components/Form/{CheckBox → Checkbox}/Switch.stories.d.ts +0 -0
- /package/dist/components/Form/{FormWrapper → Form}/FormGenerator.d.ts +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../Element/Element.cjs"),r=require("../BaseInputComponent/BaseInputComponent.cjs");require("../InputLabel/InputLabel.cjs"),require("../FormItem/FormItem.cjs");var n=["options","defaultValue","required"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},o.apply(this,arguments)}var a=function(r){var a=r.options;r.defaultValue;var l=r.required,i=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(r,n);return e.createElement(t.Element,{as:"div","data-sliding-selector":!0,required:l},a.map((function(r){return e.createElement(t.Element,{as:"div",key:r.id},e.createElement("input",o({type:"radio"},i,r)),e.createElement("label",{htmlFor:r.id},r.label))})))},l=e.forwardRef((function(t,n){return e.createElement(r.BaseInputComponent,o({as:a,ref:n},t))}));exports.SlidingSelector=l;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import {
|
|
3
|
-
export interface SlidingSelectorProps extends
|
|
4
|
-
options: RadioGroupProps[];
|
|
2
|
+
import { RadioGroupProps } from "./constants";
|
|
3
|
+
export interface SlidingSelectorProps extends RadioGroupProps {
|
|
5
4
|
}
|
|
6
5
|
export declare const SlidingSelector: React.ForwardRefExoticComponent<SlidingSelectorProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,41 +1,47 @@
|
|
|
1
1
|
import e from "react";
|
|
2
|
-
import { Element as
|
|
3
|
-
import "
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
2
|
+
import { Element as t } from "../../Element/Element.js";
|
|
3
|
+
import { BaseInputComponent as r } from "../BaseInputComponent/BaseInputComponent.js";
|
|
4
|
+
import "../InputLabel/InputLabel.js";
|
|
5
|
+
import "../FormItem/FormItem.js";
|
|
6
|
+
var n = ["options", "defaultValue", "required"];
|
|
7
|
+
function o() {
|
|
8
|
+
return o = Object.assign ? Object.assign.bind() : function(e2) {
|
|
9
|
+
for (var t2 = 1; t2 < arguments.length; t2++) {
|
|
10
|
+
var r2 = arguments[t2];
|
|
11
|
+
for (var n2 in r2)
|
|
12
|
+
Object.prototype.hasOwnProperty.call(r2, n2) && (e2[n2] = r2[n2]);
|
|
11
13
|
}
|
|
12
14
|
return e2;
|
|
13
|
-
},
|
|
15
|
+
}, o.apply(this, arguments);
|
|
14
16
|
}
|
|
15
|
-
function
|
|
17
|
+
function a(e2, t2) {
|
|
16
18
|
if (null == e2)
|
|
17
19
|
return {};
|
|
18
|
-
var
|
|
20
|
+
var r2, n2, o2 = function(e3, t3) {
|
|
19
21
|
if (null == e3)
|
|
20
22
|
return {};
|
|
21
|
-
var
|
|
22
|
-
for (n3 = 0; n3 <
|
|
23
|
-
|
|
23
|
+
var r3, n3, o3 = {}, a3 = Object.keys(e3);
|
|
24
|
+
for (n3 = 0; n3 < a3.length; n3++)
|
|
25
|
+
r3 = a3[n3], t3.indexOf(r3) >= 0 || (o3[r3] = e3[r3]);
|
|
24
26
|
return o3;
|
|
25
|
-
}(e2,
|
|
27
|
+
}(e2, t2);
|
|
26
28
|
if (Object.getOwnPropertySymbols) {
|
|
27
|
-
var
|
|
28
|
-
for (n2 = 0; n2 <
|
|
29
|
-
|
|
29
|
+
var a2 = Object.getOwnPropertySymbols(e2);
|
|
30
|
+
for (n2 = 0; n2 < a2.length; n2++)
|
|
31
|
+
r2 = a2[n2], t2.indexOf(r2) >= 0 || Object.prototype.propertyIsEnumerable.call(e2, r2) && (o2[r2] = e2[r2]);
|
|
30
32
|
}
|
|
31
33
|
return o2;
|
|
32
34
|
}
|
|
33
|
-
var i =
|
|
34
|
-
var
|
|
35
|
-
|
|
36
|
-
|
|
35
|
+
var i = function(r2) {
|
|
36
|
+
var i2 = r2.options;
|
|
37
|
+
r2.defaultValue;
|
|
38
|
+
var l2 = r2.required, u = a(r2, n);
|
|
39
|
+
return e.createElement(t, { as: "div", "data-sliding-selector": true, required: l2 }, i2.map(function(r3) {
|
|
40
|
+
return e.createElement(t, { as: "div", key: r3.id }, /* @__PURE__ */ e.createElement("input", o({ type: "radio" }, u, r3)), /* @__PURE__ */ e.createElement("label", { htmlFor: r3.id }, r3.label));
|
|
37
41
|
}));
|
|
42
|
+
}, l = /* @__PURE__ */ e.forwardRef(function(t2, n2) {
|
|
43
|
+
return e.createElement(r, o({ as: i, ref: n2 }, t2));
|
|
38
44
|
});
|
|
39
45
|
export {
|
|
40
|
-
|
|
46
|
+
l as SlidingSelector
|
|
41
47
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../Element/Element.cjs"),r=require("../BaseInputComponent/BaseInputComponent.cjs");require("../InputLabel/InputLabel.cjs"),require("../FormItem/FormItem.cjs");var n=["options","className"];function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a.apply(this,arguments)}var
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../Element/Element.cjs"),r=require("../BaseInputComponent/BaseInputComponent.cjs");require("../InputLabel/InputLabel.cjs"),require("../FormItem/FormItem.cjs");var n=["options","className"];function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a.apply(this,arguments)}var l=function(r){var l=r.options,o=r.className,s=function(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}(r,n),u=function(r){return e.createElement(t.Element,{as:"option",key:r.value,value:r.value,disabled:r.disabled},r.label)};return e.createElement(t.Element,{as:"div","data-select":!0,className:o,disabled:s.disabled},e.createElement(t.Element,a({as:"select"},s),l.map((function(r){return"options"in r?(n=r,e.createElement(t.Element,{as:"optgroup",key:n.label,label:n.label},n.options.map(u))):u(r);var n}))))},o=e.forwardRef((function(t,n){return e.createElement(r.BaseInputComponent,a({as:l,ref:n},t))}));exports.Select=o;
|
|
@@ -2,12 +2,20 @@ import React from "react";
|
|
|
2
2
|
import { CommonAndHTMLProps } from "../../Element/constants";
|
|
3
3
|
export type SelectElementType = HTMLSelectElement;
|
|
4
4
|
export type OptionElementType = HTMLOptionElement;
|
|
5
|
+
export interface OptionProps {
|
|
6
|
+
value: string;
|
|
7
|
+
label: string;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
}
|
|
10
|
+
export interface OptGroupProps {
|
|
11
|
+
label: string;
|
|
12
|
+
options: OptionProps[];
|
|
13
|
+
}
|
|
5
14
|
export interface SelectCustomProps {
|
|
6
|
-
options:
|
|
15
|
+
options: (OptionProps | OptGroupProps)[];
|
|
7
16
|
label?: string;
|
|
8
17
|
helpText?: string;
|
|
9
18
|
errorText?: string;
|
|
10
19
|
}
|
|
11
|
-
export type OptionProps = CommonAndHTMLProps<OptionElementType>;
|
|
12
20
|
export type SelectProps = Omit<CommonAndHTMLProps<SelectElementType>, keyof SelectCustomProps> & SelectCustomProps;
|
|
13
21
|
export declare const Select: React.ForwardRefExoticComponent<Omit<CommonAndHTMLProps<HTMLSelectElement>, keyof SelectCustomProps> & SelectCustomProps & React.RefAttributes<HTMLSelectElement>>;
|
|
@@ -4,42 +4,45 @@ import { BaseInputComponent as r } from "../BaseInputComponent/BaseInputComponen
|
|
|
4
4
|
import "../InputLabel/InputLabel.js";
|
|
5
5
|
import "../FormItem/FormItem.js";
|
|
6
6
|
var n = ["options", "className"];
|
|
7
|
-
function
|
|
8
|
-
return
|
|
7
|
+
function a() {
|
|
8
|
+
return a = Object.assign ? Object.assign.bind() : function(e2) {
|
|
9
9
|
for (var t2 = 1; t2 < arguments.length; t2++) {
|
|
10
10
|
var r2 = arguments[t2];
|
|
11
11
|
for (var n2 in r2)
|
|
12
12
|
Object.prototype.hasOwnProperty.call(r2, n2) && (e2[n2] = r2[n2]);
|
|
13
13
|
}
|
|
14
14
|
return e2;
|
|
15
|
-
},
|
|
15
|
+
}, a.apply(this, arguments);
|
|
16
16
|
}
|
|
17
|
-
function
|
|
17
|
+
function o(e2, t2) {
|
|
18
18
|
if (null == e2)
|
|
19
19
|
return {};
|
|
20
|
-
var r2, n2,
|
|
20
|
+
var r2, n2, a2 = function(e3, t3) {
|
|
21
21
|
if (null == e3)
|
|
22
22
|
return {};
|
|
23
|
-
var r3, n3,
|
|
24
|
-
for (n3 = 0; n3 <
|
|
25
|
-
r3 =
|
|
26
|
-
return
|
|
23
|
+
var r3, n3, a3 = {}, o3 = Object.keys(e3);
|
|
24
|
+
for (n3 = 0; n3 < o3.length; n3++)
|
|
25
|
+
r3 = o3[n3], t3.indexOf(r3) >= 0 || (a3[r3] = e3[r3]);
|
|
26
|
+
return a3;
|
|
27
27
|
}(e2, t2);
|
|
28
28
|
if (Object.getOwnPropertySymbols) {
|
|
29
|
-
var
|
|
30
|
-
for (n2 = 0; n2 <
|
|
31
|
-
r2 =
|
|
29
|
+
var o2 = Object.getOwnPropertySymbols(e2);
|
|
30
|
+
for (n2 = 0; n2 < o2.length; n2++)
|
|
31
|
+
r2 = o2[n2], t2.indexOf(r2) >= 0 || Object.prototype.propertyIsEnumerable.call(e2, r2) && (a2[r2] = e2[r2]);
|
|
32
32
|
}
|
|
33
|
-
return
|
|
33
|
+
return a2;
|
|
34
34
|
}
|
|
35
|
-
var
|
|
36
|
-
var
|
|
37
|
-
|
|
38
|
-
|
|
35
|
+
var l = function(r2) {
|
|
36
|
+
var l2 = r2.options, s2 = r2.className, i = o(r2, n), p = function(r3) {
|
|
37
|
+
return e.createElement(t, { as: "option", key: r3.value, value: r3.value, disabled: r3.disabled }, r3.label);
|
|
38
|
+
};
|
|
39
|
+
return e.createElement(t, { as: "div", "data-select": true, className: s2, disabled: i.disabled }, /* @__PURE__ */ e.createElement(t, a({ as: "select" }, i), l2.map(function(r3) {
|
|
40
|
+
return "options" in r3 ? (n2 = r3, /* @__PURE__ */ e.createElement(t, { as: "optgroup", key: n2.label, label: n2.label }, n2.options.map(p))) : p(r3);
|
|
41
|
+
var n2;
|
|
39
42
|
})));
|
|
40
|
-
},
|
|
41
|
-
return e.createElement(r,
|
|
43
|
+
}, s = /* @__PURE__ */ e.forwardRef(function(t2, n2) {
|
|
44
|
+
return e.createElement(r, a({ as: l, ref: n2 }, t2));
|
|
42
45
|
});
|
|
43
46
|
export {
|
|
44
|
-
|
|
47
|
+
s as Select
|
|
45
48
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Checkbox/Checkbox.cjs"),r=require("./InputField/FileUpload.cjs"),t=require("./Form/Form.cjs"),o=require("./FormItem/FormItem.cjs"),i=require("./FormItemGroup/FormItemGroup.cjs"),u=require("./InputField/InputField.cjs"),n=require("./InputLabel/InputLabel.cjs"),p=require("./PinInputField/PinInputField.cjs"),s=require("./RadioButton/RadioButton.cjs"),c=require("./RadioButton/RadioGroup.cjs"),l=require("./Range/Range.cjs"),a=require("./Select/Select.cjs"),m=require("./RadioButton/SlidingSelector.cjs"),d=require("./Checkbox/Switch.cjs"),F=require("./TextArea/TextArea.cjs");require("react"),require("../Element/Element.cjs"),require("./BaseInputComponent/BaseInputComponent.cjs"),require("../Callout/Callout.cjs"),require("./Form/FormGenerator.cjs"),require("../Row/Row.cjs"),require("../Portion/Portion.cjs"),exports.Checkbox=e.Checkbox,exports.FileUpload=r.FileUpload,exports.Form=t.Form,exports.FormItem=o.FormItem,exports.FormItemGroup=i.FormItemGroup,exports.InputField=u.InputField,exports.InputLabel=n.InputLabel,exports.PinInputField=p.PinInputField,exports.RadioButton=s.RadioButton,exports.RadioGroup=c.RadioGroup,exports.Range=l.Range,exports.Select=a.Select,exports.SlidingSelector=m.SlidingSelector,exports.Switch=d.Switch,exports.TextArea=F.TextArea;
|
|
@@ -1,15 +1,16 @@
|
|
|
1
|
-
export {
|
|
1
|
+
export { Checkbox, type CheckboxProps } from "./Checkbox/Checkbox";
|
|
2
|
+
export { FileUpload, type FileUploadProps } from "./InputField/FileUpload";
|
|
3
|
+
export { Form, type FormProps } from "./Form/Form";
|
|
2
4
|
export { FormItem, type FormItemProps } from "./FormItem/FormItem";
|
|
3
5
|
export { FormItemGroup, type FormItemGroupProps } from "./FormItemGroup/FormItemGroup";
|
|
4
6
|
export { InputField, type InputFieldProps } from "./InputField/InputField";
|
|
5
|
-
export { TextArea, type TextareaProps } from "./TextArea/TextArea";
|
|
6
7
|
export { InputLabel, type InputLabelProps } from "./InputLabel/InputLabel";
|
|
7
|
-
export {
|
|
8
|
-
export {
|
|
8
|
+
export { PinInputField, type PinInputFieldProps } from "./PinInputField/PinInputField";
|
|
9
|
+
export { RadioButton } from "./RadioButton/RadioButton";
|
|
9
10
|
export { RadioGroup } from "./RadioButton/RadioGroup";
|
|
10
11
|
export { type RadioButtonProps, type RadioGroupProps } from "./RadioButton/constants";
|
|
11
12
|
export { Range, type RangeProps } from "./Range";
|
|
12
|
-
export {
|
|
13
|
-
export { CheckBox, type CheckboxProps } from "./CheckBox/CheckBox";
|
|
14
|
-
export { Switch, type SwitchProps } from "./CheckBox/Switch";
|
|
13
|
+
export { Select, type SelectProps, type OptionProps } from "./Select/Select";
|
|
15
14
|
export { SlidingSelector, type SlidingSelectorProps } from "./RadioButton/SlidingSelector";
|
|
15
|
+
export { Switch, type SwitchProps } from "./Checkbox/Switch";
|
|
16
|
+
export { TextArea, type TextareaProps } from "./TextArea/TextArea";
|
|
@@ -1,33 +1,34 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Checkbox } from "./Checkbox/Checkbox.js";
|
|
2
|
+
import { FileUpload } from "./InputField/FileUpload.js";
|
|
3
|
+
import { Form } from "./Form/Form.js";
|
|
2
4
|
import { FormItem } from "./FormItem/FormItem.js";
|
|
3
5
|
import { FormItemGroup } from "./FormItemGroup/FormItemGroup.js";
|
|
4
6
|
import { InputField } from "./InputField/InputField.js";
|
|
5
|
-
import { TextArea } from "./TextArea/TextArea.js";
|
|
6
7
|
import { InputLabel } from "./InputLabel/InputLabel.js";
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
8
|
+
import { PinInputField } from "./PinInputField/PinInputField.js";
|
|
9
|
+
import { RadioButton } from "./RadioButton/RadioButton.js";
|
|
9
10
|
import { RadioGroup } from "./RadioButton/RadioGroup.js";
|
|
10
11
|
import { Range } from "./Range/Range.js";
|
|
11
|
-
import {
|
|
12
|
-
import { CheckBox } from "./CheckBox/CheckBox.js";
|
|
13
|
-
import { Switch } from "./CheckBox/Switch.js";
|
|
12
|
+
import { Select } from "./Select/Select.js";
|
|
14
13
|
import { SlidingSelector } from "./RadioButton/SlidingSelector.js";
|
|
14
|
+
import { Switch } from "./Checkbox/Switch.js";
|
|
15
|
+
import { TextArea } from "./TextArea/TextArea.js";
|
|
15
16
|
import "react";
|
|
16
17
|
import "../Element/Element.js";
|
|
18
|
+
import "./BaseInputComponent/BaseInputComponent.js";
|
|
17
19
|
import "../Callout/Callout.js";
|
|
18
|
-
import "./
|
|
20
|
+
import "./Form/FormGenerator.js";
|
|
19
21
|
import "../Row/Row.js";
|
|
20
22
|
import "../Portion/Portion.js";
|
|
21
|
-
import "./BaseInputComponent/BaseInputComponent.js";
|
|
22
|
-
import "../../sliding-selector-w40geAFS.js";
|
|
23
23
|
export {
|
|
24
|
-
|
|
24
|
+
Checkbox,
|
|
25
25
|
FileUpload,
|
|
26
|
+
Form,
|
|
26
27
|
FormItem,
|
|
27
28
|
FormItemGroup,
|
|
28
|
-
FormWrapper,
|
|
29
29
|
InputField,
|
|
30
30
|
InputLabel,
|
|
31
|
+
PinInputField,
|
|
31
32
|
RadioButton,
|
|
32
33
|
RadioGroup,
|
|
33
34
|
Range,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../Element/Element.cjs"),t=require("../Typography/Text.cjs");var n=["label","value","height"];function a(){return a=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},a.apply(this,arguments)}var l=e.forwardRef((function(l,o){var
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../Element/Element.cjs"),t=require("../Typography/Text.cjs");var n=["label","value","height"];function a(){return a=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},a.apply(this,arguments)}var l=e.forwardRef((function(l,o){var s=l.label,u=l.value,i=l.height,c=function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},l=Object.keys(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}(l,n);return e.createElement(e.Fragment,null,s&&e.createElement(r.Element,{as:"div","data-progress-bar-meta":!0},e.createElement(t.Text,null,s),e.createElement(t.Text,null,u,c.suffix&&c.suffix)),e.createElement(r.Element,a({as:"progress","data-progress-bar":!0,ref:o,value:u},c,{style:{height:i}})))}));exports.ProgressBar=l;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { CommonAndHTMLProps } from "../Element/constants";
|
|
3
3
|
export interface ProgressBarLabelCustomProps {
|
|
4
|
-
|
|
4
|
+
suffix?: string;
|
|
5
5
|
}
|
|
6
6
|
export interface ProgressBarCustomProps {
|
|
7
7
|
barBg?: string;
|
|
8
8
|
barFill?: string;
|
|
9
|
-
|
|
9
|
+
suffix?: string;
|
|
10
10
|
height?: string;
|
|
11
11
|
}
|
|
12
12
|
export type ProgressBarElementType = HTMLProgressElement;
|
|
@@ -30,9 +30,9 @@ function l(e2, r2) {
|
|
|
30
30
|
}
|
|
31
31
|
return a2;
|
|
32
32
|
}
|
|
33
|
-
var o = /* @__PURE__ */ e.forwardRef(function(o2,
|
|
34
|
-
var
|
|
35
|
-
return e.createElement(e.Fragment, null,
|
|
33
|
+
var o = /* @__PURE__ */ e.forwardRef(function(o2, f) {
|
|
34
|
+
var i = o2.label, s = o2.value, u = o2.height, c = l(o2, n);
|
|
35
|
+
return e.createElement(e.Fragment, null, i && /* @__PURE__ */ e.createElement(r, { as: "div", "data-progress-bar-meta": true }, /* @__PURE__ */ e.createElement(t, null, i), /* @__PURE__ */ e.createElement(t, null, s, c.suffix && c.suffix)), /* @__PURE__ */ e.createElement(r, a({ as: "progress", "data-progress-bar": true, ref: f, value: s }, c, { style: { height: u } })));
|
|
36
36
|
});
|
|
37
37
|
export {
|
|
38
38
|
o as ProgressBar
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Badge/Badge.cjs"),r=require("./Drawer/Drawer.cjs"),o=require("./Button/Button.cjs"),t=require("./Breadcrumbs/BreadcrumbsWrapper/BreadcrumbsWrapper.cjs"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Badge/Badge.cjs"),r=require("./Drawer/Drawer.cjs"),o=require("./Button/Button.cjs"),t=require("./Breadcrumbs/BreadcrumbsWrapper/BreadcrumbsWrapper.cjs"),i=require("./Breadcrumbs/BreadcrumbItem/BreadcrumbItem.cjs"),a=require("./Callout/Callout.cjs"),s=require("./Card/Card.cjs"),p=require("./CodeBlock/CodeBlock.cjs"),n=require("./ContentWrapper/ContentWrapper.cjs"),u=require("./Element/Element.cjs"),c=require("./Element/Tags.cjs"),d=require("./ExpandableContent/ExpandableContent.cjs"),m=require("./Form/Checkbox/Checkbox.cjs"),x=require("./Form/InputField/FileUpload.cjs"),b=require("./Form/Form/Form.cjs"),l=require("./Form/FormItem/FormItem.cjs"),j=require("./Form/FormItemGroup/FormItemGroup.cjs"),q=require("./Form/InputField/InputField.cjs"),I=require("./Form/InputLabel/InputLabel.cjs"),S=require("./Form/PinInputField/PinInputField.cjs"),F=require("./Form/RadioButton/RadioButton.cjs"),T=require("./Form/RadioButton/RadioGroup.cjs"),B=require("./Form/Range/Range.cjs"),g=require("./Form/Select/Select.cjs"),C=require("./Form/RadioButton/SlidingSelector.cjs"),P=require("./Form/Checkbox/Switch.cjs"),R=require("./Form/TextArea/TextArea.cjs"),W=require("./HRule/HRule.cjs"),h=require("./Notification/NotificationsWrapper/NotificationsWrapper.cjs"),H=require("./Notification/NotificationItem/NotificationItem.cjs"),N=require("./Portion/Portion.cjs"),f=require("./ProgressBar/ProgressBar.cjs"),w=require("./Row/Row.cjs"),k=require("./Sidebar/SidebarWrapper/SidebarWrapper.cjs"),v=require("./Sidebar/SidebarHeader/SidebarHeader.cjs"),E=require("./Sidebar/SidebarItem/SidebarItem.cjs"),y=require("./Sidebar/SidebarItemIcon/SidebarItemIcon.cjs"),A=require("./Sidebar/SidebarItemText/SidebarItemText.cjs"),G=require("./Sidebar/SidebarFooter/SidebarFooter.cjs"),D=require("./Spinner/Spinner.cjs"),L=require("./Table/Table.cjs"),M=require("./Table/TablePagination/TablePagination.cjs"),U=require("./Tabs/Tabs.cjs"),O=require("./ThemeProvider/ThemeProvider.cjs"),z=require("./Toast/ToastsWrapper/ToastsWrapper.cjs"),J=require("./Toast/ToastItem/ToastItem.cjs"),K=require("./Typography/Text.cjs"),Q=require("./Typography/Heading.cjs");require("react"),require("./Form/BaseInputComponent/BaseInputComponent.cjs"),require("./Form/Form/FormGenerator.cjs"),exports.Badge=e.Badge,exports.Drawer=r.Drawer,exports.Button=o.Button,exports.BreadcrumbsWrapper=t.BreadcrumbsWrapper,exports.BreadcrumbItem=i.BreadcrumbItem,exports.Callout=a.Callout,exports.Card=s.Card,exports.CodeBlock=p.CodeBlock,exports.ContentWrapper=n.ContentWrapper,exports.Element=u.Element,exports.Article=c.Article,exports.Aside=c.Aside,exports.Body=c.Body,exports.Div=c.Div,exports.Footer=c.Footer,exports.Header=c.Header,exports.Main=c.Main,exports.Nav=c.Nav,exports.Section=c.Section,exports.ExpandableContent=d.ExpandableContent,exports.Checkbox=m.Checkbox,exports.FileUpload=x.FileUpload,exports.Form=b.Form,exports.FormItem=l.FormItem,exports.FormItemGroup=j.FormItemGroup,exports.InputField=q.InputField,exports.InputLabel=I.InputLabel,exports.PinInputField=S.PinInputField,exports.RadioButton=F.RadioButton,exports.RadioGroup=T.RadioGroup,exports.Range=B.Range,exports.Select=g.Select,exports.SlidingSelector=C.SlidingSelector,exports.Switch=P.Switch,exports.TextArea=R.TextArea,exports.HRule=W.HRule,exports.NotificationsWrapper=h.NotificationsWrapper,exports.NotificationItem=H.NotificationItem,exports.Portion=N.Portion,exports.ProgressBar=f.ProgressBar,exports.Row=w.Row,exports.SidebarWrapper=k.SidebarWrapper,exports.SidebarHeader=v.SidebarHeader,exports.SidebarItem=E.SidebarItem,exports.SidebarItemIcon=y.SidebarItemIcon,exports.SidebarItemText=A.SidebarItemText,exports.SidebarFooter=G.SidebarFooter,exports.Spinner=D.Spinner,exports.Table=L.Table,exports.TablePagination=M.TablePagination,exports.Tabs=U.Tabs,exports.ThemeProvider=O.ThemeProvider,exports.ToastsWrapper=z.ToastsWrapper,exports.ToastItem=J.ToastItem,exports.Text=K.Text,exports.Heading=Q.Heading;
|
|
@@ -6,9 +6,9 @@ export { Callout, type CalloutProps } from "./Callout";
|
|
|
6
6
|
export { Card, type CardProps } from "./Card";
|
|
7
7
|
export { CodeBlock, type CodeBlockProps } from "./CodeBlock";
|
|
8
8
|
export { ContentWrapper, type ContentWrapperProps } from "./ContentWrapper";
|
|
9
|
-
export { Element, type ElementProps } from "./Element";
|
|
9
|
+
export { Element, type ElementProps, Div, Article, Aside, Body, Footer, Header, Main, Nav, Section } from "./Element";
|
|
10
10
|
export { ExpandableContent, type ExpandableContentProps } from "./ExpandableContent";
|
|
11
|
-
export {
|
|
11
|
+
export { Form, type FormProps, FormItem, type FormItemProps, FormItemGroup, type FormItemGroupProps, InputField, type InputFieldProps, TextArea, type TextareaProps, InputLabel, type InputLabelProps, Select, type SelectProps, FileUpload, type FileUploadProps, RadioGroup, type RadioGroupProps, RadioButton, type RadioButtonProps, Checkbox, type CheckboxProps, Switch, type SwitchProps, Range, type RangeProps, SlidingSelector, type SlidingSelectorProps, PinInputField, type PinInputFieldProps, } from "./Form";
|
|
12
12
|
export { HRule, type HRProps } from "./HRule";
|
|
13
13
|
export { NotificationsWrapper, type NotificationsWrapperProps, NotificationItem, type NotificationItemProps } from "./Notification";
|
|
14
14
|
export { Portion, type PortionProps } from "./Portion";
|
package/dist/components/index.js
CHANGED
|
@@ -8,21 +8,23 @@ import { Card } from "./Card/Card.js";
|
|
|
8
8
|
import { CodeBlock } from "./CodeBlock/CodeBlock.js";
|
|
9
9
|
import { ContentWrapper } from "./ContentWrapper/ContentWrapper.js";
|
|
10
10
|
import { Element } from "./Element/Element.js";
|
|
11
|
+
import { Article, Aside, Body, Div, Footer, Header, Main, Nav, Section } from "./Element/Tags.js";
|
|
11
12
|
import { ExpandableContent } from "./ExpandableContent/ExpandableContent.js";
|
|
12
|
-
import {
|
|
13
|
+
import { Checkbox } from "./Form/Checkbox/Checkbox.js";
|
|
14
|
+
import { FileUpload } from "./Form/InputField/FileUpload.js";
|
|
15
|
+
import { Form } from "./Form/Form/Form.js";
|
|
13
16
|
import { FormItem } from "./Form/FormItem/FormItem.js";
|
|
14
17
|
import { FormItemGroup } from "./Form/FormItemGroup/FormItemGroup.js";
|
|
15
18
|
import { InputField } from "./Form/InputField/InputField.js";
|
|
16
|
-
import { TextArea } from "./Form/TextArea/TextArea.js";
|
|
17
19
|
import { InputLabel } from "./Form/InputLabel/InputLabel.js";
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
+
import { PinInputField } from "./Form/PinInputField/PinInputField.js";
|
|
21
|
+
import { RadioButton } from "./Form/RadioButton/RadioButton.js";
|
|
20
22
|
import { RadioGroup } from "./Form/RadioButton/RadioGroup.js";
|
|
21
23
|
import { Range } from "./Form/Range/Range.js";
|
|
22
|
-
import {
|
|
23
|
-
import { CheckBox } from "./Form/CheckBox/CheckBox.js";
|
|
24
|
-
import { Switch } from "./Form/CheckBox/Switch.js";
|
|
24
|
+
import { Select } from "./Form/Select/Select.js";
|
|
25
25
|
import { SlidingSelector } from "./Form/RadioButton/SlidingSelector.js";
|
|
26
|
+
import { Switch } from "./Form/Checkbox/Switch.js";
|
|
27
|
+
import { TextArea } from "./Form/TextArea/TextArea.js";
|
|
26
28
|
import { HRule } from "./HRule/HRule.js";
|
|
27
29
|
import { NotificationsWrapper } from "./Notification/NotificationsWrapper/NotificationsWrapper.js";
|
|
28
30
|
import { NotificationItem } from "./Notification/NotificationItem/NotificationItem.js";
|
|
@@ -45,38 +47,47 @@ import { ToastItem } from "./Toast/ToastItem/ToastItem.js";
|
|
|
45
47
|
import { Text } from "./Typography/Text.js";
|
|
46
48
|
import { Heading } from "./Typography/Heading.js";
|
|
47
49
|
import "react";
|
|
48
|
-
import "./Form/FormWrapper/FormGenerator.js";
|
|
49
50
|
import "./Form/BaseInputComponent/BaseInputComponent.js";
|
|
50
|
-
import "
|
|
51
|
+
import "./Form/Form/FormGenerator.js";
|
|
51
52
|
export {
|
|
53
|
+
Article,
|
|
54
|
+
Aside,
|
|
52
55
|
Badge,
|
|
56
|
+
Body,
|
|
53
57
|
BreadcrumbItem,
|
|
54
58
|
BreadcrumbsWrapper,
|
|
55
59
|
Button,
|
|
56
60
|
Callout,
|
|
57
61
|
Card,
|
|
58
|
-
|
|
62
|
+
Checkbox,
|
|
59
63
|
CodeBlock,
|
|
60
64
|
ContentWrapper,
|
|
65
|
+
Div,
|
|
61
66
|
Drawer,
|
|
62
67
|
Element,
|
|
63
68
|
ExpandableContent,
|
|
64
69
|
FileUpload,
|
|
70
|
+
Footer,
|
|
71
|
+
Form,
|
|
65
72
|
FormItem,
|
|
66
73
|
FormItemGroup,
|
|
67
|
-
FormWrapper,
|
|
68
74
|
HRule,
|
|
75
|
+
Header,
|
|
69
76
|
Heading,
|
|
70
77
|
InputField,
|
|
71
78
|
InputLabel,
|
|
79
|
+
Main,
|
|
80
|
+
Nav,
|
|
72
81
|
NotificationItem,
|
|
73
82
|
NotificationsWrapper,
|
|
83
|
+
PinInputField,
|
|
74
84
|
Portion,
|
|
75
85
|
ProgressBar,
|
|
76
86
|
RadioButton,
|
|
77
87
|
RadioGroup,
|
|
78
88
|
Range,
|
|
79
89
|
Row,
|
|
90
|
+
Section,
|
|
80
91
|
Select,
|
|
81
92
|
SidebarFooter,
|
|
82
93
|
SidebarHeader,
|
package/dist/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/Badge/Badge.cjs"),r=require("./components/Drawer/Drawer.cjs"),o=require("./components/Button/Button.cjs"),t=require("./components/Breadcrumbs/BreadcrumbsWrapper/BreadcrumbsWrapper.cjs"),n=require("./components/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.cjs"),s=require("./components/Callout/Callout.cjs"),p=require("./components/Card/Card.cjs"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/Badge/Badge.cjs"),r=require("./components/Drawer/Drawer.cjs"),o=require("./components/Button/Button.cjs"),t=require("./components/Breadcrumbs/BreadcrumbsWrapper/BreadcrumbsWrapper.cjs"),n=require("./components/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.cjs"),s=require("./components/Callout/Callout.cjs"),p=require("./components/Card/Card.cjs"),i=require("./components/ContentWrapper/ContentWrapper.cjs"),a=require("./components/Element/Element.cjs"),c=require("./components/Element/Tags.cjs"),m=require("./components/ExpandableContent/ExpandableContent.cjs"),u=require("./components/Form/Checkbox/Checkbox.cjs"),d=require("./components/Form/InputField/FileUpload.cjs"),x=require("./components/Form/Form/Form.cjs"),b=require("./components/Form/FormItem/FormItem.cjs"),l=require("./components/Form/FormItemGroup/FormItemGroup.cjs"),I=require("./components/Form/InputField/InputField.cjs"),S=require("./components/Form/InputLabel/InputLabel.cjs"),j=require("./components/Form/PinInputField/PinInputField.cjs"),q=require("./components/Form/RadioButton/RadioButton.cjs"),F=require("./components/Form/RadioButton/RadioGroup.cjs"),T=require("./components/Form/Range/Range.cjs"),B=require("./components/Form/Select/Select.cjs"),g=require("./components/Form/RadioButton/SlidingSelector.cjs"),C=require("./components/Form/Checkbox/Switch.cjs"),P=require("./components/Form/TextArea/TextArea.cjs"),R=require("./components/HRule/HRule.cjs"),W=require("./components/Notification/NotificationsWrapper/NotificationsWrapper.cjs"),h=require("./components/Notification/NotificationItem/NotificationItem.cjs"),H=require("./components/Portion/Portion.cjs"),N=require("./components/ProgressBar/ProgressBar.cjs"),f=require("./components/Row/Row.cjs"),w=require("./components/Sidebar/SidebarWrapper/SidebarWrapper.cjs"),v=require("./components/Sidebar/SidebarHeader/SidebarHeader.cjs"),E=require("./components/Sidebar/SidebarItem/SidebarItem.cjs"),y=require("./components/Sidebar/SidebarItemIcon/SidebarItemIcon.cjs"),A=require("./components/Sidebar/SidebarItemText/SidebarItemText.cjs"),G=require("./components/Sidebar/SidebarFooter/SidebarFooter.cjs"),D=require("./components/Spinner/Spinner.cjs"),k=require("./components/Table/Table.cjs"),L=require("./components/Table/TablePagination/TablePagination.cjs"),M=require("./components/Tabs/Tabs.cjs"),U=require("./components/ThemeProvider/ThemeProvider.cjs"),O=require("./components/Toast/ToastsWrapper/ToastsWrapper.cjs"),z=require("./components/Toast/ToastItem/ToastItem.cjs"),J=require("./components/Typography/Text.cjs"),K=require("./components/Typography/Heading.cjs");require("react"),require("./components/Form/BaseInputComponent/BaseInputComponent.cjs"),require("./components/Form/Form/FormGenerator.cjs"),exports.Badge=e.Badge,exports.Drawer=r.Drawer,exports.Button=o.Button,exports.BreadcrumbsWrapper=t.BreadcrumbsWrapper,exports.BreadcrumbItem=n.BreadcrumbItem,exports.Callout=s.Callout,exports.Card=p.Card,exports.ContentWrapper=i.ContentWrapper,exports.Element=a.Element,exports.Article=c.Article,exports.Aside=c.Aside,exports.Body=c.Body,exports.Div=c.Div,exports.Footer=c.Footer,exports.Header=c.Header,exports.Main=c.Main,exports.Nav=c.Nav,exports.Section=c.Section,exports.ExpandableContent=m.ExpandableContent,exports.Checkbox=u.Checkbox,exports.FileUpload=d.FileUpload,exports.Form=x.Form,exports.FormItem=b.FormItem,exports.FormItemGroup=l.FormItemGroup,exports.InputField=I.InputField,exports.InputLabel=S.InputLabel,exports.PinInputField=j.PinInputField,exports.RadioButton=q.RadioButton,exports.RadioGroup=F.RadioGroup,exports.Range=T.Range,exports.Select=B.Select,exports.SlidingSelector=g.SlidingSelector,exports.Switch=C.Switch,exports.TextArea=P.TextArea,exports.HRule=R.HRule,exports.NotificationsWrapper=W.NotificationsWrapper,exports.NotificationItem=h.NotificationItem,exports.Portion=H.Portion,exports.ProgressBar=N.ProgressBar,exports.Row=f.Row,exports.SidebarWrapper=w.SidebarWrapper,exports.SidebarHeader=v.SidebarHeader,exports.SidebarItem=E.SidebarItem,exports.SidebarItemIcon=y.SidebarItemIcon,exports.SidebarItemText=A.SidebarItemText,exports.SidebarFooter=G.SidebarFooter,exports.Spinner=D.Spinner,exports.Table=k.Table,exports.TablePagination=L.TablePagination,exports.Tabs=M.Tabs,exports.ThemeProvider=U.ThemeProvider,exports.ToastsWrapper=O.ToastsWrapper,exports.ToastItem=z.ToastItem,exports.Text=J.Text,exports.Heading=K.Heading;
|