@frontify/fondue 12.0.0-beta-15 → 12.0.0-beta-16

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 (37) hide show
  1. package/dist/components/DatePicker/DatePickerTrigger.es.js +17 -16
  2. package/dist/components/DatePicker/DatePickerTrigger.es.js.map +1 -1
  3. package/dist/components/OverflowMenu/OverflowMenu.d.ts +6 -0
  4. package/dist/components/OverflowMenu/OverflowMenu.es.js +1721 -0
  5. package/dist/components/OverflowMenu/OverflowMenu.es.js.map +1 -0
  6. package/dist/components/OverflowMenu/OverflowMenuItem.d.ts +11 -0
  7. package/dist/components/OverflowMenu/OverflowMenuItem.es.js +1763 -0
  8. package/dist/components/OverflowMenu/OverflowMenuItem.es.js.map +1 -0
  9. package/dist/components/OverflowMenu/index.d.ts +1 -0
  10. package/dist/components/OverflowMenu/useOverflowMenuKeyboardNavigation.d.ts +1 -0
  11. package/dist/components/OverflowMenu/useOverflowMenuKeyboardNavigation.es.js +29 -0
  12. package/dist/components/OverflowMenu/useOverflowMenuKeyboardNavigation.es.js.map +1 -0
  13. package/dist/components/RichTextEditor/Plugins/LinkPlugin/LinkMarkupElement/LinkMarkupElementNode.es.js.map +1 -1
  14. package/dist/components/RichTextEditor/serializer/utils/serializeLeafToHtml.d.ts +1 -2
  15. package/dist/components/RichTextEditor/serializer/utils/serializeLeafToHtml.es.js.map +1 -1
  16. package/dist/components/RichTextEditor/serializer/utils/serializeNodeToHtmlRecursive.d.ts +1 -2
  17. package/dist/components/RichTextEditor/serializer/utils/serializeNodeToHtmlRecursive.es.js +23 -19
  18. package/dist/components/RichTextEditor/serializer/utils/serializeNodeToHtmlRecursive.es.js.map +1 -1
  19. package/dist/components/Tooltip/Tooltip.d.ts +2 -1
  20. package/dist/components/Tooltip/Tooltip.es.js +97 -92
  21. package/dist/components/Tooltip/Tooltip.es.js.map +1 -1
  22. package/dist/components/Tree/Node.d.ts +4 -2
  23. package/dist/components/Tree/Node.es.js +105 -99
  24. package/dist/components/Tree/Node.es.js.map +1 -1
  25. package/dist/components/Tree/Tree.d.ts +2 -0
  26. package/dist/components/Tree/Tree.es.js +39 -35
  27. package/dist/components/Tree/Tree.es.js.map +1 -1
  28. package/dist/components/index.d.ts +1 -0
  29. package/dist/index.cjs.js +4 -4
  30. package/dist/index.cjs.js.map +1 -1
  31. package/dist/index.es.js +3483 -3481
  32. package/dist/index.es.js.map +1 -1
  33. package/dist/index.umd.js +4 -4
  34. package/dist/index.umd.js.map +1 -1
  35. package/dist/styles.css +1 -1
  36. package/dist/utilities/dnd/DndWrapper.es.js.map +1 -1
  37. package/package.json +1 -1
package/dist/components/DatePicker/DatePickerTrigger.es.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { TextInput as c } from "../TextInput/TextInput.es.js";
2
- import l from "../../foundation/Icon/Generated/IconCalendar.es.js";
2
+ import n from "../../foundation/Icon/Generated/IconCalendar.es.js";
3
3
  import "../../foundation/Icon/Generated/IconAdobeCreativeCloud.es.js";
4
4
  import "../../foundation/Icon/Generated/IconAdobeCreativeCloud12.es.js";
5
5
  import "../../foundation/Icon/Generated/IconAdobeCreativeCloud16.es.js";
@@ -292,7 +292,7 @@ import "../../foundation/Icon/Generated/IconCardLayoutSmall16.es.js";
292
292
  import "../../foundation/Icon/Generated/IconCardLayoutSmall20.es.js";
293
293
  import "../../foundation/Icon/Generated/IconCardLayoutSmall24.es.js";
294
294
  import "../../foundation/Icon/Generated/IconCardLayoutSmall32.es.js";
295
- import n from "../../foundation/Icon/Generated/IconCaretDown.es.js";
295
+ import l from "../../foundation/Icon/Generated/IconCaretDown.es.js";
296
296
  import "../../foundation/Icon/Generated/IconCaretDown12.es.js";
297
297
  import "../../foundation/Icon/Generated/IconCaretDown16.es.js";
298
298
  import "../../foundation/Icon/Generated/IconCaretDown20.es.js";
@@ -1661,29 +1661,30 @@ import "../../foundation/Icon/Generated/IconWorkflowShapes24.es.js";
1661
1661
  import "../../foundation/Icon/Generated/IconWorkflowShapes32.es.js";
1662
1662
  import t, { forwardRef as f } from "react";
1663
1663
  import "../../foundation/Icon/IconsMap.es.js";
1664
- import { IconSize as o } from "../../foundation/Icon/IconSize.es.js";
1665
- import { merge as w } from "../../utilities/merge.es.js";
1666
- const g = f(({ value: r, onClick: i, isClearable: m, placeHolder: p, isCalendarOpen: e }, a) => /* @__PURE__ */ t.createElement("div", {
1667
- onClick: i,
1664
+ import { IconSize as i } from "../../foundation/Icon/IconSize.es.js";
1665
+ import { merge as s } from "../../utilities/merge.es.js";
1666
+ const w = f(({ value: r, onClick: o, isClearable: m, placeHolder: p, isCalendarOpen: e }, a) => /* @__PURE__ */ t.createElement("div", {
1667
+ onClick: o,
1668
1668
  ref: a,
1669
1669
  "aria-hidden": "true"
1670
1670
  }, /* @__PURE__ */ t.createElement("div", {
1671
- className: w([
1672
- "tw-absolute tw-top-2 tw-text-black-60 tw-right-8 tw-z-10",
1673
- r === "" ? "tw-right-4" : "tw-right-8"
1671
+ className: s([
1672
+ "tw-absolute tw-top-2 tw-text-black-60 tw-z-10",
1673
+ r === "" || !m ? "tw-right-4" : "tw-right-8"
1674
1674
  ])
1675
1675
  }, e ? /* @__PURE__ */ t.createElement(d, {
1676
- size: o.Size20
1677
- }) : /* @__PURE__ */ t.createElement(n, {
1678
- size: o.Size20
1676
+ size: i.Size20
1677
+ }) : /* @__PURE__ */ t.createElement(l, {
1678
+ size: i.Size20
1679
1679
  })), /* @__PURE__ */ t.createElement(c, {
1680
- decorator: /* @__PURE__ */ t.createElement(l, null),
1680
+ decorator: /* @__PURE__ */ t.createElement(n, null),
1681
1681
  placeholder: p,
1682
1682
  value: r,
1683
- clearable: m
1683
+ clearable: m,
1684
+ onEnterPressed: o
1684
1685
  })));
1685
- g.displayName = "DatePickerTrigger";
1686
+ w.displayName = "DatePickerTrigger";
1686
1687
  export {
1687
- g as DatePickerTrigger
1688
+ w as DatePickerTrigger
1688
1689
  };
1689
1690
  //# sourceMappingURL=DatePickerTrigger.es.js.map
package/dist/components/DatePicker/DatePickerTrigger.es.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DatePickerTrigger.es.js","sources":["../../../src/components/DatePicker/DatePickerTrigger.tsx"],"sourcesContent":["import { TextInput } from '@components/TextInput';\nimport IconCalendar from '@foundation/Icon/Generated/IconCalendar';\nimport { IconCaretDown, IconCaretUp, IconSize } from '@foundation/Icon/index';\nimport { merge } from '@utilities/merge';\nimport React, { PropsWithChildren, forwardRef } from 'react';\n\ntype DatePickerTriggerProps = PropsWithChildren<{\n placeHolder?: string;\n value?: string;\n isClearable?: boolean;\n isCalendarOpen?: boolean;\n onClick?: () => void;\n}>;\n\nexport const DatePickerTrigger = forwardRef<HTMLDivElement, DatePickerTriggerProps>(\n ({ value, onClick, isClearable, placeHolder, isCalendarOpen }, ref) => (\n <div onClick={onClick} ref={ref} aria-hidden=\"true\">\n <div\n className={merge([\n 'tw-absolute tw-top-2 tw-text-black-60 tw-right-8 tw-z-10',\n value === '' ? 'tw-right-4' : 'tw-right-8',\n ])}\n >\n {isCalendarOpen ? <IconCaretUp size={IconSize.Size20} /> : <IconCaretDown size={IconSize.Size20} />}\n </div>\n <TextInput decorator={<IconCalendar />} placeholder={placeHolder} value={value} clearable={isClearable} />\n </div>\n ),\n);\n\nDatePickerTrigger.displayName = 'DatePickerTrigger';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAca,MAAA,IAAoB,EAC7B,CAAC,EAAE,UAAO,YAAS,gBAAa,gBAAa,qBAAkB,MAC1D,kBAAA,cAAA,OAAA;AAAA,EAAI;AAAA,EAAkB;AAAA,EAAU,eAAY;AAAA,GACxC,kBAAA,cAAA,OAAA;AAAA,EACG,WAAW,EAAM;AAAA,IACb;AAAA,IACA,MAAU,KAAK,eAAe;AAAA,EAAA,CACjC;AAAA,GAEA,IAAkB,kBAAA,cAAA,GAAA;AAAA,EAAY,MAAM,EAAS;AAAA,CAAQ,IAAM,kBAAA,cAAA,GAAA;AAAA,EAAc,MAAM,EAAS;AAAA,CAAQ,CACrG,GACC,kBAAA,cAAA,GAAA;AAAA,EAAU,2CAAY,GAAa,IAAA;AAAA,EAAI,aAAa;AAAA,EAAa;AAAA,EAAc,WAAW;AAAA,CAAa,CAC5G,CAER;AAEA,EAAkB,cAAc;"}
1
+ {"version":3,"file":"DatePickerTrigger.es.js","sources":["../../../src/components/DatePicker/DatePickerTrigger.tsx"],"sourcesContent":["import { TextInput } from '@components/TextInput';\nimport IconCalendar from '@foundation/Icon/Generated/IconCalendar';\nimport { IconCaretDown, IconCaretUp, IconSize } from '@foundation/Icon/index';\nimport { merge } from '@utilities/merge';\nimport React, { PropsWithChildren, forwardRef } from 'react';\n\ntype DatePickerTriggerProps = PropsWithChildren<{\n placeHolder?: string;\n value?: string;\n isClearable?: boolean;\n isCalendarOpen?: boolean;\n onClick?: () => void;\n}>;\n\nexport const DatePickerTrigger = forwardRef<HTMLDivElement, DatePickerTriggerProps>(\n ({ value, onClick, isClearable, placeHolder, isCalendarOpen }, ref) => (\n <div onClick={onClick} ref={ref} aria-hidden=\"true\">\n <div\n className={merge([\n 'tw-absolute tw-top-2 tw-text-black-60 tw-z-10',\n value === '' || !isClearable ? 'tw-right-4' : 'tw-right-8',\n ])}\n >\n {isCalendarOpen ? <IconCaretUp size={IconSize.Size20} /> : <IconCaretDown size={IconSize.Size20} />}\n </div>\n <TextInput\n decorator={<IconCalendar />}\n placeholder={placeHolder}\n value={value}\n clearable={isClearable}\n onEnterPressed={onClick}\n />\n </div>\n ),\n);\n\nDatePickerTrigger.displayName = 'DatePickerTrigger';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAca,MAAA,IAAoB,EAC7B,CAAC,EAAE,UAAO,YAAS,gBAAa,gBAAa,qBAAkB,MAC1D,kBAAA,cAAA,OAAA;AAAA,EAAI;AAAA,EAAkB;AAAA,EAAU,eAAY;AAAA,GACxC,kBAAA,cAAA,OAAA;AAAA,EACG,WAAW,EAAM;AAAA,IACb;AAAA,IACA,MAAU,MAAM,CAAC,IAAc,eAAe;AAAA,EAAA,CACjD;AAAA,GAEA,IAAkB,kBAAA,cAAA,GAAA;AAAA,EAAY,MAAM,EAAS;AAAA,CAAQ,IAAM,kBAAA,cAAA,GAAA;AAAA,EAAc,MAAM,EAAS;AAAA,CAAQ,CACrG,GACC,kBAAA,cAAA,GAAA;AAAA,EACG,2CAAY,GAAa,IAAA;AAAA,EACzB,aAAa;AAAA,EACb;AAAA,EACA,WAAW;AAAA,EACX,gBAAgB;AAAA,CACpB,CACJ,CAER;AAEA,EAAkB,cAAc;"}
package/dist/components/OverflowMenu/OverflowMenu.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ /// <reference types="react" />
2
+ import { OverflowMenuItemProps } from './OverflowMenuItem';
3
+ export interface OverflowMenuProps {
4
+ items: OverflowMenuItemProps[];
5
+ }
6
+ export declare const OverflowMenu: ({ items }: OverflowMenuProps) => JSX.Element;