@epam/ai-dial-ui-kit 0.16.0-dev.54 → 0.16.0-dev.56

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.
Files changed (40) hide show
  1. package/README.md +3 -0
  2. package/dist/CHANGELOG.md +14 -0
  3. package/dist/{DateCellRenderer-CPl27YD9.cjs → DateCellRenderer-weXr7pb2.cjs} +28 -28
  4. package/dist/{MarkdownEditor-BtLY7OVq.cjs → MarkdownEditor-B-x8Ntfe.cjs} +1 -1
  5. package/dist/components/New/CaptionText/CaptionText.js +31 -25
  6. package/dist/components/New/Dropdown/Dropdown.js +204 -195
  7. package/dist/components/New/LiveRegion/LiveRegion.js +33 -0
  8. package/dist/components/New/Notification/Notification.js +51 -40
  9. package/dist/components/New/Notification/constants.js +26 -17
  10. package/dist/components/New/ToggleChip/ToggleChip.js +54 -0
  11. package/dist/components/New/ToggleChip/constants.js +11 -0
  12. package/dist/components/ProgressBar/ProgressBar.js +43 -38
  13. package/dist/components-manifest.json +230 -13
  14. package/dist/constants/public-class-names.js +7 -0
  15. package/dist/dial-ui-kit.cjs +3 -3
  16. package/dist/dial-ui-kit.js +378 -367
  17. package/dist/editors.cjs +1 -1
  18. package/dist/grid.cjs +1 -1
  19. package/dist/{icon-D93YIwGJ.cjs → icon-4D9xu6E_.cjs} +1 -1
  20. package/dist/index.css +1 -1
  21. package/dist/src/components/New/CaptionText/CaptionText.d.ts +21 -6
  22. package/dist/src/components/New/Dropdown/Dropdown.d.ts +53 -1
  23. package/dist/src/components/New/LiveRegion/LiveRegion.d.ts +58 -0
  24. package/dist/src/components/New/Notification/Notification.d.ts +21 -2
  25. package/dist/src/components/New/Notification/constants.d.ts +11 -0
  26. package/dist/src/components/New/ToggleChip/ToggleChip.d.ts +70 -0
  27. package/dist/src/components/New/ToggleChip/constants.d.ts +12 -0
  28. package/dist/src/components/ProgressBar/ProgressBar.d.ts +23 -3
  29. package/dist/src/constants/public-class-names.d.ts +7 -0
  30. package/dist/src/index.d.ts +8 -2
  31. package/dist/src/types/dropdown.d.ts +16 -0
  32. package/dist/src/types/live-region.d.ts +17 -0
  33. package/dist/src/types/notification.d.ts +11 -0
  34. package/dist/src/types/progress-bar.d.ts +13 -0
  35. package/dist/types/dropdown.js +5 -4
  36. package/dist/types/live-region.js +5 -0
  37. package/dist/types/notification.js +3 -2
  38. package/dist/types/progress-bar.js +4 -0
  39. package/dist/utils/merge-classes.js +11 -8
  40. package/package.json +1 -1
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),O=require("react"),h=require("@uiw/react-md-editor"),k=require("./editors.cjs"),b=require("./icon-D93YIwGJ.cjs"),t=require("@tabler/icons-react");function p(n){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const r in n)if(r!=="default"){const c=Object.getOwnPropertyDescriptor(n,r);Object.defineProperty(i,r,c.get?c:{enumerable:!0,get:()=>n[r]})}}return i.default=n,Object.freeze(i)}const C=p(h),f=b.DIAL_ICON_SIZE.SM,o={size:f,stroke:b.DIAL_KIT_ICON_STROKE},s=(n,i)=>({...n,icon:i}),E=()=>{const{bold:n,code:i,divider:r,group:c,heading1:a,heading2:d,heading3:u,italic:l,link:m,orderedListCommand:I,quote:x,strikethrough:g,table:j,unorderedListCommand:_}=C;return[s(n,e.jsx(t.IconBold,{...o})),s(l,e.jsx(t.IconItalic,{...o})),s(g,e.jsx(t.IconStrikethrough,{...o})),r,c([a,d,u],{name:"heading",groupName:"heading",icon:e.jsx(t.IconTextSize,{...o}),buttonProps:{"aria-label":"Text style",title:"Text style"}}),r,s(_,e.jsx(t.IconList,{...o})),s(I,e.jsx(t.IconListNumbers,{...o})),r,s(x,e.jsx(t.IconQuote,{...o})),s(m,e.jsx(t.IconLink,{...o})),s(i,e.jsx(t.IconCode,{...o})),r,s(j,e.jsx(t.IconTable,{...o}))]},L=()=>{const{codeEdit:n,codeLive:i,codePreview:r,divider:c,fullscreen:a}=C;return[s(n,e.jsx(t.IconPencil,{...o})),s(i,e.jsx(t.IconLayoutColumns,{...o})),s(r,e.jsx(t.IconEye,{...o})),c,s(a,e.jsx(t.IconMaximize,{...o}))]},M=({value:n,onChange:i,height:r=300,theme:c=k.EditorThemes.light,className:a,placeholder:d,defaultPreview:u="edit",id:l,ariaLabel:m,showDragbar:I=!0})=>{const x=O.useMemo(()=>E(),[]),g=O.useMemo(()=>L(),[]);return e.jsx("div",{"data-color-mode":c,className:b.mergeClasses("dial-kit-markdown-editor",a),children:e.jsx(h,{value:n,onChange:j=>i?.(j||""),height:r,preview:u,visibleDragbar:I,commands:x,extraCommands:g,textareaProps:{placeholder:d,id:l,"aria-label":m}})})};exports.MarkdownEditor=M;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),O=require("react"),h=require("@uiw/react-md-editor"),k=require("./editors.cjs"),b=require("./icon-4D9xu6E_.cjs"),t=require("@tabler/icons-react");function p(n){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const r in n)if(r!=="default"){const c=Object.getOwnPropertyDescriptor(n,r);Object.defineProperty(i,r,c.get?c:{enumerable:!0,get:()=>n[r]})}}return i.default=n,Object.freeze(i)}const C=p(h),f=b.DIAL_ICON_SIZE.SM,o={size:f,stroke:b.DIAL_KIT_ICON_STROKE},s=(n,i)=>({...n,icon:i}),E=()=>{const{bold:n,code:i,divider:r,group:c,heading1:a,heading2:d,heading3:u,italic:l,link:m,orderedListCommand:I,quote:x,strikethrough:g,table:j,unorderedListCommand:_}=C;return[s(n,e.jsx(t.IconBold,{...o})),s(l,e.jsx(t.IconItalic,{...o})),s(g,e.jsx(t.IconStrikethrough,{...o})),r,c([a,d,u],{name:"heading",groupName:"heading",icon:e.jsx(t.IconTextSize,{...o}),buttonProps:{"aria-label":"Text style",title:"Text style"}}),r,s(_,e.jsx(t.IconList,{...o})),s(I,e.jsx(t.IconListNumbers,{...o})),r,s(x,e.jsx(t.IconQuote,{...o})),s(m,e.jsx(t.IconLink,{...o})),s(i,e.jsx(t.IconCode,{...o})),r,s(j,e.jsx(t.IconTable,{...o}))]},L=()=>{const{codeEdit:n,codeLive:i,codePreview:r,divider:c,fullscreen:a}=C;return[s(n,e.jsx(t.IconPencil,{...o})),s(i,e.jsx(t.IconLayoutColumns,{...o})),s(r,e.jsx(t.IconEye,{...o})),c,s(a,e.jsx(t.IconMaximize,{...o}))]},M=({value:n,onChange:i,height:r=300,theme:c=k.EditorThemes.light,className:a,placeholder:d,defaultPreview:u="edit",id:l,ariaLabel:m,showDragbar:I=!0})=>{const x=O.useMemo(()=>E(),[]),g=O.useMemo(()=>L(),[]);return e.jsx("div",{"data-color-mode":c,className:b.mergeClasses("dial-kit-markdown-editor",a),children:e.jsx(h,{value:n,onChange:j=>i?.(j||""),height:r,preview:u,visibleDragbar:I,commands:x,extraCommands:g,textareaProps:{placeholder:d,id:l,"aria-label":m}})})};exports.MarkdownEditor=M;
@@ -1,29 +1,35 @@
1
- import { jsx as n } from "react/jsx-runtime";
2
- import { mergeClasses as s } from "../../../utils/merge-classes.js";
3
- import { CaptionType as t } from "../../../types/caption.js";
4
- import { DIAL_KIT_CLASS as e } from "../../../constants/public-class-names.js";
5
- const m = ({
1
+ import { jsx as t } from "react/jsx-runtime";
2
+ import { mergeClasses as a } from "../../../utils/merge-classes.js";
3
+ import { CaptionType as o } from "../../../types/caption.js";
4
+ import { DIAL_KIT_CLASS as m } from "../../../constants/public-class-names.js";
5
+ import { LiveRegionElement as c } from "../../../types/live-region.js";
6
+ import { LiveRegion as l } from "../LiveRegion/LiveRegion.js";
7
+ const x = ({
6
8
  text: r,
7
- className: i,
8
- variant: o = t.Description,
9
- ...p
10
- }) => r ? /* @__PURE__ */ n(
11
- "span",
12
- {
13
- ...p,
14
- className: s(
15
- "dial-tiny-text",
16
- o === t.Error ? "text-error" : "text-secondary",
17
- i,
18
- e.captionText,
19
- o === t.Error && e.errorText
20
- ),
21
- children: r
22
- }
23
- ) : null, T = ({
9
+ className: p,
10
+ variant: e = o.Description,
11
+ announce: i,
12
+ ...s
13
+ }) => {
14
+ const n = r ? /* @__PURE__ */ t(
15
+ "span",
16
+ {
17
+ ...s,
18
+ className: a(
19
+ "dial-tiny-text",
20
+ e === o.Error ? "text-error" : "text-secondary",
21
+ p,
22
+ m.captionText,
23
+ e === o.Error && m.errorText
24
+ ),
25
+ children: r
26
+ }
27
+ ) : null;
28
+ return i ? /* @__PURE__ */ t(l, { politeness: i, as: c.Span, atomic: !0, children: n }) : n;
29
+ }, L = ({
24
30
  ...r
25
- }) => /* @__PURE__ */ n(m, { ...r, variant: t.Error });
31
+ }) => /* @__PURE__ */ t(x, { ...r, variant: o.Error });
26
32
  export {
27
- m as CaptionText,
28
- T as ErrorText
33
+ x as CaptionText,
34
+ L as ErrorText
29
35
  };