@pareto-engineering/design-system 5.12.10 → 5.12.12

package/dist/stories/c/SocialMediaShareButton.stories.js

@@ -3,7 +3,7 @@ import "react";
 import "../../ui/a/AppContext/Context.js";
 import "../../ui/a/AppContext/ContextProvider.js";
 import "../../ui/a/BlurOverlay/BlurOverlay.js";
-import "../../FormBuilder-BgjYyPAc.js";
+import "../../FormBuilder-U45jur81.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";
@@ -37,8 +37,9 @@ import "../../ui/b/Title/Title.js";
 import r from "../../ui/c/SocialMediaShareButton/SocialMediaShareButton.js";
 import "../../ui/f/common/Label/Label.js";
 import "../../ui/f/common/Description/Description.js";
+import "../../ui/f/common/Hint/Hint.js";
 import "formik";
-import "../../ui/f/common/CharacterCount/CharacterCount.js";
+import '../../assets/styles.css';/* empty css                    */
 import "../../ui/f/fields/QueryCombobox/common/Menu/Menu.js";
 import "../../debounce-Cm69Z_cF.js";
 import "../../ui/f/fields/LatexPreviewInput/convertLatexToHtml.js";
@@ -47,7 +48,7 @@ import "../../ui/g/DragAndDrop/DragAndDrop.js";
 import "../../throttle-BCrS-Wew.js";
 import "../../ui/utils/formatting.js";
 import p from "../utils/Router.js";
-const rt = {
+const it = {
   title: "c/SocialMediaShareButton",
   component: r,
   subcomponents: {
@@ -71,5 +72,5 @@ e.args = {
 export {
   m as Facebook,
   e as Twitter,
-  rt as default
+  it as default
 };

package/dist/stories/f/Checkbox.stories.js

@@ -4,7 +4,7 @@ import { useField as b, Formik as d, Form as g } from "formik";
 import "../../ui/a/AppContext/Context.js";
 import "../../ui/a/AppContext/ContextProvider.js";
 import "../../ui/a/BlurOverlay/BlurOverlay.js";
-import { i as p, D as u } from "../../FormBuilder-BgjYyPAc.js";
+import { i as p, D as u } from "../../FormBuilder-U45jur81.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";
@@ -38,7 +38,8 @@ import "../../ui/b/Title/Title.js";
 import "../../ui/c/SocialMediaShareButton/SocialMediaShareButton.js";
 import "../../ui/f/common/Label/Label.js";
 import "../../ui/f/common/Description/Description.js";
-import "../../ui/f/common/CharacterCount/CharacterCount.js";
+import "../../ui/f/common/Hint/Hint.js";
+import '../../assets/styles.css';/* empty css                    */
 import "../../ui/f/fields/QueryCombobox/common/Menu/Menu.js";
 import "../../debounce-Cm69Z_cF.js";
 import "../../ui/f/fields/LatexPreviewInput/convertLatexToHtml.js";
@@ -46,7 +47,7 @@ import "../../ui/f/fields/RadioInput/RadioInput.js";
 import "../../ui/g/DragAndDrop/DragAndDrop.js";
 import "../../throttle-BCrS-Wew.js";
 import "../../ui/utils/formatting.js";
-const xo = {
+const ho = {
   title: "f/fields/Checkbox",
   component: p,
   subcomponents: {
@@ -131,5 +132,5 @@ export {
   h as WithDefaultFormikValue,
   x as WithDescription,
   e as WithLabel,
-  xo as default
+  ho as default
 };

package/dist/stories/f/ChoicesInput.stories.js

@@ -1,9 +1,9 @@
-import { jsx as l, jsxs as n } from "react/jsx-runtime";
-import { useEffect as s } from "react";
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { useEffect as c } from "react";
 import "../../ui/a/AppContext/Context.js";
 import "../../ui/a/AppContext/ContextProvider.js";
 import "../../ui/a/BlurOverlay/BlurOverlay.js";
-import { g as i, D as c } from "../../FormBuilder-BgjYyPAc.js";
+import { g as l, D as u } from "../../FormBuilder-U45jur81.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";
@@ -37,8 +37,9 @@ import "../../ui/b/Title/Title.js";
 import "../../ui/c/SocialMediaShareButton/SocialMediaShareButton.js";
 import "../../ui/f/common/Label/Label.js";
 import "../../ui/f/common/Description/Description.js";
-import { useField as u, Formik as b, Form as d } from "formik";
-import "../../ui/f/common/CharacterCount/CharacterCount.js";
+import "../../ui/f/common/Hint/Hint.js";
+import { useField as b, Formik as d, Form as g } from "formik";
+import '../../assets/styles.css';/* empty css                    */
 import "../../ui/f/fields/QueryCombobox/common/Menu/Menu.js";
 import "../../debounce-Cm69Z_cF.js";
 import "../../ui/f/fields/LatexPreviewInput/convertLatexToHtml.js";
@@ -46,18 +47,18 @@ import "../../ui/f/fields/RadioInput/RadioInput.js";
 import "../../ui/g/DragAndDrop/DragAndDrop.js";
 import "../../throttle-BCrS-Wew.js";
 import "../../ui/utils/formatting.js";
-const fo = {
+const ko = {
   title: "f/fields/ChoicesInput",
-  component: i,
+  component: l,
   subcomponents: {
     // Item:ChoicesInput.Item
   },
   decorators: [
-    (t) => /* @__PURE__ */ l(
-      b,
+    (i) => /* @__PURE__ */ e(
+      d,
       {
         initialValues: {},
-        children: /* @__PURE__ */ l(d, { children: t() })
+        children: /* @__PURE__ */ e(g, { children: i() })
       }
     )
   ],
@@ -68,7 +69,7 @@ const fo = {
     disabled: { control: "boolean" },
     optional: { control: "boolean" }
   }
-}, g = [
+}, h = [
   {
     value: "red",
     label: "Color Red"
@@ -101,11 +102,11 @@ const fo = {
     value: "black",
     label: "Color Black"
   }
-], o = ({ defaultValue: t, ...e }) => /* @__PURE__ */ l(() => {
-  const [, , m] = u(e.name), { setValue: a } = m;
-  return s(() => {
-    t && a(t);
-  }, [t]), /* @__PURE__ */ n(
+], o = ({ defaultValue: i, ...r }) => /* @__PURE__ */ e(() => {
+  const [, , a] = b(r.name), { setValue: m } = a;
+  return c(() => {
+    i && m(i);
+  }, [i]), /* @__PURE__ */ n(
     "div",
     {
       style: {
@@ -114,56 +115,88 @@ const fo = {
         gap: "1rem"
       },
       children: [
-        /* @__PURE__ */ l(i, { ...e }),
-        /* @__PURE__ */ l(c, {})
+        /* @__PURE__ */ e(l, { ...r }),
+        /* @__PURE__ */ e(u, {})
       ]
     }
   );
-}, {}), r = o.bind({});
-r.args = {
+}, {}), t = o.bind({});
+t.args = {
   id: "colors",
-  options: g,
+  options: h,
   name: "color"
 };
 const C = o.bind({});
 C.args = {
-  ...r.args,
+  ...t.args,
   defaultValue: "red"
 };
 const f = o.bind({});
 f.args = {
-  ...r.args,
+  ...t.args,
   multiple: !0
 };
-const h = o.bind({});
-h.args = {
-  ...r.args,
+const v = o.bind({});
+v.args = {
+  ...t.args,
   multiple: !0,
   defaultValue: ["brown", "violet"]
 };
 const p = o.bind({});
 p.args = {
-  ...r.args,
+  ...t.args,
   label: "Select color"
 };
-const v = o.bind({});
-v.args = {
-  ...r.args,
+const D = o.bind({});
+D.args = {
+  ...t.args,
   label: "Select color",
   optional: !0
 };
-const D = o.bind({});
-D.args = {
+const I = o.bind({});
+I.args = {
   ...p.args,
   disabled: !0
 };
+const k = [
+  "https://picsum.photos/id/237/200/200",
+  "https://picsum.photos/id/238/400/400",
+  "https://picsum.photos/id/239/800/600"
+], w = [
+  {
+    value: "option-1",
+    label: "A cute dog https://picsum.photos/id/237/200/200"
+  },
+  {
+    value: "option-2",
+    label: "A mountain scene https://picsum.photos/id/238/400/400"
+  },
+  {
+    value: "option-3",
+    label: "https://picsum.photos/id/239/800/600"
+  }
+], s = o.bind({});
+s.args = {
+  id: "image-choices",
+  options: w,
+  name: "imageChoice",
+  label: "Select an image",
+  attachmentUrls: k
+};
+const x = o.bind({});
+x.args = {
+  ...s.args,
+  multiple: !0
+};
 export {
-  r as Base,
+  t as Base,
   p as ChoicesWithLabel,
-  D as DisabledChoicesInput,
+  I as DisabledChoicesInput,
   f as Multiple,
-  h as MultipleWithDefaultFormikValue,
-  v as Optional,
+  v as MultipleWithDefaultFormikValue,
+  D as Optional,
   C as WithDefaultFormikValue,
-  fo as default
+  s as WithImages,
+  x as WithImagesMultiple,
+  ko as default
 };

package/dist/stories/f/Combobox.stories.js

@@ -4,7 +4,7 @@ import { Formik as r, Form as m } from "formik";
 import "../../ui/a/AppContext/Context.js";
 import "../../ui/a/AppContext/ContextProvider.js";
 import "../../ui/a/BlurOverlay/BlurOverlay.js";
-import { Q as e, D as l } from "../../FormBuilder-BgjYyPAc.js";
+import { Q as e, D as l } from "../../FormBuilder-U45jur81.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";
@@ -38,14 +38,15 @@ import "../../ui/b/Title/Title.js";
 import "../../ui/c/SocialMediaShareButton/SocialMediaShareButton.js";
 import "../../ui/f/common/Label/Label.js";
 import "../../ui/f/common/Description/Description.js";
-import "../../ui/f/common/CharacterCount/CharacterCount.js";
+import "../../ui/f/common/Hint/Hint.js";
+import '../../assets/styles.css';/* empty css                    */
 import "../../ui/f/fields/LatexPreviewInput/convertLatexToHtml.js";
 import "../../ui/f/fields/RadioInput/RadioInput.js";
 import "../../ui/g/DragAndDrop/DragAndDrop.js";
 import "../../debounce-Cm69Z_cF.js";
 import "../../throttle-BCrS-Wew.js";
 import "../../ui/utils/formatting.js";
-const po = {
+const ro = {
   title: "f/fields/Combobox",
   component: e,
   subcomponents: {
@@ -82,7 +83,7 @@ const po = {
     promptCreateNewOption: !0,
     validate: n
   }
-}, ro = {
+}, mo = {
   args: {
     ...a.args,
     multiple: !0
@@ -90,7 +91,7 @@ const po = {
 };
 export {
   a as Base,
-  ro as Multiple,
-  po as default,
+  mo as Multiple,
+  ro as default,
   n as isNotEmpty
 };

package/dist/stories/f/Description.stories.js

@@ -3,7 +3,7 @@ import "react";
 import "../../ui/a/AppContext/Context.js";
 import "../../ui/a/AppContext/ContextProvider.js";
 import "../../ui/a/BlurOverlay/BlurOverlay.js";
-import "../../FormBuilder-BgjYyPAc.js";
+import "../../FormBuilder-U45jur81.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";
@@ -37,8 +37,9 @@ import "../../ui/b/Title/Title.js";
 import "../../ui/c/SocialMediaShareButton/SocialMediaShareButton.js";
 import "../../ui/f/common/Label/Label.js";
 import i from "../../ui/f/common/Description/Description.js";
+import "../../ui/f/common/Hint/Hint.js";
 import { Formik as r, Form as m } from "formik";
-import "../../ui/f/common/CharacterCount/CharacterCount.js";
+import '../../assets/styles.css';/* empty css                    */
 import "../../ui/f/fields/QueryCombobox/common/Menu/Menu.js";
 import "../../debounce-Cm69Z_cF.js";
 import "../../ui/f/fields/LatexPreviewInput/convertLatexToHtml.js";
@@ -46,7 +47,7 @@ import "../../ui/f/fields/RadioInput/RadioInput.js";
 import "../../ui/g/DragAndDrop/DragAndDrop.js";
 import "../../throttle-BCrS-Wew.js";
 import "../../ui/utils/formatting.js";
-const to = {
+const io = {
   title: "f/common/Description",
   component: i,
   subcomponents: {
@@ -73,5 +74,5 @@ e.args = {
 };
 export {
   e as Base,
-  to as default
+  io as default
 };

package/dist/stories/f/DragAndDropFileUpload.stories.js

@@ -4,7 +4,7 @@ import { Formik as i, Form as m } from "formik";
 import "../../ui/a/AppContext/Context.js";
 import "../../ui/a/AppContext/ContextProvider.js";
 import "../../ui/a/BlurOverlay/BlurOverlay.js";
-import { o as t } from "../../FormBuilder-BgjYyPAc.js";
+import { o as t } from "../../FormBuilder-U45jur81.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";
@@ -38,7 +38,8 @@ import "../../ui/b/Title/Title.js";
 import "../../ui/c/SocialMediaShareButton/SocialMediaShareButton.js";
 import "../../ui/f/common/Label/Label.js";
 import "../../ui/f/common/Description/Description.js";
-import "../../ui/f/common/CharacterCount/CharacterCount.js";
+import "../../ui/f/common/Hint/Hint.js";
+import '../../assets/styles.css';/* empty css                    */
 import "../../ui/f/fields/QueryCombobox/common/Menu/Menu.js";
 import "../../debounce-Cm69Z_cF.js";
 import "../../ui/f/fields/LatexPreviewInput/convertLatexToHtml.js";
@@ -46,7 +47,7 @@ import "../../ui/f/fields/RadioInput/RadioInput.js";
 import "../../ui/g/DragAndDrop/DragAndDrop.js";
 import "../../throttle-BCrS-Wew.js";
 import "../../ui/utils/formatting.js";
-const ro = {
+const to = {
   title: "f/fields/DragAndDropFileUpload",
   component: t,
   subcomponents: {
@@ -82,7 +83,7 @@ const ro = {
     filePreviewAlignment: "bottom",
     newRegistration: !0
   }
-}, to = {
+}, eo = {
   args: {
     ...r.args,
     name: "documents",
@@ -94,7 +95,7 @@ const ro = {
     maxSize: 10 * 1024 * 1024
     // 10MB
   }
-}, eo = {
+}, io = {
   args: {
     name: "images",
     label: "Upload images",
@@ -108,7 +109,7 @@ const ro = {
     maxCount: 3,
     multiple: !0
   }
-}, io = {
+}, mo = {
   args: {
     ...r.args,
     uploadStatus: {
@@ -116,7 +117,7 @@ const ro = {
       "cover-letter.pdf": { status: "pending", progress: 45 }
     }
   }
-}, mo = {
+}, po = {
   args: {
     ...r.args,
     disabled: !0
@@ -126,15 +127,15 @@ const ro = {
   name: "resume.pdf",
   url: "https://example.com/resume.pdf",
   writeOnly: !1
-}, po = {
+}, ao = {
   render: () => /* @__PURE__ */ o(t.Preview, { file: p })
 };
 export {
   r as Base,
-  mo as Disabled,
-  eo as ImageUpload,
-  to as Multiple,
-  po as Preview,
-  io as WithUploadStatus,
-  ro as default
+  po as Disabled,
+  io as ImageUpload,
+  eo as Multiple,
+  ao as Preview,
+  mo as WithUploadStatus,
+  to as default
 };

package/dist/stories/f/EditorInput.stories.js

@@ -4,7 +4,7 @@ import { Formik as e, Form as n } from "formik";
 import "../../ui/a/AppContext/Context.js";
 import "../../ui/a/AppContext/ContextProvider.js";
 import "../../ui/a/BlurOverlay/BlurOverlay.js";
-import { E as p, D as l } from "../../FormBuilder-BgjYyPAc.js";
+import { E as p, D as l } from "../../FormBuilder-U45jur81.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";
@@ -38,7 +38,8 @@ import "../../ui/b/Title/Title.js";
 import "../../ui/c/SocialMediaShareButton/SocialMediaShareButton.js";
 import "../../ui/f/common/Label/Label.js";
 import "../../ui/f/common/Description/Description.js";
-import "../../ui/f/common/CharacterCount/CharacterCount.js";
+import "../../ui/f/common/Hint/Hint.js";
+import '../../assets/styles.css';/* empty css                    */
 import "../../ui/f/fields/QueryCombobox/common/Menu/Menu.js";
 import "../../debounce-Cm69Z_cF.js";
 import "../../ui/f/fields/LatexPreviewInput/convertLatexToHtml.js";
@@ -46,7 +47,7 @@ import "../../ui/f/fields/RadioInput/RadioInput.js";
 import "../../ui/g/DragAndDrop/DragAndDrop.js";
 import "../../throttle-BCrS-Wew.js";
 import "../../ui/utils/formatting.js";
-const mo = {
+const eo = {
   title: "f/fields/EditorInput",
   component: p,
   subcomponents: {
@@ -102,5 +103,5 @@ export {
   i as Base,
   a as Disabled,
   s as Optional,
-  mo as default
+  eo as default
 };

package/dist/stories/f/FileUpload.stories.js

@@ -4,7 +4,7 @@ import { Formik as p, Form as m } from "formik";
 import "../../ui/a/AppContext/Context.js";
 import "../../ui/a/AppContext/ContextProvider.js";
 import "../../ui/a/BlurOverlay/BlurOverlay.js";
-import { l as i } from "../../FormBuilder-BgjYyPAc.js";
+import { l as i } from "../../FormBuilder-U45jur81.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";
@@ -38,7 +38,8 @@ import "../../ui/b/Title/Title.js";
 import "../../ui/c/SocialMediaShareButton/SocialMediaShareButton.js";
 import "../../ui/f/common/Label/Label.js";
 import "../../ui/f/common/Description/Description.js";
-import "../../ui/f/common/CharacterCount/CharacterCount.js";
+import "../../ui/f/common/Hint/Hint.js";
+import '../../assets/styles.css';/* empty css                    */
 import "../../ui/f/fields/QueryCombobox/common/Menu/Menu.js";
 import "../../debounce-Cm69Z_cF.js";
 import "../../ui/f/fields/LatexPreviewInput/convertLatexToHtml.js";
@@ -46,7 +47,7 @@ import "../../ui/f/fields/RadioInput/RadioInput.js";
 import "../../ui/g/DragAndDrop/DragAndDrop.js";
 import "../../throttle-BCrS-Wew.js";
 import "../../ui/utils/formatting.js";
-const io = {
+const to = {
   title: "f/fields/FileUpload",
   component: i,
   subcomponents: {
@@ -75,12 +76,12 @@ const io = {
       ".pdf,application/pdf"
     ]
   }
-}, to = {
+}, ro = {
   args: {
     ...t.args,
     multiple: !0
   }
-}, ro = {
+}, po = {
   args: {
     ...t.args,
     maxCount: 2
@@ -90,13 +91,13 @@ const io = {
   name: "test.tar",
   url: "https://forte-development-assets.pareto.ai/task/73/101568dad8544564901830661183e281.tar?Expires=1725387927&Signature=D8wIYnCQKyS6kkZbumgHHJ8fXnciwz1f31YGpKUH47InfPFDqGTDpEDub4xsjDPlxlDWomNj05xJs~uiaef49ZuRnPKRgcUFzw86Pn9A81Rw5gawfmuIpJPaUIkhG6VpsmH5pKnnEX2jWb0t5OqD~jMiL1aQU8f7HS241E9qdLy1kG9BHAHYR8IxSz9mHeZD3k~cjVW3I4QtB1PuN3nOgLH1ebBHI0Y1bk6kyVT1Bihz0bpbdg6o5KkoV6DKqLUGbsxvYliWOX8XCjkoDujtl8hDnTFS6Hix75a9idf3qVbTA7IDhoGodzVRw8MbyIHashxQ5-5XRF0mAblJr~2QTQ__&Key-Pair-Id=K3IY7IU3GPUR0N",
   writeOnly: !1
-}, po = {
+}, mo = {
   render: () => /* @__PURE__ */ o(i.Preview, { file: e })
 };
 export {
   t as Base,
-  to as Multiple,
-  po as Preview,
-  ro as WithLimitedCount,
-  io as default
+  ro as Multiple,
+  mo as Preview,
+  po as WithLimitedCount,
+  to as default
 };