@s-ui/react-atom-spinner
Version:
> An animated loop used for giving users feedback while the content of a page or section is being loaded.
36 lines • 1.22 kB
JavaScript
import cx from 'classnames';
export var SIZES = {
SMALL: 'small',
MEDIUM: 'medium'
};
export var TYPES = {
FULL: 'full',
SECTION: 'section'
};
export var OVERLAY_TYPES = {
ACCENT: 'accent',
DARK: 'dark',
LIGHT: 'light',
PRIMARY: 'primary',
TRANSPARENT: 'transparent'
};
export var DELAY = 500; // ms
export var BASE_CLASS = 'sui-AtomSpinner';
export var CLASS_FULL = BASE_CLASS + "--fullPage";
export var getParentClassName = function getParentClassName(_ref) {
var _cx;
var overlayType = _ref.overlayType,
size = _ref.size,
type = _ref.type;
return cx(BASE_CLASS + "--" + overlayType, BASE_CLASS + "--" + overlayType + "-" + size, BASE_CLASS + "--" + size, (_cx = {}, _cx[BASE_CLASS] = type === TYPES.SECTION, _cx[CLASS_FULL] = type === TYPES.FULL, _cx));
};
export var addParentClass = function addParentClass(parentNodeClassList) {
return function (parentClassName) {
return parentNodeClassList.add.apply(parentNodeClassList, parentClassName.split(' '));
};
};
export var removeParentClass = function removeParentClass(parentNodeClassList) {
return function (parentClassName) {
return parentNodeClassList.remove.apply(parentNodeClassList, parentClassName.split(' '));
};
};