@sproutsocial/racine 20.14.0 → 20.15.0
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 +6 -0
- package/__flow__/Image/Image.flow.js +1 -1
- package/commonjs/Image/Image.js +5 -3
- package/dist/types/DatePicker/DateRangePicker/DateRangePicker.d.ts.map +1 -1
- package/dist/types/DatePicker/types.d.ts.map +1 -1
- package/dist/types/Image/Image.d.ts +1 -1
- package/dist/types/Image/Image.d.ts.map +1 -1
- package/dist/types/Image/ImageTypes.d.ts +1 -1
- package/dist/types/Image/ImageTypes.d.ts.map +1 -1
- package/dist/types/Input/Input.d.ts.map +1 -1
- package/dist/types/StatefulStory.d.ts.map +1 -1
- package/lib/Image/Image.js +5 -3
- package/package.json +6 -16
package/CHANGELOG.md
CHANGED
|
@@ -6,7 +6,7 @@ export type TypeImageProps = {
|
|
|
6
6
|
/** Alt text is required for non-decorative images */
|
|
7
7
|
alt: string,
|
|
8
8
|
title: string,
|
|
9
|
-
onError: () => void,
|
|
9
|
+
onError: (e: SyntheticEvent<HTMLImageElement, Event>) => void,
|
|
10
10
|
onClick: () => void,
|
|
11
11
|
/** A URL for a default image to load if the source image is not available */
|
|
12
12
|
defaultImage?: string,
|
package/commonjs/Image/Image.js
CHANGED
|
@@ -43,14 +43,14 @@ var Image = exports.default = /*#__PURE__*/function (_React$Component) {
|
|
|
43
43
|
didLoad: false,
|
|
44
44
|
imageUrl: _this.props.src
|
|
45
45
|
});
|
|
46
|
-
_defineProperty(_assertThisInitialized(_this), "onError", function () {
|
|
46
|
+
_defineProperty(_assertThisInitialized(_this), "onError", function (e) {
|
|
47
47
|
if (!_this.state.didError && _this.props.defaultImage) {
|
|
48
48
|
_this.setState({
|
|
49
49
|
didError: true,
|
|
50
50
|
imageUrl: _this.props.defaultImage
|
|
51
51
|
});
|
|
52
52
|
}
|
|
53
|
-
_this.props.onError();
|
|
53
|
+
_this.props.onError(e);
|
|
54
54
|
});
|
|
55
55
|
_defineProperty(_assertThisInitialized(_this), "onLoad", function () {
|
|
56
56
|
_this.setState({
|
|
@@ -105,7 +105,9 @@ var Image = exports.default = /*#__PURE__*/function (_React$Component) {
|
|
|
105
105
|
},
|
|
106
106
|
onClick: this.onClick,
|
|
107
107
|
src: this.state.imageUrl,
|
|
108
|
-
onError:
|
|
108
|
+
onError: function onError(e) {
|
|
109
|
+
return _this2.onError(e);
|
|
110
|
+
},
|
|
109
111
|
onLoad: this.onLoad,
|
|
110
112
|
alt: alt,
|
|
111
113
|
title: title,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/DatePicker/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":";AAUA,OAAO,KAAK,EAAC,wBAAwB,EAAC,MAAM,wBAAwB,CAAC;AAErE,QAAA,MAAM,eAAe,4IAWlB,wBAAwB,
|
|
1
|
+
{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/DatePicker/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":";AAUA,OAAO,KAAK,EAAC,wBAAwB,EAAC,MAAM,wBAAwB,CAAC;AAErE,QAAA,MAAM,eAAe,4IAWlB,wBAAwB,gBAqD1B,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/DatePicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,MAAM,EAAC,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAC,cAAc,EAAC,MAAM,aAAa,CAAC;AAE3C,MAAM,WAAW,yBAAyB;IACxC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;IAC3C,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,CAClB,GAAG,EAAE,MAAM,EACX,SAAS,EAAE,cAAc,KACtB,KAAK,CAAC,SAAS,CAAC;IACrB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,mBAAmB,CAAC,EAAE,CAAC,MAAM,MAAM,CAAC,GAAG,IAAI,CAAC;IAC5C,aAAa,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/DatePicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,MAAM,EAAC,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAC,cAAc,EAAC,MAAM,aAAa,CAAC;AAE3C,MAAM,WAAW,yBAAyB;IACxC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;IAC3C,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,CAClB,GAAG,EAAE,MAAM,EACX,SAAS,EAAE,cAAc,KACtB,KAAK,CAAC,SAAS,CAAC;IACrB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,mBAAmB,CAAC,EAAE,CAAC,MAAM,MAAM,CAAC,GAAG,IAAI,CAAC;IAC5C,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,GAAG,CAAC,CAAC,IAAI,EAAE;QAAC,IAAI,EAAE,MAAM,CAAA;KAAC,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;CAC9E"}
|
|
@@ -20,7 +20,7 @@ export default class Image extends React.Component<TypeImageProps, TypeState> {
|
|
|
20
20
|
imageRef?: HTMLImageElement | null;
|
|
21
21
|
componentDidMount(): void;
|
|
22
22
|
componentDidUpdate(prevProps: TypeImageProps): void;
|
|
23
|
-
onError: () => void;
|
|
23
|
+
onError: (e: React.SyntheticEvent<HTMLImageElement, Event>) => void;
|
|
24
24
|
onLoad: () => void;
|
|
25
25
|
onClick: () => void;
|
|
26
26
|
render(): JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../src/Image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,cAAc,CAAC;AAEjD,KAAK,SAAS,GAAG;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAKF,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,EAAE,SAAS,CAAC;IAC3E,MAAM,CAAC,YAAY;;;;;MAKjB;IAEF,KAAK;;;;MAIH;IAEF,QAAQ,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAEnC,iBAAiB;IASjB,kBAAkB,CAAC,SAAS,EAAE,cAAc;IAU5C,OAAO,
|
|
1
|
+
{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../src/Image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,cAAc,CAAC;AAEjD,KAAK,SAAS,GAAG;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAKF,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,EAAE,SAAS,CAAC;IAC3E,MAAM,CAAC,YAAY;;;;;MAKjB;IAEF,KAAK;;;;MAIH;IAEF,QAAQ,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAEnC,iBAAiB;IASjB,kBAAkB,CAAC,SAAS,EAAE,cAAc;IAU5C,OAAO,MAAO,MAAM,cAAc,CAAC,gBAAgB,EAAE,KAAK,CAAC,UASzD;IAEF,MAAM,aAKJ;IAEF,OAAO,aAEL;IAEF,MAAM;CAsBP"}
|
|
@@ -7,7 +7,7 @@ export interface TypeImageProps extends TypeStyledComponentsCommonProps, TypeSys
|
|
|
7
7
|
/** Alt text is required for non-decorative images */
|
|
8
8
|
alt: string;
|
|
9
9
|
title: string;
|
|
10
|
-
onError: () => void;
|
|
10
|
+
onError: (e: React.SyntheticEvent<HTMLImageElement, Event>) => void;
|
|
11
11
|
onClick: () => void;
|
|
12
12
|
/** A URL for a default image to load if the source image is not available */
|
|
13
13
|
defaultImage?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageTypes.d.ts","sourceRoot":"","sources":["../../../src/Image/ImageTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAC;AAC9C,OAAO,KAAK,EAAC,+BAA+B,EAAC,MAAM,8BAA8B,CAAC;AAClF,OAAO,KAAK,EACV,qBAAqB,EACrB,qBAAqB,EACtB,MAAM,yBAAyB,CAAC;AAEjC,MAAM,WAAW,cACf,SAAQ,+BAA+B,EACrC,qBAAqB,EACrB,qBAAqB,EACrB,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC3E,GAAG,EAAE,MAAM,CAAC;IAEZ,qDAAqD;IACrD,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"ImageTypes.d.ts","sourceRoot":"","sources":["../../../src/Image/ImageTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAC;AAC9C,OAAO,KAAK,EAAC,+BAA+B,EAAC,MAAM,8BAA8B,CAAC;AAClF,OAAO,KAAK,EACV,qBAAqB,EACrB,qBAAqB,EACtB,MAAM,yBAAyB,CAAC;AAEjC,MAAM,WAAW,cACf,SAAQ,+BAA+B,EACrC,qBAAqB,EACrB,qBAAqB,EACrB,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC3E,GAAG,EAAE,MAAM,CAAC;IAEZ,qDAAqD;IACrD,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;IACpE,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,cAAc,CAAC;AAEjD,UAAU,SAAS;IACjB,QAAQ,EAAE,OAAO,CAAC;CACnB;
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,cAAc,CAAC;AAEjD,UAAU,SAAS;IACjB,QAAQ,EAAE,OAAO,CAAC;CACnB;AA2ED,cAAM,KAAM,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,EAAE,SAAS,CAAC;gBAChD,KAAK,EAAE,cAAc;IASjC,kBAAkB,CAAC,EAAC,KAAK,EAAE,SAAS,EAAC,EAAE,cAAc;IAQrD,MAAM,CAAC,YAAY;;;;;;MAMjB;IAEF,MAAM,CAAC,WAAW;;;MAAe;IAGjC,QAAQ,oCAAuC;IAE/C,UAAU,MAAO,gBAAgB,CAAC,gBAAgB,CAAC,sBAC1B;IAEzB,WAAW,MAAO,MAAM,cAAc,CAAC,iBAAiB,CAAC,UAwBvD;IAEF,YAAY,MAAO,MAAM,cAAc,CAAC,gBAAgB,CAAC,UAIvD;IAEF,WAAW,MAAO,gBAAgB,CAAC,gBAAgB,CAAC,sBAC1B;IAE1B,aAAa,MAAO,mBAAmB,CAAC,gBAAgB,CAAC,sBACN;IAEnD,WAAW,MAAO,mBAAmB,CAAC,gBAAgB,CAAC,sBACN;IAEjD,WAAW,MAAO,MAAM,cAAc,CAAC,gBAAgB,CAAC,sBACP;IAEjD,WAAW,eAAgB,MAAM,UAU/B;IAEF,MAAM;CAoHP;AAED,eAAe,KAAK,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StatefulStory.d.ts","sourceRoot":"","sources":["../../src/StatefulStory.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAW,EAAE,EAAC,MAAM,OAAO,CAAC;AAEnC;;;;GAIG;AACH,MAAM,WAAW,kBAAkB,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"StatefulStory.d.ts","sourceRoot":"","sources":["../../src/StatefulStory.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAW,EAAE,EAAC,MAAM,OAAO,CAAC;AAEnC;;;;GAIG;AACH,MAAM,WAAW,kBAAkB,CAAC,CAAC;IAEnC,QAAQ,EAAE,EAAE,CAAC;QAAC,KAAK,EAAE,CAAC,CAAC;QAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAA;KAAC,CAAC,CAAC;IACvD,YAAY,EAAE,CAAC,CAAC;CACjB;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,CAAC,EAAE,EAC/B,QAAQ,EACR,YAAY,GACb,EAAE,kBAAkB,CAAC,CAAC,CAAC,iDAGvB"}
|
package/lib/Image/Image.js
CHANGED
|
@@ -34,14 +34,14 @@ var Image = /*#__PURE__*/function (_React$Component) {
|
|
|
34
34
|
didLoad: false,
|
|
35
35
|
imageUrl: _this.props.src
|
|
36
36
|
});
|
|
37
|
-
_defineProperty(_assertThisInitialized(_this), "onError", function () {
|
|
37
|
+
_defineProperty(_assertThisInitialized(_this), "onError", function (e) {
|
|
38
38
|
if (!_this.state.didError && _this.props.defaultImage) {
|
|
39
39
|
_this.setState({
|
|
40
40
|
didError: true,
|
|
41
41
|
imageUrl: _this.props.defaultImage
|
|
42
42
|
});
|
|
43
43
|
}
|
|
44
|
-
_this.props.onError();
|
|
44
|
+
_this.props.onError(e);
|
|
45
45
|
});
|
|
46
46
|
_defineProperty(_assertThisInitialized(_this), "onLoad", function () {
|
|
47
47
|
_this.setState({
|
|
@@ -96,7 +96,9 @@ var Image = /*#__PURE__*/function (_React$Component) {
|
|
|
96
96
|
},
|
|
97
97
|
onClick: this.onClick,
|
|
98
98
|
src: this.state.imageUrl,
|
|
99
|
-
onError:
|
|
99
|
+
onError: function onError(e) {
|
|
100
|
+
return _this2.onError(e);
|
|
101
|
+
},
|
|
100
102
|
onLoad: this.onLoad,
|
|
101
103
|
alt: alt,
|
|
102
104
|
title: title,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sproutsocial/racine",
|
|
3
|
-
"version": "20.
|
|
3
|
+
"version": "20.15.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"engines": {
|
|
6
6
|
"node": ">=18"
|
|
@@ -89,6 +89,7 @@
|
|
|
89
89
|
"@babel/preset-react": "^7.22.5",
|
|
90
90
|
"@babel/preset-typescript": "^7.22.5",
|
|
91
91
|
"@khanacademy/flow-to-ts": "^0.5.2",
|
|
92
|
+
"@sproutsocial/eslint-config-seeds": "*",
|
|
92
93
|
"@sproutsocial/seeds-border": "*",
|
|
93
94
|
"@sproutsocial/seeds-color": "*",
|
|
94
95
|
"@sproutsocial/seeds-depth": "*",
|
|
@@ -137,20 +138,9 @@
|
|
|
137
138
|
"csstype": "^3.1.1",
|
|
138
139
|
"escape-string-regexp": "^5.0.0",
|
|
139
140
|
"eslint": "^8.46.0",
|
|
140
|
-
"eslint-
|
|
141
|
-
"eslint-
|
|
142
|
-
"eslint-
|
|
143
|
-
"eslint-import-resolver-typescript": "^3.6.0",
|
|
144
|
-
"eslint-plugin-babel": "^5.3.1",
|
|
145
|
-
"eslint-plugin-flowtype": "^8.0.3",
|
|
146
|
-
"eslint-plugin-import": "^2.28.0",
|
|
147
|
-
"eslint-plugin-jest": "^27.2.3",
|
|
148
|
-
"eslint-plugin-jest-dom": "^5.0.2",
|
|
149
|
-
"eslint-plugin-jsx-a11y": "^6.3.1",
|
|
150
|
-
"eslint-plugin-prettier": "^5.0.0",
|
|
151
|
-
"eslint-plugin-react": "^7.33.1",
|
|
152
|
-
"eslint-plugin-react-hooks": "^4.6.0",
|
|
153
|
-
"eslint-plugin-testing-library": "^5.11.1",
|
|
141
|
+
"eslint-import-resolver-babel-module": "^5.3.2",
|
|
142
|
+
"eslint-import-resolver-typescript": "^3.6.1",
|
|
143
|
+
"eslint-plugin-jest": "^27.6.3",
|
|
154
144
|
"flow-bin": "0.131.0",
|
|
155
145
|
"flowgen": "^1.21.0",
|
|
156
146
|
"glob": "^7.1.6",
|
|
@@ -177,7 +167,7 @@
|
|
|
177
167
|
"storybook": "^7.2.1",
|
|
178
168
|
"storybook-dark-mode": "^3.0.1",
|
|
179
169
|
"svgo": "^1.3.0",
|
|
180
|
-
"svgstore": "^
|
|
170
|
+
"svgstore": "^3.0.1",
|
|
181
171
|
"tsc-alias": "^1.8.2",
|
|
182
172
|
"typescript": "^5.1.6",
|
|
183
173
|
"webpack": "^5.88.2",
|