UNPKG

@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
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(' ')); }; };