@appquality/unguess-design-system 3.1.67 → 3.1.69--canary.d2f9e4a.0

package/.github/dependabot.yml

@@ -1,11 +1,11 @@
-# To get started with Dependabot version updates, you'll need to specify which
-# package ecosystems to update and where the package manifests are located.
-# Please see the documentation for all configuration options:
-# https://docs.github.com/github/administering-a-repository/configuration-options-for-dependency-updates
-
-version: 2
-updates:
-  - package-ecosystem: "yarn"
-    directory: "/" # Location of package manifests
-    schedule:
-      interval: "daily"
+# To get started with Dependabot version updates, you'll need to specify which
+# package ecosystems to update and where the package manifests are located.
+# Please see the documentation for all configuration options:
+# https://docs.github.com/github/administering-a-repository/configuration-options-for-dependency-updates
+
+version: 2
+updates:
+  - package-ecosystem: "yarn"
+    directory: "/" # Location of package manifests
+    schedule:
+      interval: "daily"

package/build/index.js

@@ -3046,7 +3046,7 @@ const MentionList = React.forwardRef((props, ref) => {
             return false;
         },
     }));
-    return (jsxRuntime.jsx("div", Object.assign({ className: "items" }, { children: jsxRuntime.jsx(StyledCard$1, { children: jsxRuntime.jsx(List, { children: props.items.length ? (props.items.map((item, index) => (jsxRuntime.jsx("div", { children: jsxRuntime.jsx(Item$2, Object.assign({ ref: index === selectedIndex ? selectedRef : undefined, isBasic: true, isStretched: true, isAccent: true, isPill: false, isActive: index === selectedIndex, onClick: () => selectItem(index) }, { children: jsxRuntime.jsx(MD, Object.assign({ isBold: true, style: { color: theme.palette.black } }, { children: item.name })) }), index) })))) : (jsxRuntime.jsx(EmptyMention, { content: (_b = (_a = i18n === null || i18n === void 0 ? void 0 : i18n.mention) === null || _a === void 0 ? void 0 : _a.noResults) !== null && _b !== void 0 ? _b : "No results" })) }) }) })));
+    return (jsxRuntime.jsx("div", Object.assign({ className: "items" }, { children: jsxRuntime.jsx(StyledCard$1, { children: jsxRuntime.jsx(List, { children: props.items.length ? (props.items.map((item, index) => (jsxRuntime.jsx("div", { children: jsxRuntime.jsxs(Item$2, Object.assign({ ref: index === selectedIndex ? selectedRef : undefined, isBasic: true, isStretched: true, isAccent: true, isPill: false, isActive: index === selectedIndex, onClick: () => selectItem(index) }, { children: [jsxRuntime.jsx(MD, Object.assign({ isBold: true, style: { color: theme.palette.black } }, { children: item.name })), jsxRuntime.jsx(SM, Object.assign({ style: { color: theme.palette.grey[600] } }, { children: item.email }))] }), index) })))) : (jsxRuntime.jsx(EmptyMention, { content: (_b = (_a = i18n === null || i18n === void 0 ? void 0 : i18n.mention) === null || _a === void 0 ? void 0 : _a.noResults) !== null && _b !== void 0 ? _b : "No results" })) }) }) })));
 });
 
 /**
@@ -3165,7 +3165,7 @@ const ChatBoxContainer = styled__default["default"].div `
  */
 const CommentBox = (_a) => {
     var { placeholderOptions } = _a, props = __rest(_a, ["placeholderOptions"]);
-    const { children, hasInlineMenu, hasButtonsMenu, bubbleOptions, i18n } = props;
+    const { children, hasFloatingMenu, hasButtonsMenu, bubbleOptions, i18n } = props;
     const { editor, setEditor, mentionableUsers, triggerSave } = useChatContext();
     const ext = editorExtensions({ placeholderOptions, mentionableUsers });
     const ed = react.useEditor(Object.assign({ extensions: ext, content: children || "", editorProps: {
@@ -3184,8 +3184,9 @@ const CommentBox = (_a) => {
     };
     if (!ed)
         return null;
+    ed.on("create", ({ editor }) => setEditor(editor));
     ed.on("update", ({ editor }) => setEditor(editor));
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [hasInlineMenu && (jsxRuntime.jsx(FloatingMenu, { editor: ed, tippyOptions: Object.assign({}, bubbleOptions) })), jsxRuntime.jsx(ChatBoxContainer, { children: jsxRuntime.jsx(EditorContainer$1, Object.assign({ editable: true, style: { marginLeft: 0 } }, { children: jsxRuntime.jsx(react.EditorContent, { editor: ed, onKeyDown: onKeyDown }) })) }), hasButtonsMenu && jsxRuntime.jsx(CommentBar, { editor: ed, i18n: i18n })] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [hasFloatingMenu && (jsxRuntime.jsx(FloatingMenu, { editor: ed, tippyOptions: Object.assign({}, bubbleOptions) })), jsxRuntime.jsx(ChatBoxContainer, { children: jsxRuntime.jsx(EditorContainer$1, Object.assign({ editable: true, style: { marginLeft: 0 } }, { children: jsxRuntime.jsx(react.EditorContent, { editor: ed, onKeyDown: onKeyDown }) })) }), hasButtonsMenu && jsxRuntime.jsx(CommentBar, { editor: ed, i18n: i18n })] }));
 };
 
 const CommentCard = styled.styled(Card) `
@@ -3885,12 +3886,12 @@ const UgToggle = styled__default["default"](reactForms.Toggle) ``;
    **/
 const Toggle = (props) => jsxRuntime.jsx(UgToggle, Object.assign({}, props));
 
-const StyledCol$1 = styled__default["default"](reactGrid.Col) `
-  margin-bottom: ${theme.space.lg};
-
-  @media screen and (max-width: ${theme.breakpoints.sm}) {
-    margin-bottom: ${theme.space.md};
-  }
+const StyledCol$1 = styled__default["default"](reactGrid.Col) `
+  margin-bottom: ${theme.space.lg};
+
+  @media screen and (max-width: ${theme.breakpoints.sm}) {
+    margin-bottom: ${theme.space.md};
+  }
 `;
 const Col = (props) => jsxRuntime.jsx(StyledCol$1, Object.assign({}, props));
 
@@ -5921,47 +5922,47 @@ Slider.Slide = Slide;
 Slider.PrevButton = PrevButton;
 Slider.NextButton = NextButton;
 
-const UgStep = styled__default["default"](reactAccordions.Stepper.Step) `
-  svg {
-    color: ${({ theme }) => theme.palette.green[700]};
-  }
+const UgStep = styled__default["default"](reactAccordions.Stepper.Step) `
+  svg {
+    color: ${({ theme }) => theme.palette.green[700]};
+  }
 `;
 const UgLabel = styled__default["default"](reactAccordions.Stepper.Label) ``;
-const UgStepper = styled__default["default"](reactAccordions.Stepper) `
-  div[data-garden-id="accordions.step_icon"] {
-    background-color: ${({ theme }) => theme.palette.grey[200]};
-    color: ${({ theme }) => theme.palette.grey[800]};
-    font-weight: bold;
-  }
-
+const UgStepper = styled__default["default"](reactAccordions.Stepper) `
+  div[data-garden-id="accordions.step_icon"] {
+    background-color: ${({ theme }) => theme.palette.grey[200]};
+    color: ${({ theme }) => theme.palette.grey[800]};
+    font-weight: bold;
+  }
+
   ${(props) => props.activeIndex !== undefined &&
-    `
-      ${UgStep}:nth-child(${props.activeIndex + 1})  {
-        
-        div[data-garden-id="accordions.step_icon"] {
-            background-color: ${props.theme.palette.blue[600]};
-            color: white;
-        }
-
-        ${UgLabel} {
-            font-weight: 500;
-            color: ${props.theme.palette.blue[600]};
-        }
-      }
-    `}
-`;
-const UgContent = styled__default["default"](reactAccordions.Stepper.Content) `
-  padding: ${({ theme }) => `${theme.space.sm} ${theme.space.sm} ${theme.space.sm} 24px`};
-  margin-top: 0;
-  margin-bottom: 0;
-  > div {
-    color: ${({ theme }) => theme.palette.grey[600]};
-  }
+    `
+      ${UgStep}:nth-child(${props.activeIndex + 1})  {
+        
+        div[data-garden-id="accordions.step_icon"] {
+            background-color: ${props.theme.palette.blue[600]};
+            color: white;
+        }
+
+        ${UgLabel} {
+            font-weight: 500;
+            color: ${props.theme.palette.blue[600]};
+        }
+      }
+    `}
+`;
+const UgContent = styled__default["default"](reactAccordions.Stepper.Content) `
+  padding: ${({ theme }) => `${theme.space.sm} ${theme.space.sm} ${theme.space.sm} 24px`};
+  margin-top: 0;
+  margin-bottom: 0;
+  > div {
+    color: ${({ theme }) => theme.palette.grey[600]};
+  }
 `;
-const StyledAccordionHeader = styled__default["default"](Accordion.Header) `
-  button, svg {
-    padding: ${({ theme }) => `${theme.space.xs} ${theme.space.md}`};
-  }
+const StyledAccordionHeader = styled__default["default"](Accordion.Header) `
+  button, svg {
+    padding: ${({ theme }) => `${theme.space.xs} ${theme.space.md}`};
+  }
 `;
 /**
  * A Stepper guides users through steps of a task in sequential order.

package/build/stories/buttons/button/index.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ButtonArgs } from "./_types";
 export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ButtonArgs>;
 export declare const Basic: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ButtonArgs>;

package/build/stories/buttons/utils.d.ts

@@ -8,18 +8,18 @@ export declare const variants: readonly [{}, {
     readonly disabled: true;
 }];
 export declare const Row: import("styled-components").IStyledComponent<"web", {
-    alignItems?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
-    alignItemsXs?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
-    alignItemsSm?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
-    alignItemsMd?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
-    alignItemsLg?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
-    alignItemsXl?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
-    justifyContent?: "start" | "center" | "end" | "between" | "around" | undefined;
-    justifyContentXs?: "start" | "center" | "end" | "between" | "around" | undefined;
-    justifyContentSm?: "start" | "center" | "end" | "between" | "around" | undefined;
-    justifyContentMd?: "start" | "center" | "end" | "between" | "around" | undefined;
-    justifyContentLg?: "start" | "center" | "end" | "between" | "around" | undefined;
-    justifyContentXl?: "start" | "center" | "end" | "between" | "around" | undefined;
+    alignItems?: "center" | "start" | "end" | "baseline" | "stretch" | undefined;
+    alignItemsXs?: "center" | "start" | "end" | "baseline" | "stretch" | undefined;
+    alignItemsSm?: "center" | "start" | "end" | "baseline" | "stretch" | undefined;
+    alignItemsMd?: "center" | "start" | "end" | "baseline" | "stretch" | undefined;
+    alignItemsLg?: "center" | "start" | "end" | "baseline" | "stretch" | undefined;
+    alignItemsXl?: "center" | "start" | "end" | "baseline" | "stretch" | undefined;
+    justifyContent?: "center" | "start" | "end" | "between" | "around" | undefined;
+    justifyContentXs?: "center" | "start" | "end" | "between" | "around" | undefined;
+    justifyContentSm?: "center" | "start" | "end" | "between" | "around" | undefined;
+    justifyContentMd?: "center" | "start" | "end" | "between" | "around" | undefined;
+    justifyContentLg?: "center" | "start" | "end" | "between" | "around" | undefined;
+    justifyContentXl?: "center" | "start" | "end" | "between" | "around" | undefined;
     wrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
     wrapXs?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
     wrapSm?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -73,7 +73,7 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "decimal" | "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | undefined;
+    inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
@@ -299,18 +299,18 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
     md?: string | number | boolean | undefined;
     lg?: string | number | boolean | undefined;
     xl?: string | number | boolean | undefined;
-    alignSelf?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
-    alignSelfXs?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
-    alignSelfSm?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
-    alignSelfMd?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
-    alignSelfLg?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
-    alignSelfXl?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
-    textAlign?: "start" | "center" | "end" | "justify" | undefined;
-    textAlignXs?: "start" | "center" | "end" | "justify" | undefined;
-    textAlignSm?: "start" | "center" | "end" | "justify" | undefined;
-    textAlignMd?: "start" | "center" | "end" | "justify" | undefined;
-    textAlignLg?: "start" | "center" | "end" | "justify" | undefined;
-    textAlignXl?: "start" | "center" | "end" | "justify" | undefined;
+    alignSelf?: "center" | "start" | "end" | "baseline" | "stretch" | "auto" | undefined;
+    alignSelfXs?: "center" | "start" | "end" | "baseline" | "stretch" | "auto" | undefined;
+    alignSelfSm?: "center" | "start" | "end" | "baseline" | "stretch" | "auto" | undefined;
+    alignSelfMd?: "center" | "start" | "end" | "baseline" | "stretch" | "auto" | undefined;
+    alignSelfLg?: "center" | "start" | "end" | "baseline" | "stretch" | "auto" | undefined;
+    alignSelfXl?: "center" | "start" | "end" | "baseline" | "stretch" | "auto" | undefined;
+    textAlign?: "center" | "start" | "end" | "justify" | undefined;
+    textAlignXs?: "center" | "start" | "end" | "justify" | undefined;
+    textAlignSm?: "center" | "start" | "end" | "justify" | undefined;
+    textAlignMd?: "center" | "start" | "end" | "justify" | undefined;
+    textAlignLg?: "center" | "start" | "end" | "justify" | undefined;
+    textAlignXl?: "center" | "start" | "end" | "justify" | undefined;
     offset?: string | number | undefined;
     offsetXs?: string | number | undefined;
     offsetSm?: string | number | undefined;
@@ -370,7 +370,7 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "decimal" | "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | undefined;
+    inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
@@ -640,7 +640,7 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "decimal" | "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | undefined;
+    inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;

package/build/stories/chat/_types.d.ts

@@ -8,7 +8,7 @@ export type SuggestedUser = {
 };
 export interface ChatEditorArgs extends Partial<EditorOptions> {
     placeholderOptions?: Partial<PlaceholderOptions>;
-    hasInlineMenu?: boolean;
+    hasFloatingMenu?: boolean;
     hasButtonsMenu?: boolean;
     bubbleOptions?: any;
     author: Author;

package/build/stories/chat/index.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PlaceholderOptions } from "@tiptap/extension-placeholder";
 import { Editor as TipTapEditor } from "@tiptap/react";
 import { ChatEditorArgs, SuggestedUser } from "./_types";

package/build/stories/dropdowns/select/index.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DropdownArgs, SelectArgs } from "./_types";
 import { MenuArgs } from "../menu/_types";
 interface IItem {

package/build/stories/editor/index.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { EditorArgs } from "./_types";
 interface EditorStoryArgs extends EditorArgs {
     children?: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appquality/unguess-design-system",
-  "version": "3.1.67",
+  "version": "3.1.69--canary.d2f9e4a.0",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",