albinasoft-ui-package 1.0.89 → 1.0.93

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 (7) hide show
  1. package/dist/components/AlbinaForm.d.ts +23 -0
  2. package/dist/components/AlbinaForm.js +77 -0
  3. package/dist/components/CustomTreeView.d.ts +1 -2
  4. package/dist/components/CustomTreeView.js +27 -14
  5. package/dist/index.d.ts +2 -1
  6. package/dist/index.js +3 -1
  7. package/package.json +1 -1
package/dist/components/AlbinaForm.d.ts ADDED
@@ -0,0 +1,23 @@
1
+ import React from "react";
2
+ interface AlbinaFormProps {
3
+ /** Başlangıç form değerleri */
4
+ initialValues?: Record<string, any>;
5
+ /** Form elemanları konfigürasyonu (CustomForm’un elements prop’una verilecek) */
6
+ elements: any[];
7
+ /** İç satırın sınıfı */
8
+ innerRowCustomClass?: string;
9
+ /** Onay buton etiketi */
10
+ confirmLabel?: string;
11
+ /** İptal buton etiketi */
12
+ cancelLabel?: string;
13
+ /** Onay butonu görünürlüğü */
14
+ showConfirmButton?: boolean;
15
+ /** İptal butonu görünürlüğü */
16
+ showCancelButton?: boolean;
17
+ /** Form gönderme işlemi */
18
+ onSubmit: (values: Record<string, any>) => void;
19
+ /** İptal işlemi */
20
+ onCancel?: () => void;
21
+ }
22
+ declare const AlbinaForm: React.FC<AlbinaFormProps>;
23
+ export default AlbinaForm;
package/dist/components/AlbinaForm.js ADDED
@@ -0,0 +1,77 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
+ if (k2 === undefined) k2 = k;
15
+ var desc = Object.getOwnPropertyDescriptor(m, k);
16
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
17
+ desc = { enumerable: true, get: function() { return m[k]; } };
18
+ }
19
+ Object.defineProperty(o, k2, desc);
20
+ }) : (function(o, m, k, k2) {
21
+ if (k2 === undefined) k2 = k;
22
+ o[k2] = m[k];
23
+ }));
24
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
25
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
26
+ }) : function(o, v) {
27
+ o["default"] = v;
28
+ });
29
+ var __importStar = (this && this.__importStar) || function (mod) {
30
+ if (mod && mod.__esModule) return mod;
31
+ var result = {};
32
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
33
+ __setModuleDefault(result, mod);
34
+ return result;
35
+ };
36
+ Object.defineProperty(exports, "__esModule", { value: true });
37
+ var react_1 = __importStar(require("react"));
38
+ var CustomForm_1 = __importStar(require("./CustomForm"));
39
+ var AlbinaForm = function (_a) {
40
+ var _b = _a.initialValues, initialValues = _b === void 0 ? {} : _b, elements = _a.elements, _c = _a.innerRowCustomClass, innerRowCustomClass = _c === void 0 ? "justify-content-evenly" : _c, _d = _a.confirmLabel, confirmLabel = _d === void 0 ? "Gönder" : _d, _e = _a.cancelLabel, cancelLabel = _e === void 0 ? "İptal" : _e, _f = _a.showConfirmButton, showConfirmButton = _f === void 0 ? true : _f, _g = _a.showCancelButton, showCancelButton = _g === void 0 ? false : _g, onSubmit = _a.onSubmit, onCancel = _a.onCancel;
41
+ var _h = (0, react_1.useState)(initialValues), formValues = _h[0], setFormValues = _h[1];
42
+ var handleInputChange = function (id) { return function (e) {
43
+ if (e instanceof Date || e === null) {
44
+ setFormValues(function (prev) {
45
+ var _a;
46
+ return (__assign(__assign({}, prev), (_a = {}, _a[id] = e, _a)));
47
+ });
48
+ }
49
+ else if (e.target) {
50
+ var _a = e.target, type_1 = _a.type, checked_1 = _a.checked, value_1 = _a.value;
51
+ setFormValues(function (prev) {
52
+ var _a;
53
+ return (__assign(__assign({}, prev), (_a = {}, _a[id] = type_1 === "checkbox" ? checked_1 : value_1, _a)));
54
+ });
55
+ }
56
+ else {
57
+ setFormValues(function (prev) {
58
+ var _a;
59
+ return (__assign(__assign({}, prev), (_a = {}, _a[id] = e, _a)));
60
+ });
61
+ }
62
+ }; };
63
+ var enhancedElements = elements.map(function (element) {
64
+ if (element.id && element.type === CustomForm_1.ElementType.SELECT) {
65
+ return __assign(__assign({}, element), { value: formValues[element.id] || [], onChange: handleInputChange(element.id) });
66
+ }
67
+ else if (element.id) {
68
+ return __assign(__assign({}, element), { value: formValues[element.id] || "", onChange: handleInputChange(element.id) });
69
+ }
70
+ return element;
71
+ });
72
+ var handleFormSubmit = function (values) {
73
+ onSubmit(formValues);
74
+ };
75
+ return (react_1.default.createElement(CustomForm_1.default, { elements: enhancedElements, innerRowCustomClass: innerRowCustomClass, confirmLabel: confirmLabel, cancelLabel: cancelLabel, showConfirmButton: showConfirmButton, showCancelButton: showCancelButton, onSubmit: handleFormSubmit, handleCancel: onCancel }));
76
+ };
77
+ exports.default = AlbinaForm;
package/dist/components/CustomTreeView.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- interface TreeNode {
2
+ export interface TreeNode {
3
3
  label: string;
4
4
  value: string;
5
5
  children?: TreeNode[];
@@ -12,5 +12,4 @@ interface CustomTreeViewProps {
12
12
  onChange: (selected: string | null) => void;
13
13
  }
14
14
  declare const CustomTreeView: React.FC<CustomTreeViewProps>;
15
- export { CustomTreeView, TreeNode };
16
15
  export default CustomTreeView;
package/dist/components/CustomTreeView.js CHANGED
@@ -43,7 +43,6 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
43
43
  return to.concat(ar || Array.prototype.slice.call(from));
44
44
  };
45
45
  Object.defineProperty(exports, "__esModule", { value: true });
46
- exports.CustomTreeView = void 0;
47
46
  var react_1 = __importStar(require("react"));
48
47
  var SimpleTreeView_1 = require("@mui/x-tree-view/SimpleTreeView");
49
48
  var TreeItem_1 = require("@mui/x-tree-view/TreeItem");
@@ -52,13 +51,23 @@ var CustomInput_1 = __importStar(require("./CustomInput"));
52
51
  var CustomTreeView = function (_a) {
53
52
  var label = _a.label, value = _a.value, treeData = _a.treeData, _b = _a.placeholder, placeholder = _b === void 0 ? 'Ağaç Yapısını Filtrele...' : _b, onChange = _a.onChange;
54
53
  var _c = (0, react_1.useState)(''), filterTerm = _c[0], setFilterTerm = _c[1];
54
+ // value prop'u ile başlayacak şekilde state'i ayarla
55
55
  var _d = (0, react_1.useState)(value), selectedItem = _d[0], setSelectedItem = _d[1];
56
56
  var _e = (0, react_1.useState)([]), expandedItems = _e[0], setExpandedItems = _e[1];
57
57
  var _f = (0, react_1.useState)(''), inputValue = _f[0], setInputValue = _f[1];
58
58
  var _g = (0, react_1.useState)(false), isInputDisabled = _g[0], setIsInputDisabled = _g[1];
59
+ // value prop'u mount veya değiştiğinde, ilgili state'leri güncelle
59
60
  (0, react_1.useEffect)(function () {
60
- handleReset();
61
- }, []);
61
+ if (value) {
62
+ var labelText = findLabelByValue(treeData, value);
63
+ setInputValue(labelText);
64
+ setIsInputDisabled(true);
65
+ setSelectedItem(value);
66
+ }
67
+ else {
68
+ handleReset();
69
+ }
70
+ }, [value, treeData]);
62
71
  var filterTree = function (nodes, term) {
63
72
  var normalizedTerm = term.toLocaleLowerCase('tr-TR');
64
73
  var pathsToExpand = [];
@@ -66,13 +75,12 @@ var CustomTreeView = function (_a) {
66
75
  .map(function (node) {
67
76
  var normalizedLabel = node.label.toLocaleLowerCase('tr-TR');
68
77
  var matches = normalizedLabel.includes(normalizedTerm);
69
- var children = node.children && node.children.length > 0
78
+ var childrenResult = node.children && node.children.length > 0
70
79
  ? filterTree(node.children, term)
71
80
  : { filteredNodes: [], pathsToExpand: [] };
72
- var childMatches = children.filteredNodes.length > 0;
73
- if (matches || childMatches) {
74
- pathsToExpand = __spreadArray(__spreadArray(__spreadArray([], pathsToExpand, true), [node.value], false), children.pathsToExpand, true);
75
- return __assign(__assign({}, node), { children: childMatches ? children.filteredNodes : undefined });
81
+ if (matches || childrenResult.filteredNodes.length > 0) {
82
+ pathsToExpand = __spreadArray(__spreadArray(__spreadArray([], pathsToExpand, true), [node.value], false), childrenResult.pathsToExpand, true);
83
+ return __assign(__assign({}, node), { children: childrenResult.filteredNodes.length > 0 ? childrenResult.filteredNodes : undefined });
76
84
  }
77
85
  return null;
78
86
  })
@@ -88,7 +96,7 @@ var CustomTreeView = function (_a) {
88
96
  }
89
97
  }, [filterTerm, pathsToExpand]);
90
98
  var renderTree = function (nodes) {
91
- return nodes.map(function (node) { return (react_1.default.createElement(TreeItem_1.TreeItem, { key: node.value, itemId: node.value, label: react_1.default.createElement("span", { onClick: function () { return handleLabelClick(node.value); }, style: { cursor: "pointer" } }, node.label.trim() === "" ? "Kök" : node.label) }, node.children ? renderTree(node.children) : null)); });
99
+ return nodes.map(function (node) { return (react_1.default.createElement(TreeItem_1.TreeItem, { key: node.value, itemId: node.value, label: react_1.default.createElement("span", { onClick: function () { return handleLabelClick(node.value); }, style: { cursor: 'pointer' } }, node.label.trim() === "" ? "Kök" : node.label) }, node.children ? renderTree(node.children) : null)); });
92
100
  };
93
101
  var handleSelectionChange = function (event, selectedId) {
94
102
  setSelectedItem(selectedId);
@@ -108,19 +116,23 @@ var CustomTreeView = function (_a) {
108
116
  setIsInputDisabled(true);
109
117
  }
110
118
  };
111
- var findNodeByValue = function (nodes, value) {
119
+ var findNodeByValue = function (nodes, val) {
112
120
  for (var _i = 0, nodes_1 = nodes; _i < nodes_1.length; _i++) {
113
121
  var node = nodes_1[_i];
114
- if (node.value === value)
122
+ if (node.value === val)
115
123
  return node;
116
124
  if (node.children) {
117
- var result = findNodeByValue(node.children, value);
125
+ var result = findNodeByValue(node.children, val);
118
126
  if (result)
119
127
  return result;
120
128
  }
121
129
  }
122
130
  return null;
123
131
  };
132
+ var findLabelByValue = function (nodes, val) {
133
+ var node = findNodeByValue(nodes, val);
134
+ return node ? node.label : '';
135
+ };
124
136
  var handleExpandedItemsChange = function (event, itemIds) {
125
137
  setExpandedItems(itemIds);
126
138
  };
@@ -135,7 +147,8 @@ var CustomTreeView = function (_a) {
135
147
  return (react_1.default.createElement("div", null,
136
148
  label && react_1.default.createElement("label", null, label),
137
149
  react_1.default.createElement(CustomInput_1.default, { id: "tree-search", value: inputValue || filterTerm, inputType: CustomInput_1.InputType.TEXT, disabled: isInputDisabled, placeholder: placeholder, buttonIcon: react_1.default.createElement(fa_1.FaTimes, null), buttonClass: "btn btn-danger bg-soft-danger", buttonOnClick: handleReset, onChange: function (e) { return setFilterTerm(e.target.value); } }),
138
- react_1.default.createElement(SimpleTreeView_1.SimpleTreeView, { checkboxSelection: true, selectedItems: selectedItem || '', expandedItems: expandedItems, onSelectedItemsChange: handleSelectionChange, onExpandedItemsChange: handleExpandedItemsChange }, renderTree(filteredNodes))));
150
+ react_1.default.createElement(SimpleTreeView_1.SimpleTreeView, { checkboxSelection: true,
151
+ // SimpleTreeView beklediği tip string olduğundan, dizi yerine selectedItem'ı direkt veriyoruz.
152
+ selectedItems: selectedItem || '', expandedItems: expandedItems, onSelectedItemsChange: handleSelectionChange, onExpandedItemsChange: handleExpandedItemsChange }, renderTree(filteredNodes))));
139
153
  };
140
- exports.CustomTreeView = CustomTreeView;
141
154
  exports.default = CustomTreeView;
package/dist/index.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import AlbinaForm from './components/AlbinaForm';
1
2
  import CustomButton from './components/CustomButton';
2
3
  import CustomCheckbox from './components/CustomCheckbox';
3
4
  import CustomDateTimePicker from './components/CustomDateTimePicker';
@@ -16,4 +17,4 @@ import CustomAutocompleteInput from './components/CustomAutocompleteInput';
16
17
  import CustomProgressBar from './components/CustomProgressBar';
17
18
  import CustomTimeline from './components/CustomTimeline';
18
19
  import CustomDatatable from './components/CustomDatatable';
19
- export { CustomButton, CustomCheckbox, CustomDateTimePicker, CustomDivider, CustomForm, CustomInput, CustomModal, CustomRadioButton, CustomRichTextbox, CustomSelect, CustomTab, CustomText, CustomTextarea, CustomTreeView, CustomAutocompleteInput, CustomProgressBar, CustomTimeline, CustomDatatable, };
20
+ export { AlbinaForm, CustomButton, CustomCheckbox, CustomDateTimePicker, CustomDivider, CustomForm, CustomInput, CustomModal, CustomRadioButton, CustomRichTextbox, CustomSelect, CustomTab, CustomText, CustomTextarea, CustomTreeView, CustomAutocompleteInput, CustomProgressBar, CustomTimeline, CustomDatatable, };
package/dist/index.js CHANGED
@@ -3,7 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
3
3
  return (mod && mod.__esModule) ? mod : { "default": mod };
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.CustomDatatable = exports.CustomTimeline = exports.CustomProgressBar = exports.CustomAutocompleteInput = exports.CustomTreeView = exports.CustomTextarea = exports.CustomText = exports.CustomTab = exports.CustomSelect = exports.CustomRichTextbox = exports.CustomRadioButton = exports.CustomModal = exports.CustomInput = exports.CustomForm = exports.CustomDivider = exports.CustomDateTimePicker = exports.CustomCheckbox = exports.CustomButton = void 0;
6
+ exports.CustomDatatable = exports.CustomTimeline = exports.CustomProgressBar = exports.CustomAutocompleteInput = exports.CustomTreeView = exports.CustomTextarea = exports.CustomText = exports.CustomTab = exports.CustomSelect = exports.CustomRichTextbox = exports.CustomRadioButton = exports.CustomModal = exports.CustomInput = exports.CustomForm = exports.CustomDivider = exports.CustomDateTimePicker = exports.CustomCheckbox = exports.CustomButton = exports.AlbinaForm = void 0;
7
+ var AlbinaForm_1 = __importDefault(require("./components/AlbinaForm"));
8
+ exports.AlbinaForm = AlbinaForm_1.default;
7
9
  var CustomButton_1 = __importDefault(require("./components/CustomButton"));
8
10
  exports.CustomButton = CustomButton_1.default;
9
11
  var CustomCheckbox_1 = __importDefault(require("./components/CustomCheckbox"));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "albinasoft-ui-package",
3
- "version": "1.0.89",
3
+ "version": "1.0.93",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/index.d.ts",
6
6
  "scripts": {