albinasoft-ui-package 1.1.58 → 1.1.60

package/dist/assets/css/custom-datetime-picker.css

@@ -1,6 +1,7 @@
 /* Genel Ayarlar */
 .react-datepicker-popper {
   z-index: 5;
+  line-height: 0;
 }
 
 .react-datepicker__navigation-icon::before,
@@ -48,10 +49,6 @@
   height: auto;
 }
 
-.react-datepicker-popper {
-  z-index: 1;
-  line-height: 0;
-}
 .react-datepicker-popper .react-datepicker__triangle {
   stroke: var(--bs-border-color);
 }

package/dist/components/CustomAutocompleteInput.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import '../assets/css/custom-autocomplete-input.css';
-interface CustomAutocompleteInputProps {
+export interface CustomAutocompleteInputProps {
     id?: string;
     name?: string;
     label: string;

package/dist/components/CustomButton.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-interface CustomButtonProps {
+export interface CustomButtonProps {
     id?: string;
     label: React.ReactNode;
     name?: string;

package/dist/components/CustomCheckbox.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-interface CustomCheckboxProps {
+export interface CustomCheckboxProps {
     id?: string;
     name?: string;
     label: string;

package/dist/components/CustomDateTimePicker.d.ts

@@ -5,7 +5,7 @@ declare enum TimeFormat {
     M = "mm",
     HM = "HH:mm"
 }
-interface CustomDateTimePickerProps {
+export interface CustomDateTimePickerProps {
     id?: string;
     name?: string;
     label: string;

package/dist/components/CustomDivider.d.ts

@@ -37,7 +37,7 @@ declare enum Width {
     W75 = "75%",
     W100 = "100%"
 }
-interface CustomDividerProps {
+export interface CustomDividerProps {
     id?: string;
     color?: Color;
     thickness?: Thickness;

package/dist/components/CustomInput.d.ts

@@ -7,7 +7,7 @@ declare enum InputType {
     EMAIL = "email",
     FILE = "file"
 }
-interface CustomInputProps {
+export interface CustomInputProps {
     id?: string;
     name?: string;
     label?: string;

package/dist/components/CustomModal.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import '../assets/css/custom-autocomplete-input.css';
-interface CustomModalProps {
+export interface CustomModalProps {
     show: boolean;
     title?: React.ReactNode;
     size?: 'sm' | 'md' | 'lg' | 'xl' | 'fullscreen';

package/dist/components/CustomPhoneInput.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-interface Props {
+export interface CustomPhoneInputProps {
     id?: string;
     name?: string;
     label?: string;
@@ -25,5 +25,5 @@ interface Props {
     countryCodeText?: string;
     onChange: (full: string) => void;
 }
-declare const CustomPhoneInput: React.FC<Props>;
+declare const CustomPhoneInput: React.FC<CustomPhoneInputProps>;
 export default CustomPhoneInput;

package/dist/components/CustomProgressBar.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import "../assets/css/custom-progress-bar.css";
-interface CustomProgressBarProps {
+export interface CustomProgressBarProps {
     activeStep: number;
     stepLabels: string[];
     onStepClick: (step: number) => void;

package/dist/components/CustomRadioButton.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-interface CustomRadioButtonOption {
+export interface CustomRadioButtonOption {
     id: string;
     label: string;
     value: string;
 }
-interface CustomRadioButtonProps {
+export interface CustomRadioButtonProps {
     id?: string;
     name?: string;
     label: string;

package/dist/components/CustomRichTextbox.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import 'quill/dist/quill.snow.css';
-interface CustomRichTextboxProps {
+export interface CustomRichTextboxProps {
     id?: string;
     name?: string;
     label: string;

package/dist/components/CustomSelect.d.ts

@@ -1,11 +1,11 @@
 import React from "react";
 import "../assets/css/custom-select.css";
-interface CustomSelectOption {
+export interface CustomSelectOption {
     id: string;
     label: string;
     value: string;
 }
-interface CustomSelectProps {
+export interface CustomSelectProps {
     id?: string;
     name?: string;
     label: string;

package/dist/components/CustomSimpleSelect.d.ts

@@ -1,10 +1,10 @@
 import React from "react";
 import "../assets/css/custom-simple-select.css";
-interface Option {
+export interface Option {
     value: string;
     label: string;
 }
-interface SimpleSelectProps {
+export interface CustomSimpleSelectProps {
     id?: string;
     name?: string;
     label?: string;
@@ -17,5 +17,5 @@ interface SimpleSelectProps {
     style?: React.CSSProperties;
     onChange: (value: string) => void;
 }
-declare const CustomSimpleSelect: React.FC<SimpleSelectProps>;
+declare const CustomSimpleSelect: React.FC<CustomSimpleSelectProps>;
 export default CustomSimpleSelect;

package/dist/components/CustomText.d.ts

@@ -48,7 +48,7 @@ declare enum Color {
     DARK = "text-dark",
     LIGHT = "text-light"
 }
-interface CustomTextProps {
+export interface CustomTextProps {
     id?: string;
     value: string;
     className?: string;

package/dist/components/CustomTextarea.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-interface CustomTextareaProps {
+export interface CustomTextareaProps {
     id?: string;
     name?: string;
     label: string;

package/dist/index.d.ts

@@ -1,24 +1,23 @@
-export { default as AlbinaForm } from './components/AlbinaForm';
+export { default as CustomForm, ElementType } from './components/CustomForm';
 export { default as CustomAutocompleteInput } from './components/CustomAutocompleteInput';
 export { default as CustomButton } from './components/CustomButton';
 export { default as CustomCheckbox } from './components/CustomCheckbox';
-export { default as CustomInput, InputType } from './components/CustomInput';
+export { default as CustomInput, InputType, } from './components/CustomInput';
 export { default as CustomTextarea } from './components/CustomTextarea';
 export { default as CustomPhoneInput } from './components/CustomPhoneInput';
 export { default as CustomRadioButton } from './components/CustomRadioButton';
 export { default as CustomSelect } from './components/CustomSelect';
 export { default as CustomSimpleSelect } from './components/CustomSimpleSelect';
-export { default as CustomTreeView, type CustomTreeViewProps, type TreeNode } from './components/CustomTreeView';
-export { default as CustomDateTimePicker, TimeFormat } from './components/CustomDateTimePicker';
+export { default as CustomTreeView, type TreeNode, type CustomTreeViewProps, } from './components/CustomTreeView';
+export { default as CustomDateTimePicker, TimeFormat, } from './components/CustomDateTimePicker';
 export { default as CustomText, TextType, TextAlign, FontSize, LineHeight, FontWeight, Color as TextColor, } from './components/CustomText';
-export { default as CustomDivider, Color as DividerColor, // alias to avoid collision with TextColor
-Alignment as DividerAlignment, Thickness as DividerThickness, Width as DividerWidth, } from './components/CustomDivider';
+export { default as CustomDivider, Color as DividerColor, Alignment as DividerAlignment, Thickness as DividerThickness, Width as DividerWidth, } from './components/CustomDivider';
 export { default as CustomModal } from './components/CustomModal';
-export { default as CustomDatatable, type ColDef, } from './components/CustomDatatable';
+export { default as CustomDatatable, type ColDef, type CustomDatatableProps, } from './components/CustomDatatable';
 export { default as CustomFileUploader, AllowedTypes, type FileUploaderTranslations, defaultTranslations, type CustomFileUploaderProps, type CustomFileUploaderHandle, } from './components/CustomFileUploader';
 export { default as CustomRichTextbox } from './components/CustomRichTextbox';
 export { default as CustomProgressBar } from './components/CustomProgressBar';
 export { default as CustomTab, AlignTabs, TabSize, type TabItem, type CustomTabProps, } from './components/CustomTab';
 export { default as CustomTimeline, DotColor, type AdditionalInfo, type TimelineElement, } from './components/CustomTimeline';
-export { default as CustomForm, ElementType } from './components/CustomForm';
-export type { Notify, noopNotify } from './types/notify';
+export type { Notify } from './types/notify';
+export { noopNotify } from './types/notify';

package/dist/index.js

@@ -4,11 +4,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ElementType = exports.CustomForm = exports.DotColor = exports.CustomTimeline = exports.TabSize = exports.AlignTabs = exports.CustomTab = exports.CustomProgressBar = exports.CustomRichTextbox = exports.defaultTranslations = exports.AllowedTypes = exports.CustomFileUploader = exports.CustomDatatable = exports.CustomModal = exports.DividerWidth = exports.DividerThickness = exports.DividerAlignment = exports.DividerColor = exports.CustomDivider = exports.TextColor = exports.FontWeight = exports.LineHeight = exports.FontSize = exports.TextAlign = exports.TextType = exports.CustomText = exports.TimeFormat = exports.CustomDateTimePicker = exports.CustomTreeView = exports.CustomSimpleSelect = exports.CustomSelect = exports.CustomRadioButton = exports.CustomPhoneInput = exports.CustomTextarea = exports.InputType = exports.CustomInput = exports.CustomCheckbox = exports.CustomButton = exports.CustomAutocompleteInput = exports.AlbinaForm = void 0;
-// Form / Albina
-var AlbinaForm_1 = require("./components/AlbinaForm");
-Object.defineProperty(exports, "AlbinaForm", { enumerable: true, get: function () { return __importDefault(AlbinaForm_1).default; } });
-// Inputs
+exports.noopNotify = exports.DotColor = exports.CustomTimeline = exports.TabSize = exports.AlignTabs = exports.CustomTab = exports.CustomProgressBar = exports.CustomRichTextbox = exports.defaultTranslations = exports.AllowedTypes = exports.CustomFileUploader = exports.CustomDatatable = exports.CustomModal = exports.DividerWidth = exports.DividerThickness = exports.DividerAlignment = exports.DividerColor = exports.CustomDivider = exports.TextColor = exports.FontWeight = exports.LineHeight = exports.FontSize = exports.TextAlign = exports.TextType = exports.CustomText = exports.TimeFormat = exports.CustomDateTimePicker = exports.CustomTreeView = exports.CustomSimpleSelect = exports.CustomSelect = exports.CustomRadioButton = exports.CustomPhoneInput = exports.CustomTextarea = exports.InputType = exports.CustomInput = exports.CustomCheckbox = exports.CustomButton = exports.CustomAutocompleteInput = exports.ElementType = exports.CustomForm = void 0;
+// ---- Form orchestrator ----
+var CustomForm_1 = require("./components/CustomForm");
+Object.defineProperty(exports, "CustomForm", { enumerable: true, get: function () { return __importDefault(CustomForm_1).default; } });
+Object.defineProperty(exports, "ElementType", { enumerable: true, get: function () { return CustomForm_1.ElementType; } });
+// ---- Inputs ----
 var CustomAutocompleteInput_1 = require("./components/CustomAutocompleteInput");
 Object.defineProperty(exports, "CustomAutocompleteInput", { enumerable: true, get: function () { return __importDefault(CustomAutocompleteInput_1).default; } });
 var CustomButton_1 = require("./components/CustomButton");
@@ -24,18 +25,18 @@ var CustomPhoneInput_1 = require("./components/CustomPhoneInput");
 Object.defineProperty(exports, "CustomPhoneInput", { enumerable: true, get: function () { return __importDefault(CustomPhoneInput_1).default; } });
 var CustomRadioButton_1 = require("./components/CustomRadioButton");
 Object.defineProperty(exports, "CustomRadioButton", { enumerable: true, get: function () { return __importDefault(CustomRadioButton_1).default; } });
-// Selects / Tree
+// ---- Selects / Tree ----
 var CustomSelect_1 = require("./components/CustomSelect");
 Object.defineProperty(exports, "CustomSelect", { enumerable: true, get: function () { return __importDefault(CustomSelect_1).default; } });
 var CustomSimpleSelect_1 = require("./components/CustomSimpleSelect");
 Object.defineProperty(exports, "CustomSimpleSelect", { enumerable: true, get: function () { return __importDefault(CustomSimpleSelect_1).default; } });
 var CustomTreeView_1 = require("./components/CustomTreeView");
 Object.defineProperty(exports, "CustomTreeView", { enumerable: true, get: function () { return __importDefault(CustomTreeView_1).default; } });
-// Date & Time
+// ---- Date & Time ----
 var CustomDateTimePicker_1 = require("./components/CustomDateTimePicker");
 Object.defineProperty(exports, "CustomDateTimePicker", { enumerable: true, get: function () { return __importDefault(CustomDateTimePicker_1).default; } });
 Object.defineProperty(exports, "TimeFormat", { enumerable: true, get: function () { return CustomDateTimePicker_1.TimeFormat; } });
-// Layout / Text / Visual
+// ---- Text / Divider / Modal ----
 var CustomText_1 = require("./components/CustomText");
 Object.defineProperty(exports, "CustomText", { enumerable: true, get: function () { return __importDefault(CustomText_1).default; } });
 Object.defineProperty(exports, "TextType", { enumerable: true, get: function () { return CustomText_1.TextType; } });
@@ -52,18 +53,18 @@ Object.defineProperty(exports, "DividerThickness", { enumerable: true, get: func
 Object.defineProperty(exports, "DividerWidth", { enumerable: true, get: function () { return CustomDivider_1.Width; } });
 var CustomModal_1 = require("./components/CustomModal");
 Object.defineProperty(exports, "CustomModal", { enumerable: true, get: function () { return __importDefault(CustomModal_1).default; } });
-// Data
+// ---- Data / Tables ----
 var CustomDatatable_1 = require("./components/CustomDatatable");
 Object.defineProperty(exports, "CustomDatatable", { enumerable: true, get: function () { return __importDefault(CustomDatatable_1).default; } });
-// Files
+// ---- Files ----
 var CustomFileUploader_1 = require("./components/CustomFileUploader");
 Object.defineProperty(exports, "CustomFileUploader", { enumerable: true, get: function () { return __importDefault(CustomFileUploader_1).default; } });
 Object.defineProperty(exports, "AllowedTypes", { enumerable: true, get: function () { return CustomFileUploader_1.AllowedTypes; } });
 Object.defineProperty(exports, "defaultTranslations", { enumerable: true, get: function () { return CustomFileUploader_1.defaultTranslations; } });
-// Rich Text
+// ---- Rich Text ----
 var CustomRichTextbox_1 = require("./components/CustomRichTextbox");
 Object.defineProperty(exports, "CustomRichTextbox", { enumerable: true, get: function () { return __importDefault(CustomRichTextbox_1).default; } });
-// Progress / Tabs / Timeline
+// ---- Progress / Tabs / Timeline ----
 var CustomProgressBar_1 = require("./components/CustomProgressBar");
 Object.defineProperty(exports, "CustomProgressBar", { enumerable: true, get: function () { return __importDefault(CustomProgressBar_1).default; } });
 var CustomTab_1 = require("./components/CustomTab");
@@ -73,7 +74,5 @@ Object.defineProperty(exports, "TabSize", { enumerable: true, get: function () {
 var CustomTimeline_1 = require("./components/CustomTimeline");
 Object.defineProperty(exports, "CustomTimeline", { enumerable: true, get: function () { return __importDefault(CustomTimeline_1).default; } });
 Object.defineProperty(exports, "DotColor", { enumerable: true, get: function () { return CustomTimeline_1.DotColor; } });
-// Form Orchestrator (barrel + named like before)
-var CustomForm_1 = require("./components/CustomForm");
-Object.defineProperty(exports, "CustomForm", { enumerable: true, get: function () { return __importDefault(CustomForm_1).default; } });
-Object.defineProperty(exports, "ElementType", { enumerable: true, get: function () { return CustomForm_1.ElementType; } });
+var notify_1 = require("./types/notify");
+Object.defineProperty(exports, "noopNotify", { enumerable: true, get: function () { return notify_1.noopNotify; } });

package/package.json

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

package/dist/components/AlbinaForm.d.ts

@@ -1,28 +0,0 @@
-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;
-    /** Form değeri değiştiğinde çağrılacak callback */
-    onValuesChange?: (values: Record<string, any>) => void;
-}
-declare const AlbinaForm: React.ForwardRefExoticComponent<AlbinaFormProps & React.RefAttributes<AlbinaFormHandles>>;
-export default AlbinaForm;

package/dist/components/AlbinaForm.js

@@ -1,88 +0,0 @@
-"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, onValuesChange = _a.onValuesChange;
-    var _h = (0, react_1.useState)(initialValues), formValues = _h[0], setFormValues = _h[1];
-    // Form değerleri değiştikçe dışarıya bildiriyoruz.
-    (0, react_1.useEffect)(function () {
-        if (onValuesChange) {
-            onValuesChange(formValues);
-        }
-    }, [formValues, onValuesChange]);
-    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)));
-            });
-        }
-    }; };
-    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; };
-    (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;