@atlaskit/inline-edit 12.3.3 → 12.3.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/inline-edit
2
2
 
3
+ ## 12.3.4
4
+
5
+ ### Patch Changes
6
+
7
+ - [`599bfe90ee3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/599bfe90ee3) - Internal change to use shape tokens. There is no expected visual change.
8
+
3
9
  ## 12.3.3
4
10
 
5
11
  ### Patch Changes
@@ -32,7 +32,7 @@ var buttonStyles = (0, _react2.css)({
32
32
  var analyticsAttributes = {
33
33
  componentName: 'inlineEdit',
34
34
  packageName: "@atlaskit/inline-edit",
35
- packageVersion: "12.3.3"
35
+ packageVersion: "12.3.4"
36
36
  };
37
37
  var noop = function noop() {};
38
38
  var InnerInlineEdit = function InnerInlineEdit(props) {
@@ -17,9 +17,9 @@ var buttonsContainerStyles = (0, _react.css)({
17
17
  display: 'flex',
18
18
  marginTop: "var(--ds-space-075, 6px)",
19
19
  position: 'absolute',
20
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
20
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
21
21
  top: '100%',
22
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
22
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
23
23
  right: 0,
24
24
  flexShrink: 0
25
25
  });
@@ -62,7 +62,7 @@ var buttonWrapperBaseStyles = (0, _react.css)({
62
62
  width: "var(--ds-space-400, 32px)",
63
63
  zIndex: 200,
64
64
  backgroundColor: "var(--ds-surface-overlay, ".concat(_colors.N0, ")"),
65
- borderRadius: '3px',
65
+ borderRadius: "var(--ds-border-radius, 3px)",
66
66
  fontSize: _constants.fontSize,
67
67
  '&:last-child': {
68
68
  marginLeft: "var(--ds-space-050, 4px)"
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/inline-edit",
3
- "version": "12.3.3",
3
+ "version": "12.3.4",
4
4
  "sideEffects": false
5
5
  }
@@ -19,7 +19,7 @@ const buttonStyles = css({
19
19
  const analyticsAttributes = {
20
20
  componentName: 'inlineEdit',
21
21
  packageName: "@atlaskit/inline-edit",
22
- packageVersion: "12.3.3"
22
+ packageVersion: "12.3.4"
23
23
  };
24
24
  const noop = () => {};
25
25
  const InnerInlineEdit = props => {
@@ -10,9 +10,9 @@ const buttonsContainerStyles = css({
10
10
  display: 'flex',
11
11
  marginTop: "var(--ds-space-075, 6px)",
12
12
  position: 'absolute',
13
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
13
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
14
14
  top: '100%',
15
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
15
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
16
16
  right: 0,
17
17
  flexShrink: 0
18
18
  });
@@ -55,7 +55,7 @@ const buttonWrapperBaseStyles = css({
55
55
  width: "var(--ds-space-400, 32px)",
56
56
  zIndex: 200,
57
57
  backgroundColor: `var(--ds-surface-overlay, ${N0})`,
58
- borderRadius: '3px',
58
+ borderRadius: "var(--ds-border-radius, 3px)",
59
59
  fontSize: fontSize,
60
60
  '&:last-child': {
61
61
  marginLeft: "var(--ds-space-050, 4px)"
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/inline-edit",
3
- "version": "12.3.3",
3
+ "version": "12.3.4",
4
4
  "sideEffects": false
5
5
  }
@@ -23,7 +23,7 @@ var buttonStyles = css({
23
23
  var analyticsAttributes = {
24
24
  componentName: 'inlineEdit',
25
25
  packageName: "@atlaskit/inline-edit",
26
- packageVersion: "12.3.3"
26
+ packageVersion: "12.3.4"
27
27
  };
28
28
  var noop = function noop() {};
29
29
  var InnerInlineEdit = function InnerInlineEdit(props) {
@@ -10,9 +10,9 @@ var buttonsContainerStyles = css({
10
10
  display: 'flex',
11
11
  marginTop: "var(--ds-space-075, 6px)",
12
12
  position: 'absolute',
13
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
13
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
14
14
  top: '100%',
15
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
15
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
16
16
  right: 0,
17
17
  flexShrink: 0
18
18
  });
@@ -55,7 +55,7 @@ var buttonWrapperBaseStyles = css({
55
55
  width: "var(--ds-space-400, 32px)",
56
56
  zIndex: 200,
57
57
  backgroundColor: "var(--ds-surface-overlay, ".concat(N0, ")"),
58
- borderRadius: '3px',
58
+ borderRadius: "var(--ds-border-radius, 3px)",
59
59
  fontSize: fontSize,
60
60
  '&:last-child': {
61
61
  marginLeft: "var(--ds-space-050, 4px)"
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/inline-edit",
3
- "version": "12.3.3",
3
+ "version": "12.3.4",
4
4
  "sideEffects": false
5
5
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/inline-edit",
3
- "version": "12.3.3",
3
+ "version": "12.3.4",
4
4
  "description": "An inline edit displays a custom input component that switches between reading and editing on the same page.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -25,7 +25,7 @@
25
25
  "homepage": "https://atlassian.design/components/inline-edit/",
26
26
  "atlassian": {
27
27
  "team": "Design System Team",
28
- "releaseModel": "scheduled",
28
+ "releaseModel": "continuous",
29
29
  "website": {
30
30
  "name": "Inline edit",
31
31
  "category": "Components"
@@ -33,14 +33,14 @@
33
33
  },
34
34
  "dependencies": {
35
35
  "@atlaskit/analytics-next": "^9.1.0",
36
- "@atlaskit/button": "^16.7.0",
36
+ "@atlaskit/button": "^16.8.0",
37
37
  "@atlaskit/codemod-utils": "^4.2.0",
38
38
  "@atlaskit/form": "^8.11.0",
39
39
  "@atlaskit/icon": "^21.12.0",
40
40
  "@atlaskit/inline-dialog": "^13.6.0",
41
- "@atlaskit/textfield": "^5.4.0",
41
+ "@atlaskit/textfield": "^5.5.0",
42
42
  "@atlaskit/theme": "^12.5.0",
43
- "@atlaskit/tokens": "^1.4.0",
43
+ "@atlaskit/tokens": "^1.11.0",
44
44
  "@babel/runtime": "^7.0.0",
45
45
  "@emotion/react": "^11.7.1"
46
46
  },
@@ -48,14 +48,14 @@
48
48
  "react": "^16.8.0"
49
49
  },
50
50
  "devDependencies": {
51
- "@atlaskit/datetime-picker": "^12.5.0",
51
+ "@atlaskit/datetime-picker": "^12.7.0",
52
52
  "@atlaskit/docs": "*",
53
53
  "@atlaskit/section-message": "^6.4.0",
54
- "@atlaskit/select": "^16.2.0",
54
+ "@atlaskit/select": "^16.5.0",
55
55
  "@atlaskit/ssr": "*",
56
56
  "@atlaskit/tag": "^11.5.0",
57
57
  "@atlaskit/tag-group": "^10.2.0",
58
- "@atlaskit/textarea": "^4.6.0",
58
+ "@atlaskit/textarea": "^4.7.0",
59
59
  "@atlaskit/visual-regression": "*",
60
60
  "@atlaskit/webdriver-runner": "*",
61
61
  "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
@@ -0,0 +1,62 @@
1
+ ## API Report File for "@atlaskit/inline-edit"
2
+
3
+ > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
4
+
5
+ ```ts
6
+
7
+ import { FieldProps } from '@atlaskit/form';
8
+ import { jsx } from '@emotion/react';
9
+ import { default as React_2 } from 'react';
10
+ import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
11
+ import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
12
+
13
+ // @public (undocumented)
14
+ interface CommonProps extends WithAnalyticsEventsProps {
15
+ analyticsContext?: Record<string, any>;
16
+ cancelButtonLabel?: string;
17
+ confirmButtonLabel?: string;
18
+ defaultValue: any;
19
+ editButtonLabel?: string;
20
+ hideActionButtons?: boolean;
21
+ isRequired?: boolean;
22
+ keepEditViewOpenOnBlur?: boolean;
23
+ label?: string;
24
+ onCancel?: () => void;
25
+ readViewFitContainerWidth?: boolean;
26
+ startWithEditViewOpen?: boolean;
27
+ validate?: (value: any, formState: {}, fieldState: {}) => Promise<string | void> | string | void;
28
+ }
29
+
30
+ // @public (undocumented)
31
+ interface ExtendedFieldProps<FieldValue> extends FieldProps<FieldValue> {
32
+ // (undocumented)
33
+ errorMessage?: string | undefined;
34
+ }
35
+
36
+ // @public (undocumented)
37
+ const InlineEdit: <FieldValue extends unknown = string>(props: InlineEditProps<FieldValue>) => jsx.JSX.Element;
38
+ export default InlineEdit;
39
+
40
+ // @public (undocumented)
41
+ export const InlineEditableTextfield: (props: InlineEditableTextfieldProps) => jsx.JSX.Element;
42
+
43
+ // @public (undocumented)
44
+ export interface InlineEditableTextfieldProps extends CommonProps {
45
+ isCompact?: boolean;
46
+ onConfirm: (value: string, analyticsEvent: UIAnalyticsEvent) => void;
47
+ placeholder: string;
48
+ testId?: string;
49
+ }
50
+
51
+ // @public (undocumented)
52
+ export interface InlineEditProps<FieldValue> extends CommonProps {
53
+ editView: (fieldProps: ExtendedFieldProps<FieldValue>, ref: React_2.RefObject<any>) => React_2.ReactNode;
54
+ isEditing?: boolean;
55
+ onConfirm: (value: any, analyticsEvent: UIAnalyticsEvent) => void;
56
+ onEdit?: () => void;
57
+ readView: () => React_2.ReactNode;
58
+ }
59
+
60
+ // (No @packageDocumentation comment for this package)
61
+
62
+ ```