@atlaskit/range 6.0.5 → 6.0.8

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/range
 
+## 6.0.8
+
+### Patch Changes
+
+- [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
+
+## 6.0.7
+
+### Patch Changes
+
+- [`8202e37941b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8202e37941b) - Internal code change turning on new linting rules.
+- Updated dependencies
+
+## 6.0.6
+
+### Patch Changes
+
+- [`45ebe7af434`](https://bitbucket.org/atlassian/atlassian-frontend/commits/45ebe7af434) - Moved to using declarative entrypoints internally. Public API is unchanged.
+
 ## 6.0.5
 
 ### Patch Changes

package/dist/cjs/range.js

@@ -19,6 +19,8 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
+
 var _styled = require("./styled");
 
 var _excluded = ["isDisabled", "defaultValue", "max", "min", "onChange", "step", "value", "testId"];
@@ -51,7 +53,7 @@ var getRoundedPercentValue = function getRoundedPercentValue(value, min, max, st
   return percent;
 };
 
-var noop = function noop() {};
+var noop = _noop.default;
 
 var _default = /*#__PURE__*/(0, _react.forwardRef)(function Range(props, ref) {
   var _props$isDisabled = props.isDisabled,

package/dist/cjs/styled.js

@@ -126,6 +126,11 @@ var baseStyles = (0, _core.css)({
   }
 });
 var themeStyles = (0, _core.css)((_css = {}, (0, _defineProperty2.default)(_css, VAR_THUMB_BORDER_COLOR, theme.thumb.borderColor.default), (0, _defineProperty2.default)(_css, VAR_THUMB_SHADOW, theme.thumb.boxShadow.default), (0, _defineProperty2.default)(_css, VAR_TRACK_BACKGROUND_COLOR, theme.track.background.default), (0, _defineProperty2.default)(_css, VAR_TRACK_FOREGROUND_COLOR, theme.track.foreground.default), (0, _defineProperty2.default)(_css, ':active, :hover', (_activeHover = {}, (0, _defineProperty2.default)(_activeHover, VAR_TRACK_BACKGROUND_COLOR, theme.track.background.hovered), (0, _defineProperty2.default)(_activeHover, VAR_TRACK_FOREGROUND_COLOR, theme.track.foreground.hovered), _activeHover)), (0, _defineProperty2.default)(_css, ':focus', (0, _defineProperty2.default)({}, VAR_THUMB_BORDER_COLOR, theme.thumb.borderColor.focused)), (0, _defineProperty2.default)(_css, ':disabled', (_disabled = {}, (0, _defineProperty2.default)(_disabled, VAR_THUMB_SHADOW, theme.thumb.boxShadow.disabled), (0, _defineProperty2.default)(_disabled, VAR_TRACK_BACKGROUND_COLOR, theme.track.background.disabled), (0, _defineProperty2.default)(_disabled, VAR_TRACK_FOREGROUND_COLOR, theme.track.foreground.disabled), _disabled)), _css));
+/**
+ * __Input__
+ * Internal-only styled input component.
+ */
+
 var Input = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var valuePercent = props.valuePercent,
       style = props.style,

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/range",
-	"version": "6.0.5",
+	"version": "6.0.8",
 	"sideEffects": false
 }

package/dist/es2019/range.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { forwardRef, useCallback, useState } from 'react';
+import __noop from '@atlaskit/ds-lib/noop';
 import { Input } from './styled';
 
 const snapToStep = (value, min, step) => {
@@ -22,8 +23,7 @@ const getRoundedPercentValue = (value, min, max, step) => {
   return percent;
 };
 
-const noop = () => {};
-
+const noop = __noop;
 export default /*#__PURE__*/forwardRef(function Range(props, ref) {
   const {
     isDisabled = false,

package/dist/es2019/styled.js

@@ -115,6 +115,11 @@ const themeStyles = css({
     [VAR_TRACK_FOREGROUND_COLOR]: theme.track.foreground.disabled
   }
 });
+/**
+ * __Input__
+ * Internal-only styled input component.
+ */
+
 export const Input = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     valuePercent,

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/range",
-	"version": "6.0.5",
+	"version": "6.0.8",
 	"sideEffects": false
 }

package/dist/esm/range.js

@@ -9,6 +9,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import React, { forwardRef, useCallback, useState } from 'react';
+import __noop from '@atlaskit/ds-lib/noop';
 import { Input } from './styled';
 
 var snapToStep = function snapToStep(value, min, step) {
@@ -31,8 +32,7 @@ var getRoundedPercentValue = function getRoundedPercentValue(value, min, max, st
   return percent;
 };
 
-var noop = function noop() {};
-
+var noop = __noop;
 export default /*#__PURE__*/forwardRef(function Range(props, ref) {
   var _props$isDisabled = props.isDisabled,
       isDisabled = _props$isDisabled === void 0 ? false : _props$isDisabled,

package/dist/esm/styled.js

@@ -106,6 +106,11 @@ var baseStyles = css({
   }
 });
 var themeStyles = css((_css = {}, _defineProperty(_css, VAR_THUMB_BORDER_COLOR, theme.thumb.borderColor.default), _defineProperty(_css, VAR_THUMB_SHADOW, theme.thumb.boxShadow.default), _defineProperty(_css, VAR_TRACK_BACKGROUND_COLOR, theme.track.background.default), _defineProperty(_css, VAR_TRACK_FOREGROUND_COLOR, theme.track.foreground.default), _defineProperty(_css, ':active, :hover', (_activeHover = {}, _defineProperty(_activeHover, VAR_TRACK_BACKGROUND_COLOR, theme.track.background.hovered), _defineProperty(_activeHover, VAR_TRACK_FOREGROUND_COLOR, theme.track.foreground.hovered), _activeHover)), _defineProperty(_css, ':focus', _defineProperty({}, VAR_THUMB_BORDER_COLOR, theme.thumb.borderColor.focused)), _defineProperty(_css, ':disabled', (_disabled = {}, _defineProperty(_disabled, VAR_THUMB_SHADOW, theme.thumb.boxShadow.disabled), _defineProperty(_disabled, VAR_TRACK_BACKGROUND_COLOR, theme.track.background.disabled), _defineProperty(_disabled, VAR_TRACK_FOREGROUND_COLOR, theme.track.foreground.disabled), _disabled)), _css));
+/**
+ * __Input__
+ * Internal-only styled input component.
+ */
+
 export var Input = /*#__PURE__*/forwardRef(function (props, ref) {
   var valuePercent = props.valuePercent,
       style = props.style,

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/range",
-	"version": "6.0.5",
+	"version": "6.0.8",
 	"sideEffects": false
 }

package/dist/types/range.d.ts

@@ -1,23 +1,41 @@
 import React from 'react';
 export declare type OwnProps = {
-    /** Sets the default value if range is not set. */
+    /**
+     * Sets the default value if range is not set.
+     */
     defaultValue?: number;
-    /** Sets whether the field range is disabled. */
+    /**
+     * Sets whether the field range is disabled.
+     */
     isDisabled?: boolean;
-    /** Sets the maximum value of the range. */
+    /**
+     * Sets the maximum value of the range.
+     */
     max?: number;
-    /** Sets the minimum value of the range.*/
+    /**
+     * Sets the minimum value of the range.
+     */
     min?: number;
-    /** Hook to be invoked on change of the range. */
+    /**
+     * Hook to be invoked on change of the range.
+     */
     onChange?: (value: number) => void;
-    /** Sets the step value for the range.  */
+    /**
+     * Sets the step value for the range.
+     */
     step?: number;
-    /** A `testId` prop is provided for specific elements. This is a unique string that appears as a data attribute `data-testid` in the rendered code and serves as a hook for automated tests. */
+    /**
+     * A `testId` prop is provided for specific elements. This is a unique string
+     * that appears as a data attribute `data-testid` in the rendered code and
+     * serves as a hook for automated tests.
+     */
     testId?: string;
-    /** Sets the value of the range. */
+    /**
+     * Sets the value of the range.
+     */
     value?: number;
 };
 declare type Combine<First, Second> = Omit<First, keyof Second> & Second;
 export declare type RangeProps = Combine<Omit<React.InputHTMLAttributes<HTMLInputElement>, 'disabled' | 'required' | 'checked'>, OwnProps>;
-declare const _default: React.ForwardRefExoticComponent<Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "checked" | "disabled" | "required">, keyof OwnProps> & OwnProps & React.RefAttributes<HTMLInputElement>>;
+declare const _default: React.ForwardRefExoticComponent<Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "disabled" | "checked" | "required">, keyof OwnProps> & OwnProps & React.RefAttributes<HTMLInputElement>>;
 export default _default;

package/dist/types/styled.d.ts

@@ -1,5 +1,9 @@
 /** @jsx jsx */
 /// <reference types="react" />
+/**
+ * __Input__
+ * Internal-only styled input component.
+ */
 export declare const Input: import("react").ForwardRefExoticComponent<Pick<import("react").InputHTMLAttributes<HTMLInputElement> & {
     ref: React.Ref<HTMLInputElement>;
     valuePercent: string;

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@atlaskit/range",
-  "version": "6.0.5",
+  "version": "6.0.8",
   "description": "A range lets users choose an approximate value on a slider.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
-  "repository": "https://bitbucket.org/atlassian/atlassian-frontend",
+  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
   "main": "dist/cjs/index.js",
@@ -13,17 +13,24 @@
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
   "sideEffects": false,
-  "atlaskit:src": "src/index.ts",
+  "atlaskit:src": "src/index.tsx",
   "homepage": "https://atlassian.design/components/range/",
   "atlassian": {
     "team": "Design System Team",
-    "deprecatedAutoEntryPoints": true,
     "releaseModel": "scheduled",
     "website": {
-      "name": "Range"
+      "name": "Range",
+      "category": "Components"
     }
   },
+  "af:exports": {
+    ".": "./src/index.tsx",
+    "./range": "./src/range.tsx",
+    "./styled": "./src/styled.tsx",
+    "./theme": "./src/theme.tsx"
+  },
   "dependencies": {
+    "@atlaskit/ds-lib": "^2.1.0",
     "@atlaskit/theme": "^12.1.0",
     "@atlaskit/tokens": "^0.10.0",
     "@babel/runtime": "^7.0.0",
@@ -49,7 +56,7 @@
     "lodash": "^4.17.21",
     "react-dom": "^16.8.0",
     "storybook-addon-performance": "^0.16.0",
-    "typescript": "4.2.4"
+    "typescript": "4.3.5"
   },
   "keywords": [
     "atlaskit",
@@ -61,6 +68,8 @@
       "import-structure": "atlassian-conventions"
     },
     "@repo/internal": {
+      "design-system": "v1",
+      "dom-events": "use-bind-event-listener",
       "ui-components": "lite-mode",
       "analytics": "analytics-next",
       "theming": "tokens",

package/report.api.md

@@ -0,0 +1,51 @@
+## API Report File for "@atlaskit/range"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+import { default as React_2 } from 'react';
+
+declare type Combine<First, Second> = Omit<First, keyof Second> & Second;
+
+declare const _default: React_2.ForwardRefExoticComponent<
+  Omit<
+    Omit<
+      React_2.InputHTMLAttributes<HTMLInputElement>,
+      'checked' | 'disabled' | 'required'
+    >,
+    keyof OwnProps
+  > &
+    OwnProps &
+    React_2.RefAttributes<HTMLInputElement>
+>;
+export default _default;
+
+declare type OwnProps = {
+  /** Sets the default value if range is not set. */
+  defaultValue?: number;
+  /** Sets whether the field range is disabled. */
+  isDisabled?: boolean;
+  /** Sets the maximum value of the range. */
+  max?: number;
+  /** Sets the minimum value of the range.*/
+  min?: number;
+  /** Hook to be invoked on change of the range. */
+  onChange?: (value: number) => void;
+  /** Sets the step value for the range.  */
+  step?: number;
+  /** A `testId` prop is provided for specific elements. This is a unique string that appears as a data attribute `data-testid` in the rendered code and serves as a hook for automated tests. */
+  testId?: string;
+  /** Sets the value of the range. */
+  value?: number;
+};
+
+export declare type RangeProps = Combine<
+  Omit<
+    React_2.InputHTMLAttributes<HTMLInputElement>,
+    'disabled' | 'required' | 'checked'
+  >,
+  OwnProps
+>;
+
+export {};
+```