@dust-tt/sparkle 0.2.230 → 0.2.232
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 +7 -5
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/TextArea.d.ts +2 -1
- package/dist/esm/components/TextArea.d.ts.map +1 -1
- package/dist/esm/components/TextArea.js +2 -2
- package/dist/esm/components/TextArea.js.map +1 -1
- package/dist/esm/hooks/useHashParams.d.ts +2 -1
- package/dist/esm/hooks/useHashParams.d.ts.map +1 -1
- package/dist/esm/hooks/useHashParams.js.map +1 -1
- package/dist/esm/hooks/usePaginationFromUrl.d.ts +4 -3
- package/dist/esm/hooks/usePaginationFromUrl.d.ts.map +1 -1
- package/dist/esm/hooks/usePaginationFromUrl.js +5 -3
- package/dist/esm/hooks/usePaginationFromUrl.js.map +1 -1
- package/dist/esm/stories/TextArea.stories.d.ts.map +1 -1
- package/dist/esm/stories/TextArea.stories.js +1 -1
- package/dist/esm/stories/TextArea.stories.js.map +1 -1
- package/dist/sparkle.css +0 -4
- package/package.json +1 -1
- package/src/components/TextArea.tsx +4 -1
- package/src/hooks/useHashParams.ts +4 -1
- package/src/hooks/usePaginationFromUrl.ts +10 -5
- package/src/stories/TextArea.stories.tsx +1 -0
|
@@ -6,7 +6,8 @@ type TextAreaProps = {
|
|
|
6
6
|
error?: string | null;
|
|
7
7
|
showErrorLabel?: boolean;
|
|
8
8
|
className?: string;
|
|
9
|
+
rows?: number;
|
|
9
10
|
};
|
|
10
|
-
export declare function TextArea({ placeholder, value, onChange, error, showErrorLabel, className, }: TextAreaProps): React.JSX.Element;
|
|
11
|
+
export declare function TextArea({ placeholder, value, onChange, error, showErrorLabel, className, rows }: TextAreaProps): React.JSX.Element;
|
|
11
12
|
export {};
|
|
12
13
|
//# sourceMappingURL=TextArea.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,KAAK,aAAa,GAAG;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,KAAK,aAAa,GAAG;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EACvB,WAAW,EACX,KAAK,EACL,QAAQ,EACR,KAAK,EACL,cAAsB,EACtB,SAAS,EACT,IAAS,EACV,EAAE,aAAa,qBA2Cf"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { useEffect, useRef } from "react";
|
|
2
2
|
import { classNames } from "../lib/utils";
|
|
3
3
|
export function TextArea(_a) {
|
|
4
|
-
var placeholder = _a.placeholder, value = _a.value, onChange = _a.onChange, error = _a.error, _b = _a.showErrorLabel, showErrorLabel = _b === void 0 ? false : _b, className = _a.className;
|
|
4
|
+
var placeholder = _a.placeholder, value = _a.value, onChange = _a.onChange, error = _a.error, _b = _a.showErrorLabel, showErrorLabel = _b === void 0 ? false : _b, className = _a.className, _c = _a.rows, rows = _c === void 0 ? 10 : _c;
|
|
5
5
|
var textareaRef = useRef(null);
|
|
6
6
|
useEffect(function () {
|
|
7
7
|
var textarea = textareaRef.current;
|
|
@@ -10,7 +10,7 @@ export function TextArea(_a) {
|
|
|
10
10
|
}
|
|
11
11
|
}, [value]); // Re-run when value changes
|
|
12
12
|
return (React.createElement("div", { className: "s-flex s-flex-col s-gap-1 s-p-px" },
|
|
13
|
-
React.createElement("textarea", { ref: textareaRef, className: classNames("overflow-y-auto s-block s-
|
|
13
|
+
React.createElement("textarea", { rows: rows, ref: textareaRef, 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
|
|
14
14
|
? "s-border-structure-100 focus:s-border-action-300 focus:s-ring-action-300"
|
|
15
15
|
: "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 : ""), placeholder: placeholder, value: value !== null && value !== void 0 ? value : "", onChange: function (e) {
|
|
16
16
|
var newValue = e.target.value;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../src/components/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../src/components/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAYhD,MAAM,UAAU,QAAQ,CAAC,EAQT;QAPd,WAAW,iBAAA,EACX,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,sBAAsB,EAAtB,cAAc,mBAAG,KAAK,KAAA,EACtB,SAAS,eAAA,EACT,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA;IAET,IAAM,WAAW,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAC;IAEtD,SAAS,CAAC;QACR,IAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC;QACrC,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,UAAG,QAAQ,CAAC,YAAY,OAAI,CAAC,CAAC,uBAAuB;QAC/E,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,4BAA4B;IACzC,OAAO,CACL,6BAAK,SAAS,EAAC,kCAAkC;QAC/C,kCACE,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,WAAW,EAChB,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,EACD,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,EAClB,QAAQ,EAAE,UAAC,CAAC;gBACV,IAAM,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;gBAChC,IAAM,iBAAiB,GAAG,WAAW,CAAC,OAAO,CAAC;gBAC9C,IACE,iBAAiB;qBACjB,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAA;oBACb,QAAQ,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,EAC9B,CAAC;oBACD,iBAAiB,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,8BAA8B;gBACzE,CAAC;gBACD,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAC3B,CAAC,GACD;QACD,KAAK,IAAI,cAAc,IAAI,CAC1B,6BAAK,SAAS,EAAC,qCAAqC,IAAE,KAAK,CAAO,CACnE,CACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -3,8 +3,9 @@
|
|
|
3
3
|
* ISC License
|
|
4
4
|
*/
|
|
5
5
|
type Updater = (prevValue?: string) => string;
|
|
6
|
+
export type HistoryOptions = "replace" | "push";
|
|
6
7
|
type SetterOptions = {
|
|
7
|
-
history:
|
|
8
|
+
history: HistoryOptions;
|
|
8
9
|
};
|
|
9
10
|
type Setter = (value?: string | Updater, options?: SetterOptions) => void;
|
|
10
11
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useHashParams.d.ts","sourceRoot":"","sources":["../../../src/hooks/useHashParams.ts"],"names":[],"mappings":"AAAA;;;GAGG;AA6CH,KAAK,OAAO,GAAG,CAAC,SAAS,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"useHashParams.d.ts","sourceRoot":"","sources":["../../../src/hooks/useHashParams.ts"],"names":[],"mappings":"AAAA;;;GAGG;AA6CH,KAAK,OAAO,GAAG,CAAC,SAAS,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;AAE9C,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,MAAM,CAAC;AAEhD,KAAK,aAAa,GAAG;IACnB,OAAO,EAAE,cAAc,CAAC;CACzB,CAAC;AACF,KAAK,MAAM,GAAG,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,OAAO,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;AAE1E;;;;;GAKG;AAEH,eAAO,MAAM,YAAY,QAClB,MAAM,iBACI,MAAM,KACpB,CAAC,MAAM,GAAG,SAAS,EAAE,MAAM,CA8B7B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useHashParams.js","sourceRoot":"","sources":["../../../src/hooks/useHashParams.ts"],"names":[],"mappings":"AAAA;;;GAGG;;AAEH,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEzD,IAAM,mBAAmB,GAAG,UAAC,QAAkB;IAC7C,IAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAC9B,IAAA,KAAA,OAAkB,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAA,EAAhC,MAAM,QAAA,EAAE,KAAK,QAAmB,CAAC;IAExC,OAAO,CAAC,MAAM,EAAE,IAAI,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC;AAC9C,CAAC,CAAC;AAEF,IAAM,YAAY,GAAG,UAAC,GAAW,EAAE,YAAqB;;IACtD,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;QAClC,OAAO,YAAY,CAAC;IACtB,CAAC;IAEK,IAAA,KAAA,OAAmB,mBAAmB,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAA,EAApD,YAAY,QAAwC,CAAC;IAE9D,OAAO,MAAA,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC,mCAAI,YAAY,CAAC;AAC/C,CAAC,CAAC;AAEF,IAAM,YAAY,GAAG,UACnB,GAAW,EACX,KAAyB,EACzB,kBAA2B;IAE3B,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;QAC5B,IAAA,KAAA,OAAyB,mBAAmB,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAA,EAA5D,MAAM,QAAA,EAAE,YAAY,QAAwC,CAAC;QAEpE,IAAI,OAAO,KAAK,KAAK,WAAW,IAAI,KAAK,KAAK,EAAE,EAAE,CAAC;YACjD,YAAY,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QAC3B,CAAC;aAAM,CAAC;YACN,YAAY,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;QAC/B,CAAC;QAED,IAAM,MAAM,GAAG,YAAY,CAAC,QAAQ,EAAE,CAAC;QACvC,IAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,UAAG,MAAM,cAAI,MAAM,CAAE,CAAC,CAAC,CAAC,MAAM,CAAC;QACrD,IAAI,kBAAkB,IAAI,cAAc,IAAI,OAAO,EAAE,CAAC;YACpD,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,EAAE,WAAI,IAAI,CAAE,CAAC,CAAC;QAC7C,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC;QAC9B,CAAC;IACH,CAAC;AACH,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"useHashParams.js","sourceRoot":"","sources":["../../../src/hooks/useHashParams.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { PaginationState } from "@tanstack/react-table";
|
|
2
|
-
|
|
2
|
+
import { HistoryOptions } from "../hooks/useHashParams";
|
|
3
|
+
export declare const usePaginationFromUrl: ({ urlPrefix, initialPageSize, defaultHistory, }: {
|
|
3
4
|
urlPrefix?: string;
|
|
4
5
|
initialPageSize?: number;
|
|
5
|
-
|
|
6
|
+
defaultHistory?: HistoryOptions;
|
|
6
7
|
}) => {
|
|
7
8
|
pagination: PaginationState;
|
|
8
|
-
setPagination: (newValue: PaginationState) => void;
|
|
9
|
+
setPagination: (newValue: PaginationState, history?: HistoryOptions) => void;
|
|
9
10
|
};
|
|
10
11
|
//# sourceMappingURL=usePaginationFromUrl.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePaginationFromUrl.d.ts","sourceRoot":"","sources":["../../../src/hooks/usePaginationFromUrl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"usePaginationFromUrl.d.ts","sourceRoot":"","sources":["../../../src/hooks/usePaginationFromUrl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAGxD,OAAO,EAAE,cAAc,EAAgB,MAAM,8BAA8B,CAAC;AAI5E,eAAO,MAAM,oBAAoB,oDAI9B;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;;8BAee,eAAe,YACf,cAAc;CAc7B,CAAC"}
|
|
@@ -3,16 +3,18 @@ import { useMemo } from "react";
|
|
|
3
3
|
import { useHashParam } from "../hooks/useHashParams";
|
|
4
4
|
var defaultPageSize = 25;
|
|
5
5
|
export var usePaginationFromUrl = function (_a) {
|
|
6
|
-
var urlPrefix = _a.urlPrefix, _b = _a.initialPageSize, initialPageSize = _b === void 0 ? defaultPageSize : _b, _c = _a.
|
|
6
|
+
var urlPrefix = _a.urlPrefix, _b = _a.initialPageSize, initialPageSize = _b === void 0 ? defaultPageSize : _b, _c = _a.defaultHistory, defaultHistory = _c === void 0 ? "push" : _c;
|
|
7
7
|
var _d = __read(useHashParam(urlPrefix ? "".concat(urlPrefix, "PageIndex") : "pageIndex"), 2), pageIndexParam = _d[0], setPageIndexParam = _d[1];
|
|
8
8
|
var _e = __read(useHashParam(urlPrefix ? "".concat(urlPrefix, "PageSize") : "pageSize"), 2), pageSizeParam = _e[0], setPageSizeParam = _e[1];
|
|
9
9
|
var pageIndex = pageIndexParam ? parseInt(pageIndexParam) : 0;
|
|
10
10
|
var pageSize = pageSizeParam ? parseInt(pageSizeParam) : initialPageSize;
|
|
11
11
|
var res = useMemo(function () {
|
|
12
12
|
var pagination = { pageIndex: pageIndex, pageSize: pageSize };
|
|
13
|
-
var setPagination = function (newValue) {
|
|
13
|
+
var setPagination = function (newValue, history) {
|
|
14
14
|
if (newValue.pageIndex !== pageIndex || newValue.pageSize !== pageSize) {
|
|
15
|
-
setPageIndexParam(newValue.pageIndex.toString(), {
|
|
15
|
+
setPageIndexParam(newValue.pageIndex.toString(), {
|
|
16
|
+
history: history !== null && history !== void 0 ? history : defaultHistory,
|
|
17
|
+
});
|
|
16
18
|
setPageSizeParam(newValue.pageSize.toString());
|
|
17
19
|
}
|
|
18
20
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePaginationFromUrl.js","sourceRoot":"","sources":["../../../src/hooks/usePaginationFromUrl.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,
|
|
1
|
+
{"version":3,"file":"usePaginationFromUrl.js","sourceRoot":"","sources":["../../../src/hooks/usePaginationFromUrl.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAkB,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE5E,IAAM,eAAe,GAAG,EAAE,CAAC;AAE3B,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAAC,EAQpC;QAPC,SAAS,eAAA,EACT,uBAAiC,EAAjC,eAAe,mBAAG,eAAe,KAAA,EACjC,sBAAuB,EAAvB,cAAc,mBAAG,MAAM,KAAA;IAMjB,IAAA,KAAA,OAAsC,YAAY,CACtD,SAAS,CAAC,CAAC,CAAC,UAAG,SAAS,cAAW,CAAC,CAAC,CAAC,WAAW,CAClD,IAAA,EAFM,cAAc,QAAA,EAAE,iBAAiB,QAEvC,CAAC;IACI,IAAA,KAAA,OAAoC,YAAY,CACpD,SAAS,CAAC,CAAC,CAAC,UAAG,SAAS,aAAU,CAAC,CAAC,CAAC,UAAU,CAChD,IAAA,EAFM,aAAa,QAAA,EAAE,gBAAgB,QAErC,CAAC;IAEF,IAAM,SAAS,GAAG,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAChE,IAAM,QAAQ,GAAG,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC;IAE3E,IAAM,GAAG,GAAG,OAAO,CAAC;QAClB,IAAM,UAAU,GAAoB,EAAE,SAAS,WAAA,EAAE,QAAQ,UAAA,EAAE,CAAC;QAE5D,IAAM,aAAa,GAAG,UACpB,QAAyB,EACzB,OAAwB;YAExB,IAAI,QAAQ,CAAC,SAAS,KAAK,SAAS,IAAI,QAAQ,CAAC,QAAQ,KAAK,QAAQ,EAAE,CAAC;gBACvE,iBAAiB,CAAC,QAAQ,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE;oBAC/C,OAAO,EAAE,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,cAAc;iBACnC,CAAC,CAAC;gBACH,gBAAgB,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC;YACjD,CAAC;QACH,CAAC,CAAC;QAEF,OAAO,EAAE,UAAU,YAAA,EAAE,aAAa,eAAA,EAAE,CAAC;IACvC,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC;IAErC,OAAO,GAAG,CAAC;AACb,CAAC,CAAC"}
|
|
@@ -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;AAExC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,QAAA,MAAM,IAAI;;;CAGuB,CAAC;AAElC,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,eAAe,
|
|
1
|
+
{"version":3,"file":"TextArea.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/TextArea.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,QAAA,MAAM,IAAI;;;CAGuB,CAAC;AAElC,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,eAAe,yBAsC3B,CAAC"}
|
|
@@ -17,7 +17,7 @@ export var TextAreaExample = function () {
|
|
|
17
17
|
React.createElement("div", { className: "s-grid s-grid-cols-3 s-gap-4" },
|
|
18
18
|
React.createElement(TextArea, { placeholder: "placeholder", value: textValues[0], onChange: function (v) {
|
|
19
19
|
return setTextValues([v, textValues[1], textValues[2], textValues[3]]);
|
|
20
|
-
} }),
|
|
20
|
+
}, rows: 2 }),
|
|
21
21
|
React.createElement(TextArea, { placeholder: "placeholder", value: textValues[1], error: "errored because blah", onChange: function (v) {
|
|
22
22
|
return setTextValues([textValues[0], v, textValues[2], textValues[3]]);
|
|
23
23
|
}, showErrorLabel: true }),
|
|
@@ -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,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EACpB,QAAQ,EAAE,UAAC,CAAC;oBACV,OAAA,aAAa,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;gBAA/D,CAA+D,
|
|
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,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EACpB,QAAQ,EAAE,UAAC,CAAC;oBACV,OAAA,aAAa,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;gBAA/D,CAA+D,EAEjE,IAAI,EAAE,CAAC,GACP;YACF,oBAAC,QAAQ,IACP,WAAW,EAAC,aAAa,EACzB,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EACpB,KAAK,EAAE,sBAAsB,EAC7B,QAAQ,EAAE,UAAC,CAAC;oBACV,OAAA,aAAa,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;gBAA/D,CAA+D,EAEjE,cAAc,SACd;YACF,oBAAC,QAAQ,IACP,WAAW,EAAC,aAAa,EACzB,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EACpB,QAAQ,EAAE,UAAC,CAAC;oBACV,OAAA,aAAa,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;gBAA/D,CAA+D,EAEjE,KAAK,EAAE,sBAAsB,GAC7B,CACE,CACF,CACP,CAAC;AACJ,CAAC,CAAC"}
|
package/dist/sparkle.css
CHANGED
package/package.json
CHANGED
|
@@ -9,6 +9,7 @@ type TextAreaProps = {
|
|
|
9
9
|
error?: string | null;
|
|
10
10
|
showErrorLabel?: boolean;
|
|
11
11
|
className?: string;
|
|
12
|
+
rows?: number;
|
|
12
13
|
};
|
|
13
14
|
|
|
14
15
|
export function TextArea({
|
|
@@ -18,6 +19,7 @@ export function TextArea({
|
|
|
18
19
|
error,
|
|
19
20
|
showErrorLabel = false,
|
|
20
21
|
className,
|
|
22
|
+
rows = 10
|
|
21
23
|
}: TextAreaProps) {
|
|
22
24
|
const textareaRef = useRef<HTMLTextAreaElement>(null);
|
|
23
25
|
|
|
@@ -30,9 +32,10 @@ export function TextArea({
|
|
|
30
32
|
return (
|
|
31
33
|
<div className="s-flex s-flex-col s-gap-1 s-p-px">
|
|
32
34
|
<textarea
|
|
35
|
+
rows={rows}
|
|
33
36
|
ref={textareaRef}
|
|
34
37
|
className={classNames(
|
|
35
|
-
"overflow-y-auto s-block s-
|
|
38
|
+
"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",
|
|
36
39
|
!error
|
|
37
40
|
? "s-border-structure-100 focus:s-border-action-300 focus:s-ring-action-300"
|
|
38
41
|
: "s-border-red-500 focus:s-border-red-500 focus:s-ring-red-500",
|
|
@@ -47,8 +47,11 @@ const setHashParam = (
|
|
|
47
47
|
};
|
|
48
48
|
|
|
49
49
|
type Updater = (prevValue?: string) => string;
|
|
50
|
+
|
|
51
|
+
export type HistoryOptions = "replace" | "push";
|
|
52
|
+
|
|
50
53
|
type SetterOptions = {
|
|
51
|
-
history:
|
|
54
|
+
history: HistoryOptions;
|
|
52
55
|
};
|
|
53
56
|
type Setter = (value?: string | Updater, options?: SetterOptions) => void;
|
|
54
57
|
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { PaginationState } from "@tanstack/react-table";
|
|
2
2
|
import { useMemo } from "react";
|
|
3
3
|
|
|
4
|
-
import { useHashParam } from "@sparkle/hooks/useHashParams";
|
|
4
|
+
import { HistoryOptions, useHashParam } from "@sparkle/hooks/useHashParams";
|
|
5
5
|
|
|
6
6
|
const defaultPageSize = 25;
|
|
7
7
|
|
|
8
8
|
export const usePaginationFromUrl = ({
|
|
9
9
|
urlPrefix,
|
|
10
10
|
initialPageSize = defaultPageSize,
|
|
11
|
-
|
|
11
|
+
defaultHistory = "push",
|
|
12
12
|
}: {
|
|
13
13
|
urlPrefix?: string;
|
|
14
14
|
initialPageSize?: number;
|
|
15
|
-
|
|
15
|
+
defaultHistory?: HistoryOptions;
|
|
16
16
|
}) => {
|
|
17
17
|
const [pageIndexParam, setPageIndexParam] = useHashParam(
|
|
18
18
|
urlPrefix ? `${urlPrefix}PageIndex` : "pageIndex"
|
|
@@ -27,9 +27,14 @@ export const usePaginationFromUrl = ({
|
|
|
27
27
|
const res = useMemo(() => {
|
|
28
28
|
const pagination: PaginationState = { pageIndex, pageSize };
|
|
29
29
|
|
|
30
|
-
const setPagination = (
|
|
30
|
+
const setPagination = (
|
|
31
|
+
newValue: PaginationState,
|
|
32
|
+
history?: HistoryOptions
|
|
33
|
+
) => {
|
|
31
34
|
if (newValue.pageIndex !== pageIndex || newValue.pageSize !== pageSize) {
|
|
32
|
-
setPageIndexParam(newValue.pageIndex.toString(), {
|
|
35
|
+
setPageIndexParam(newValue.pageIndex.toString(), {
|
|
36
|
+
history: history ?? defaultHistory,
|
|
37
|
+
});
|
|
33
38
|
setPageSizeParam(newValue.pageSize.toString());
|
|
34
39
|
}
|
|
35
40
|
};
|