@dilicorp/ui 0.2.36 → 0.2.37

package/dist/molecules/column-order/column-order.d.ts

@@ -5,8 +5,9 @@ declare type ColumnOrderProps = {
     order: 'asc' | 'desc';
     active: boolean;
     onChange: (id: string, type: string) => void;
+    onOrderClick?: () => void;
     disabled: boolean;
 };
-export declare const ColumnOrder: ({ id, label, order, active, onChange, disabled }: ColumnOrderProps) => JSX.Element;
+export declare const ColumnOrder: ({ id, label, order, active, onChange, disabled, onOrderClick }: ColumnOrderProps) => JSX.Element;
 export {};
 //# sourceMappingURL=column-order.d.ts.map

package/dist/molecules/column-order/column-order.js

@@ -1,10 +1,11 @@
 import React from 'react';
 import { Icon } from '../../atoms/icon';
-export const ColumnOrder = ({ id, label, order, active, onChange, disabled }) => {
+export const ColumnOrder = ({ id, label, order, active, onChange, disabled, onOrderClick }) => {
     return (React.createElement("button", { onClick: () => {
-            if (!disabled) {
-                onChange(id, order === 'asc' ? 'desc' : 'asc');
-            }
+            if (disabled)
+                return;
+            onChange(id, order === 'asc' ? 'desc' : 'asc');
+            onOrderClick && onOrderClick();
         }, type: "button", className: `table-column-order ${active ? ' active' : ''}` },
         label,
         order === 'asc' ? React.createElement(Icon, { icon: "fa-sort-amount-up", className: "ms-2" }) : React.createElement(Icon, { icon: "fa-sort-amount-down", className: "ms-2" })));

package/dist/molecules/table.d.ts

@@ -17,6 +17,7 @@ declare type HeaderArgs = {
     id: string;
     title: string;
     allowOrder?: boolean;
+    onOrderClick?: () => void;
     attributes?: {
         th?: ThAttributes;
     };
@@ -37,6 +38,7 @@ export interface TableBasicProps {
         id: string;
         title: string;
         allowOrder?: boolean;
+        onOrderClick?: () => void;
     }[];
     headerArgs?: HeaderArgs;
     body?: {
@@ -57,6 +59,7 @@ export interface TableColumnManagementProps extends Omit<TableBasicProps, 'heade
         id: string;
         title: string;
         allowOrder?: boolean;
+        onOrderClick?: () => void;
     }[];
     columnManagement: {
         columnsOrder: string[];

package/dist/molecules/table.js

@@ -1,9 +1,9 @@
 import React, { useCallback } from 'react';
 import classNames from 'classnames';
+import uriHelper from '../utils/uri-helper';
 import { TableColumnManagement } from './table-column-management';
 import { useLocation, useNavigate } from 'react-router-dom';
 import { ColumnOrder } from './column-order/column-order';
-import uriHelper from '../utils/uri-helper';
 export const Table = (props) => {
     var _a;
     const { nowrap, attributes, header = [], headerArgs = [], body, children, className, columnManagement, disabled } = props;
@@ -45,7 +45,7 @@ export const Table = (props) => {
                 React.createElement("tr", null, headers.map((head, index) => {
                     var _a, _b, _c, _d;
                     return (React.createElement("th", { key: `th-${index}`, scope: "col", ...{ ...(_a = attributes === null || attributes === void 0 ? void 0 : attributes.thead) === null || _a === void 0 ? void 0 : _a.th, ...(_b = head.attributes) === null || _b === void 0 ? void 0 : _b.th }, className: handleClass((_c = attributes === null || attributes === void 0 ? void 0 : attributes.thead) === null || _c === void 0 ? void 0 : _c.th, (_d = head.attributes) === null || _d === void 0 ? void 0 : _d.th) }, head.allowOrder
-                        ? React.createElement(ColumnOrder, { id: head.id, label: head.title, active: orderId === head.id, order: orderId === head.id ? orderType : 'desc', onChange: callbackChangeOrder, disabled: disabled || false })
+                        ? React.createElement(ColumnOrder, { id: head.id, label: head.title, active: orderId === head.id, order: orderId === head.id ? orderType : 'desc', onChange: callbackChangeOrder, disabled: disabled || false, onOrderClick: head.onOrderClick })
                         : head.title));
                 })))),
             !!body && !children && (React.createElement("tbody", null, body.map(({ attributes: attrs = null, ...item }, index) => (React.createElement("tr", { key: `tr-${index}` }, Object.keys(item).map((key, idx) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dilicorp/ui",
-  "version": "0.2.36",
+  "version": "0.2.37",
   "description": "A simple UI design for Dilicorp",
   "repository": {
     "type": "git",