@dust-tt/sparkle 0.2.250 → 0.2.252
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/dist/cjs/index.js +6 -8
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/Citation.d.ts +1 -1
- package/dist/esm/components/Citation.d.ts.map +1 -1
- package/dist/esm/components/Citation.js +2 -1
- package/dist/esm/components/Citation.js.map +1 -1
- package/dist/esm/components/TextArea.d.ts +4 -8
- package/dist/esm/components/TextArea.d.ts.map +1 -1
- package/dist/esm/components/TextArea.js +7 -9
- package/dist/esm/components/TextArea.js.map +1 -1
- package/dist/esm/stories/Citation.stories.js +1 -1
- package/dist/esm/stories/Citation.stories.js.map +1 -1
- package/dist/esm/stories/Markdown.stories.d.ts.map +1 -1
- package/dist/esm/stories/Markdown.stories.js +1 -1
- package/dist/esm/stories/Markdown.stories.js.map +1 -1
- package/dist/esm/stories/TextArea.stories.d.ts +1 -2
- package/dist/esm/stories/TextArea.stories.d.ts.map +1 -1
- package/dist/esm/stories/TextArea.stories.js +8 -7
- package/dist/esm/stories/TextArea.stories.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Citation.tsx +4 -1
- package/src/components/TextArea.tsx +38 -43
- package/src/stories/Citation.stories.tsx +1 -1
- package/src/stories/Markdown.stories.tsx +2 -1
- package/src/stories/TextArea.stories.tsx +11 -10
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { ReactNode } from "react";
|
|
2
|
-
export type CitationType = "confluence" | "document" | "github" | "google_drive" | "image" | "intercom" | "microsoft" | "zendesk" | "notion" | "slack";
|
|
2
|
+
export type CitationType = "confluence" | "document" | "github" | "google_drive" | "image" | "intercom" | "microsoft" | "zendesk" | "notion" | "slack" | "snowflake";
|
|
3
3
|
interface CitationProps {
|
|
4
4
|
avatarSrc?: string;
|
|
5
5
|
description?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Citation.d.ts","sourceRoot":"","sources":["../../../src/components/Citation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Citation.d.ts","sourceRoot":"","sources":["../../../src/components/Citation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAuBzC,MAAM,MAAM,YAAY,GACpB,YAAY,GACZ,UAAU,GACV,QAAQ,GACR,cAAc,GACd,OAAO,GACP,UAAU,GACV,WAAW,GACX,SAAS,GACT,QAAQ,GACR,OAAO,GACP,WAAW,CAAC;AAEhB,UAAU,aAAa;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAqBD,wBAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,WAAW,EACX,IAAI,EACJ,MAAM,EACN,KAAK,EACL,UAAkB,EAClB,SAAS,EACT,OAAO,EACP,IAAW,EACX,MAAgB,EAChB,KAAK,EACL,IAAiB,GAClB,EAAE,aAAa,qBAkGf"}
|
|
@@ -9,7 +9,7 @@ import { Tooltip } from "../components/Tooltip";
|
|
|
9
9
|
import { XCircleIcon } from "../icons";
|
|
10
10
|
import { DocumentTextStrokeIcon, ImageStrokeIcon } from "../icons/stroke";
|
|
11
11
|
import { classNames } from "../lib/utils";
|
|
12
|
-
import { ConfluenceLogo, DriveLogo, GithubLogo, IntercomLogo, MicrosoftLogo, NotionLogo, SlackLogo, ZendeskLogo, } from "../logo/platforms";
|
|
12
|
+
import { ConfluenceLogo, DriveLogo, GithubLogo, IntercomLogo, MicrosoftLogo, NotionLogo, SlackLogo, SnowflakeLogo, ZendeskLogo, } from "../logo/platforms";
|
|
13
13
|
var typeIcons = {
|
|
14
14
|
confluence: ConfluenceLogo,
|
|
15
15
|
document: DocumentTextStrokeIcon,
|
|
@@ -21,6 +21,7 @@ var typeIcons = {
|
|
|
21
21
|
notion: NotionLogo,
|
|
22
22
|
slack: SlackLogo,
|
|
23
23
|
image: ImageStrokeIcon,
|
|
24
|
+
snowflake: SnowflakeLogo,
|
|
24
25
|
};
|
|
25
26
|
var typeSizing = {
|
|
26
27
|
fixed: { xs: "s-w-48", sm: "s-w-64" },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Citation.js","sourceRoot":"","sources":["../../../src/components/Citation.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,OAAO,MAAM,6BAA6B,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,sBAAsB,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAChF,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EACL,cAAc,EACd,SAAS,EACT,UAAU,EACV,YAAY,EACZ,aAAa,EACb,UAAU,EACV,SAAS,EACT,WAAW,GACZ,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"Citation.js","sourceRoot":"","sources":["../../../src/components/Citation.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1,9 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
|
|
3
|
-
placeholder: string;
|
|
4
|
-
value: string | null;
|
|
5
|
-
onChange: (value: string) => void;
|
|
2
|
+
export interface TextAreaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
6
3
|
error?: string | null;
|
|
7
4
|
showErrorLabel?: boolean;
|
|
8
|
-
className?: string;
|
|
9
5
|
minRows?: number;
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
export
|
|
6
|
+
className?: string;
|
|
7
|
+
}
|
|
8
|
+
export declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
13
9
|
//# sourceMappingURL=TextArea.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC;IACzD,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,2FAiCpB,CAAC"}
|
|
@@ -1,14 +1,12 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import React from "react";
|
|
2
3
|
import { classNames } from "../lib/utils";
|
|
3
|
-
export
|
|
4
|
-
var
|
|
5
|
-
var textareaRef = useRef(null);
|
|
4
|
+
export var TextArea = React.forwardRef(function (_a, ref) {
|
|
5
|
+
var error = _a.error, _b = _a.showErrorLabel, showErrorLabel = _b === void 0 ? false : _b, className = _a.className, _c = _a.minRows, minRows = _c === void 0 ? 10 : _c, props = __rest(_a, ["error", "showErrorLabel", "className", "minRows"]);
|
|
6
6
|
return (React.createElement("div", { className: "s-flex s-flex-col s-gap-1 s-p-px" },
|
|
7
|
-
React.createElement("textarea", { rows: minRows, ref:
|
|
7
|
+
React.createElement("textarea", __assign({ rows: minRows, ref: ref, className: classNames("overflow-y-auto s-block s-w-full s-min-w-0 s-rounded-xl s-text-sm s-placeholder-element-700 s-transition-all s-duration-200 s-scrollbar-hide", !error
|
|
8
8
|
? "s-border-structure-100 focus:s-border-action-300 focus:s-ring-action-300"
|
|
9
|
-
: "s-border-red-500 focus:s-border-red-500 focus:s-ring-red-500", "s-border-structure-200 s-bg-structure-50", "s-resize-y", className !== null && className !== void 0 ? className : "")
|
|
10
|
-
onChange(e.target.value);
|
|
11
|
-
} }),
|
|
9
|
+
: "s-border-red-500 focus:s-border-red-500 focus:s-ring-red-500", "s-border-structure-200 s-bg-structure-50", "s-resize-y", className !== null && className !== void 0 ? className : "") }, props)),
|
|
12
10
|
error && showErrorLabel && (React.createElement("div", { className: "s-ml-2 s-text-sm s-text-warning-500" }, error))));
|
|
13
|
-
}
|
|
11
|
+
});
|
|
14
12
|
//# sourceMappingURL=TextArea.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../src/components/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../src/components/TextArea.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAUhD,MAAM,CAAC,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,UACE,EAMgB,EAChB,GAAG;IAND,IAAA,KAAK,WAAA,EACL,sBAAsB,EAAtB,cAAc,mBAAG,KAAK,KAAA,EACtB,SAAS,eAAA,EACT,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EACT,KAAK,cALV,mDAMC,CADS;IAIV,OAAO,CACL,6BAAK,SAAS,EAAC,kCAAkC;QAC/C,2CACE,IAAI,EAAE,OAAO,EACb,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CACnB,8IAA8I,EAC9I,CAAC,KAAK;gBACJ,CAAC,CAAC,0EAA0E;gBAC5E,CAAC,CAAC,8DAA8D,EAClE,0CAA0C,EAC1C,YAAY,EACZ,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,CAChB,IACG,KAAK,EACT;QACD,KAAK,IAAI,cAAc,IAAI,CAC1B,6BAAK,SAAS,EAAC,qCAAqC,IAAE,KAAK,CAAO,CACnE,CACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -40,7 +40,7 @@ export var CitationsExample = function () { return (React.createElement("div", {
|
|
|
40
40
|
React.createElement(Citation, { title: "Title", type: "github", index: "2", href: "https://www.google.com", description: "Write a 120 character description of the citation here to be displayed in the citation list." })),
|
|
41
41
|
React.createElement("div", { className: "s-flex s-gap-2" },
|
|
42
42
|
React.createElement(Citation, { title: "Title", type: "google_drive", index: "3", href: "https://www.google.com", description: "Write a 120 character description of the citation here to be displayed in the citation list.", isBlinking: true }),
|
|
43
|
-
React.createElement(Citation, { title: "Awesome article", type: "
|
|
43
|
+
React.createElement(Citation, { title: "Awesome article", type: "snowflake", index: "3", href: "https://www.google.com", description: "Write a 120 character description of the citation here to be displayed in the citation list.", isBlinking: false })),
|
|
44
44
|
React.createElement("h2", null, "With zoom effect"),
|
|
45
45
|
React.createElement("div", { className: "s-flex s-gap-2" },
|
|
46
46
|
React.createElement(ZoomableImageCitationWrapper, { size: "sm", title: "With imgSrc",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Citation.stories.js","sourceRoot":"","sources":["../../../src/stories/Citation.stories.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Citation.stories.js","sourceRoot":"","sources":["../../../src/stories/Citation.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Markdown.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Markdown.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAY,MAAM,uBAAuB,CAAC;AAEzD,QAAA,MAAM,IAAI;;;CAGqB,CAAC;AAEhC,eAAe,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"Markdown.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Markdown.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAY,MAAM,uBAAuB,CAAC;AAEzD,QAAA,MAAM,IAAI;;;CAGqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AAqCpB,eAAO,MAAM,eAAe,yBAK3B,CAAC"}
|
|
@@ -6,7 +6,7 @@ var meta = {
|
|
|
6
6
|
};
|
|
7
7
|
export default meta;
|
|
8
8
|
var example1 = "\n# Level 1 Title\n\n## Level 2 Title\n\n### Level 3 Title\n\nThis is a paragraph with **bold** text and *italic* text.\n\nLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n\n";
|
|
9
|
-
var example2 = "\n# Another Level 1 Title\n\nDemo of a list, showcasing our pets of the month:\n- Soupinou\n-
|
|
9
|
+
var example2 = "\n# Another Level 1 Title\n\nDemo of a list, showcasing our pets of the month:\n- Soupinou\n- Chawarma\n- Chalom\n- Anakine\n- Goose\n\n---\n\nDemo of a quote below:\n> You take the blue pill - the story ends, you wake up in your bed and believe whatever you want to believe. You take the red pill - you stay in Wonderland and I show you how deep the rabbit hole goes.\n\n> You take the blue pill - the story ends, you wake up in your bed and believe whatever you want to believe. You take the red pill - you stay in Wonderland and I show you how deep the rabbit hole goes.\n\nAnother one, a short one:\n> Soupinou fait des miaou miaou.\n\n";
|
|
10
10
|
export var MarkdownExample = function () { return (React.createElement("div", { className: "s-flex s-flex-col s-bg-structure-50 s-p-8" },
|
|
11
11
|
React.createElement(Markdown, { content: example1 }),
|
|
12
12
|
React.createElement(Markdown, { content: example2 }))); };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Markdown.stories.js","sourceRoot":"","sources":["../../../src/stories/Markdown.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEzD,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,MAAM;CACY,CAAC;AAEhC,eAAe,IAAI,CAAC;AAEpB,IAAM,QAAQ,GAAG,8jBAWhB,CAAC;AAEF,IAAM,QAAQ,GAAG,
|
|
1
|
+
{"version":3,"file":"Markdown.stories.js","sourceRoot":"","sources":["../../../src/stories/Markdown.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEzD,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,MAAM;CACY,CAAC;AAEhC,eAAe,IAAI,CAAC;AAEpB,IAAM,QAAQ,GAAG,8jBAWhB,CAAC;AAEF,IAAM,QAAQ,GAAG,koBAoBhB,CAAC;AAEF,MAAM,CAAC,IAAM,eAAe,GAAG,cAAM,OAAA,CACnC,6BAAK,SAAS,EAAC,2CAA2C;IACxD,oBAAC,QAAQ,IAAC,OAAO,EAAE,QAAQ,GAAI;IAC/B,oBAAC,QAAQ,IAAC,OAAO,EAAE,QAAQ,GAAI,CAC3B,CACP,EALoC,CAKpC,CAAC"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { TextArea } from "../index_with_tw_base";
|
|
3
2
|
declare const meta: {
|
|
4
3
|
title: string;
|
|
5
|
-
component:
|
|
4
|
+
component: React.ForwardRefExoticComponent<import("../components/TextArea").TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
6
5
|
};
|
|
7
6
|
export default meta;
|
|
8
7
|
export declare const TextAreaExample: () => React.JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/TextArea.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"TextArea.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/TextArea.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,QAAA,MAAM,IAAI;;;CAGuB,CAAC;AAElC,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,eAAe,yBAuC3B,CAAC"}
|
|
@@ -15,14 +15,15 @@ export var TextAreaExample = function () {
|
|
|
15
15
|
]), 2), textValues = _a[0], setTextValues = _a[1];
|
|
16
16
|
return (React.createElement("div", { className: "s-flex s-flex-col s-gap-20" },
|
|
17
17
|
React.createElement("div", { className: "s-grid s-grid-cols-3 s-gap-4" },
|
|
18
|
-
React.createElement(TextArea, { placeholder: "placeholder",
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
18
|
+
React.createElement(TextArea, { placeholder: "placeholder", onChange: function (e) {
|
|
19
|
+
console.log(e.target.value);
|
|
20
|
+
setTextValues([e.target.value, textValues[1], textValues[2], textValues[3]]);
|
|
21
|
+
}, minRows: 2, defaultValue: textValues[0] }),
|
|
22
|
+
React.createElement(TextArea, { placeholder: "placeholder", defaultValue: textValues[1], error: "errored because blah", onChange: function (e) {
|
|
23
|
+
return setTextValues([textValues[0], e.target.value, textValues[2], textValues[3]]);
|
|
23
24
|
}, showErrorLabel: true }),
|
|
24
|
-
React.createElement(TextArea, { placeholder: "placeholder",
|
|
25
|
-
return setTextValues([textValues[0], textValues[1],
|
|
25
|
+
React.createElement(TextArea, { placeholder: "placeholder", defaultValue: textValues[2], onChange: function (e) {
|
|
26
|
+
return setTextValues([textValues[0], textValues[1], e.target.value, textValues[3]]);
|
|
26
27
|
}, error: "errored because blah" }))));
|
|
27
28
|
};
|
|
28
29
|
//# sourceMappingURL=TextArea.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.stories.js","sourceRoot":"","sources":["../../../src/stories/TextArea.stories.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,QAAQ;CACY,CAAC;AAElC,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,IAAM,eAAe,GAAG;IACvB,IAAA,KAAA,OAA8B,QAAQ,CAAC;QAC3C,EAAE;QACF,kBAAkB;QAClB,gBAAgB;QAChB,EAAE;KACH,CAAC,IAAA,EALK,UAAU,QAAA,EAAE,aAAa,QAK9B,CAAC;IACH,OAAO,CACL,6BAAK,SAAS,EAAC,4BAA4B;QACzC,6BAAK,SAAS,EAAC,8BAA8B;YAC3C,oBAAC,QAAQ,IACP,WAAW,EAAC,aAAa,EACzB,
|
|
1
|
+
{"version":3,"file":"TextArea.stories.js","sourceRoot":"","sources":["../../../src/stories/TextArea.stories.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,QAAQ;CACY,CAAC;AAElC,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,IAAM,eAAe,GAAG;IACvB,IAAA,KAAA,OAA8B,QAAQ,CAAC;QAC3C,EAAE;QACF,kBAAkB;QAClB,gBAAgB;QAChB,EAAE;KACH,CAAC,IAAA,EALK,UAAU,QAAA,EAAE,aAAa,QAK9B,CAAC;IACH,OAAO,CACL,6BAAK,SAAS,EAAC,4BAA4B;QACzC,6BAAK,SAAS,EAAC,8BAA8B;YAC3C,oBAAC,QAAQ,IACP,WAAW,EAAC,aAAa,EACzB,QAAQ,EAAE,UAAC,CAAC;oBACV,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;oBAC3B,aAAa,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;gBAC9E,CAAC,EACD,OAAO,EAAE,CAAC,EACV,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC,GAC3B;YACF,oBAAC,QAAQ,IACP,WAAW,EAAC,aAAa,EACzB,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC,EAC3B,KAAK,EAAE,sBAAsB,EAC7B,QAAQ,EAAE,UAAC,CAAC;oBACV,OAAA,aAAa,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;gBAA5E,CAA4E,EAE9E,cAAc,SACd;YACF,oBAAC,QAAQ,IACP,WAAW,EAAC,aAAa,EACzB,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC,EAC3B,QAAQ,EAAE,UAAC,CAAC;oBACV,OAAA,aAAa,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;gBAA5E,CAA4E,EAE9E,KAAK,EAAE,sBAAsB,GAC7B,CACE,CACF,CACP,CAAC;AACJ,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -17,6 +17,7 @@ import {
|
|
|
17
17
|
MicrosoftLogo,
|
|
18
18
|
NotionLogo,
|
|
19
19
|
SlackLogo,
|
|
20
|
+
SnowflakeLogo,
|
|
20
21
|
ZendeskLogo,
|
|
21
22
|
} from "@sparkle/logo/platforms";
|
|
22
23
|
|
|
@@ -30,7 +31,8 @@ export type CitationType =
|
|
|
30
31
|
| "microsoft"
|
|
31
32
|
| "zendesk"
|
|
32
33
|
| "notion"
|
|
33
|
-
| "slack"
|
|
34
|
+
| "slack"
|
|
35
|
+
| "snowflake";
|
|
34
36
|
|
|
35
37
|
interface CitationProps {
|
|
36
38
|
avatarSrc?: string;
|
|
@@ -58,6 +60,7 @@ const typeIcons = {
|
|
|
58
60
|
notion: NotionLogo,
|
|
59
61
|
slack: SlackLogo,
|
|
60
62
|
image: ImageStrokeIcon,
|
|
63
|
+
snowflake: SnowflakeLogo,
|
|
61
64
|
};
|
|
62
65
|
|
|
63
66
|
const typeSizing = {
|
|
@@ -1,51 +1,46 @@
|
|
|
1
|
-
import React
|
|
1
|
+
import React from "react";
|
|
2
2
|
|
|
3
3
|
import { classNames } from "@sparkle/lib/utils";
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
value: string | null;
|
|
8
|
-
onChange: (value: string) => void;
|
|
5
|
+
export interface TextAreaProps
|
|
6
|
+
extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
9
7
|
error?: string | null;
|
|
10
8
|
showErrorLabel?: boolean;
|
|
11
|
-
className?: string;
|
|
12
9
|
minRows?: number;
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
export function TextArea({
|
|
16
|
-
placeholder,
|
|
17
|
-
value,
|
|
18
|
-
onChange,
|
|
19
|
-
error,
|
|
20
|
-
showErrorLabel = false,
|
|
21
|
-
className,
|
|
22
|
-
minRows = 10
|
|
23
|
-
}: TextAreaProps) {
|
|
24
|
-
const textareaRef = useRef<HTMLTextAreaElement>(null);
|
|
10
|
+
className?: string;
|
|
11
|
+
}
|
|
25
12
|
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
13
|
+
export const TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(
|
|
14
|
+
(
|
|
15
|
+
{
|
|
16
|
+
error,
|
|
17
|
+
showErrorLabel = false,
|
|
18
|
+
className,
|
|
19
|
+
minRows = 10,
|
|
20
|
+
...props
|
|
21
|
+
}: TextAreaProps,
|
|
22
|
+
ref
|
|
23
|
+
) => {
|
|
24
|
+
return (
|
|
25
|
+
<div className="s-flex s-flex-col s-gap-1 s-p-px">
|
|
26
|
+
<textarea
|
|
27
|
+
rows={minRows}
|
|
28
|
+
ref={ref}
|
|
29
|
+
className={classNames(
|
|
30
|
+
"overflow-y-auto s-block s-w-full s-min-w-0 s-rounded-xl s-text-sm s-placeholder-element-700 s-transition-all s-duration-200 s-scrollbar-hide",
|
|
31
|
+
!error
|
|
32
|
+
? "s-border-structure-100 focus:s-border-action-300 focus:s-ring-action-300"
|
|
33
|
+
: "s-border-red-500 focus:s-border-red-500 focus:s-ring-red-500",
|
|
34
|
+
"s-border-structure-200 s-bg-structure-50",
|
|
35
|
+
"s-resize-y",
|
|
36
|
+
className ?? ""
|
|
37
|
+
)}
|
|
38
|
+
{...props}
|
|
39
|
+
/>
|
|
40
|
+
{error && showErrorLabel && (
|
|
41
|
+
<div className="s-ml-2 s-text-sm s-text-warning-500">{error}</div>
|
|
39
42
|
)}
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
}}
|
|
45
|
-
/>
|
|
46
|
-
{error && showErrorLabel && (
|
|
47
|
-
<div className="s-ml-2 s-text-sm s-text-warning-500">{error}</div>
|
|
48
|
-
)}
|
|
49
|
-
</div>
|
|
50
|
-
);
|
|
51
|
-
}
|
|
43
|
+
</div>
|
|
44
|
+
);
|
|
45
|
+
}
|
|
46
|
+
);
|
|
@@ -191,7 +191,7 @@ export const CitationsExample = () => (
|
|
|
191
191
|
/>
|
|
192
192
|
<Citation
|
|
193
193
|
title="Awesome article"
|
|
194
|
-
type="
|
|
194
|
+
type="snowflake"
|
|
195
195
|
index="3"
|
|
196
196
|
href="https://www.google.com"
|
|
197
197
|
description="Write a 120 character description of the citation here to be displayed in the citation list."
|
|
@@ -22,26 +22,27 @@ export const TextAreaExample = () => {
|
|
|
22
22
|
<div className="s-grid s-grid-cols-3 s-gap-4">
|
|
23
23
|
<TextArea
|
|
24
24
|
placeholder="placeholder"
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
setTextValues([
|
|
28
|
-
}
|
|
25
|
+
onChange={(e) => {
|
|
26
|
+
console.log(e.target.value)
|
|
27
|
+
setTextValues([e.target.value, textValues[1], textValues[2], textValues[3]])
|
|
28
|
+
}}
|
|
29
29
|
minRows={2}
|
|
30
|
+
defaultValue={textValues[0]}
|
|
30
31
|
/>
|
|
31
32
|
<TextArea
|
|
32
33
|
placeholder="placeholder"
|
|
33
|
-
|
|
34
|
+
defaultValue={textValues[1]}
|
|
34
35
|
error={"errored because blah"}
|
|
35
|
-
onChange={(
|
|
36
|
-
setTextValues([textValues[0],
|
|
36
|
+
onChange={(e) =>
|
|
37
|
+
setTextValues([textValues[0], e.target.value, textValues[2], textValues[3]])
|
|
37
38
|
}
|
|
38
39
|
showErrorLabel
|
|
39
40
|
/>
|
|
40
41
|
<TextArea
|
|
41
42
|
placeholder="placeholder"
|
|
42
|
-
|
|
43
|
-
onChange={(
|
|
44
|
-
setTextValues([textValues[0], textValues[1],
|
|
43
|
+
defaultValue={textValues[2]}
|
|
44
|
+
onChange={(e) =>
|
|
45
|
+
setTextValues([textValues[0], textValues[1], e.target.value, textValues[3]])
|
|
45
46
|
}
|
|
46
47
|
error={"errored because blah"}
|
|
47
48
|
/>
|