@noya-app/noya-designsystem 0.1.88 → 0.1.90
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/.turbo/turbo-build.log +8 -8
- package/CHANGELOG.md +18 -0
- package/dist/index.css +1 -1
- package/dist/index.d.mts +3 -4
- package/dist/index.d.ts +3 -4
- package/dist/index.js +16 -22
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +16 -22
- package/dist/index.mjs.map +1 -1
- package/package.json +5 -5
- package/src/components/BaseToolbar.tsx +3 -1
- package/src/components/Dialog.tsx +4 -1
- package/src/components/InputField.tsx +9 -7
- package/src/components/__tests__/BaseToolbar.test.tsx +22 -0
- package/src/components/__tests__/DialogNavigator.test.tsx +13 -0
- package/src/components/__tests__/InputField.test.tsx +227 -3
- package/src/components/connected-users-menu/ConnectedUsersMenuLayout.tsx +0 -16
- package/src/components/workspace/DrawerWorkspaceLayout.tsx +1 -1
- package/src/components/workspace/__tests__/DrawerWorkspaceLayout.test.tsx +6 -1
package/dist/index.mjs
CHANGED
|
@@ -19692,7 +19692,10 @@ var StyledBackdrop = forwardRef49(({ className, ...props }, ref) => /* @__PURE__
|
|
|
19692
19692
|
index_parts_exports4.Backdrop,
|
|
19693
19693
|
{
|
|
19694
19694
|
ref,
|
|
19695
|
-
className: cx(
|
|
19695
|
+
className: cx(
|
|
19696
|
+
`n-fixed n-inset-0 n-z-[999] n-bg-[rgba(0,0,0,0.5)]`,
|
|
19697
|
+
className
|
|
19698
|
+
),
|
|
19696
19699
|
...props
|
|
19697
19700
|
}
|
|
19698
19701
|
));
|
|
@@ -21688,20 +21691,20 @@ function InputFieldNumberInput(props) {
|
|
|
21688
21691
|
[onNudge]
|
|
21689
21692
|
);
|
|
21690
21693
|
const handleChange = useCallback40(
|
|
21691
|
-
(
|
|
21692
|
-
if (
|
|
21693
|
-
setInternalValue(
|
|
21694
|
+
(inputValue) => {
|
|
21695
|
+
if (inputValue === "" || inputValue === "-" || inputValue === ".") {
|
|
21696
|
+
setInternalValue(inputValue);
|
|
21694
21697
|
if (triggersOnEmpty) {
|
|
21695
21698
|
onChange?.(0, { isEmpty: true });
|
|
21696
21699
|
}
|
|
21697
21700
|
return;
|
|
21698
21701
|
}
|
|
21699
|
-
if (
|
|
21700
|
-
setInternalValue(
|
|
21702
|
+
if (inputValue.endsWith(".")) {
|
|
21703
|
+
setInternalValue(inputValue);
|
|
21701
21704
|
return;
|
|
21702
21705
|
}
|
|
21703
|
-
setInternalValue(
|
|
21704
|
-
const newValue = parseNumber(
|
|
21706
|
+
setInternalValue(inputValue);
|
|
21707
|
+
const newValue = parseNumber(inputValue);
|
|
21705
21708
|
if (!isNaN(newValue)) {
|
|
21706
21709
|
onChange?.(newValue, { isEmpty: false });
|
|
21707
21710
|
}
|
|
@@ -30680,19 +30683,9 @@ var UserAvatar = ({ userId, name, image }) => /* @__PURE__ */ React228.createEle
|
|
|
30680
30683
|
/* @__PURE__ */ React228.createElement(Avatar, { size: INPUT_HEIGHT, userId, name, image })
|
|
30681
30684
|
);
|
|
30682
30685
|
var ConnectedUsersMenuLayout = ({
|
|
30683
|
-
renderUsers
|
|
30684
|
-
launchAIAssistant,
|
|
30685
|
-
isAssistantOpen
|
|
30686
|
+
renderUsers
|
|
30686
30687
|
}) => {
|
|
30687
|
-
return /* @__PURE__ */ React228.createElement("div", { className: "n-flex n-gap-1.5" }, /* @__PURE__ */ React228.createElement(AvatarStack, { size: INPUT_HEIGHT }, renderUsers())
|
|
30688
|
-
Button,
|
|
30689
|
-
{
|
|
30690
|
-
active: isAssistantOpen,
|
|
30691
|
-
onClick: launchAIAssistant,
|
|
30692
|
-
icon: "ChatBubbleWithDotsIcon"
|
|
30693
|
-
},
|
|
30694
|
-
"AI"
|
|
30695
|
-
)));
|
|
30688
|
+
return /* @__PURE__ */ React228.createElement("div", { className: "n-flex n-gap-1.5" }, /* @__PURE__ */ React228.createElement(AvatarStack, { size: INPUT_HEIGHT }, renderUsers()));
|
|
30696
30689
|
};
|
|
30697
30690
|
|
|
30698
30691
|
// src/components/DialogNavigator.tsx
|
|
@@ -30739,6 +30732,7 @@ function BaseToolbar({
|
|
|
30739
30732
|
left,
|
|
30740
30733
|
right,
|
|
30741
30734
|
logo,
|
|
30735
|
+
showLogoDivider = true,
|
|
30742
30736
|
showDivider = true,
|
|
30743
30737
|
className,
|
|
30744
30738
|
innerClassName,
|
|
@@ -30759,7 +30753,7 @@ function BaseToolbar({
|
|
|
30759
30753
|
innerClassName,
|
|
30760
30754
|
enableAbsoluteBreakpoint
|
|
30761
30755
|
},
|
|
30762
|
-
logo && /* @__PURE__ */ React229.createElement(React229.Fragment, null, logo, /* @__PURE__ */ React229.createElement(DividerVertical, null)),
|
|
30756
|
+
logo && /* @__PURE__ */ React229.createElement(React229.Fragment, null, logo, showLogoDivider && /* @__PURE__ */ React229.createElement(DividerVertical, null)),
|
|
30763
30757
|
/* @__PURE__ */ React229.createElement(Spacer.Horizontal, { size: 10 }),
|
|
30764
30758
|
leftElement && !enableContainerQuery && /* @__PURE__ */ React229.createElement(React229.Fragment, null, leftElement, childrenElement && /* @__PURE__ */ React229.createElement(Spacer.Horizontal, { size: 10 })),
|
|
30765
30759
|
childrenElement,
|
|
@@ -42113,7 +42107,7 @@ var DrawerWorkspaceLayout = memoGeneric(function DrawerWorkspaceLayout2({
|
|
|
42113
42107
|
}
|
|
42114
42108
|
)
|
|
42115
42109
|
), /* @__PURE__ */ React315.createElement(Divider, null)),
|
|
42116
|
-
compactTabItem && /* @__PURE__ */ React315.createElement("div", { className: "n-absolute n-top-0 n-left-0 n-h-[calc(var(--n-toolbar-height)+1px)] n-w-[calc(var(--n-toolbar-height)+1px)] n-bg-sidebar-background n-border-
|
|
42110
|
+
compactTabItem && /* @__PURE__ */ React315.createElement("div", { className: "n-absolute n-top-0 n-left-0 n-h-[calc(var(--n-toolbar-height)+1px)] n-w-[calc(var(--n-toolbar-height)+1px)] n-bg-sidebar-background n-border-b n-border-divider-strong n-z-10 n-flex n-items-center n-justify-center" }, /* @__PURE__ */ React315.createElement(
|
|
42117
42111
|
Button,
|
|
42118
42112
|
{
|
|
42119
42113
|
"aria-label": typeof compactTabItem.title === "string" ? compactTabItem.title : "Toggle sidebar",
|