albinasoft-ui-package 1.0.92 → 1.0.94

package/dist/components/AlbinaForm.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+export interface AlbinaFormHandles {
+    getFormValues: () => Record<string, any>;
+}
+export interface AlbinaFormProps {
+    /** Başlangıç form değerleri */
+    initialValues?: Record<string, any>;
+    /** Form elemanları konfigürasyonu (CustomForm’un elements prop’una verilecek) */
+    elements: any[];
+    /** İç satırın sınıfı */
+    innerRowCustomClass?: string;
+    /** Onay buton etiketi */
+    confirmLabel?: string;
+    /** İptal buton etiketi */
+    cancelLabel?: string;
+    /** Onay butonu görünürlüğü */
+    showConfirmButton?: boolean;
+    /** İptal butonu görünürlüğü */
+    showCancelButton?: boolean;
+    /** Form gönderme işlemi */
+    onSubmit: (values: Record<string, any>) => Promise<any> | void;
+    /** İptal işlemi */
+    onCancel?: () => void;
+}
+declare const AlbinaForm: React.ForwardRefExoticComponent<AlbinaFormProps & React.RefAttributes<AlbinaFormHandles>>;
+export default AlbinaForm;

package/dist/components/AlbinaForm.js

@@ -0,0 +1,87 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var CustomForm_1 = __importStar(require("./CustomForm"));
+var AlbinaForm = (0, react_1.forwardRef)(function (_a, ref) {
+    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;
+    var _h = (0, react_1.useState)(initialValues), formValues = _h[0], setFormValues = _h[1];
+    // Her input için onChange eventini içeren ortak handler
+    var handleInputChange = function (id) { return function (e) {
+        if (e instanceof Date || e === null) {
+            setFormValues(function (prev) {
+                var _a;
+                return (__assign(__assign({}, prev), (_a = {}, _a[id] = e, _a)));
+            });
+        }
+        else if (e.target) {
+            var _a = e.target, type_1 = _a.type, checked_1 = _a.checked, value_1 = _a.value;
+            setFormValues(function (prev) {
+                var _a;
+                return (__assign(__assign({}, prev), (_a = {}, _a[id] = type_1 === "checkbox" ? checked_1 : value_1, _a)));
+            });
+        }
+        else {
+            setFormValues(function (prev) {
+                var _a;
+                return (__assign(__assign({}, prev), (_a = {}, _a[id] = e, _a)));
+            });
+        }
+    }; };
+    // Elemana ait onChange handler ile formValues state'ini update ediyoruz.
+    var enhancedElements = elements.map(function (element) {
+        if (element.id && element.type === CustomForm_1.ElementType.SELECT) {
+            return __assign(__assign({}, element), { value: formValues[element.id] || [], onChange: handleInputChange(element.id) });
+        }
+        else if (element.id) {
+            return __assign(__assign({}, element), { value: formValues[element.id] || "", onChange: handleInputChange(element.id) });
+        }
+        return element;
+    });
+    var handleFormSubmit = function (values) {
+        onSubmit(formValues);
+    };
+    // Ref üzerinden dışarıya sunulacak metod
+    var getFormValues = function () {
+        return formValues;
+    };
+    // useImperativeHandle ile ref üzerinden sunulan metotları belirtiyoruz.
+    (0, react_1.useImperativeHandle)(ref, function () { return ({
+        getFormValues: getFormValues,
+    }); });
+    return (react_1.default.createElement(CustomForm_1.default, { elements: enhancedElements, innerRowCustomClass: innerRowCustomClass, confirmLabel: confirmLabel, cancelLabel: cancelLabel, showConfirmButton: showConfirmButton, showCancelButton: showCancelButton, onSubmit: handleFormSubmit, handleCancel: onCancel }));
+});
+exports.default = AlbinaForm;

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+import AlbinaForm from './components/AlbinaForm';
 import CustomButton from './components/CustomButton';
 import CustomCheckbox from './components/CustomCheckbox';
 import CustomDateTimePicker from './components/CustomDateTimePicker';
@@ -16,4 +17,4 @@ import CustomAutocompleteInput from './components/CustomAutocompleteInput';
 import CustomProgressBar from './components/CustomProgressBar';
 import CustomTimeline from './components/CustomTimeline';
 import CustomDatatable from './components/CustomDatatable';
-export { CustomButton, CustomCheckbox, CustomDateTimePicker, CustomDivider, CustomForm, CustomInput, CustomModal, CustomRadioButton, CustomRichTextbox, CustomSelect, CustomTab, CustomText, CustomTextarea, CustomTreeView, CustomAutocompleteInput, CustomProgressBar, CustomTimeline, CustomDatatable, };
+export { AlbinaForm, CustomButton, CustomCheckbox, CustomDateTimePicker, CustomDivider, CustomForm, CustomInput, CustomModal, CustomRadioButton, CustomRichTextbox, CustomSelect, CustomTab, CustomText, CustomTextarea, CustomTreeView, CustomAutocompleteInput, CustomProgressBar, CustomTimeline, CustomDatatable, };

package/dist/index.js

@@ -3,7 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-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;
+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;
+var AlbinaForm_1 = __importDefault(require("./components/AlbinaForm"));
+exports.AlbinaForm = AlbinaForm_1.default;
 var CustomButton_1 = __importDefault(require("./components/CustomButton"));
 exports.CustomButton = CustomButton_1.default;
 var CustomCheckbox_1 = __importDefault(require("./components/CustomCheckbox"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "albinasoft-ui-package",
-  "version": "1.0.92",
+  "version": "1.0.94",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {