@atlaskit/button 16.1.2

package/dist/cjs/custom-theme-button/custom-theme-button.js

@@ -0,0 +1,229 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _components = _interopRequireDefault(require("@atlaskit/theme/components"));
+
+var _buttonBase = _interopRequireDefault(require("../shared/button-base"));
+
+var _getIsOnlySingleIcon = _interopRequireDefault(require("../shared/get-is-only-single-icon"));
+
+var _loadingSpinner = _interopRequireDefault(require("../shared/loading-spinner"));
+
+var _theme = _interopRequireWildcard(require("./theme"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function getInteractionState(_ref) {
+  var _ref$isDisabled = _ref.isDisabled,
+      isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
+      _ref$isActive = _ref.isActive,
+      isActive = _ref$isActive === void 0 ? false : _ref$isActive,
+      _ref$isFocus = _ref.isFocus,
+      isFocus = _ref$isFocus === void 0 ? false : _ref$isFocus,
+      _ref$isHover = _ref.isHover,
+      isHover = _ref$isHover === void 0 ? false : _ref$isHover,
+      _ref$isSelected = _ref.isSelected,
+      isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
+      _ref$isLoading = _ref.isLoading,
+      isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading;
+
+  if (isDisabled) {
+    return 'disabled';
+  }
+
+  if (isSelected && isFocus) {
+    return 'focusSelected';
+  }
+
+  if (isSelected) {
+    return 'selected';
+  } // not allowing active or focus style changes while loading
+
+
+  if (!isLoading && isActive) {
+    return 'active';
+  }
+
+  if (!isLoading && isHover) {
+    return 'hover';
+  }
+
+  if (isFocus) {
+    return 'focus';
+  }
+
+  return 'default';
+}
+
+var initial = {
+  isHover: false,
+  isActive: false,
+  isFocus: false
+};
+
+var CustomThemeButton = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function CustomThemeButton(_ref2, ref) {
+  var _ref2$appearance = _ref2.appearance,
+      appearance = _ref2$appearance === void 0 ? 'default' : _ref2$appearance,
+      _ref2$autoFocus = _ref2.autoFocus,
+      autoFocus = _ref2$autoFocus === void 0 ? false : _ref2$autoFocus,
+      _ref2$isDisabled = _ref2.isDisabled,
+      isDisabled = _ref2$isDisabled === void 0 ? false : _ref2$isDisabled,
+      _ref2$isSelected = _ref2.isSelected,
+      isSelected = _ref2$isSelected === void 0 ? false : _ref2$isSelected,
+      _ref2$shouldFitContai = _ref2.shouldFitContainer,
+      shouldFitContainer = _ref2$shouldFitContai === void 0 ? false : _ref2$shouldFitContai,
+      _ref2$spacing = _ref2.spacing,
+      spacing = _ref2$spacing === void 0 ? 'default' : _ref2$spacing,
+      _ref2$isLoading = _ref2.isLoading,
+      isLoading = _ref2$isLoading === void 0 ? false : _ref2$isLoading,
+      providedOnMouseEnter = _ref2.onMouseEnter,
+      providedOnMouseLeave = _ref2.onMouseLeave,
+      providedOnMouseDown = _ref2.onMouseDown,
+      providedOnMouseUp = _ref2.onMouseUp,
+      providedOnFocus = _ref2.onFocus,
+      providedOnBlur = _ref2.onBlur,
+      _ref2$theme = _ref2.theme,
+      theme = _ref2$theme === void 0 ? _theme.defaultThemeFn : _ref2$theme,
+      rest = (0, _objectWithoutProperties2.default)(_ref2, ["appearance", "autoFocus", "isDisabled", "isSelected", "shouldFitContainer", "spacing", "isLoading", "onMouseEnter", "onMouseLeave", "onMouseDown", "onMouseUp", "onFocus", "onBlur", "theme"]);
+
+  // TODO is there a nicer way to do this?
+  // Add default props back into object for spreading
+  var restProps = _objectSpread({
+    appearance: appearance,
+    autoFocus: autoFocus,
+    isDisabled: isDisabled,
+    isSelected: isSelected,
+    shouldFitContainer: shouldFitContainer,
+    spacing: spacing
+  }, rest);
+
+  var _useState = (0, _react.useState)(initial),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
+  var onMouseEnter = (0, _react.useCallback)(function (event) {
+    setState(function (current) {
+      return _objectSpread(_objectSpread({}, current), {}, {
+        isHover: true
+      });
+    });
+
+    if (providedOnMouseEnter) {
+      providedOnMouseEnter(event);
+    }
+  }, [providedOnMouseEnter]);
+  var onMouseLeave = (0, _react.useCallback)(function (event) {
+    setState(function (current) {
+      return _objectSpread(_objectSpread({}, current), {}, {
+        isHover: false,
+        isActive: false
+      });
+    });
+
+    if (providedOnMouseLeave) {
+      providedOnMouseLeave(event);
+    }
+  }, [providedOnMouseLeave]);
+  var onMouseDown = (0, _react.useCallback)(function (event) {
+    setState(function (current) {
+      return _objectSpread(_objectSpread({}, current), {}, {
+        isActive: true
+      });
+    });
+
+    if (providedOnMouseDown) {
+      providedOnMouseDown(event);
+    }
+  }, [providedOnMouseDown]);
+  var onMouseUp = (0, _react.useCallback)(function (event) {
+    setState(function (current) {
+      return _objectSpread(_objectSpread({}, current), {}, {
+        isActive: false
+      });
+    });
+
+    if (providedOnMouseUp) {
+      providedOnMouseUp(event);
+    }
+  }, [providedOnMouseUp]);
+  var onFocus = (0, _react.useCallback)(function (event) {
+    setState(function (current) {
+      return _objectSpread(_objectSpread({}, current), {}, {
+        isFocus: true
+      });
+    });
+
+    if (providedOnFocus) {
+      providedOnFocus(event);
+    }
+  }, [providedOnFocus]);
+  var onBlur = (0, _react.useCallback)(function (event) {
+    setState(function (current) {
+      return _objectSpread(_objectSpread({}, current), {}, {
+        isFocus: false
+      });
+    });
+
+    if (providedOnBlur) {
+      providedOnBlur(event);
+    }
+  }, [providedOnBlur]);
+  return /*#__PURE__*/_react.default.createElement(_theme.default.Provider, {
+    value: theme
+  }, /*#__PURE__*/_react.default.createElement(_components.default.Consumer, null, function (_ref3) {
+    var mode = _ref3.mode;
+    return /*#__PURE__*/_react.default.createElement(_theme.default.Consumer, (0, _extends2.default)({
+      mode: mode,
+      state: getInteractionState(_objectSpread(_objectSpread({}, state), {}, {
+        isLoading: isLoading,
+        isSelected: restProps.isSelected,
+        isDisabled: restProps.isDisabled
+      })),
+      iconIsOnlyChild: (0, _getIsOnlySingleIcon.default)(restProps),
+      isLoading: isLoading
+    }, restProps), function (_ref4) {
+      var buttonStyles = _ref4.buttonStyles;
+      return /*#__PURE__*/_react.default.createElement(_buttonBase.default, (0, _extends2.default)({}, restProps, {
+        ref: ref,
+        overlay: isLoading ? /*#__PURE__*/_react.default.createElement(_loadingSpinner.default, restProps) : null,
+        onMouseEnter: onMouseEnter,
+        onMouseLeave: onMouseLeave,
+        onMouseDown: onMouseDown,
+        onMouseUp: onMouseUp,
+        onFocus: onFocus,
+        onBlur: onBlur,
+        buttonCss: (0, _theme.getSpecifiers)(buttonStyles)
+      }));
+    });
+  }));
+})); // Tools including enzyme rely on components having a display name
+
+
+CustomThemeButton.displayName = 'CustomThemeButton';
+var _default = CustomThemeButton;
+exports.default = _default;

package/dist/cjs/custom-theme-button/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _customThemeButton.default;
+  }
+});
+Object.defineProperty(exports, "Theme", {
+  enumerable: true,
+  get: function get() {
+    return _theme.default;
+  }
+});
+
+var _customThemeButton = _interopRequireDefault(require("./custom-theme-button"));
+
+var _theme = _interopRequireDefault(require("./theme"));

package/dist/cjs/custom-theme-button/theme.js

@@ -0,0 +1,108 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getCustomCss = getCustomCss;
+exports.getSpecifiers = getSpecifiers;
+exports.defaultThemeFn = defaultThemeFn;
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _components = require("@atlaskit/theme/components");
+
+var _css = require("../shared/css");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var stateToSelectorMap = {
+  focus: '&:focus',
+  focusSelected: '&:focus',
+  hover: '&:hover',
+  active: '&:active',
+  disabled: '&[disabled]'
+}; // Mapping the new clean css back to the legacy theme format.
+// The legacy theme format has all styles at the top level (no nested selectors)
+// and uses `getSpecifiers()` to apply the style to all pseudo states
+
+function getCustomCss(_ref) {
+  var _ref$appearance = _ref.appearance,
+      appearance = _ref$appearance === void 0 ? 'default' : _ref$appearance,
+      _ref$spacing = _ref.spacing,
+      spacing = _ref$spacing === void 0 ? 'default' : _ref$spacing,
+      _ref$mode = _ref.mode,
+      mode = _ref$mode === void 0 ? 'light' : _ref$mode,
+      _ref$isSelected = _ref.isSelected,
+      isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
+      _ref$shouldFitContain = _ref.shouldFitContainer,
+      shouldFitContainer = _ref$shouldFitContain === void 0 ? false : _ref$shouldFitContain,
+      _ref$iconIsOnlyChild = _ref.iconIsOnlyChild,
+      iconIsOnlyChild = _ref$iconIsOnlyChild === void 0 ? false : _ref$iconIsOnlyChild,
+      _ref$isLoading = _ref.isLoading,
+      isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
+      state = _ref.state;
+  var result = (0, _css.getCss)({
+    appearance: appearance,
+    spacing: spacing,
+    mode: mode,
+    isSelected: isSelected,
+    shouldFitContainer: shouldFitContainer,
+    isOnlySingleIcon: iconIsOnlyChild
+  }); // we need to disable the default browser focus styles always
+  // this is because we are not expressing that we can have two pseudo states at a time
+
+  result.outline = 'none'; // Pulling relevant styles up to the top level
+
+  var selector = stateToSelectorMap[state];
+
+  if (selector) {
+    result = _objectSpread(_objectSpread({}, result), result[selector]);
+  }
+
+  if (isLoading) {
+    result = _objectSpread(_objectSpread({}, result), result['&[data-has-overlay="true"]']);
+  } // Delete all selectors and just keep root styles
+
+
+  Object.keys(result).forEach(function (key) {
+    // want to keep this one
+    if (key === '&::-moz-focus-inner') {
+      return;
+    } // Not using .startsWith for ie11
+
+
+    if (key.indexOf('&') === 0) {
+      delete result[key];
+    }
+  });
+  return result;
+} // This styling approach works by generating a 'style' and applying with maximum specificity
+// To do this we are overwriting all pseudo selectors
+
+
+function getSpecifiers(styles) {
+  return {
+    '&, &:hover, &:active, &:focus, &:visited, &:disabled, &[disabled]': styles
+  };
+}
+
+function defaultThemeFn(current, values) {
+  return current(values);
+}
+
+var Theme = (0, _components.createTheme)(function (themeProps) {
+  return {
+    buttonStyles: getCustomCss(themeProps),
+    // No styles being applied directly to spinner by default
+    // Keeping this for legacy compat. We could remove it, but given
+    // that we are changing theme soon there is no point
+    spinnerStyles: {}
+  };
+});
+var _default = Theme;
+exports.default = _default;

package/dist/cjs/entry-points/button-group.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _buttonGroup.default;
+  }
+});
+
+var _buttonGroup = _interopRequireDefault(require("../button-group"));

package/dist/cjs/entry-points/custom-theme-button.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _customThemeButton.default;
+  }
+});
+Object.defineProperty(exports, "Theme", {
+  enumerable: true,
+  get: function get() {
+    return _customThemeButton.Theme;
+  }
+});
+
+var _customThemeButton = _interopRequireWildcard(require("../custom-theme-button"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/dist/cjs/entry-points/loading-button.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _loadingButton.default;
+  }
+});
+
+var _loadingButton = _interopRequireDefault(require("../loading-button"));

package/dist/cjs/entry-points/standard-button.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _button.default;
+  }
+});
+
+var _button = _interopRequireDefault(require("../button"));

package/dist/cjs/entry-points/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});