albinasoft-ui-package 1.1.63 → 1.1.65

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/CustomContainer.d.ts +9 -0
  2. package/dist/components/CustomContainer.js +12 -0
  3. package/dist/components/CustomForm.d.ts +14 -2
  4. package/dist/components/CustomForm.js +4 -2
  5. package/dist/index.d.ts +1 -0
  6. package/dist/index.js +3 -1
  7. package/package.json +1 -1
package/dist/components/CustomContainer.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ import React from "react";
2
+ export interface CustomContainerProps {
3
+ id?: string;
4
+ className?: string;
5
+ style?: React.CSSProperties;
6
+ children?: React.ReactNode;
7
+ }
8
+ declare const CustomContainer: React.FC<CustomContainerProps>;
9
+ export default CustomContainer;
package/dist/components/CustomContainer.js ADDED
@@ -0,0 +1,12 @@
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
+ // CustomContainer.tsx
7
+ var react_1 = __importDefault(require("react"));
8
+ var CustomContainer = function (_a) {
9
+ var id = _a.id, _b = _a.className, className = _b === void 0 ? "custom-container" : _b, style = _a.style, children = _a.children;
10
+ return (react_1.default.createElement("div", { id: id, className: className, style: style }, children));
11
+ };
12
+ exports.default = CustomContainer;
package/dist/components/CustomForm.d.ts CHANGED
@@ -17,7 +17,8 @@ declare enum ElementType {
17
17
  BUTTON = "button",
18
18
  AUTOCOMPLETEINPUT = "autocompleteinput",
19
19
  PHONE = "phone",
20
- FILEUPLOADER = "fileuploader"
20
+ FILEUPLOADER = "fileuploader",
21
+ CONTAINER = "container"
21
22
  }
22
23
  interface InputElement {
23
24
  id?: string;
@@ -211,7 +212,18 @@ interface FileUploaderElement {
211
212
  innerRowId?: number;
212
213
  colClass?: string;
213
214
  }
214
- type FormElement = InputElement | TextareaElement | CheckboxElement | RadioButtonElement | SelectElement | SimpleSelectElement | DateTimePickerElement | TextElement | DividerElement | RichTextboxElement | TreeViewElement | ButtonElement | AutoCompleteInputElement | PhoneElement | FileUploaderElement;
215
+ interface ContainerElement {
216
+ id?: string;
217
+ type: ElementType.CONTAINER;
218
+ className?: string;
219
+ style?: React.CSSProperties;
220
+ rowId?: number;
221
+ colId?: number;
222
+ innerRowId?: number;
223
+ colClass?: string;
224
+ children?: React.ReactNode;
225
+ }
226
+ type FormElement = InputElement | TextareaElement | CheckboxElement | RadioButtonElement | SelectElement | SimpleSelectElement | DateTimePickerElement | TextElement | DividerElement | RichTextboxElement | TreeViewElement | ButtonElement | AutoCompleteInputElement | PhoneElement | FileUploaderElement | ContainerElement;
215
227
  interface CustomFormProps {
216
228
  elements: FormElement[];
217
229
  innerRowCustomClass?: string;
package/dist/components/CustomForm.js CHANGED
@@ -92,6 +92,7 @@ var CustomTreeView_1 = __importDefault(require("./CustomTreeView"));
92
92
  var CustomAutocompleteInput_1 = __importDefault(require("./CustomAutocompleteInput"));
93
93
  var CustomFileUploader_1 = __importDefault(require("./CustomFileUploader"));
94
94
  var CustomPhoneInput_1 = __importDefault(require("./CustomPhoneInput"));
95
+ var CustomContainer_1 = __importDefault(require("./CustomContainer"));
95
96
  var ElementType;
96
97
  (function (ElementType) {
97
98
  ElementType["INPUT"] = "input";
@@ -109,6 +110,7 @@ var ElementType;
109
110
  ElementType["AUTOCOMPLETEINPUT"] = "autocompleteinput";
110
111
  ElementType["PHONE"] = "phone";
111
112
  ElementType["FILEUPLOADER"] = "fileuploader";
113
+ ElementType["CONTAINER"] = "container";
112
114
  })(ElementType || (ElementType = {}));
113
115
  exports.ElementType = ElementType;
114
116
  var CustomForm = function (_a) {
@@ -260,10 +262,10 @@ var CustomForm = function (_a) {
260
262
  ? element.value[0] || ""
261
263
  : "", onChange: function (val) {
262
264
  return element.onChange(val);
263
- } }))) : 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 ? (
265
+ } }))) : 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))) : 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 ? (
264
266
  // FILEUPLOADER elemanı için CustomFileUploader'ı render ediyoruz
265
267
  react_1.default.createElement(react_1.default.Fragment, null,
266
- 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)); })));
268
+ 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)); })));
267
269
  })));
268
270
  })));
269
271
  }),
package/dist/index.d.ts CHANGED
@@ -19,5 +19,6 @@ export { default as CustomRichTextbox } from './components/CustomRichTextbox';
19
19
  export { default as CustomProgressBar } from './components/CustomProgressBar';
20
20
  export { default as CustomTab, AlignTabs, TabSize, type TabItem, type CustomTabProps, } from './components/CustomTab';
21
21
  export { default as CustomTimeline, DotColor, type AdditionalInfo, type TimelineElement, } from './components/CustomTimeline';
22
+ export { default as CustomContainer, type CustomContainerProps, } from './components/CustomContainer';
22
23
  export type { Notify } from './types/notify';
23
24
  export { noopNotify } from './types/notify';
package/dist/index.js CHANGED
@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
4
4
  return (mod && mod.__esModule) ? mod : { "default": mod };
5
5
  };
6
6
  Object.defineProperty(exports, "__esModule", { value: true });
7
- 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;
7
+ 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;
8
8
  // ---- Form orchestrator ----
9
9
  var CustomForm_1 = require("./components/CustomForm");
10
10
  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 () {
74
74
  var CustomTimeline_1 = require("./components/CustomTimeline");
75
75
  Object.defineProperty(exports, "CustomTimeline", { enumerable: true, get: function () { return __importDefault(CustomTimeline_1).default; } });
76
76
  Object.defineProperty(exports, "DotColor", { enumerable: true, get: function () { return CustomTimeline_1.DotColor; } });
77
+ var CustomContainer_1 = require("./components/CustomContainer");
78
+ Object.defineProperty(exports, "CustomContainer", { enumerable: true, get: function () { return __importDefault(CustomContainer_1).default; } });
77
79
  var notify_1 = require("./types/notify");
78
80
  Object.defineProperty(exports, "noopNotify", { enumerable: true, get: function () { return notify_1.noopNotify; } });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "albinasoft-ui-package",
3
- "version": "1.1.63",
3
+ "version": "1.1.65",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/index.d.ts",
6
6
  "scripts": {