@szum-tech/design-system
Version:
Szum-Tech design system with tailwindcss support
52 lines (46 loc) • 1.36 kB
JavaScript
;
var React3 = require('react');
function _interopNamespace(e) {
if (e && e.__esModule) return e;
var n = Object.create(null);
if (e) {
Object.keys(e).forEach(function (k) {
if (k !== 'default') {
var d = Object.getOwnPropertyDescriptor(e, k);
Object.defineProperty(n, k, d.get ? d : {
enumerable: true,
get: function () { return e[k]; }
});
}
});
}
n.default = e;
return Object.freeze(n);
}
var React3__namespace = /*#__PURE__*/_interopNamespace(React3);
// src/hooks/use-validation-log.tsx
function useValidationLog({ check, scope, message }) {
React3__namespace.useEffect(() => {
if (!check) {
console.error(
`%c[Szum Tech-Design System]%c
${scope}%c
${message}`,
"color: #ef4444; font-weight: bold;",
"color: #3b82f6; font-weight: bold;",
"color: #f59e0b;"
);
}
}, [check, scope, message]);
}
function useLazyRef(fn) {
const ref = React3__namespace.useRef(null);
if (ref.current === null) {
ref.current = fn();
}
return ref;
}
var useIsomorphicLayoutEffect = typeof window === "undefined" ? React3__namespace.useEffect : React3__namespace.useLayoutEffect;
exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;
exports.useLazyRef = useLazyRef;
exports.useValidationLog = useValidationLog;