@synerise/ds-inline-edit 0.6.39 → 0.6.41

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.
Files changed (5) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/InlineEdit.js +1 -0
  3. package/dist/InlineEdit.styles.d.ts +1 -0
  4. package/dist/InlineEdit.styles.js +6 -7
  5. package/package.json +7 -7
package/CHANGELOG.md CHANGED
@@ -3,6 +3,25 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [0.6.41](https://github.com/Synerise/synerise-design/compare/@synerise/ds-inline-edit@0.6.40...@synerise/ds-inline-edit@0.6.41) (2022-12-07)
7
+
8
+ **Note:** Version bump only for package @synerise/ds-inline-edit
9
+
10
+
11
+
12
+
13
+
14
+ ## [0.6.40](https://github.com/Synerise/synerise-design/compare/@synerise/ds-inline-edit@0.6.39...@synerise/ds-inline-edit@0.6.40) (2022-11-30)
15
+
16
+
17
+ ### Bug Fixes
18
+
19
+ * **inline-edit:** fix disabled state and hide icon when disabled ([3906dc9](https://github.com/Synerise/synerise-design/commit/3906dc96a729cfb9dbe00af3422924e49b695a71))
20
+
21
+
22
+
23
+
24
+
6
25
  ## [0.6.39](https://github.com/Synerise/synerise-design/compare/@synerise/ds-inline-edit@0.6.38...@synerise/ds-inline-edit@0.6.39) (2022-11-22)
7
26
 
8
27
  **Note:** Version bump only for package @synerise/ds-inline-edit
package/dist/InlineEdit.js CHANGED
@@ -107,6 +107,7 @@ var InlineEdit = function InlineEdit(_ref) {
107
107
  "data-testid": "inline-edit-icon",
108
108
  title: tooltipTitle
109
109
  }, /*#__PURE__*/React.createElement(S.IconWrapper, {
110
+ disabled: disabled,
110
111
  onClick: handleFocusInput,
111
112
  size: size
112
113
  }, /*#__PURE__*/React.createElement(Icon, {
package/dist/InlineEdit.styles.d.ts CHANGED
@@ -9,6 +9,7 @@ declare type InPlaceEditableInputContainerProps = {
9
9
  export declare const FontStyleWatcher: import("styled-components").StyledComponent<"div", any, {}, never>;
10
10
  export declare const IconWrapper: import("styled-components").StyledComponent<"div", any, {
11
11
  size: string;
12
+ disabled?: boolean | undefined;
12
13
  } & ThemeProps, never>;
13
14
  export declare const InPlaceEditableInputContainer: import("styled-components").StyledComponent<"div", any, InPlaceEditableInputContainerProps, never>;
14
15
  export {};
package/dist/InlineEdit.styles.js CHANGED
@@ -33,7 +33,9 @@ export var FontStyleWatcher = styled.div.withConfig({
33
33
  export var IconWrapper = styled.div.withConfig({
34
34
  displayName: "InlineEditstyles__IconWrapper",
35
35
  componentId: "sc-1itw4az-1"
36
- })(["border-radius:24px;color:", ";background:", ";margin:0;font-size:11px;display:flex;justify-content:center;align-items:center;margin-left:", ";width:24px;height:24px;line-height:inherit;cursor:pointer;&:hover{background-color:", ";}div:active{border-radius:24px;background-color:", ";}"], function (props) {
36
+ })(["display:", ";border-radius:24px;color:", ";background:", ";margin:0;font-size:11px;justify-content:center;align-items:center;margin-left:", ";width:24px;height:24px;line-height:inherit;cursor:pointer;&:hover{background-color:", ";}div:active{border-radius:24px;background-color:", ";}"], function (props) {
37
+ return props.disabled ? 'none' : 'flex';
38
+ }, function (props) {
37
39
  return props.theme.palette['grey-600'];
38
40
  }, function (props) {
39
41
  return props.theme.palette['grey-100'];
@@ -47,11 +49,8 @@ export var IconWrapper = styled.div.withConfig({
47
49
  export var InPlaceEditableInputContainer = styled.div.withConfig({
48
50
  displayName: "InlineEditstyles__InPlaceEditableInputContainer",
49
51
  componentId: "sc-1itw4az-2"
50
- })(["display:flex;max-width:100%;align-items:center;opacity:", ";pointer-events:", ";", "{svg{color:", ";fill:", ";}}input{", "}&:hover{input{color:", ";background-image:linear-gradient( to right,", " 20%,rgba(255,255,255,0) 10% );}", "{background-color:", ";}}", " > .autosize-input{display:inline-block;overflow:hidden;}> .autosize-input > input,> ", "{border:none;background-color:transparent;background-position:bottom left;background-size:5px 1px;background-repeat:repeat-x;", " overflow:hidden;text-overflow:", ";max-width:100%;padding-bottom:", ";margin:0;vertical-align:top;color:", ";::placeholder{color:", ";}}"], function (_ref) {
52
+ })(["display:flex;max-width:100%;align-items:center;pointer-events:", ";", "{svg{color:", ";fill:", ";}}input{", "}&:hover{input{color:", ";background-image:linear-gradient( to right,", " 20%,rgba(255,255,255,0) 10% );}", "{background-color:", ";}}", " > .autosize-input{display:inline-block;overflow:hidden;}> .autosize-input > input,> ", "{border:none;background-color:transparent;background-position:bottom left;background-size:5px 1px;background-repeat:repeat-x;", " overflow:hidden;text-overflow:", ";max-width:100%;padding-bottom:", ";margin:0;vertical-align:top;color:", ";::placeholder{color:", ";}}"], function (_ref) {
51
53
  var disabled = _ref.disabled;
52
- return disabled ? 0.4 : 1;
53
- }, function (_ref2) {
54
- var disabled = _ref2.disabled;
55
54
  return disabled ? 'none' : 'all';
56
55
  }, IconWrapper, function (props) {
57
56
  return applyColor(props);
@@ -63,8 +62,8 @@ export var InPlaceEditableInputContainer = styled.div.withConfig({
63
62
  return props.theme.palette['grey-800'];
64
63
  }, function (props) {
65
64
  return applyDots(props);
66
- }, IconWrapper, function (_ref3) {
67
- var theme = _ref3.theme;
65
+ }, IconWrapper, function (_ref2) {
66
+ var theme = _ref2.theme;
68
67
  return theme.palette['grey-200'];
69
68
  }, function (props) {
70
69
  return !props.pressed && css(["&&&{&:focus:not(:active),&:focus-within{input{cursor:pointer;background-color:transparent;background-position:bottom left;background-size:5px 1px;background-repeat:repeat-x;background-image:linear-gradient(to right,", " 20%,rgba(255,255,255,0) 10%);}}}"], applyColorFocus(props));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-inline-edit",
3
- "version": "0.6.39",
3
+ "version": "0.6.41",
4
4
  "description": "InlineEdit UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "Synerise/synerise-design",
@@ -32,11 +32,11 @@
32
32
  ],
33
33
  "types": "dist/index.d.ts",
34
34
  "dependencies": {
35
- "@synerise/ds-dropdown": "^0.17.43",
36
- "@synerise/ds-icon": "^0.51.0",
37
- "@synerise/ds-menu": "^0.16.0",
38
- "@synerise/ds-search": "^0.8.28",
39
- "@synerise/ds-tooltip": "^0.11.17",
35
+ "@synerise/ds-dropdown": "^0.17.44",
36
+ "@synerise/ds-icon": "^0.52.0",
37
+ "@synerise/ds-menu": "^0.17.1",
38
+ "@synerise/ds-search": "^0.8.30",
39
+ "@synerise/ds-tooltip": "^0.11.18",
40
40
  "react-input-autosize": "^2.2.2"
41
41
  },
42
42
  "peerDependencies": {
@@ -47,5 +47,5 @@
47
47
  "@synerise/ds-utils": "^0.19.0",
48
48
  "@types/react-input-autosize": "2.0.2"
49
49
  },
50
- "gitHead": "6b0b6e27c72584c59317a83a8922a3fbf9aaf81f"
50
+ "gitHead": "b4dad7d512a7658ef4cca191486f10fa2344ab3b"
51
51
  }