albinasoft-ui-package 1.1.42 → 1.1.44

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.
Files changed (59) hide show
  1. package/LICENSE +21 -21
  2. package/dist/assets/css/custom-autocomplete-input.css +49 -49
  3. package/dist/assets/css/custom-datatable.css +2 -2
  4. package/dist/assets/css/custom-datetime-picker.css +779 -779
  5. package/dist/assets/css/custom-progress-bar.css +37 -37
  6. package/dist/assets/css/custom-select.css +62 -62
  7. package/dist/assets/css/custom-simple-select.css +117 -117
  8. package/dist/assets/css/custom-timeline.css +43 -43
  9. package/dist/assets/css/custom-treeview.css +84 -0
  10. package/dist/assets/css/dark.css +2159 -2159
  11. package/dist/assets/css/main.css +26664 -26664
  12. package/dist/components/AlbinaForm.d.ts +28 -28
  13. package/dist/components/AlbinaForm.js +88 -88
  14. package/dist/components/CustomAutocompleteInput.d.ts +23 -23
  15. package/dist/components/CustomAutocompleteInput.js +185 -185
  16. package/dist/components/CustomButton.d.ts +14 -14
  17. package/dist/components/CustomButton.js +98 -98
  18. package/dist/components/CustomCheckbox.d.ts +20 -20
  19. package/dist/components/CustomCheckbox.js +58 -58
  20. package/dist/components/CustomDatatable.d.ts +42 -42
  21. package/dist/components/CustomDatatable.js +92 -92
  22. package/dist/components/CustomDateTimePicker.d.ts +33 -33
  23. package/dist/components/CustomDateTimePicker.js +91 -91
  24. package/dist/components/CustomDivider.d.ts +51 -51
  25. package/dist/components/CustomDivider.js +87 -87
  26. package/dist/components/CustomFileUploader.d.ts +65 -65
  27. package/dist/components/CustomFileUploader.js +460 -460
  28. package/dist/components/CustomForm.d.ts +225 -225
  29. package/dist/components/CustomForm.js +259 -243
  30. package/dist/components/CustomInput.d.ts +37 -37
  31. package/dist/components/CustomInput.js +85 -85
  32. package/dist/components/CustomModal.d.ts +15 -15
  33. package/dist/components/CustomModal.js +17 -17
  34. package/dist/components/CustomPhoneInput.d.ts +29 -29
  35. package/dist/components/CustomPhoneInput.js +251 -251
  36. package/dist/components/CustomProgressBar.d.ts +9 -9
  37. package/dist/components/CustomProgressBar.js +40 -40
  38. package/dist/components/CustomRadioButton.d.ts +25 -25
  39. package/dist/components/CustomRadioButton.js +34 -34
  40. package/dist/components/CustomRichTextbox.d.ts +14 -14
  41. package/dist/components/CustomRichTextbox.js +89 -89
  42. package/dist/components/CustomSelect.d.ts +32 -32
  43. package/dist/components/CustomSelect.js +193 -191
  44. package/dist/components/CustomSimpleSelect.d.ts +21 -21
  45. package/dist/components/CustomSimpleSelect.js +64 -64
  46. package/dist/components/CustomTab.d.ts +44 -44
  47. package/dist/components/CustomTab.js +122 -122
  48. package/dist/components/CustomText.d.ts +72 -72
  49. package/dist/components/CustomText.js +158 -158
  50. package/dist/components/CustomTextarea.d.ts +22 -22
  51. package/dist/components/CustomTextarea.js +33 -33
  52. package/dist/components/CustomTimeline.d.ts +30 -30
  53. package/dist/components/CustomTimeline.js +80 -80
  54. package/dist/components/CustomTreeView.d.ts +20 -22
  55. package/dist/components/CustomTreeView.js +168 -157
  56. package/dist/index.d.ts +22 -22
  57. package/dist/index.js +48 -48
  58. package/package.json +44 -43
  59. package/readme.md +9 -9
@@ -1,85 +1,85 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- var __importDefault = (this && this.__importDefault) || function (mod) {
26
- return (mod && mod.__esModule) ? mod : { "default": mod };
27
- };
28
- Object.defineProperty(exports, "__esModule", { value: true });
29
- exports.InputType = exports.CustomInput = void 0;
30
- var react_1 = __importStar(require("react"));
31
- var react_bootstrap_1 = require("react-bootstrap");
32
- var fa_1 = require("react-icons/fa");
33
- var react_input_mask_1 = __importDefault(require("react-input-mask"));
34
- var InputType;
35
- (function (InputType) {
36
- InputType["TEXT"] = "text";
37
- InputType["NUMBER"] = "number";
38
- InputType["TEL"] = "tel";
39
- InputType["PASSWORD"] = "password";
40
- InputType["EMAIL"] = "email";
41
- InputType["FILE"] = "file";
42
- })(InputType || (InputType = {}));
43
- exports.InputType = InputType;
44
- var CustomInput = function (_a) {
45
- var id = _a.id, name = _a.name, label = _a.label, _b = _a.inputType, inputType = _b === void 0 ? InputType.TEXT : _b, value = _a.value, placeholder = _a.placeholder, _c = _a.required, required = _c === void 0 ? false : _c, errorMessage = _a.errorMessage, _d = _a.conditionalErrorVisible, conditionalErrorVisible = _d === void 0 ? false : _d, conditionalErrorMessage = _a.conditionalErrorMessage, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.readOnly, readOnly = _f === void 0 ? false : _f, buttonIcon = _a.buttonIcon, buttonClass = _a.buttonClass, buttonTooltip = _a.buttonTooltip, description = _a.description, tooltip = _a.tooltip, style = _a.style, mainClass = _a.mainClass, className = _a.className, buttonOnClick = _a.buttonOnClick, onChange = _a.onChange, onKeyDown = _a.onKeyDown;
46
- var _g = (0, react_1.useState)(false), showPassword = _g[0], setShowPassword = _g[1];
47
- var handleType = inputType === InputType.PASSWORD && showPassword
48
- ? InputType.TEXT
49
- : inputType;
50
- var togglePasswordVisibility = function () {
51
- setShowPassword(function (prev) { return !prev; });
52
- };
53
- var renderInput = function () {
54
- // If inputType is TEL, use ReactInputMask
55
- if (inputType === InputType.TEL) {
56
- return (react_1.default.createElement(react_input_mask_1.default, { mask: "0(999) 999 99 99", value: value, onChange: onChange, onKeyDown: onKeyDown, className: "form-control ".concat(className), style: style, required: required, disabled: disabled, readOnly: readOnly, autoComplete: "new-password" }));
57
- }
58
- // Otherwise, return a normal input element
59
- return (react_1.default.createElement("input", { id: id, name: name, type: handleType, value: value, placeholder: placeholder, onChange: onChange, onKeyDown: onKeyDown, className: "form-control ".concat(className), style: style, required: required, disabled: disabled, readOnly: readOnly, autoComplete: "new-password" }));
60
- };
61
- return (react_1.default.createElement("div", { className: mainClass },
62
- react_1.default.createElement("div", { className: "form-group" },
63
- react_1.default.createElement("label", { htmlFor: id, className: "form-label" }, label),
64
- react_1.default.createElement("div", { className: "input-group position-relative" },
65
- tooltip ? (react_1.default.createElement(react_bootstrap_1.OverlayTrigger, { placement: "bottom", overlay: react_1.default.createElement(react_bootstrap_1.Tooltip, { id: "tooltip-".concat(tooltip) }, tooltip) }, renderInput())) : (renderInput()),
66
- inputType === InputType.PASSWORD && (react_1.default.createElement("button", { type: "button", onClick: togglePasswordVisibility, className: "btn btn-outline-secondary", title: showPassword ? "Parolayı Gizle" : "Parolayı Göster" }, showPassword ? react_1.default.createElement(fa_1.FaEyeSlash, null) : react_1.default.createElement(fa_1.FaEye, null))),
67
- buttonIcon && buttonOnClick && (react_1.default.createElement("button", { type: "button", onClick: buttonOnClick, className: buttonClass || "btn btn-outline-secondary", title: buttonTooltip || "" }, buttonIcon)),
68
- required && (react_1.default.createElement("div", { className: "invalid-feedback text-danger" },
69
- react_1.default.createElement("div", { className: "description-icon" },
70
- react_1.default.createElement(fa_1.FaExclamationTriangle, null)),
71
- react_1.default.createElement("div", { className: "description-text" },
72
- react_1.default.createElement("span", null, errorMessage || "Bu alan boş bırakılamaz.")))),
73
- conditionalErrorVisible && (react_1.default.createElement("div", { className: "conditional-error-message text-warning" },
74
- react_1.default.createElement("div", { className: "description-icon" },
75
- react_1.default.createElement(fa_1.FaExclamationTriangle, null)),
76
- react_1.default.createElement("div", { className: "description-text" },
77
- react_1.default.createElement("span", null, conditionalErrorMessage)))),
78
- description && (react_1.default.createElement("div", { className: "form-description text-secondary" },
79
- react_1.default.createElement("div", { className: "description-icon" },
80
- react_1.default.createElement(fa_1.FaInfoCircle, null)),
81
- react_1.default.createElement("div", { className: "description-text" },
82
- react_1.default.createElement("span", null, description))))))));
83
- };
84
- exports.CustomInput = CustomInput;
85
- exports.default = CustomInput;
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
24
+ };
25
+ var __importDefault = (this && this.__importDefault) || function (mod) {
26
+ return (mod && mod.__esModule) ? mod : { "default": mod };
27
+ };
28
+ Object.defineProperty(exports, "__esModule", { value: true });
29
+ exports.InputType = exports.CustomInput = void 0;
30
+ var react_1 = __importStar(require("react"));
31
+ var react_bootstrap_1 = require("react-bootstrap");
32
+ var fa_1 = require("react-icons/fa");
33
+ var react_input_mask_1 = __importDefault(require("react-input-mask"));
34
+ var InputType;
35
+ (function (InputType) {
36
+ InputType["TEXT"] = "text";
37
+ InputType["NUMBER"] = "number";
38
+ InputType["TEL"] = "tel";
39
+ InputType["PASSWORD"] = "password";
40
+ InputType["EMAIL"] = "email";
41
+ InputType["FILE"] = "file";
42
+ })(InputType || (InputType = {}));
43
+ exports.InputType = InputType;
44
+ var CustomInput = function (_a) {
45
+ var id = _a.id, name = _a.name, label = _a.label, _b = _a.inputType, inputType = _b === void 0 ? InputType.TEXT : _b, value = _a.value, placeholder = _a.placeholder, _c = _a.required, required = _c === void 0 ? false : _c, errorMessage = _a.errorMessage, _d = _a.conditionalErrorVisible, conditionalErrorVisible = _d === void 0 ? false : _d, conditionalErrorMessage = _a.conditionalErrorMessage, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.readOnly, readOnly = _f === void 0 ? false : _f, buttonIcon = _a.buttonIcon, buttonClass = _a.buttonClass, buttonTooltip = _a.buttonTooltip, description = _a.description, tooltip = _a.tooltip, style = _a.style, mainClass = _a.mainClass, className = _a.className, buttonOnClick = _a.buttonOnClick, onChange = _a.onChange, onKeyDown = _a.onKeyDown;
46
+ var _g = (0, react_1.useState)(false), showPassword = _g[0], setShowPassword = _g[1];
47
+ var handleType = inputType === InputType.PASSWORD && showPassword
48
+ ? InputType.TEXT
49
+ : inputType;
50
+ var togglePasswordVisibility = function () {
51
+ setShowPassword(function (prev) { return !prev; });
52
+ };
53
+ var renderInput = function () {
54
+ // If inputType is TEL, use ReactInputMask
55
+ if (inputType === InputType.TEL) {
56
+ return (react_1.default.createElement(react_input_mask_1.default, { mask: "0(999) 999 99 99", value: value, onChange: onChange, onKeyDown: onKeyDown, className: "form-control ".concat(className), style: style, required: required, disabled: disabled, readOnly: readOnly, autoComplete: "new-password" }));
57
+ }
58
+ // Otherwise, return a normal input element
59
+ return (react_1.default.createElement("input", { id: id, name: name, type: handleType, value: value, placeholder: placeholder, onChange: onChange, onKeyDown: onKeyDown, className: "form-control ".concat(className), style: style, required: required, disabled: disabled, readOnly: readOnly, autoComplete: "new-password" }));
60
+ };
61
+ return (react_1.default.createElement("div", { className: mainClass },
62
+ react_1.default.createElement("div", { className: "form-group" },
63
+ react_1.default.createElement("label", { htmlFor: id, className: "form-label" }, label),
64
+ react_1.default.createElement("div", { className: "input-group position-relative" },
65
+ tooltip ? (react_1.default.createElement(react_bootstrap_1.OverlayTrigger, { placement: "bottom", overlay: react_1.default.createElement(react_bootstrap_1.Tooltip, { id: "tooltip-".concat(tooltip) }, tooltip) }, renderInput())) : (renderInput()),
66
+ inputType === InputType.PASSWORD && (react_1.default.createElement("button", { type: "button", onClick: togglePasswordVisibility, className: "btn btn-outline-secondary", title: showPassword ? "Parolayı Gizle" : "Parolayı Göster" }, showPassword ? react_1.default.createElement(fa_1.FaEyeSlash, null) : react_1.default.createElement(fa_1.FaEye, null))),
67
+ buttonIcon && buttonOnClick && (react_1.default.createElement("button", { type: "button", onClick: buttonOnClick, className: buttonClass || "btn btn-outline-secondary", title: buttonTooltip || "" }, buttonIcon)),
68
+ required && (react_1.default.createElement("div", { className: "invalid-feedback text-danger" },
69
+ react_1.default.createElement("div", { className: "description-icon" },
70
+ react_1.default.createElement(fa_1.FaExclamationTriangle, null)),
71
+ react_1.default.createElement("div", { className: "description-text" },
72
+ react_1.default.createElement("span", null, errorMessage || "Bu alan boş bırakılamaz.")))),
73
+ conditionalErrorVisible && (react_1.default.createElement("div", { className: "conditional-error-message text-warning" },
74
+ react_1.default.createElement("div", { className: "description-icon" },
75
+ react_1.default.createElement(fa_1.FaExclamationTriangle, null)),
76
+ react_1.default.createElement("div", { className: "description-text" },
77
+ react_1.default.createElement("span", null, conditionalErrorMessage)))),
78
+ description && (react_1.default.createElement("div", { className: "form-description text-secondary" },
79
+ react_1.default.createElement("div", { className: "description-icon" },
80
+ react_1.default.createElement(fa_1.FaInfoCircle, null)),
81
+ react_1.default.createElement("div", { className: "description-text" },
82
+ react_1.default.createElement("span", null, description))))))));
83
+ };
84
+ exports.CustomInput = CustomInput;
85
+ exports.default = CustomInput;
@@ -1,15 +1,15 @@
1
- import React from 'react';
2
- import '../assets/css/custom-autocomplete-input.css';
3
- interface CustomModalProps {
4
- show: boolean;
5
- title?: React.ReactNode;
6
- size?: 'sm' | 'md' | 'lg' | 'xl' | 'fullscreen';
7
- onHide: () => void;
8
- children?: React.ReactNode;
9
- footer?: React.ReactNode;
10
- style?: React.CSSProperties;
11
- bodyStyle?: React.CSSProperties;
12
- onlyBody?: boolean;
13
- }
14
- declare const CustomModal: React.FC<CustomModalProps>;
15
- export default CustomModal;
1
+ import React from 'react';
2
+ import '../assets/css/custom-autocomplete-input.css';
3
+ interface CustomModalProps {
4
+ show: boolean;
5
+ title?: React.ReactNode;
6
+ size?: 'sm' | 'md' | 'lg' | 'xl' | 'fullscreen';
7
+ onHide: () => void;
8
+ children?: React.ReactNode;
9
+ footer?: React.ReactNode;
10
+ style?: React.CSSProperties;
11
+ bodyStyle?: React.CSSProperties;
12
+ onlyBody?: boolean;
13
+ }
14
+ declare const CustomModal: React.FC<CustomModalProps>;
15
+ export default CustomModal;
@@ -1,17 +1,17 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- var react_1 = __importDefault(require("react"));
7
- var react_bootstrap_1 = require("react-bootstrap");
8
- require("../assets/css/custom-autocomplete-input.css");
9
- var CustomModal = function (_a) {
10
- var show = _a.show, _b = _a.title, title = _b === void 0 ? 'Default Title' : _b, _c = _a.size, size = _c === void 0 ? 'md' : _c, onHide = _a.onHide, children = _a.children, footer = _a.footer, style = _a.style, bodyStyle = _a.bodyStyle, _d = _a.onlyBody, onlyBody = _d === void 0 ? false : _d;
11
- return (react_1.default.createElement(react_bootstrap_1.Modal, { show: show, onHide: onHide, size: size !== 'fullscreen' && size !== 'md' ? size : undefined, fullscreen: size === 'fullscreen' ? true : undefined, centered: size !== 'fullscreen', style: style }, onlyBody ? (react_1.default.createElement(react_bootstrap_1.Modal.Body, { style: bodyStyle }, children)) : (react_1.default.createElement(react_1.default.Fragment, null,
12
- react_1.default.createElement(react_bootstrap_1.Modal.Header, { closeButton: true },
13
- react_1.default.createElement(react_bootstrap_1.Modal.Title, null, title)),
14
- react_1.default.createElement(react_bootstrap_1.Modal.Body, { style: bodyStyle }, children),
15
- footer && react_1.default.createElement(react_bootstrap_1.Modal.Footer, null, footer)))));
16
- };
17
- exports.default = CustomModal;
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ var react_1 = __importDefault(require("react"));
7
+ var react_bootstrap_1 = require("react-bootstrap");
8
+ require("../assets/css/custom-autocomplete-input.css");
9
+ var CustomModal = function (_a) {
10
+ var show = _a.show, _b = _a.title, title = _b === void 0 ? 'Default Title' : _b, _c = _a.size, size = _c === void 0 ? 'md' : _c, onHide = _a.onHide, children = _a.children, footer = _a.footer, style = _a.style, bodyStyle = _a.bodyStyle, _d = _a.onlyBody, onlyBody = _d === void 0 ? false : _d;
11
+ return (react_1.default.createElement(react_bootstrap_1.Modal, { show: show, onHide: onHide, size: size !== 'fullscreen' && size !== 'md' ? size : undefined, fullscreen: size === 'fullscreen' ? true : undefined, centered: size !== 'fullscreen', style: style }, onlyBody ? (react_1.default.createElement(react_bootstrap_1.Modal.Body, { style: bodyStyle }, children)) : (react_1.default.createElement(react_1.default.Fragment, null,
12
+ react_1.default.createElement(react_bootstrap_1.Modal.Header, { closeButton: true },
13
+ react_1.default.createElement(react_bootstrap_1.Modal.Title, null, title)),
14
+ react_1.default.createElement(react_bootstrap_1.Modal.Body, { style: bodyStyle }, children),
15
+ footer && react_1.default.createElement(react_bootstrap_1.Modal.Footer, null, footer)))));
16
+ };
17
+ exports.default = CustomModal;
@@ -1,29 +1,29 @@
1
- import React from 'react';
2
- interface Props {
3
- id?: string;
4
- name?: string;
5
- label?: string;
6
- value: string;
7
- placeholder?: string;
8
- placeholderWhenUnselectedCountryCode?: string;
9
- placeholderForCountryCode?: string;
10
- required?: boolean;
11
- submitted?: boolean;
12
- errorMessage?: string;
13
- conditionalErrorVisible?: boolean;
14
- conditionalErrorMessage?: string;
15
- conditionalErrorVisibleForCountryCode?: boolean;
16
- conditionalErrorMessageForCountryCode?: string;
17
- disabled?: boolean;
18
- readOnly?: boolean;
19
- description?: string | null;
20
- descriptionForCountryCode?: string | null;
21
- tooltip?: string;
22
- style?: React.CSSProperties;
23
- mainClass?: string;
24
- className?: string;
25
- countryCodeText?: string;
26
- onChange: (full: string) => void;
27
- }
28
- declare const CustomPhoneInput: React.FC<Props>;
29
- export default CustomPhoneInput;
1
+ import React from 'react';
2
+ interface Props {
3
+ id?: string;
4
+ name?: string;
5
+ label?: string;
6
+ value: string;
7
+ placeholder?: string;
8
+ placeholderWhenUnselectedCountryCode?: string;
9
+ placeholderForCountryCode?: string;
10
+ required?: boolean;
11
+ submitted?: boolean;
12
+ errorMessage?: string;
13
+ conditionalErrorVisible?: boolean;
14
+ conditionalErrorMessage?: string;
15
+ conditionalErrorVisibleForCountryCode?: boolean;
16
+ conditionalErrorMessageForCountryCode?: string;
17
+ disabled?: boolean;
18
+ readOnly?: boolean;
19
+ description?: string | null;
20
+ descriptionForCountryCode?: string | null;
21
+ tooltip?: string;
22
+ style?: React.CSSProperties;
23
+ mainClass?: string;
24
+ className?: string;
25
+ countryCodeText?: string;
26
+ onChange: (full: string) => void;
27
+ }
28
+ declare const CustomPhoneInput: React.FC<Props>;
29
+ export default CustomPhoneInput;