albinasoft-ui-package 1.1.63 → 1.1.64

package/dist/components/CustomContainer.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export interface CustomContainerProps {
+    id?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+declare const CustomContainer: React.FC<CustomContainerProps>;
+export default CustomContainer;

package/dist/components/CustomContainer.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+// CustomContainer.tsx
+var react_1 = __importDefault(require("react"));
+var CustomContainer = function (_a) {
+    var id = _a.id, _b = _a.className, className = _b === void 0 ? "custom-container" : _b, style = _a.style, children = _a.children;
+    return (react_1.default.createElement("div", { id: id, className: className, style: style }, children));
+};
+exports.default = CustomContainer;

package/dist/components/CustomForm.d.ts

@@ -17,7 +17,8 @@ declare enum ElementType {
     BUTTON = "button",
     AUTOCOMPLETEINPUT = "autocompleteinput",
     PHONE = "phone",
-    FILEUPLOADER = "fileuploader"
+    FILEUPLOADER = "fileuploader",
+    CONTAINER = "container"
 }
 interface InputElement {
     id?: string;
@@ -211,7 +212,18 @@ interface FileUploaderElement {
     innerRowId?: number;
     colClass?: string;
 }
-type FormElement = InputElement | TextareaElement | CheckboxElement | RadioButtonElement | SelectElement | SimpleSelectElement | DateTimePickerElement | TextElement | DividerElement | RichTextboxElement | TreeViewElement | ButtonElement | AutoCompleteInputElement | PhoneElement | FileUploaderElement;
+interface ContainerElement {
+    id?: string;
+    type: ElementType.CONTAINER;
+    className?: string;
+    style?: React.CSSProperties;
+    rowId?: number;
+    colId?: number;
+    innerRowId?: number;
+    colClass?: string;
+    children?: React.ReactNode;
+}
+type FormElement = InputElement | TextareaElement | CheckboxElement | RadioButtonElement | SelectElement | SimpleSelectElement | DateTimePickerElement | TextElement | DividerElement | RichTextboxElement | TreeViewElement | ButtonElement | AutoCompleteInputElement | PhoneElement | FileUploaderElement | ContainerElement;
 interface CustomFormProps {
     elements: FormElement[];
     innerRowCustomClass?: string;

package/dist/components/CustomForm.js

@@ -92,6 +92,7 @@ var CustomTreeView_1 = __importDefault(require("./CustomTreeView"));
 var CustomAutocompleteInput_1 = __importDefault(require("./CustomAutocompleteInput"));
 var CustomFileUploader_1 = __importDefault(require("./CustomFileUploader"));
 var CustomPhoneInput_1 = __importDefault(require("./CustomPhoneInput"));
+var CustomContainer_1 = __importDefault(require("./CustomContainer"));
 var ElementType;
 (function (ElementType) {
     ElementType["INPUT"] = "input";
@@ -109,6 +110,7 @@ var ElementType;
     ElementType["AUTOCOMPLETEINPUT"] = "autocompleteinput";
     ElementType["PHONE"] = "phone";
     ElementType["FILEUPLOADER"] = "fileuploader";
+    ElementType["CONTAINER"] = "container";
 })(ElementType || (ElementType = {}));
 exports.ElementType = ElementType;
 var CustomForm = function (_a) {
@@ -263,7 +265,7 @@ var CustomForm = function (_a) {
                         } }))) : element.type === ElementType.DATETIMEPICKER ? (react_1.default.createElement(CustomDateTimePicker_1.default, __assign({}, element, { submitted: submitted }))) : element.type === ElementType.DIVIDER ? (react_1.default.createElement(CustomDivider_1.default, __assign({}, element))) : element.type === ElementType.RICHTEXTBOX ? (react_1.default.createElement(CustomRichTextbox_1.default, __assign({}, element))) : element.type === ElementType.TREEVIEW ? (react_1.default.createElement(CustomTreeView_1.default, __assign({}, element, { submitted: submitted }))) : element.type === ElementType.BUTTON ? (react_1.default.createElement(CustomButton_1.default, __assign({}, element, { isLoading: isLoading }))) : element.type === ElementType.AUTOCOMPLETEINPUT ? (react_1.default.createElement(CustomAutocompleteInput_1.default, __assign({}, element))) : element.type === ElementType.PHONE ? (react_1.default.createElement(CustomPhoneInput_1.default, __assign({}, element))) : element.type === ElementType.FILEUPLOADER ? (
                     // FILEUPLOADER elemanı için CustomFileUploader'ı render ediyoruz
                     react_1.default.createElement(react_1.default.Fragment, null,
-                        react_1.default.createElement(CustomFileUploader_1.default, { ref: getUploaderRefCb(element.id), url: element.url, multi: element.multi, allowedTypes: element.allowedTypes, maxFile: element.maxFile, maxSize: element.maxSize, required: element.required, submitted: submitted, onUploadComplete: element.onUploadComplete, onRemoveUploaded: element.onRemoveUploaded, onPendingChange: element.onPendingChange, clearTrigger: element.clearTrigger, label: element.label, translations: element.translations, onUploadingChange: setIsUploading, onNotify: onNotify }))) : null)); })));
+                        react_1.default.createElement(CustomFileUploader_1.default, { ref: getUploaderRefCb(element.id), url: element.url, multi: element.multi, allowedTypes: element.allowedTypes, maxFile: element.maxFile, maxSize: element.maxSize, required: element.required, submitted: submitted, onUploadComplete: element.onUploadComplete, onRemoveUploaded: element.onRemoveUploaded, onPendingChange: element.onPendingChange, clearTrigger: element.clearTrigger, label: element.label, translations: element.translations, onUploadingChange: setIsUploading, onNotify: onNotify }))) : element.type === ElementType.CONTAINER ? (react_1.default.createElement(CustomContainer_1.default, __assign({}, element), element.children)) : null)); })));
                 })));
             })));
         }),

package/dist/index.d.ts

@@ -19,5 +19,6 @@ 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 CustomContainer, type CustomContainerProps, } from './components/CustomContainer';
 export type { Notify } from './types/notify';
 export { noopNotify } from './types/notify';

package/dist/index.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-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;
+exports.noopNotify = exports.CustomContainer = 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; } });
@@ -74,5 +74,7 @@ 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; } });
+var CustomContainer_1 = require("./components/CustomContainer");
+Object.defineProperty(exports, "CustomContainer", { enumerable: true, get: function () { return __importDefault(CustomContainer_1).default; } });
 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.63",
+  "version": "1.1.64",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {