@newageerp/v3.buttons.main-button
Advanced tools
Comparing version 0.0.35 to 0.0.36
@@ -31,4 +31,5 @@ import { ReactNode } from 'react'; | ||
large?: boolean; | ||
loading?: boolean; | ||
}; | ||
export declare function MainButton({ title, iconName, color, className, children, onClick, disabled, disabledContent, confirmation, skipPadding, large, }: MainButtonProps): JSX.Element; | ||
export declare function MainButton({ title, iconName, color, className, children, onClick, disabled, disabledContent, confirmation, skipPadding, large, loading, }: MainButtonProps): JSX.Element; | ||
export {}; |
@@ -28,3 +28,3 @@ "use strict"; | ||
})(MainButtonColors || (MainButtonColors = {})); | ||
function MainButton({ title, iconName, color, className, children, onClick, disabled, disabledContent, confirmation, skipPadding, large, }) { | ||
function MainButton({ title, iconName, color, className, children, onClick, disabled, disabledContent, confirmation, skipPadding, large, loading, }) { | ||
const [isPopup, setIsPopup] = (0, react_2.useState)(false); | ||
@@ -50,6 +50,6 @@ const getOnClick = () => { | ||
return (react_1.default.createElement(react_1.default.Fragment, null, | ||
react_1.default.createElement("button", { title: title, onClick: currentFunc, className: (0, classnames_1.default)({ 'tw3-bg-teal-600 tw3-text-white': !color }, { [MainButtonColors[color]]: !!color }, { 'tw3-text-slate-300 tw3-cursor-not-allowed': disabled }, { 'tw3-duration-150': !disabled }, { 'hover:tw3-text-sky-200': !disabled && color !== 'white' }, { 'hover:tw3-text-sky-900': !disabled && color === 'white' }, { 'tw3-py-[9px] tw3-px-[9px]': !skipPadding && !large }, { 'tw3-px-16 tw3-py-[14px]': !skipPadding && large }, 'tw3-items-center', { 'tw3-text-center': color !== 'white' && !iconName }, { 'tw3-text-left': color === 'white' }, 'tw3-flex tw3-rounded-md', className, { 'tw3-min-w-[80px]': !iconName }) }, | ||
react_1.default.createElement("button", { title: title, onClick: currentFunc, className: (0, classnames_1.default)({ 'tw3-bg-teal-600 tw3-text-white': !color }, { [MainButtonColors[color]]: !!color }, { 'tw3-text-slate-300 tw3-cursor-not-allowed': disabled }, { 'tw3-duration-150': !disabled }, { 'hover:tw3-text-sky-200': !disabled && color !== 'white' }, { 'hover:tw3-text-sky-900': !disabled && color === 'white' }, { 'tw3-py-[9px] tw3-px-[9px]': !skipPadding && !large }, { 'tw3-px-16 tw3-py-[14px]': !skipPadding && large }, 'tw3-items-center', { 'tw3-text-center': color !== 'white' && !iconName }, { 'tw3-text-left': color === 'white' }, 'tw3-flex tw3-rounded-md', className, { 'tw3-min-w-[80px]': !iconName }, { 'tw3-animate-pulse': loading && !iconName }) }, | ||
iconName && (react_1.default.createElement("span", { className: (0, classnames_1.default)('tw3-leading-5', [ | ||
`fa-fw fa-light fa-${iconName}`, | ||
]) })), | ||
], { 'tw3-animate-spin': loading }) })), | ||
children && (react_1.default.createElement("span", { className: (0, classnames_1.default)('tw3-leading-5', { 'tw3-font-medium': color !== 'white' }, { 'tw3-ml-1': !!iconName }) }, children))), | ||
@@ -56,0 +56,0 @@ disabled && !!disabledContent && (react_1.default.createElement(v3_widgets_alert_widget_1.AlertWidget, Object.assign({ className: 'tw3-rounded-t-none', style: { marginTop: -3 }, isCompact: true }, disabledContent))), |
{ | ||
"name": "@newageerp/v3.buttons.main-button", | ||
"version": "0.0.35", | ||
"version": "0.0.36", | ||
"homepage": "https://bit.dev/newageerp/v3/buttons/main-button", | ||
@@ -9,3 +9,3 @@ "main": "dist/index.js", | ||
"name": "v3/buttons/main-button", | ||
"version": "0.0.35" | ||
"version": "0.0.36" | ||
}, | ||
@@ -15,3 +15,3 @@ "dependencies": { | ||
"core-js": "^3.0.0", | ||
"@newageerp/v3.popups.confirmation-popup": "0.0.31", | ||
"@newageerp/v3.popups.confirmation-popup": "0.0.32", | ||
"@newageerp/v3.widgets.alert-widget": "0.0.21" | ||
@@ -18,0 +18,0 @@ }, |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
40869
227
+ Added@newageerp/v3.popups.confirmation-popup@0.0.32(transitive)
- Removed@newageerp/v3.popups.confirmation-popup@0.0.31(transitive)