@qore-project/urshipper-custom-table-component
Advanced tools
Comparing version 1.1.7 to 1.1.8
@@ -7,6 +7,8 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime"; | ||
import { FaFileInvoice, FaPrint } from 'react-icons/fa'; | ||
import { iconsList } from '@qorebase/app-component'; | ||
import { iconsList, useEvaluate } from '@qorebase/app-component'; | ||
import IndeterminateCheckbox from './IndeterminateCheckbox.js'; | ||
import ActionModal from './modal.js'; | ||
import ActionModal from './Modal.js'; | ||
export function UrshipperTable({ columns, data, type, userId, props, }) { | ||
const labelActionFour = useEvaluate(props.properties.label_action_4); | ||
const labelActionFive = useEvaluate(props.properties.label_action_5); | ||
const { isOpen, onOpen, onClose } = useDisclosure(); | ||
@@ -74,9 +76,9 @@ const { getTableProps, getTableBodyProps, headerGroups, rows, prepareRow, selectedFlatRows, state: { selectedRowIds }, setGlobalFilter, } = useTable({ | ||
backgroundColor: 'rgba(249, 247, 242, 1)', | ||
}, color: "rgba(69, 69, 69, 1)", fontSize: "14px", fontWeight: "400", p: "16px", w: "100%", justifyContent: "flex-start", variant: "ghost" }, { children: "Print Label" })), type == 'admin' && (_jsx(Button, Object.assign({ onClick: () => handleActionTwo(row.values), leftIcon: _jsx(FaFileInvoice, { color: "rgba(162, 162, 162, 1)", fontSize: "16px" }), _hover: { | ||
}, color: "rgba(69, 69, 69, 1)", fontSize: "14px", fontWeight: "400", p: "16px", w: "100%", justifyContent: "flex-start", variant: "ghost" }, { children: labelActionFour })), type == 'admin' && (_jsx(Button, Object.assign({ onClick: () => handleActionTwo(row.values), leftIcon: _jsx(FaFileInvoice, { color: "rgba(162, 162, 162, 1)", fontSize: "16px" }), _hover: { | ||
backgroundColor: 'rgba(249, 247, 242, 1)', | ||
}, color: "rgba(69, 69, 69, 1)", fontSize: "14px", fontWeight: "400", p: "16px", w: "100%", justifyContent: "flex-start", variant: "ghost" }, { children: "Create Inovice" })))] })) })) })) })] })) })), row.cells.map((cell) => { | ||
}, color: "rgba(69, 69, 69, 1)", fontSize: "14px", fontWeight: "400", p: "16px", w: "100%", justifyContent: "flex-start", variant: "ghost" }, { children: labelActionFive })))] })) })) })) })] })) })), row.cells.map((cell) => { | ||
return (_jsx(Td, Object.assign({}, cell.getCellProps(), { cursor: "pointer", onClick: () => handleOnClick(row.values) }, { children: cell.render('Cell') }))); | ||
})] }))); | ||
}) }))] })) })), (selectedRow === null || selectedRow === void 0 ? void 0 : selectedRow.length) >= 1 && (_jsx(Box, Object.assign({ mt: "5" }, { children: _jsxs(Menu, { children: [_jsx(MenuButton, Object.assign({ as: Button, size: "sm", rightIcon: _jsx(BiChevronDown, {}) }, { children: "Actions" })), _jsxs(MenuList, { children: [_jsx(MenuItem, Object.assign({ onClick: () => handleActionOne(selectedRow), icon: _jsx(FaPrint, { color: "rgba(162, 162, 162, 1)", fontSize: "16px" }) }, { children: "Print Label" })), type == 'admin' && (_jsx(MenuItem, Object.assign({ onClick: () => handleActionTwo(selectedRow), icon: _jsx(FaFileInvoice, { color: "rgba(162, 162, 162, 1)", fontSize: "16px" }) }, { children: "Create Inovice" })))] })] }) })))] })); | ||
}) }))] })) })), (selectedRow === null || selectedRow === void 0 ? void 0 : selectedRow.length) >= 1 && (_jsx(Box, Object.assign({ mt: "5" }, { children: _jsxs(Menu, { children: [_jsx(MenuButton, Object.assign({ as: Button, size: "sm", rightIcon: _jsx(BiChevronDown, {}) }, { children: "Actions" })), _jsxs(MenuList, { children: [_jsx(MenuItem, Object.assign({ onClick: () => handleActionOne(selectedRow), icon: _jsx(FaPrint, { color: "rgba(162, 162, 162, 1)", fontSize: "16px" }) }, { children: labelActionFour })), type == 'admin' && (_jsx(MenuItem, Object.assign({ onClick: () => handleActionTwo(selectedRow), icon: _jsx(FaFileInvoice, { color: "rgba(162, 162, 162, 1)", fontSize: "16px" }) }, { children: labelActionFive })))] })] }) })))] })); | ||
} | ||
//# sourceMappingURL=table.js.map | ||
//# sourceMappingURL=Table.js.map |
@@ -8,3 +8,3 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime"; | ||
import { defaultSchema } from './utils/default-schema.js'; | ||
import { UrshipperTable } from './components/table.js'; | ||
import { UrshipperTable } from './components/Table.js'; | ||
function fuzzyTextFilterFn(rows, id, filterValue) { | ||
@@ -39,2 +39,4 @@ //@ts-ignore | ||
action_5: [{ type: 'none' }], | ||
label_action_4: '', | ||
label_action_5: '', | ||
}, | ||
@@ -56,3 +58,3 @@ propDefinition: { | ||
action_1: { | ||
group: 'Action', | ||
group: 'On Insert', | ||
label: 'On Insert', | ||
@@ -63,3 +65,3 @@ type: 'action', | ||
action_2: { | ||
group: 'Action', | ||
group: 'On Click', | ||
label: 'Row On Click', | ||
@@ -70,3 +72,3 @@ type: 'action', | ||
action_3: { | ||
group: 'Action', | ||
group: 'On Edit', | ||
label: 'On Edit', | ||
@@ -77,18 +79,20 @@ type: 'action', | ||
action_4: { | ||
group: 'Action', | ||
label: 'Action 1', | ||
group: 'Integration_1', | ||
label: 'Integration 1', | ||
type: 'action', | ||
options: [{ type: 'none' }], | ||
}, | ||
label_action_4: { group: 'Integration_1', type: 'expression', options: {} }, | ||
action_5: { | ||
group: 'Action', | ||
label: 'Action 2', | ||
group: 'Integration_2', | ||
label: 'Integration 2', | ||
type: 'action', | ||
options: [{ type: 'none' }], | ||
}, | ||
label_action_5: { group: 'Integration_2', type: 'expression', options: {} }, | ||
}, | ||
Component: (props) => { | ||
var _a; | ||
const source = props.source.target; | ||
const title = useEvaluate(props.properties.title); | ||
const source = props.source.target; | ||
const userId = useEvaluate(props.properties.user_id); | ||
@@ -132,5 +136,5 @@ const platformType = props.properties.platform_type; | ||
}, [tableData, source]); | ||
return (_jsxs(Box, Object.assign({ w: "100%", p: "5" }, { children: [_jsx(Stack, Object.assign({ my: "5" }, { children: _jsx(Text, Object.assign({ size: "lg", fontWeight: "md" }, { children: title })) })), _jsx(UrshipperTable, { columns: columns, data: data, type: platformType, userId: userId, props: props })] }))); | ||
return (_jsxs(Box, Object.assign({ w: "100%", p: "5" }, { children: [_jsx(Stack, Object.assign({ my: "5" }, { children: _jsx(Text, Object.assign({ size: "xl", fontWeight: "xl" }, { children: title })) })), _jsx(UrshipperTable, { columns: columns, data: data, type: platformType, userId: userId, props: props })] }))); | ||
}, | ||
}); | ||
//# sourceMappingURL=urshipper-custom-table.js.map |
{ | ||
"name": "@qore-project/urshipper-custom-table-component", | ||
"version": "1.1.7", | ||
"version": "1.1.8", | ||
"module": "lib/urshipper-custom-table.js", | ||
@@ -5,0 +5,0 @@ "type": "module", |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
467213
6100