lkt-vue-kernel 1.0.13 → 1.0.14

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { VueElement, Component } from 'vue';
 import { RouteLocationRaw } from 'vue-router';
-import { DataState } from 'lkt-data-state';
+import { DataState, DataStateConfig } from 'lkt-data-state';
 
 interface LktObject {
     [key: string | number]: any;
@@ -44,6 +44,7 @@ type BeforeCloseModalData = {
     modalName: ValidModalKey;
     modalKey: ValidModalKey;
     item?: LktObject;
+    itemCreated?: boolean;
 };
 
 type ValidBeforeCloseModal = Function | undefined | ((data: BeforeCloseModalData) => void);
@@ -136,6 +137,22 @@ type IsDisabledChecker = ((args?: IsDisabledCheckerArgs) => boolean);
 
 type ValidIsDisabledValue = boolean | undefined | IsDisabledChecker;
 
+declare enum ModalCallbackAction {
+    Refresh = "refresh",
+    Close = "close",
+    ReOpen = "reOpen",
+    Exec = "exec",
+    Open = "open"
+}
+
+interface ModalCallbackConfig {
+    modalName: ValidModalName;
+    modalKey?: ValidModalKey;
+    action: ModalCallbackAction;
+    method?: string;
+    args?: LktObject;
+}
+
 interface ButtonConfig {
     type?: ButtonType;
     checked?: boolean;
@@ -159,6 +176,7 @@ interface ButtonConfig {
     confirmModal?: ValidModalName;
     confirmModalKey?: ValidModalKey;
     confirmData?: Partial<ModalConfig>;
+    modalCallbacks?: Array<ModalCallbackConfig>;
     iconDot?: boolean | string | number;
     iconEnd?: string;
     img?: string;
@@ -187,6 +205,14 @@ declare class LktSettings {
     static setDefaultConfirmButton(button: Partial<ButtonConfig>): typeof LktSettings;
     static defaultCancelButton: Partial<ButtonConfig>;
     static setDefaultCancelButton(button: Partial<ButtonConfig>): typeof LktSettings;
+    static defaultCreateButton: Partial<ButtonConfig>;
+    static setDefaultCreateButton(button: Partial<ButtonConfig>): typeof LktSettings;
+    static defaultUpdateButton: Partial<ButtonConfig>;
+    static setDefaultUpdateButton(button: Partial<ButtonConfig>): typeof LktSettings;
+    static defaultDropButton: Partial<ButtonConfig>;
+    static setDefaultDropButton(button: Partial<ButtonConfig>): typeof LktSettings;
+    static defaultEditModeButton: Partial<ButtonConfig>;
+    static setDefaultEditModeButton(button: Partial<ButtonConfig>): typeof LktSettings;
 }
 
 declare enum FieldType {
@@ -337,25 +363,9 @@ declare enum ItemCrudView {
     Modal = "modal"
 }
 
-declare enum ModalCallbackAction {
-    Refresh = "refresh",
-    Close = "close",
-    ReOpen = "reOpen",
-    Exec = "exec",
-    Open = "open"
-}
-
-interface ModalCallbackConfig {
-    modalName: ValidModalName;
-    modalKey?: ValidModalKey;
-    action: ModalCallbackAction;
-    method?: string;
-    args?: LktObject;
-}
-
-declare enum ItemCrudType {
+declare enum ItemCrudMode {
     Create = "create",
-    Edit = "edit",
+    Update = "update",
     Read = "read"
 }
 
@@ -366,7 +376,8 @@ declare enum ItemCrudButtonNavPosition {
 
 declare enum ItemCrudButtonNavVisibility {
     Changed = "changed",
-    Always = "always"
+    Always = "always",
+    Never = "never"
 }
 
 declare enum SaveType {
@@ -383,64 +394,22 @@ interface SaveConfig {
 interface ItemCrudConfig {
     modelValue: LktObject;
     editing: boolean;
-    type: ItemCrudType;
+    mode: ItemCrudMode;
     view: ItemCrudView;
-    editButton: ButtonConfig;
+    editModeButton: ButtonConfig;
     dropButton: ButtonConfig;
     createButton: ButtonConfig;
     updateButton: ButtonConfig;
     modalConfig: ModalConfig;
     saveConfig: SaveConfig;
     title: string;
-    hiddenSave: boolean;
-    hiddenDrop: boolean;
-    hiddenButtons: boolean;
-    hideSwitchEdition: boolean;
     readResource: string;
     readData: LktObject;
     saveValidator: Function;
     beforeEmitUpdate: Function | undefined;
-    dataStateConfig: LktObject;
+    dataStateConfig: DataStateConfig;
     buttonNavPosition?: ItemCrudButtonNavPosition;
     buttonNavVisibility?: ItemCrudButtonNavVisibility;
-    insideModal: boolean;
-    saveText: string;
-    saveIcon: string;
-    dropText: string;
-    dropIcon: string;
-    createResource: string;
-    updateResource: string;
-    dropResource: string;
-    createConfirm: string;
-    updateConfirm: string;
-    dropConfirm: string;
-    createConfirmData: LktObject;
-    updateConfirmData: LktObject;
-    dropConfirmData: LktObject;
-    createDisabled: boolean;
-    updateDisabled: boolean;
-    dropDisabled: boolean;
-    createData: LktObject;
-    updateData: LktObject;
-    dropData: LktObject;
-    editModeText: string;
-    onCreate: Function | undefined;
-    onUpdate: Function | undefined;
-    onCreateModalCallbacks: ModalCallbackConfig[];
-    onUpdateModalCallbacks: ModalCallbackConfig[];
-    onDropModalCallbacks: ModalCallbackConfig[];
-    isCreate: boolean;
-    size: string;
-    preTitle: string;
-    showClose: boolean;
-    disabledClose: boolean;
-    disabledVeilClick: boolean;
-    modalName: string;
-    modalKey: string;
-    zIndex: number;
-    editedCloseConfirm: string;
-    editedCloseConfirmKey: string | number;
-    beforeClose: Function | undefined;
 }
 
 declare enum PaginatorType {
@@ -633,6 +602,7 @@ declare class Button extends LktItem implements ButtonConfig {
     confirmModal: ValidModalName;
     confirmModalKey: ValidModalKey;
     confirmData: Partial<ModalConfig>;
+    modalCallbacks?: Array<ModalCallbackConfig>;
     text: string;
     icon: string;
     iconDot: boolean;
@@ -657,6 +627,7 @@ declare class Button extends LktItem implements ButtonConfig {
     onClick?: Function | undefined;
     onConfirm?: Function | undefined;
     constructor(data?: Partial<ButtonConfig>);
+    isDisabled(): boolean | undefined;
 }
 
 interface ColumnConfig {
@@ -720,6 +691,7 @@ declare enum TablePermission {
     Edit = "edit",// Displays edit button
     Drop = "drop",// Displays drop button
     Sort = "sort",// Sort
+    SwitchEditMode = "switch-edit-mode",
     InlineEdit = "inline-edit",// Be able to edit columns inside the table
     InlineCreate = "inline-create",// Be able to append a new editable row (needs InlineEdit in order to be editable)
     ModalCreate = "modal-create",// Be able to append a new row after save a modal form
@@ -823,6 +795,29 @@ declare class Tooltip extends LktItem implements TooltipConfig {
     constructor(data?: Partial<TooltipConfig>);
 }
 
+declare class ItemCrud extends LktItem implements ItemCrudConfig {
+    static lktDefaultValues: (keyof ItemCrudConfig)[];
+    modelValue: LktObject;
+    editing: boolean;
+    mode: ItemCrudMode;
+    view: ItemCrudView;
+    editModeButton: ButtonConfig;
+    dropButton: ButtonConfig;
+    createButton: ButtonConfig;
+    updateButton: ButtonConfig;
+    modalConfig: ModalConfig;
+    saveConfig: SaveConfig;
+    title: string;
+    readResource: string;
+    readData: LktObject;
+    saveValidator: Function;
+    beforeEmitUpdate: Function | undefined;
+    dataStateConfig: DataStateConfig;
+    buttonNavPosition?: ItemCrudButtonNavPosition;
+    buttonNavVisibility?: ItemCrudButtonNavVisibility;
+    constructor(data?: Partial<ItemCrudConfig>);
+}
+
 declare class Modal extends LktItem implements ModalConfig {
     static lktDefaultValues: (keyof ModalConfig)[];
     size: string;
@@ -933,6 +928,8 @@ type ValidScanPropTarget = ScanPropTarget | ((...args: any[]) => ScanPropTarget)
 declare const extractPropValue: (needle: ValidScanPropTarget, haystack: LktObject) => ValidScanPropTarget;
 declare const extractI18nValue: (needle: string | number) => any;
 
+declare const ensureButtonConfig: (buttonConfig: Partial<ButtonConfig> | undefined, settingsConfig: Partial<ButtonConfig>) => Partial<ButtonConfig>;
+
 declare const lktDebug: (component: string, ...args: any[]) => void;
 
 /**
@@ -944,4 +941,4 @@ declare function getDefaultValues<T>(cls: {
     lktDefaultValues: (keyof T)[];
 }): Partial<T>;
 
-export { Anchor, type AnchorConfig, AnchorType, type BeforeCloseModalData, Button, type ButtonConfig, ButtonType, Column, type ColumnConfig, ColumnType, type DragConfig, type EmptyModalKey, Field, FieldAutoValidationTrigger, type FieldConfig, FieldType, type IsDisabledChecker, type IsDisabledCheckerArgs, ItemCrudButtonNavPosition, ItemCrudButtonNavVisibility, type ItemCrudConfig, ItemCrudType, ItemCrudView, LktItem, type LktObject, LktSettings, LktStrictItem, Modal, ModalCallbackAction, type ModalCallbackConfig, type ModalConfig, ModalType, MultipleOptionsDisplay, Option, type OptionConfig, Paginator, type PaginatorConfig, PaginatorType, SafeString, type SaveConfig, SaveType, type ScanPropTarget, SortDirection, Table, type TableConfig, TablePermission, TableRowType, TableType, ToggleMode, Tooltip, type TooltipConfig, TooltipLocationX, TooltipLocationY, TooltipPositionEngine, type ValidBeforeCloseModal, type ValidColSpan, type ValidCustomSlot, type ValidDragConfig, type ValidFieldMinMax, type ValidFieldValue, type ValidIsDisabledValue, type ValidModalKey, type ValidModalName, type ValidOptionValue, type ValidPaginatorConfig, type ValidSafeStringValue, type ValidScanPropTarget, type ValidTabIndex, type ValidTablePermission, type ValidTableRowTypeValue, extractI18nValue, extractPropValue, getDefaultValues, lktDebug };
+export { Anchor, type AnchorConfig, AnchorType, type BeforeCloseModalData, Button, type ButtonConfig, ButtonType, Column, type ColumnConfig, ColumnType, type DragConfig, type EmptyModalKey, Field, FieldAutoValidationTrigger, type FieldConfig, FieldType, type IsDisabledChecker, type IsDisabledCheckerArgs, ItemCrud, ItemCrudButtonNavPosition, ItemCrudButtonNavVisibility, type ItemCrudConfig, ItemCrudMode, ItemCrudView, LktItem, type LktObject, LktSettings, LktStrictItem, Modal, ModalCallbackAction, type ModalCallbackConfig, type ModalConfig, ModalType, MultipleOptionsDisplay, Option, type OptionConfig, Paginator, type PaginatorConfig, PaginatorType, SafeString, type SaveConfig, SaveType, type ScanPropTarget, SortDirection, Table, type TableConfig, TablePermission, TableRowType, TableType, ToggleMode, Tooltip, type TooltipConfig, TooltipLocationX, TooltipLocationY, TooltipPositionEngine, type ValidBeforeCloseModal, type ValidColSpan, type ValidCustomSlot, type ValidDragConfig, type ValidFieldMinMax, type ValidFieldValue, type ValidIsDisabledValue, type ValidModalKey, type ValidModalName, type ValidOptionValue, type ValidPaginatorConfig, type ValidSafeStringValue, type ValidScanPropTarget, type ValidTabIndex, type ValidTablePermission, type ValidTableRowTypeValue, ensureButtonConfig, extractI18nValue, extractPropValue, getDefaultValues, lktDebug };

package/dist/index.js

@@ -1,3 +1,21 @@
+// src/enums/ButtonType.ts
+var ButtonType = /* @__PURE__ */ ((ButtonType2) => {
+  ButtonType2["Button"] = "button";
+  ButtonType2["Submit"] = "submit";
+  ButtonType2["Reset"] = "reset";
+  ButtonType2["Anchor"] = "anchor";
+  ButtonType2["Content"] = "content";
+  ButtonType2["Switch"] = "switch";
+  ButtonType2["HiddenSwitch"] = "hidden-switch";
+  ButtonType2["Split"] = "split";
+  ButtonType2["SplitLazy"] = "split-lazy";
+  ButtonType2["SplitEver"] = "split-ever";
+  ButtonType2["Tooltip"] = "tooltip";
+  ButtonType2["TooltipLazy"] = "tooltip-lazy";
+  ButtonType2["TooltipEver"] = "tooltip-ever";
+  return ButtonType2;
+})(ButtonType || {});
+
 // src/settings/LktSettings.ts
 var LktSettings = class _LktSettings {
   static debugEnabled = false;
@@ -19,6 +37,35 @@ var LktSettings = class _LktSettings {
     _LktSettings.defaultCancelButton = button;
     return _LktSettings;
   }
+  static defaultCreateButton = {
+    text: "Create"
+  };
+  static setDefaultCreateButton(button) {
+    _LktSettings.defaultCreateButton = button;
+    return _LktSettings;
+  }
+  static defaultUpdateButton = {
+    text: "Update"
+  };
+  static setDefaultUpdateButton(button) {
+    _LktSettings.defaultUpdateButton = button;
+    return _LktSettings;
+  }
+  static defaultDropButton = {
+    text: "Drop"
+  };
+  static setDefaultDropButton(button) {
+    _LktSettings.defaultDropButton = button;
+    return _LktSettings;
+  }
+  static defaultEditModeButton = {
+    text: "Edit mode",
+    type: "switch" /* Switch */
+  };
+  static setDefaultEditModeButton(button) {
+    _LktSettings.defaultEditModeButton = button;
+    return _LktSettings;
+  }
 };
 
 // src/instances/LktItem.ts
@@ -304,24 +351,6 @@ var Anchor = class extends LktItem {
   }
 };
 
-// src/enums/ButtonType.ts
-var ButtonType = /* @__PURE__ */ ((ButtonType2) => {
-  ButtonType2["Button"] = "button";
-  ButtonType2["Submit"] = "submit";
-  ButtonType2["Reset"] = "reset";
-  ButtonType2["Anchor"] = "anchor";
-  ButtonType2["Content"] = "content";
-  ButtonType2["Switch"] = "switch";
-  ButtonType2["HiddenSwitch"] = "hidden-switch";
-  ButtonType2["Split"] = "split";
-  ButtonType2["SplitLazy"] = "split-lazy";
-  ButtonType2["SplitEver"] = "split-ever";
-  ButtonType2["Tooltip"] = "tooltip";
-  ButtonType2["TooltipLazy"] = "tooltip-lazy";
-  ButtonType2["TooltipEver"] = "tooltip-ever";
-  return ButtonType2;
-})(ButtonType || {});
-
 // src/instances/Button.ts
 import { generateRandomString as generateRandomString2 } from "lkt-string-tools";
 
@@ -360,6 +389,7 @@ var Button = class extends LktItem {
     "confirmModal",
     "confirmModalKey",
     "confirmData",
+    "modalCallbacks",
     "text",
     "icon",
     "iconDot",
@@ -402,6 +432,7 @@ var Button = class extends LktItem {
   confirmModal = "";
   confirmModalKey = "_";
   confirmData = {};
+  modalCallbacks = [];
   text = "";
   icon = "";
   iconDot = false;
@@ -431,6 +462,10 @@ var Button = class extends LktItem {
     this.feed(data);
     this.anchor = new Anchor(data.anchor);
   }
+  isDisabled() {
+    if (typeof this.disabled === "function") return this.disabled();
+    return this.disabled;
+  }
 };
 
 // src/instances/Column.ts
@@ -567,6 +602,100 @@ var Tooltip = class extends LktItem {
   }
 };
 
+// src/enums/ItemCrudMode.ts
+var ItemCrudMode = /* @__PURE__ */ ((ItemCrudMode2) => {
+  ItemCrudMode2["Create"] = "create";
+  ItemCrudMode2["Update"] = "update";
+  ItemCrudMode2["Read"] = "read";
+  return ItemCrudMode2;
+})(ItemCrudMode || {});
+
+// src/enums/ItemCrudView.ts
+var ItemCrudView = /* @__PURE__ */ ((ItemCrudView2) => {
+  ItemCrudView2["Inline"] = "inline";
+  ItemCrudView2["Modal"] = "modal";
+  return ItemCrudView2;
+})(ItemCrudView || {});
+
+// src/enums/ItemCrudButtonNavPosition.ts
+var ItemCrudButtonNavPosition = /* @__PURE__ */ ((ItemCrudButtonNavPosition2) => {
+  ItemCrudButtonNavPosition2["Top"] = "top";
+  ItemCrudButtonNavPosition2["Bottom"] = "bottom";
+  return ItemCrudButtonNavPosition2;
+})(ItemCrudButtonNavPosition || {});
+
+// src/enums/ItemCrudButtonNavVisibility.ts
+var ItemCrudButtonNavVisibility = /* @__PURE__ */ ((ItemCrudButtonNavVisibility2) => {
+  ItemCrudButtonNavVisibility2["Changed"] = "changed";
+  ItemCrudButtonNavVisibility2["Always"] = "always";
+  ItemCrudButtonNavVisibility2["Never"] = "never";
+  return ItemCrudButtonNavVisibility2;
+})(ItemCrudButtonNavVisibility || {});
+
+// src/enums/SaveType.ts
+var SaveType = /* @__PURE__ */ ((SaveType2) => {
+  SaveType2["Manual"] = "manual";
+  SaveType2["Auto"] = "auto";
+  SaveType2["Delay"] = "delay";
+  return SaveType2;
+})(SaveType || {});
+
+// src/instances/ItemCrud.ts
+var ItemCrud = class extends LktItem {
+  // static lktAllowUndefinedProps: string[] = [
+  // ];
+  //
+  static lktDefaultValues = [
+    "modelValue",
+    "editing",
+    "mode",
+    "view",
+    "editModeButton",
+    "dropButton",
+    "createButton",
+    "updateButton",
+    "modalConfig",
+    "saveConfig",
+    "title",
+    "readResource",
+    "readData",
+    "saveValidator",
+    "beforeEmitUpdate",
+    "dataStateConfig",
+    "buttonNavPosition",
+    "buttonNavVisibility"
+  ];
+  modelValue = {};
+  editing = false;
+  // Global config
+  mode = "read" /* Read */;
+  view = "inline" /* Inline */;
+  // Buttons
+  editModeButton = {};
+  // Not sure, should test
+  dropButton = {};
+  createButton = {};
+  updateButton = {};
+  // Config if type === modal
+  modalConfig = {};
+  // Save config
+  saveConfig = {
+    type: "manual" /* Manual */
+  };
+  title = "";
+  readResource = "";
+  readData = {};
+  saveValidator = () => true;
+  beforeEmitUpdate = void 0;
+  dataStateConfig = {};
+  buttonNavPosition = "top" /* Top */;
+  buttonNavVisibility = "always" /* Always */;
+  constructor(data = {}) {
+    super();
+    this.feed(data);
+  }
+};
+
 // src/instances/Modal.ts
 var Modal = class extends LktItem {
   static lktDefaultValues = [
@@ -783,35 +912,6 @@ var Table = class extends LktItem {
   }
 };
 
-// src/enums/ItemCrudButtonNavPosition.ts
-var ItemCrudButtonNavPosition = /* @__PURE__ */ ((ItemCrudButtonNavPosition2) => {
-  ItemCrudButtonNavPosition2["Top"] = "top";
-  ItemCrudButtonNavPosition2["Bottom"] = "bottom";
-  return ItemCrudButtonNavPosition2;
-})(ItemCrudButtonNavPosition || {});
-
-// src/enums/ItemCrudButtonNavVisibility.ts
-var ItemCrudButtonNavVisibility = /* @__PURE__ */ ((ItemCrudButtonNavVisibility2) => {
-  ItemCrudButtonNavVisibility2["Changed"] = "changed";
-  ItemCrudButtonNavVisibility2["Always"] = "always";
-  return ItemCrudButtonNavVisibility2;
-})(ItemCrudButtonNavVisibility || {});
-
-// src/enums/ItemCrudType.ts
-var ItemCrudType = /* @__PURE__ */ ((ItemCrudType2) => {
-  ItemCrudType2["Create"] = "create";
-  ItemCrudType2["Edit"] = "edit";
-  ItemCrudType2["Read"] = "read";
-  return ItemCrudType2;
-})(ItemCrudType || {});
-
-// src/enums/ItemCrudView.ts
-var ItemCrudView = /* @__PURE__ */ ((ItemCrudView2) => {
-  ItemCrudView2["Inline"] = "inline";
-  ItemCrudView2["Modal"] = "modal";
-  return ItemCrudView2;
-})(ItemCrudView || {});
-
 // src/enums/ModalCallbackAction.ts
 var ModalCallbackAction = /* @__PURE__ */ ((ModalCallbackAction2) => {
   ModalCallbackAction2["Refresh"] = "refresh";
@@ -829,14 +929,6 @@ var ModalType = /* @__PURE__ */ ((ModalType2) => {
   return ModalType2;
 })(ModalType || {});
 
-// src/enums/SaveType.ts
-var SaveType = /* @__PURE__ */ ((SaveType2) => {
-  SaveType2["Manual"] = "manual";
-  SaveType2["Auto"] = "auto";
-  SaveType2["Delay"] = "delay";
-  return SaveType2;
-})(SaveType || {});
-
 // src/enums/SortDirection.ts
 var SortDirection = /* @__PURE__ */ ((SortDirection2) => {
   SortDirection2["Asc"] = "asc";
@@ -851,6 +943,7 @@ var TablePermission = /* @__PURE__ */ ((TablePermission2) => {
   TablePermission2["Edit"] = "edit";
   TablePermission2["Drop"] = "drop";
   TablePermission2["Sort"] = "sort";
+  TablePermission2["SwitchEditMode"] = "switch-edit-mode";
   TablePermission2["InlineEdit"] = "inline-edit";
   TablePermission2["InlineCreate"] = "inline-create";
   TablePermission2["ModalCreate"] = "modal-create";
@@ -881,6 +974,15 @@ var extractI18nValue = (needle) => {
   return txt;
 };
 
+// src/functions/ensure-data-functions.ts
+var ensureButtonConfig = (buttonConfig, settingsConfig) => {
+  if (typeof buttonConfig === "undefined") return settingsConfig;
+  return {
+    ...settingsConfig,
+    ...buttonConfig
+  };
+};
+
 // src/functions/debug-functions.ts
 var lktDebug = (component, ...args) => {
   if (LktSettings.debugEnabled) console.info("::lkt::", `[${component}] `, ...args);
@@ -910,9 +1012,10 @@ export {
   Field,
   FieldAutoValidationTrigger,
   FieldType,
+  ItemCrud,
   ItemCrudButtonNavPosition,
   ItemCrudButtonNavVisibility,
-  ItemCrudType,
+  ItemCrudMode,
   ItemCrudView,
   LktItem,
   LktSettings,
@@ -936,6 +1039,7 @@ export {
   TooltipLocationX,
   TooltipLocationY,
   TooltipPositionEngine,
+  ensureButtonConfig,
   extractI18nValue,
   extractPropValue,
   getDefaultValues,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lkt-vue-kernel",
-  "version": "1.0.13",
+  "version": "1.0.14",
   "description": "LKT Vue Kernel",
   "keywords": [
     "lkt",