@dilicorp/ui 0.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/atoms/button.d.ts +15 -0
- package/dist/atoms/button.d.ts.map +1 -0
- package/dist/atoms/button.js +31 -0
- package/dist/atoms/checkbox.d.ts +8 -0
- package/dist/atoms/checkbox.d.ts.map +1 -0
- package/dist/atoms/checkbox.js +17 -0
- package/dist/atoms/col.d.ts +8 -0
- package/dist/atoms/col.d.ts.map +1 -0
- package/dist/atoms/col.js +22 -0
- package/dist/atoms/container.d.ts +6 -0
- package/dist/atoms/container.d.ts.map +1 -0
- package/dist/atoms/container.js +18 -0
- package/dist/atoms/icon.d.ts +8 -0
- package/dist/atoms/icon.d.ts.map +1 -0
- package/dist/atoms/icon.js +10 -0
- package/dist/atoms/image.d.ts +12 -0
- package/dist/atoms/image.d.ts.map +1 -0
- package/dist/atoms/image.js +49 -0
- package/dist/atoms/input.d.ts +14 -0
- package/dist/atoms/input.d.ts.map +1 -0
- package/dist/atoms/input.js +48 -0
- package/dist/atoms/label.d.ts +8 -0
- package/dist/atoms/label.d.ts.map +1 -0
- package/dist/atoms/label.js +18 -0
- package/dist/atoms/link.d.ts +4 -0
- package/dist/atoms/link.d.ts.map +1 -0
- package/dist/atoms/link.js +27 -0
- package/dist/atoms/radio.d.ts +8 -0
- package/dist/atoms/radio.d.ts.map +1 -0
- package/dist/atoms/radio.js +17 -0
- package/dist/atoms/row.d.ts +9 -0
- package/dist/atoms/row.d.ts.map +1 -0
- package/dist/atoms/row.js +7 -0
- package/dist/atoms/separator.d.ts +6 -0
- package/dist/atoms/separator.d.ts.map +1 -0
- package/dist/atoms/separator.js +6 -0
- package/dist/atoms/spinner.d.ts +6 -0
- package/dist/atoms/spinner.d.ts.map +1 -0
- package/dist/atoms/spinner.js +5 -0
- package/dist/atoms/typography.d.ts +10 -0
- package/dist/atoms/typography.d.ts.map +1 -0
- package/dist/atoms/typography.js +18 -0
- package/dist/components/form-builder/_partials/form-group.d.ts +11 -0
- package/dist/components/form-builder/_partials/form-group.d.ts.map +1 -0
- package/dist/components/form-builder/_partials/form-group.js +13 -0
- package/dist/components/form-builder/components/button.d.ts +12 -0
- package/dist/components/form-builder/components/button.d.ts.map +1 -0
- package/dist/components/form-builder/components/button.js +20 -0
- package/dist/components/form-builder/components/checkbox.d.ts +15 -0
- package/dist/components/form-builder/components/checkbox.d.ts.map +1 -0
- package/dist/components/form-builder/components/checkbox.js +17 -0
- package/dist/components/form-builder/components/datepicker.d.ts +10 -0
- package/dist/components/form-builder/components/datepicker.d.ts.map +1 -0
- package/dist/components/form-builder/components/datepicker.js +17 -0
- package/dist/components/form-builder/components/dropzone.d.ts +16 -0
- package/dist/components/form-builder/components/dropzone.d.ts.map +1 -0
- package/dist/components/form-builder/components/dropzone.js +31 -0
- package/dist/components/form-builder/components/input.d.ts +18 -0
- package/dist/components/form-builder/components/input.d.ts.map +1 -0
- package/dist/components/form-builder/components/input.js +68 -0
- package/dist/components/form-builder/components/password.d.ts +10 -0
- package/dist/components/form-builder/components/password.d.ts.map +1 -0
- package/dist/components/form-builder/components/password.js +46 -0
- package/dist/components/form-builder/components/radio.d.ts +15 -0
- package/dist/components/form-builder/components/radio.d.ts.map +1 -0
- package/dist/components/form-builder/components/radio.js +21 -0
- package/dist/components/form-builder/components/select.d.ts +23 -0
- package/dist/components/form-builder/components/select.d.ts.map +1 -0
- package/dist/components/form-builder/components/select.js +19 -0
- package/dist/components/form-builder/form-builder-components-list.d.ts +11 -0
- package/dist/components/form-builder/form-builder-components-list.d.ts.map +1 -0
- package/dist/components/form-builder/form-builder-components-list.js +10 -0
- package/dist/components/form-builder/form-builder-element.d.ts +9 -0
- package/dist/components/form-builder/form-builder-element.d.ts.map +1 -0
- package/dist/components/form-builder/form-builder-element.js +26 -0
- package/dist/components/form-builder/form-builder.d.ts +9 -0
- package/dist/components/form-builder/form-builder.d.ts.map +1 -0
- package/dist/components/form-builder/form-builder.js +31 -0
- package/dist/components/form-builder/form-builder.types.d.ts +89 -0
- package/dist/components/form-builder/form-builder.types.d.ts.map +1 -0
- package/dist/components/form-builder/form-builder.types.js +1 -0
- package/dist/components/form-builder/utils/form-builder-helper.d.ts +18 -0
- package/dist/components/form-builder/utils/form-builder-helper.d.ts.map +1 -0
- package/dist/components/form-builder/utils/form-builder-helper.js +48 -0
- package/dist/components/form-builder/utils/form-builder-item-helper.d.ts +9 -0
- package/dist/components/form-builder/utils/form-builder-item-helper.d.ts.map +1 -0
- package/dist/components/form-builder/utils/form-builder-item-helper.js +18 -0
- package/dist/components/navbar/navbar.d.ts +9 -0
- package/dist/components/navbar/navbar.d.ts.map +1 -0
- package/dist/components/navbar/navbar.js +14 -0
- package/dist/components/page/filter-components/button-filter-clear.d.ts +12 -0
- package/dist/components/page/filter-components/button-filter-clear.d.ts.map +1 -0
- package/dist/components/page/filter-components/button-filter-clear.js +22 -0
- package/dist/components/page/filter-components/button-filter.d.ts +9 -0
- package/dist/components/page/filter-components/button-filter.d.ts.map +1 -0
- package/dist/components/page/filter-components/button-filter.js +11 -0
- package/dist/components/page/filter-components/button-filters.d.ts +10 -0
- package/dist/components/page/filter-components/button-filters.d.ts.map +1 -0
- package/dist/components/page/filter-components/button-filters.js +14 -0
- package/dist/components/page/filter-components/filter-form.d.ts +10 -0
- package/dist/components/page/filter-components/filter-form.d.ts.map +1 -0
- package/dist/components/page/filter-components/filter-form.js +26 -0
- package/dist/components/page/filters/filter-datepicker.d.ts +9 -0
- package/dist/components/page/filters/filter-datepicker.d.ts.map +1 -0
- package/dist/components/page/filters/filter-datepicker.js +11 -0
- package/dist/components/page/filters/filter-input.d.ts +10 -0
- package/dist/components/page/filters/filter-input.d.ts.map +1 -0
- package/dist/components/page/filters/filter-input.js +34 -0
- package/dist/components/page/filters/filter-select.d.ts +20 -0
- package/dist/components/page/filters/filter-select.d.ts.map +1 -0
- package/dist/components/page/filters/filter-select.js +29 -0
- package/dist/components/page/filters/index.d.ts +4 -0
- package/dist/components/page/filters/index.d.ts.map +1 -0
- package/dist/components/page/filters/index.js +3 -0
- package/dist/components/page/page-list-filters.d.ts +7 -0
- package/dist/components/page/page-list-filters.d.ts.map +1 -0
- package/dist/components/page/page-list-filters.js +4 -0
- package/dist/components/page/page-list-get-filters.d.ts +13 -0
- package/dist/components/page/page-list-get-filters.d.ts.map +1 -0
- package/dist/components/page/page-list-get-filters.js +41 -0
- package/dist/components/page/page-list.d.ts +33 -0
- package/dist/components/page/page-list.d.ts.map +1 -0
- package/dist/components/page/page-list.js +34 -0
- package/dist/components/page-create/page-create.d.ts +16 -0
- package/dist/components/page-create/page-create.d.ts.map +1 -0
- package/dist/components/page-create/page-create.js +16 -0
- package/dist/components/page-list/filter-components/button-filter-clear.d.ts +12 -0
- package/dist/components/page-list/filter-components/button-filter-clear.d.ts.map +1 -0
- package/dist/components/page-list/filter-components/button-filter-clear.js +22 -0
- package/dist/components/page-list/filter-components/button-filter.d.ts +9 -0
- package/dist/components/page-list/filter-components/button-filter.d.ts.map +1 -0
- package/dist/components/page-list/filter-components/button-filter.js +11 -0
- package/dist/components/page-list/filter-components/button-filters.d.ts +10 -0
- package/dist/components/page-list/filter-components/button-filters.d.ts.map +1 -0
- package/dist/components/page-list/filter-components/button-filters.js +14 -0
- package/dist/components/page-list/filter-components/filter-form.d.ts +10 -0
- package/dist/components/page-list/filter-components/filter-form.d.ts.map +1 -0
- package/dist/components/page-list/filter-components/filter-form.js +26 -0
- package/dist/components/page-list/filters/filter-datepicker.d.ts +9 -0
- package/dist/components/page-list/filters/filter-datepicker.d.ts.map +1 -0
- package/dist/components/page-list/filters/filter-datepicker.js +11 -0
- package/dist/components/page-list/filters/filter-input.d.ts +10 -0
- package/dist/components/page-list/filters/filter-input.d.ts.map +1 -0
- package/dist/components/page-list/filters/filter-input.js +34 -0
- package/dist/components/page-list/filters/filter-select.d.ts +20 -0
- package/dist/components/page-list/filters/filter-select.d.ts.map +1 -0
- package/dist/components/page-list/filters/filter-select.js +29 -0
- package/dist/components/page-list/filters/index.d.ts +4 -0
- package/dist/components/page-list/filters/index.d.ts.map +1 -0
- package/dist/components/page-list/filters/index.js +3 -0
- package/dist/components/page-list/page-list-filters.d.ts +7 -0
- package/dist/components/page-list/page-list-filters.d.ts.map +1 -0
- package/dist/components/page-list/page-list-filters.js +4 -0
- package/dist/components/page-list/page-list-get-filters.d.ts +13 -0
- package/dist/components/page-list/page-list-get-filters.d.ts.map +1 -0
- package/dist/components/page-list/page-list-get-filters.js +47 -0
- package/dist/components/page-list/page-list.d.ts +35 -0
- package/dist/components/page-list/page-list.d.ts.map +1 -0
- package/dist/components/page-list/page-list.js +38 -0
- package/dist/components/side-navigation-bar/side-navigation-bar-item.d.ts +8 -0
- package/dist/components/side-navigation-bar/side-navigation-bar-item.d.ts.map +1 -0
- package/dist/components/side-navigation-bar/side-navigation-bar-item.js +26 -0
- package/dist/components/side-navigation-bar/side-navigation-bar.d.ts +13 -0
- package/dist/components/side-navigation-bar/side-navigation-bar.d.ts.map +1 -0
- package/dist/components/side-navigation-bar/side-navigation-bar.js +28 -0
- package/dist/components/tabs/tab-list.d.ts +6 -0
- package/dist/components/tabs/tab-list.d.ts.map +1 -0
- package/dist/components/tabs/tab-list.js +4 -0
- package/dist/components/tabs/tab-panel.d.ts +7 -0
- package/dist/components/tabs/tab-panel.d.ts.map +1 -0
- package/dist/components/tabs/tab-panel.js +6 -0
- package/dist/components/tabs/tab.d.ts +7 -0
- package/dist/components/tabs/tab.d.ts.map +1 -0
- package/dist/components/tabs/tab.js +7 -0
- package/dist/components/tabs/tabs.d.ts +11 -0
- package/dist/components/tabs/tabs.d.ts.map +1 -0
- package/dist/components/tabs/tabs.js +33 -0
- package/dist/css/style.min.css +6 -0
- package/dist/index.d.ts +39 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +43 -0
- package/dist/molecules/alert.d.ts +16 -0
- package/dist/molecules/alert.d.ts.map +1 -0
- package/dist/molecules/alert.js +24 -0
- package/dist/molecules/breadcrumb.d.ts +9 -0
- package/dist/molecules/breadcrumb.d.ts.map +1 -0
- package/dist/molecules/breadcrumb.js +11 -0
- package/dist/molecules/card.d.ts +10 -0
- package/dist/molecules/card.d.ts.map +1 -0
- package/dist/molecules/card.js +13 -0
- package/dist/molecules/dropdown/dropdown-item.d.ts +14 -0
- package/dist/molecules/dropdown/dropdown-item.d.ts.map +1 -0
- package/dist/molecules/dropdown/dropdown-item.js +19 -0
- package/dist/molecules/dropdown/dropdown.d.ts +12 -0
- package/dist/molecules/dropdown/dropdown.d.ts.map +1 -0
- package/dist/molecules/dropdown/dropdown.js +34 -0
- package/dist/molecules/paginate.d.ts +8 -0
- package/dist/molecules/paginate.d.ts.map +1 -0
- package/dist/molecules/paginate.js +30 -0
- package/dist/molecules/table.d.ts +43 -0
- package/dist/molecules/table.d.ts.map +1 -0
- package/dist/molecules/table.js +38 -0
- package/dist/utils/date-helper.d.ts +14 -0
- package/dist/utils/date-helper.d.ts.map +1 -0
- package/dist/utils/date-helper.js +46 -0
- package/dist/utils/number-helper.d.ts +9 -0
- package/dist/utils/number-helper.d.ts.map +1 -0
- package/dist/utils/number-helper.js +25 -0
- package/dist/utils/object-helper.d.ts +9 -0
- package/dist/utils/object-helper.d.ts.map +1 -0
- package/dist/utils/object-helper.js +26 -0
- package/dist/utils/storage-helper.d.ts +8 -0
- package/dist/utils/storage-helper.d.ts.map +1 -0
- package/dist/utils/storage-helper.js +17 -0
- package/dist/utils/string-helper.d.ts +10 -0
- package/dist/utils/string-helper.d.ts.map +1 -0
- package/dist/utils/string-helper.js +30 -0
- package/dist/utils/uri-helper.d.ts +11 -0
- package/dist/utils/uri-helper.d.ts.map +1 -0
- package/dist/utils/uri-helper.js +21 -0
- package/dist/utils/validations-helper.d.ts +6 -0
- package/dist/utils/validations-helper.d.ts.map +1 -0
- package/dist/utils/validations-helper.js +7 -0
- package/dist/utils/yup-helper.d.ts +3 -0
- package/dist/utils/yup-helper.d.ts.map +1 -0
- package/dist/utils/yup-helper.js +2 -0
- package/package.json +88 -0
- package/tsconfig.json +28 -0
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React, { ButtonHTMLAttributes } from 'react';
|
|
2
|
+
export declare type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
3
|
+
color?: 'primary' | 'secondary' | 'success' | 'danger' | 'info' | 'warning' | 'default';
|
|
4
|
+
outline?: boolean;
|
|
5
|
+
active?: boolean;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
block?: boolean;
|
|
8
|
+
small?: boolean;
|
|
9
|
+
tag?: React.ElementType;
|
|
10
|
+
innerRef?: React.Ref<HTMLButtonElement>;
|
|
11
|
+
href?: string;
|
|
12
|
+
'aria-label'?: string;
|
|
13
|
+
};
|
|
14
|
+
export declare const Button: React.FC<ButtonProps>;
|
|
15
|
+
//# sourceMappingURL=button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/atoms/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAGnD,oBAAY,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAClE,KAAK,CAAC,EAAE,SAAS,GAAC,WAAW,GAAC,SAAS,GAAC,QAAQ,GAAC,MAAM,GAAC,SAAS,GAAC,SAAS,CAAA;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAA;IACvC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAmDxC,CAAA"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
import React from 'react';
|
|
13
|
+
import classNames from 'classnames';
|
|
14
|
+
export const Button = (_a) => {
|
|
15
|
+
var { children, active, block, className, color = 'primary', disabled, small = false, href, outline, innerRef, 'aria-label': ariaLabel } = _a, props = __rest(_a, ["children", "active", "block", "className", "color", "disabled", "small", "href", "outline", "innerRef", 'aria-label']);
|
|
16
|
+
let { tag: Tag = 'button' } = props;
|
|
17
|
+
const handleClick = (e) => {
|
|
18
|
+
if (disabled) {
|
|
19
|
+
e.preventDefault();
|
|
20
|
+
return;
|
|
21
|
+
}
|
|
22
|
+
if (props.onClick)
|
|
23
|
+
return props.onClick(e);
|
|
24
|
+
};
|
|
25
|
+
const btnOutlineColor = `btn${outline ? '-outline' : ''}-${color}`;
|
|
26
|
+
const classes = classNames(className, 'btn', btnOutlineColor, small && 'btn-small', block ? 'd-block w-100' : false, { active, disabled });
|
|
27
|
+
if (href && Tag === 'button') {
|
|
28
|
+
Tag = 'a';
|
|
29
|
+
}
|
|
30
|
+
return (React.createElement(Tag, Object.assign({}, (Tag === 'button' && props.onClick && { type: 'button' }), props, (href && { href }), { className: classes, ref: innerRef, onClick: handleClick, "aria-label": ariaLabel }), children));
|
|
31
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/atoms/checkbox.tsx"],"names":[],"mappings":";AAGA,oBAAY,aAAa,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,eAAO,MAAM,QAAQ,2BAA4B,aAAa,gBAI7D,CAAA"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
import { Input } from './input';
|
|
13
|
+
import React from 'react';
|
|
14
|
+
export const Checkout = (_a) => {
|
|
15
|
+
var { name, id } = _a, props = __rest(_a, ["name", "id"]);
|
|
16
|
+
return (React.createElement(Input, Object.assign({ type: "checkbox" }, props, { id: id || name, name: name })));
|
|
17
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
declare type columns = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
|
|
3
|
+
export declare type ColProps = {
|
|
4
|
+
size?: columns | columns[] | boolean;
|
|
5
|
+
} & React.HTMLAttributes<HTMLDivElement>;
|
|
6
|
+
export declare const Col: React.FC<ColProps>;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=col.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"col.d.ts","sourceRoot":"","sources":["../../src/atoms/col.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,aAAK,OAAO,GAAG,CAAC,GAAC,CAAC,GAAC,CAAC,GAAC,CAAC,GAAC,CAAC,GAAC,CAAC,GAAC,CAAC,GAAC,CAAC,GAAC,CAAC,GAAC,EAAE,GAAC,EAAE,GAAC,EAAE,CAAA;AAEzC,oBAAY,QAAQ,GAAG;IACrB,IAAI,CAAC,EAAE,OAAO,GAAC,OAAO,EAAE,GAAC,OAAO,CAAA;CACjC,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;AAIxC,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAalC,CAAA"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
import React from 'react';
|
|
13
|
+
import classNames from 'classnames';
|
|
14
|
+
const RESPONSIVE_FLAGS = ['', 'sm-', 'md-', 'lg-', 'xl-', 'xxl-'];
|
|
15
|
+
export const Col = (_a) => {
|
|
16
|
+
var { children, size = false, className } = _a, props = __rest(_a, ["children", "size", "className"]);
|
|
17
|
+
const columns = !Array.isArray(size)
|
|
18
|
+
? (typeof size === 'boolean' ? 'col-auto' : `col-${size}`)
|
|
19
|
+
: size.map((value, key) => `col-${RESPONSIVE_FLAGS[key]}${value}`).join(' ');
|
|
20
|
+
const classes = classNames(className, columns);
|
|
21
|
+
return (React.createElement("div", Object.assign({}, props, { className: classes }), children));
|
|
22
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare type ContainerProps = {
|
|
3
|
+
type?: 'fluid' | 'xxl' | 'xl' | 'lg' | 'md' | 'sm';
|
|
4
|
+
} & React.HTMLAttributes<HTMLDivElement>;
|
|
5
|
+
export declare const Container: ({ children, className, type, ...props }: ContainerProps) => JSX.Element;
|
|
6
|
+
//# sourceMappingURL=container.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../src/atoms/container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,oBAAY,cAAc,GAAG;IAC3B,IAAI,CAAC,EAAE,OAAO,GAAC,KAAK,GAAC,IAAI,GAAC,IAAI,GAAC,IAAI,GAAC,IAAI,CAAA;CACzC,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;AAExC,eAAO,MAAM,SAAS,4CAA6C,cAAc,gBAWhF,CAAA"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
import React from 'react';
|
|
13
|
+
import classNames from 'classnames';
|
|
14
|
+
export const Container = (_a) => {
|
|
15
|
+
var { children, className, type } = _a, props = __rest(_a, ["children", "className", "type"]);
|
|
16
|
+
const classes = classNames((!!className && className), `container${type ? '-' + type : ''}`);
|
|
17
|
+
return (React.createElement("div", Object.assign({}, props, { className: classes }), children));
|
|
18
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../src/atoms/icon.tsx"],"names":[],"mappings":";AAOA,oBAAY,SAAS,GAAG;IACtB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,IAAI,+BAAqC,SAAS,gBAK9D,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
2
|
+
import * as fab from '@fortawesome/free-brands-svg-icons';
|
|
3
|
+
import * as fa from '@fortawesome/free-solid-svg-icons';
|
|
4
|
+
import stringHelper from '../utils/string-helper';
|
|
5
|
+
import React from 'react';
|
|
6
|
+
export const Icon = ({ icon, brand, className = '' }) => {
|
|
7
|
+
const sanitize = stringHelper.toCamelCase(icon);
|
|
8
|
+
const ico = brand ? fab[sanitize] : fa[sanitize];
|
|
9
|
+
return React.createElement(FontAwesomeIcon, { icon: ico, className: className });
|
|
10
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React, { ImgHTMLAttributes } from 'react';
|
|
2
|
+
export declare type ImageProps = ImgHTMLAttributes<HTMLImageElement> & {
|
|
3
|
+
circle?: boolean;
|
|
4
|
+
rounded?: boolean;
|
|
5
|
+
thumbnail?: boolean;
|
|
6
|
+
full?: boolean;
|
|
7
|
+
align?: 'start' | 'center' | 'end';
|
|
8
|
+
objectFit?: 'cover' | 'contain' | 'none' | 'scale-down' | 'unset' | 'fill' | 'revert';
|
|
9
|
+
innerRef?: React.Ref<HTMLImageElement>;
|
|
10
|
+
};
|
|
11
|
+
export declare const Image: React.FC<ImageProps>;
|
|
12
|
+
//# sourceMappingURL=image.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../src/atoms/image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAGhD,oBAAY,UAAU,GAAG,iBAAiB,CAAC,gBAAgB,CAAC,GAAG;IAC7D,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,GAAC,QAAQ,GAAC,KAAK,CAAA;IAC9B,SAAS,CAAC,EAAE,OAAO,GAAC,SAAS,GAAC,MAAM,GAAC,YAAY,GAAC,OAAO,GAAC,MAAM,GAAC,QAAQ,CAAA;IACzE,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;CACvC,CAAA;AAmBD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA4CtC,CAAA"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
import React from 'react';
|
|
13
|
+
import classNames from 'classnames';
|
|
14
|
+
function alignValue(align) {
|
|
15
|
+
if (align === 'start')
|
|
16
|
+
return 'float-start';
|
|
17
|
+
if (align === 'end')
|
|
18
|
+
return 'float-end';
|
|
19
|
+
if (align === 'center')
|
|
20
|
+
return 'mx-auto d-block';
|
|
21
|
+
return false;
|
|
22
|
+
}
|
|
23
|
+
function objectFitValue(attr) {
|
|
24
|
+
if (attr === 'cover')
|
|
25
|
+
return 'object-fit-cover';
|
|
26
|
+
if (attr === 'contain')
|
|
27
|
+
return 'object-fit-contain';
|
|
28
|
+
if (attr === 'none')
|
|
29
|
+
return 'object-fit-none';
|
|
30
|
+
if (attr === 'scale-down')
|
|
31
|
+
return 'object-fit-scale-down';
|
|
32
|
+
if (attr === 'unset')
|
|
33
|
+
return 'object-fit-unset';
|
|
34
|
+
if (attr === 'fill')
|
|
35
|
+
return 'object-fit-fill';
|
|
36
|
+
if (attr === 'revert')
|
|
37
|
+
return 'object-fit-revert';
|
|
38
|
+
}
|
|
39
|
+
export const Image = (props) => {
|
|
40
|
+
const { src, alt, circle, rounded, thumbnail, align, objectFit, full, innerRef, className, width, height } = props, attrs = __rest(props, ["src", "alt", "circle", "rounded", "thumbnail", "align", "objectFit", "full", "innerRef", "className", "width", "height"]);
|
|
41
|
+
const classes = classNames(className, circle && 'circle', rounded && 'rounded', thumbnail ? 'img-thumbnail' : 'img-fluid', full && 'w-100', objectFitValue(objectFit), alignValue(align));
|
|
42
|
+
const styleOptions = {
|
|
43
|
+
style: {
|
|
44
|
+
width,
|
|
45
|
+
height
|
|
46
|
+
}
|
|
47
|
+
};
|
|
48
|
+
return (React.createElement("img", Object.assign({ src: src, alt: alt }, attrs, styleOptions, { ref: innerRef, className: classes })));
|
|
49
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React, { InputHTMLAttributes, TextareaHTMLAttributes } from 'react';
|
|
2
|
+
declare type InputType = 'text' | 'email' | 'select' | 'textarea' | 'file' | 'radio' | 'checkbox' | 'switch' | 'button' | 'reset' | 'submit' | 'date' | 'hidden' | 'image' | 'month' | 'number' | 'range' | 'search' | 'tel' | 'url' | 'week' | 'password' | 'datetime' | 'time' | 'color';
|
|
3
|
+
declare type Attributes = InputHTMLAttributes<HTMLInputElement> | TextareaHTMLAttributes<HTMLTextAreaElement>;
|
|
4
|
+
export declare type InputProps = Attributes & {
|
|
5
|
+
type?: InputType;
|
|
6
|
+
valid?: boolean;
|
|
7
|
+
invalid?: boolean;
|
|
8
|
+
addon?: boolean;
|
|
9
|
+
innerRef?: React.Ref<HTMLInputElement | HTMLTextAreaElement>;
|
|
10
|
+
tag?: string;
|
|
11
|
+
};
|
|
12
|
+
export declare const Input: React.FC<InputProps>;
|
|
13
|
+
export {};
|
|
14
|
+
//# sourceMappingURL=input.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/atoms/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAA;AAG1E,aAAK,SAAS,GACV,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,GACxC,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GACxC,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GACtC,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,GACvC,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,GAC3C,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,CAAA;AAE9C,aAAK,UAAU,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,GAAG,sBAAsB,CAAC,mBAAmB,CAAC,CAAA;AACrG,oBAAY,UAAU,GAAG,UAAU,GAAG;IACpC,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,GAAC,mBAAmB,CAAC,CAAA;IAC1D,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAqDtC,CAAA"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
import React from 'react';
|
|
13
|
+
import classNames from 'classnames';
|
|
14
|
+
export const Input = (_a) => {
|
|
15
|
+
var { className, type, tag, addon, valid, invalid, innerRef } = _a, props = __rest(_a, ["className", "type", "tag", "addon", "valid", "invalid", "innerRef"]);
|
|
16
|
+
const isCheck = ['switch', 'radio', 'checkbox'].indexOf(type) > -1;
|
|
17
|
+
const isTextarea = type === 'textarea';
|
|
18
|
+
const isSelect = type === 'select';
|
|
19
|
+
const isRange = type === 'range';
|
|
20
|
+
const isColor = type === 'color';
|
|
21
|
+
const Tag = tag || (isSelect || isTextarea ? type : 'input');
|
|
22
|
+
let formControlClass = 'form-control';
|
|
23
|
+
if (isRange) {
|
|
24
|
+
formControlClass = 'form-range';
|
|
25
|
+
}
|
|
26
|
+
else if (isSelect) {
|
|
27
|
+
formControlClass = 'form-select';
|
|
28
|
+
}
|
|
29
|
+
else if (isColor) {
|
|
30
|
+
formControlClass = 'form-control form-control-color';
|
|
31
|
+
}
|
|
32
|
+
else if (isCheck) {
|
|
33
|
+
if (addon) {
|
|
34
|
+
formControlClass = '';
|
|
35
|
+
}
|
|
36
|
+
else {
|
|
37
|
+
formControlClass = 'form-check-input';
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
const classes = classNames(className, invalid && 'is-invalid', valid && 'is-valid', formControlClass);
|
|
41
|
+
if (props.children && !(type === 'select' ||
|
|
42
|
+
typeof Tag !== 'string' ||
|
|
43
|
+
Tag === 'select')) {
|
|
44
|
+
Reflect.deleteProperty(props, 'children');
|
|
45
|
+
}
|
|
46
|
+
// @ts-ignore
|
|
47
|
+
return React.createElement(Tag, Object.assign({}, props, { className: classes, ref: innerRef, type: type }));
|
|
48
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare type LabelProps = {
|
|
3
|
+
htmlFor: string;
|
|
4
|
+
inline?: boolean;
|
|
5
|
+
innerRef?: React.Ref<HTMLLabelElement>;
|
|
6
|
+
} & React.LabelHTMLAttributes<HTMLLabelElement>;
|
|
7
|
+
export declare const Label: React.FC<LabelProps>;
|
|
8
|
+
//# sourceMappingURL=label.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../src/atoms/label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,oBAAY,UAAU,GAAG;IACvB,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;CACvC,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAA;AAE/C,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAetC,CAAA"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
import React from 'react';
|
|
13
|
+
import classNames from 'classnames';
|
|
14
|
+
export const Label = (_a) => {
|
|
15
|
+
var { htmlFor, inline, innerRef, children, className } = _a, props = __rest(_a, ["htmlFor", "inline", "innerRef", "children", "className"]);
|
|
16
|
+
const classes = classNames(className, 'form-label', inline ? 'd-inline-block' : 'd-block');
|
|
17
|
+
return (React.createElement("label", Object.assign({}, props, { htmlFor: htmlFor, ref: innerRef, className: classes }), children));
|
|
18
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../src/atoms/link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,oBAAY,SAAS,GAAG,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC,GAAG,EAAE,CAAA;AAEtH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAwBpC,CAAA"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
import React from 'react';
|
|
13
|
+
import { Link as RouterLink } from 'react-router-dom';
|
|
14
|
+
import { validationsHelper } from '../index';
|
|
15
|
+
export const Link = (props) => {
|
|
16
|
+
const { href = '', children, target } = props, attrs = __rest(props, ["href", "children", "target"]);
|
|
17
|
+
const validOptions = {
|
|
18
|
+
className: attrs.className,
|
|
19
|
+
title: attrs.title,
|
|
20
|
+
download: attrs.download
|
|
21
|
+
};
|
|
22
|
+
const isLink = validationsHelper.isUrl(href);
|
|
23
|
+
if (isLink) {
|
|
24
|
+
return (React.createElement("a", Object.assign({}, validOptions, { href: href, target: target || '_blank', rel: "noopener noreferrer" }), children));
|
|
25
|
+
}
|
|
26
|
+
return (React.createElement(RouterLink, Object.assign({}, validOptions, { to: href, target: target || '_self' }), children));
|
|
27
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../src/atoms/radio.tsx"],"names":[],"mappings":";AAGA,oBAAY,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,eAAO,MAAM,KAAK,2BAA4B,UAAU,gBAIvD,CAAA"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
import { Input } from './input';
|
|
13
|
+
import React from 'react';
|
|
14
|
+
export const Radio = (_a) => {
|
|
15
|
+
var { name, id } = _a, props = __rest(_a, ["name", "id"]);
|
|
16
|
+
return (React.createElement(Input, Object.assign({ type: "radio" }, props, { id: id || name, name: name })));
|
|
17
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare type RowProps = {
|
|
3
|
+
justifyContent?: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly';
|
|
4
|
+
alignItems?: 'start' | 'end' | 'center' | 'baseline' | 'stretch';
|
|
5
|
+
alignContent?: 'start' | 'end' | 'center' | 'between' | 'around' | 'stretch';
|
|
6
|
+
alignSelf?: 'auto' | 'start' | 'end' | 'center' | 'baseline' | 'stretch';
|
|
7
|
+
} & React.HTMLAttributes<HTMLDivElement>;
|
|
8
|
+
export declare const Row: React.FC<RowProps>;
|
|
9
|
+
//# sourceMappingURL=row.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"row.d.ts","sourceRoot":"","sources":["../../src/atoms/row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,oBAAY,QAAQ,GAAG;IACrB,cAAc,CAAC,EAAE,OAAO,GAAC,KAAK,GAAC,QAAQ,GAAC,SAAS,GAAC,QAAQ,GAAC,QAAQ,CAAA;IACnE,UAAU,CAAC,EAAE,OAAO,GAAC,KAAK,GAAC,QAAQ,GAAC,UAAU,GAAC,SAAS,CAAA;IACxD,YAAY,CAAC,EAAE,OAAO,GAAC,KAAK,GAAC,QAAQ,GAAC,SAAS,GAAC,QAAQ,GAAC,SAAS,CAAA;IAClE,SAAS,CAAC,EAAE,MAAM,GAAC,OAAO,GAAC,KAAK,GAAC,QAAQ,GAAC,UAAU,GAAC,SAAS,CAAA;CAC/D,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;AAExC,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAwBlC,CAAA"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
export const Row = (props) => {
|
|
4
|
+
const { children, className, justifyContent, alignItems, alignContent, alignSelf } = props;
|
|
5
|
+
const classes = classNames('row', !!className && className, !!justifyContent && `justify-content-${justifyContent}`, !!alignItems && `align-items-${alignItems}`, !!alignContent && `align-content-${alignContent}`, !!alignSelf && `align-self-${alignSelf}`);
|
|
6
|
+
return (React.createElement("div", Object.assign({}, props, { className: classes }), children));
|
|
7
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../src/atoms/separator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,oBAAY,cAAc,GAAG;IAC3B,KAAK,CAAC,EAAE,SAAS,GAAC,SAAS,GAAC,WAAW,GAAC,SAAS,GAAC,QAAQ,GAAC,SAAS,GAAC,MAAM,CAAA;CAC5E,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAQ9C,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../src/atoms/spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,oBAAY,YAAY,GAAG;IACzB,KAAK,CAAC,EAAE,SAAS,GAAC,WAAW,GAAC,SAAS,GAAC,QAAQ,GAAC,MAAM,GAAC,SAAS,CAAA;CAClE,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAK1C,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React, { HTMLAttributes } from 'react';
|
|
2
|
+
export declare type TypographyProps = HTMLAttributes<HTMLHeadingElement> & {
|
|
3
|
+
variant?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
4
|
+
lineBottom?: boolean;
|
|
5
|
+
full?: boolean;
|
|
6
|
+
tag?: React.ElementType;
|
|
7
|
+
innerRef?: React.Ref<HTMLHeadingElement>;
|
|
8
|
+
};
|
|
9
|
+
export declare const Typography: React.FC<TypographyProps>;
|
|
10
|
+
//# sourceMappingURL=typography.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/atoms/typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAG7C,oBAAY,eAAe,GAAG,cAAc,CAAC,kBAAkB,CAAC,GAAG;IACjE,OAAO,CAAC,EAAE,IAAI,GAAC,IAAI,GAAC,IAAI,GAAC,IAAI,GAAC,IAAI,GAAC,IAAI,CAAA;IACvC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAA;CACzC,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAwBhD,CAAA"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
import React from 'react';
|
|
13
|
+
import classNames from 'classnames';
|
|
14
|
+
export const Typography = (_a) => {
|
|
15
|
+
var { variant = 'h1', lineBottom, full, children, tag: Tag = variant, innerRef, className } = _a, props = __rest(_a, ["variant", "lineBottom", "full", "children", "tag", "innerRef", "className"]);
|
|
16
|
+
const classes = classNames(className, variant, lineBottom && (full ? 'line-bottom-full' : 'line-bottom'), full && 'w-100');
|
|
17
|
+
return (React.createElement(Tag, Object.assign({}, props, { className: classes, ref: innerRef }), children));
|
|
18
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { FormBuilderValidationProps } from '../form-builder.types';
|
|
3
|
+
declare type FormGroupProps = {
|
|
4
|
+
name: string;
|
|
5
|
+
title?: string;
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
validations?: FormBuilderValidationProps[];
|
|
8
|
+
};
|
|
9
|
+
export declare const FormGroup: (props: FormGroupProps) => JSX.Element;
|
|
10
|
+
export {};
|
|
11
|
+
//# sourceMappingURL=form-group.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"form-group.d.ts","sourceRoot":"","sources":["../../../../src/components/form-builder/_partials/form-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAA;AAElE,aAAK,cAAc,GAAG;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,WAAW,CAAC,EAAE,0BAA0B,EAAE,CAAA;CAC3C,CAAA;AAED,eAAO,MAAM,SAAS,UAAW,cAAc,gBAoB9C,CAAA"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ErrorMessage } from 'formik';
|
|
3
|
+
import { FormBuilderItemHelper } from '../utils/form-builder-item-helper';
|
|
4
|
+
export const FormGroup = (props) => {
|
|
5
|
+
const { name, title, children, validations } = props;
|
|
6
|
+
const required = FormBuilderItemHelper.init(validations).isRequired() ? React.createElement("span", null, "*") : null;
|
|
7
|
+
return (React.createElement("div", { className: "form-group" },
|
|
8
|
+
React.createElement("label", { className: "form-label", htmlFor: name },
|
|
9
|
+
title,
|
|
10
|
+
required),
|
|
11
|
+
children,
|
|
12
|
+
React.createElement(ErrorMessage, { name: name, component: ({ children }) => React.createElement("div", { className: "invalid-feedback" }, children) })));
|
|
13
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { FormikProps } from 'formik';
|
|
3
|
+
declare type Props = React.HTMLAttributes<HTMLButtonElement> & {
|
|
4
|
+
type?: 'submit' | 'reset' | 'button';
|
|
5
|
+
actions: FormikProps<any>;
|
|
6
|
+
color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info';
|
|
7
|
+
label: string;
|
|
8
|
+
labelLoading?: string;
|
|
9
|
+
};
|
|
10
|
+
export default function Input(props: Props): JSX.Element;
|
|
11
|
+
export {};
|
|
12
|
+
//# sourceMappingURL=button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/form-builder/components/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AAGpC,aAAK,KAAK,GAAG,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,GAAG;IACrD,IAAI,CAAC,EAAE,QAAQ,GAAC,OAAO,GAAC,QAAQ,CAAA;IAChC,OAAO,EAAE,WAAW,CAAC,GAAG,CAAC,CAAA;IACzB,KAAK,CAAC,EAAE,SAAS,GAAC,WAAW,GAAC,SAAS,GAAC,QAAQ,GAAC,SAAS,GAAC,MAAM,CAAA;IACjE,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAE,KAAK,EAAE,KAAK,eA0B1C"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
import React from 'react';
|
|
13
|
+
import { Button } from '../../../atoms/button';
|
|
14
|
+
export default function Input(props) {
|
|
15
|
+
const { type = 'button', actions, color = 'primary', label, labelLoading = label, className } = props, elements = __rest(props, ["type", "actions", "color", "label", "labelLoading", "className"]);
|
|
16
|
+
return (React.createElement("div", null,
|
|
17
|
+
React.createElement(Button, Object.assign({}, elements, { className: className, type: type, color: color }), actions.isSubmitting
|
|
18
|
+
? labelLoading
|
|
19
|
+
: label)));
|
|
20
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { FormikProps } from 'formik';
|
|
3
|
+
declare type Option = {
|
|
4
|
+
label: string | number;
|
|
5
|
+
value: string | number;
|
|
6
|
+
};
|
|
7
|
+
declare type Props = React.InputHTMLAttributes<HTMLInputElement> & {
|
|
8
|
+
name: string;
|
|
9
|
+
actions: FormikProps<any>;
|
|
10
|
+
value?: string;
|
|
11
|
+
options: Option[];
|
|
12
|
+
};
|
|
13
|
+
export default function Checkbox(props: Props): JSX.Element[] | null;
|
|
14
|
+
export {};
|
|
15
|
+
//# sourceMappingURL=checkbox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/form-builder/components/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAa,WAAW,EAAE,MAAM,QAAQ,CAAA;AAE/C,aAAK,MAAM,GAAG;IACZ,KAAK,EAAE,MAAM,GAAC,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,GAAC,MAAM,CAAA;CACrB,CAAA;AAED,aAAK,KAAK,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IACzD,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,WAAW,CAAC,GAAG,CAAC,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,EAAE,CAAA;CAClB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAE,KAAK,EAAE,KAAK,wBAqC7C"}
|