@veracity/vui 1.8.1 → 1.9.0-beta.1

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 (137) hide show
  1. package/dist/cjs/accordion/accordion.types.d.ts +1 -0
  2. package/dist/cjs/accordion/accordion.types.d.ts.map +1 -1
  3. package/dist/cjs/breadcrumbs/breadcrumbs.d.ts.map +1 -1
  4. package/dist/cjs/breadcrumbs/breadcrumbs.js +4 -9
  5. package/dist/cjs/breadcrumbs/breadcrumbs.types.d.ts +1 -8
  6. package/dist/cjs/breadcrumbs/breadcrumbs.types.d.ts.map +1 -1
  7. package/dist/cjs/breadcrumbs/breadcrumbsItem.d.ts +3 -2
  8. package/dist/cjs/breadcrumbs/breadcrumbsItem.d.ts.map +1 -1
  9. package/dist/cjs/breadcrumbs/breadcrumbsItem.js +6 -10
  10. package/dist/cjs/button/button.d.ts +1 -0
  11. package/dist/cjs/button/button.d.ts.map +1 -1
  12. package/dist/cjs/button/button.js +3 -3
  13. package/dist/cjs/button/button.types.d.ts +2 -0
  14. package/dist/cjs/button/button.types.d.ts.map +1 -1
  15. package/dist/cjs/dragAndDrop/dragAndDrop.d.ts +5 -0
  16. package/dist/cjs/dragAndDrop/dragAndDrop.d.ts.map +1 -0
  17. package/dist/cjs/dragAndDrop/dragAndDrop.js +84 -0
  18. package/dist/cjs/dragAndDrop/dragAndDrop.types.d.ts +18 -0
  19. package/dist/cjs/dragAndDrop/dragAndDrop.types.d.ts.map +1 -0
  20. package/dist/cjs/dragAndDrop/dragAndDrop.types.js +2 -0
  21. package/dist/cjs/dragAndDrop/index.d.ts +4 -0
  22. package/dist/cjs/dragAndDrop/index.d.ts.map +1 -0
  23. package/dist/cjs/dragAndDrop/index.js +24 -0
  24. package/dist/cjs/dragAndDrop/theme.d.ts +8 -0
  25. package/dist/cjs/dragAndDrop/theme.d.ts.map +1 -0
  26. package/dist/cjs/dragAndDrop/theme.js +12 -0
  27. package/dist/cjs/index.d.ts +2 -0
  28. package/dist/cjs/index.d.ts.map +1 -1
  29. package/dist/cjs/index.js +2 -0
  30. package/dist/cjs/sidemenu/consts.d.ts +7 -0
  31. package/dist/cjs/sidemenu/consts.d.ts.map +1 -0
  32. package/dist/cjs/sidemenu/consts.js +9 -0
  33. package/dist/cjs/sidemenu/context.d.ts +5 -0
  34. package/dist/cjs/sidemenu/context.d.ts.map +1 -0
  35. package/dist/cjs/sidemenu/context.js +7 -0
  36. package/dist/cjs/sidemenu/index.d.ts +6 -0
  37. package/dist/cjs/sidemenu/index.d.ts.map +1 -0
  38. package/dist/cjs/sidemenu/index.js +26 -0
  39. package/dist/cjs/sidemenu/sidemenu.d.ts +12 -0
  40. package/dist/cjs/sidemenu/sidemenu.d.ts.map +1 -0
  41. package/dist/cjs/sidemenu/sidemenu.js +86 -0
  42. package/dist/cjs/sidemenu/sidemenu.types.d.ts +39 -0
  43. package/dist/cjs/sidemenu/sidemenu.types.d.ts.map +1 -0
  44. package/dist/cjs/sidemenu/sidemenu.types.js +2 -0
  45. package/dist/cjs/sidemenu/sidemenuItem.d.ts +6 -0
  46. package/dist/cjs/sidemenu/sidemenuItem.d.ts.map +1 -0
  47. package/dist/cjs/sidemenu/sidemenuItem.js +69 -0
  48. package/dist/cjs/sidemenu/sidemenuTop.d.ts +5 -0
  49. package/dist/cjs/sidemenu/sidemenuTop.d.ts.map +1 -0
  50. package/dist/cjs/sidemenu/sidemenuTop.js +35 -0
  51. package/dist/cjs/sidemenu/theme.d.ts +8 -0
  52. package/dist/cjs/sidemenu/theme.d.ts.map +1 -0
  53. package/dist/cjs/sidemenu/theme.js +12 -0
  54. package/dist/cjs/theme/components.d.ts +12 -0
  55. package/dist/cjs/theme/components.d.ts.map +1 -1
  56. package/dist/cjs/theme/components.js +60 -56
  57. package/dist/cjs/theme/defaultTheme.d.ts +12 -0
  58. package/dist/cjs/theme/defaultTheme.d.ts.map +1 -1
  59. package/dist/esm/accordion/accordion.types.d.ts +1 -0
  60. package/dist/esm/accordion/accordion.types.d.ts.map +1 -1
  61. package/dist/esm/breadcrumbs/breadcrumbs.d.ts.map +1 -1
  62. package/dist/esm/breadcrumbs/breadcrumbs.js +4 -8
  63. package/dist/esm/breadcrumbs/breadcrumbs.types.d.ts +1 -8
  64. package/dist/esm/breadcrumbs/breadcrumbs.types.d.ts.map +1 -1
  65. package/dist/esm/breadcrumbs/breadcrumbsItem.d.ts +3 -2
  66. package/dist/esm/breadcrumbs/breadcrumbsItem.d.ts.map +1 -1
  67. package/dist/esm/breadcrumbs/breadcrumbsItem.js +7 -10
  68. package/dist/esm/button/button.d.ts +1 -0
  69. package/dist/esm/button/button.d.ts.map +1 -1
  70. package/dist/esm/button/button.js +2 -2
  71. package/dist/esm/button/button.types.d.ts +2 -0
  72. package/dist/esm/button/button.types.d.ts.map +1 -1
  73. package/dist/esm/dragAndDrop/dragAndDrop.d.ts +5 -0
  74. package/dist/esm/dragAndDrop/dragAndDrop.d.ts.map +1 -0
  75. package/dist/esm/dragAndDrop/dragAndDrop.js +42 -0
  76. package/dist/esm/dragAndDrop/dragAndDrop.types.d.ts +18 -0
  77. package/dist/esm/dragAndDrop/dragAndDrop.types.d.ts.map +1 -0
  78. package/dist/esm/dragAndDrop/dragAndDrop.types.js +1 -0
  79. package/dist/esm/dragAndDrop/index.d.ts +4 -0
  80. package/dist/esm/dragAndDrop/index.d.ts.map +1 -0
  81. package/dist/esm/dragAndDrop/index.js +3 -0
  82. package/dist/esm/dragAndDrop/theme.d.ts +8 -0
  83. package/dist/esm/dragAndDrop/theme.d.ts.map +1 -0
  84. package/dist/esm/dragAndDrop/theme.js +10 -0
  85. package/dist/esm/index.d.ts +2 -0
  86. package/dist/esm/index.d.ts.map +1 -1
  87. package/dist/esm/index.js +2 -0
  88. package/dist/esm/sidemenu/consts.d.ts +7 -0
  89. package/dist/esm/sidemenu/consts.d.ts.map +1 -0
  90. package/dist/esm/sidemenu/consts.js +6 -0
  91. package/dist/esm/sidemenu/context.d.ts +5 -0
  92. package/dist/esm/sidemenu/context.d.ts.map +1 -0
  93. package/dist/esm/sidemenu/context.js +3 -0
  94. package/dist/esm/sidemenu/index.d.ts +6 -0
  95. package/dist/esm/sidemenu/index.d.ts.map +1 -0
  96. package/dist/esm/sidemenu/index.js +5 -0
  97. package/dist/esm/sidemenu/sidemenu.d.ts +12 -0
  98. package/dist/esm/sidemenu/sidemenu.d.ts.map +1 -0
  99. package/dist/esm/sidemenu/sidemenu.js +45 -0
  100. package/dist/esm/sidemenu/sidemenu.types.d.ts +39 -0
  101. package/dist/esm/sidemenu/sidemenu.types.d.ts.map +1 -0
  102. package/dist/esm/sidemenu/sidemenu.types.js +1 -0
  103. package/dist/esm/sidemenu/sidemenuItem.d.ts +6 -0
  104. package/dist/esm/sidemenu/sidemenuItem.d.ts.map +1 -0
  105. package/dist/esm/sidemenu/sidemenuItem.js +29 -0
  106. package/dist/esm/sidemenu/sidemenuTop.d.ts +5 -0
  107. package/dist/esm/sidemenu/sidemenuTop.d.ts.map +1 -0
  108. package/dist/esm/sidemenu/sidemenuTop.js +17 -0
  109. package/dist/esm/sidemenu/theme.d.ts +8 -0
  110. package/dist/esm/sidemenu/theme.d.ts.map +1 -0
  111. package/dist/esm/sidemenu/theme.js +10 -0
  112. package/dist/esm/theme/components.d.ts +12 -0
  113. package/dist/esm/theme/components.d.ts.map +1 -1
  114. package/dist/esm/theme/components.js +4 -0
  115. package/dist/esm/theme/defaultTheme.d.ts +12 -0
  116. package/dist/esm/theme/defaultTheme.d.ts.map +1 -1
  117. package/package.json +1 -1
  118. package/src/accordion/accordion.types.ts +1 -0
  119. package/src/breadcrumbs/breadcrumbs.tsx +8 -15
  120. package/src/breadcrumbs/breadcrumbs.types.ts +1 -9
  121. package/src/breadcrumbs/breadcrumbsItem.tsx +7 -21
  122. package/src/button/button.tsx +2 -1
  123. package/src/button/button.types.ts +2 -0
  124. package/src/dragAndDrop/dragAndDrop.tsx +85 -0
  125. package/src/dragAndDrop/dragAndDrop.types.ts +19 -0
  126. package/src/dragAndDrop/index.ts +3 -0
  127. package/src/dragAndDrop/theme.ts +14 -0
  128. package/src/index.ts +2 -0
  129. package/src/sidemenu/consts.ts +8 -0
  130. package/src/sidemenu/context.ts +5 -0
  131. package/src/sidemenu/index.ts +5 -0
  132. package/src/sidemenu/sidemenu.tsx +67 -0
  133. package/src/sidemenu/sidemenu.types.ts +44 -0
  134. package/src/sidemenu/sidemenuItem.tsx +77 -0
  135. package/src/sidemenu/sidemenuTop.tsx +26 -0
  136. package/src/sidemenu/theme.ts +14 -0
  137. package/src/theme/components.ts +4 -0
@@ -8,6 +8,7 @@ export declare type AccordionProps = SystemProps & ThemingProps<'Accordion'> & {
8
8
  orientation?: AccordionOrientation;
9
9
  /** Hover color for the item title @default "blue.10" */
10
10
  itemTitleHoverBg?: string;
11
+ /** Collection of Accordion items */
11
12
  items?: AccordionItemProps[];
12
13
  };
13
14
  export declare type AccordionItemId = string | number;
@@ -1 +1 @@
1
- {"version":3,"file":"accordion.types.d.ts","sourceRoot":"","sources":["../../../src/accordion/accordion.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,oBAAoB,GAAG,UAAU,GAAG,YAAY,CAAA;AAE5D,oBAAY,cAAc,GAAG,WAAW,GACtC,YAAY,CAAC,WAAW,CAAC,GAAG;IAC1B,qDAAqD;IACrD,WAAW,CAAC,EAAE,oBAAoB,CAAA;IAClC,wDAAwD;IACxD,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,KAAK,CAAC,EAAE,kBAAkB,EAAE,CAAA;CAC7B,CAAA;AAEH,oBAAY,eAAe,GAAG,MAAM,GAAG,MAAM,CAAA;AAE7C,oBAAY,sBAAsB,GAAG;IACnC,EAAE,EAAE,eAAe,CAAA;IACnB,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,oBAAY,kBAAkB,GAAG,aAAa,GAAG;IAC/C,gBAAgB;IAChB,EAAE,EAAE,eAAe,CAAA;IACnB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc;IACd,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,yCAAyC;IACzC,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,sBAAsB;IACtB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,wDAAwD;IACxD,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,IAAI,CAAA;CACnD,CAAA;AAED,oBAAY,uBAAuB,GAAG;IACpC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,oBAAoB,CAAA;CACnC,CAAA"}
1
+ {"version":3,"file":"accordion.types.d.ts","sourceRoot":"","sources":["../../../src/accordion/accordion.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,oBAAoB,GAAG,UAAU,GAAG,YAAY,CAAA;AAE5D,oBAAY,cAAc,GAAG,WAAW,GACtC,YAAY,CAAC,WAAW,CAAC,GAAG;IAC1B,qDAAqD;IACrD,WAAW,CAAC,EAAE,oBAAoB,CAAA;IAClC,wDAAwD;IACxD,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,oCAAoC;IACpC,KAAK,CAAC,EAAE,kBAAkB,EAAE,CAAA;CAC7B,CAAA;AAEH,oBAAY,eAAe,GAAG,MAAM,GAAG,MAAM,CAAA;AAE7C,oBAAY,sBAAsB,GAAG;IACnC,EAAE,EAAE,eAAe,CAAA;IACnB,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,oBAAY,kBAAkB,GAAG,aAAa,GAAG;IAC/C,gBAAgB;IAChB,EAAE,EAAE,eAAe,CAAA;IACnB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc;IACd,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,yCAAyC;IACzC,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,sBAAsB;IACtB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,wDAAwD;IACxD,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,IAAI,CAAA;CACnD,CAAA;AAED,oBAAY,uBAAuB,GAAG;IACpC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,oBAAoB,CAAA;CACnC,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/breadcrumbs/breadcrumbs.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAEnE,OAAO,EAAwB,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAC5E,OAAO,eAAe,MAAM,mBAAmB,CAAA;AAI/C,eAAO,MAAM,eAAe,+HAI3B,CAAA;AAED,qLAAqL;AACrL,eAAO,MAAM,WAAW;UA4BhB,sBAAsB;CAC7B,CAAA;AAID,eAAe,WAAW,CAAA"}
1
+ {"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/breadcrumbs/breadcrumbs.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAEnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,eAAe,MAAM,mBAAmB,CAAA;AAI/C,eAAO,MAAM,eAAe,+HAI3B,CAAA;AAED,qLAAqL;AACrL,eAAO,MAAM,WAAW;UAqBhB,sBAAsB;CAC7B,CAAA;AAID,eAAe,WAAW,CAAA"}
@@ -51,20 +51,15 @@ exports.BreadcrumbsBase = core_1.styled.divBox `
51
51
  `;
52
52
  /** [Beta] Breadcrumbs consist of a list of items that help a user visualize a page's location within the hierarchical structure of a website, and allow correspondent navigation. */
53
53
  exports.Breadcrumbs = (0, core_1.vui)((props, ref) => {
54
- var _a;
55
- const { children, className, items, size } = props, rest = __rest(props, ["children", "className", "items", "size"]);
54
+ const { children, className, size } = props, rest = __rest(props, ["children", "className", "size"]);
56
55
  const styles = (0, core_1.useStyleConfig)('Breadcrumbs', props);
57
56
  const context = (0, react_1.useMemo)(() => (0, utils_1.filterUndefined)({ size }), [size]);
58
57
  const aliasedProps = (0, utils_1.filterUndefined)({});
59
58
  const arrayChildren = react_1.Children.toArray(children);
60
59
  return (react_1.default.createElement(context_1.BreadcrumbsProvider, { value: context },
61
- react_1.default.createElement(exports.BreadcrumbsBase, Object.assign({ className: (0, utils_1.cs)('vui-breadcrumbs', className), ref: ref }, styles, aliasedProps, rest), items
62
- ? (_a = items === null || items === void 0 ? void 0 : items.map) === null || _a === void 0 ? void 0 : _a.call(items, (item, key) => (react_1.default.createElement(react_1.Fragment, { key: key },
63
- react_1.default.createElement(breadcrumbsItem_1.default, Object.assign({ key: key }, item)),
64
- key !== items.length - 1 && react_1.default.createElement(breadcrumbsSeparator_1.default, null))))
65
- : react_1.Children.map(arrayChildren, (child, key) => (react_1.default.createElement(react_1.Fragment, { key: key },
66
- child,
67
- key !== arrayChildren.length - 1 && react_1.default.createElement(breadcrumbsSeparator_1.default, null)))))));
60
+ react_1.default.createElement(exports.BreadcrumbsBase, Object.assign({ className: (0, utils_1.cs)('vui-breadcrumbs', className), ref: ref }, styles, aliasedProps, rest), react_1.Children.map(arrayChildren, (child, key) => (react_1.default.createElement(react_1.Fragment, { key: key },
61
+ child,
62
+ key !== arrayChildren.length - 1 && react_1.default.createElement(breadcrumbsSeparator_1.default, null)))))));
68
63
  });
69
64
  exports.Breadcrumbs.Item = breadcrumbsItem_1.default;
70
65
  exports.default = exports.Breadcrumbs;
@@ -3,21 +3,14 @@ import { BoxProps } from '../box';
3
3
  import { IconProp } from '../icon';
4
4
  import { SystemProps } from '../system';
5
5
  import { ThemingProps } from '../theme';
6
- export declare type BreadcrumbsProps = SystemProps & ThemingProps<'Breadcrumbs'> & {
7
- /** Collection of items */
8
- items?: BreadcrumbsItemProps[];
9
- };
6
+ export declare type BreadcrumbsProps = SystemProps & ThemingProps<'Breadcrumbs'>;
10
7
  export declare type BreadcrumbsItemProps = BoxProps & {
11
8
  /** Custom class name */
12
9
  className?: string;
13
10
  /** Content */
14
11
  children?: ReactNode;
15
- /** Alternative way to provide content */
16
- content?: ReactNode;
17
12
  /** Icon */
18
13
  icon?: IconProp;
19
- /** Path */
20
- path?: string;
21
14
  };
22
15
  export declare type BreadcrumbsSeparatorProps = BoxProps & {
23
16
  /** Custom class name */
@@ -1 +1 @@
1
- {"version":3,"file":"breadcrumbs.types.d.ts","sourceRoot":"","sources":["../../../src/breadcrumbs/breadcrumbs.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,gBAAgB,GAAG,WAAW,GACxC,YAAY,CAAC,aAAa,CAAC,GAAG;IAC5B,0BAA0B;IAC1B,KAAK,CAAC,EAAE,oBAAoB,EAAE,CAAA;CAC/B,CAAA;AAEH,oBAAY,oBAAoB,GAAG,QAAQ,GAAG;IAC5C,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc;IACd,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,yCAAyC;IACzC,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,WAAW;IACX,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,WAAW;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,oBAAY,yBAAyB,GAAG,QAAQ,GAAG;IACjD,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc;IACd,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,yCAAyC;IACzC,OAAO,CAAC,EAAE,SAAS,CAAA;CACpB,CAAA"}
1
+ {"version":3,"file":"breadcrumbs.types.d.ts","sourceRoot":"","sources":["../../../src/breadcrumbs/breadcrumbs.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,gBAAgB,GAAG,WAAW,GAAG,YAAY,CAAC,aAAa,CAAC,CAAA;AAExE,oBAAY,oBAAoB,GAAG,QAAQ,GAAG;IAC5C,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc;IACd,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,WAAW;IACX,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB,CAAA;AAED,oBAAY,yBAAyB,GAAG,QAAQ,GAAG;IACjD,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc;IACd,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,yCAAyC;IACzC,OAAO,CAAC,EAAE,SAAS,CAAA;CACpB,CAAA"}
@@ -1,5 +1,6 @@
1
+ import { VuiComponent } from '../core';
1
2
  import { BreadcrumbsItemProps } from './breadcrumbs.types';
2
- /** A Breadcrumbs item. */
3
- export declare const BreadcrumbsItem: (props: BreadcrumbsItemProps) => JSX.Element;
3
+ /** A Breadcrumb item. */
4
+ export declare const BreadcrumbsItem: VuiComponent<"div", BreadcrumbsItemProps>;
4
5
  export default BreadcrumbsItem;
5
6
  //# sourceMappingURL=breadcrumbsItem.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"breadcrumbsItem.d.ts","sourceRoot":"","sources":["../../../src/breadcrumbs/breadcrumbsItem.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAG1D,0BAA0B;AAC1B,eAAO,MAAM,eAAe,UAAW,oBAAoB,gBAuB1D,CAAA;AAED,eAAe,eAAe,CAAA"}
1
+ {"version":3,"file":"breadcrumbsItem.d.ts","sourceRoot":"","sources":["../../../src/breadcrumbs/breadcrumbsItem.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAyC,YAAY,EAAE,MAAM,SAAS,CAAA;AAG7E,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAG1D,yBAAyB;AACzB,eAAO,MAAM,eAAe,2CAWmB,CAAA;AAE/C,eAAe,eAAe,CAAA"}
@@ -16,21 +16,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
16
16
  Object.defineProperty(exports, "__esModule", { value: true });
17
17
  exports.BreadcrumbsItem = void 0;
18
18
  const react_1 = __importDefault(require("react"));
19
- const react_router_dom_1 = require("react-router-dom");
20
19
  const box_1 = require("../box");
21
20
  const core_1 = require("../core");
22
21
  const icon_1 = require("../icon");
23
- const link_1 = require("../link");
24
22
  const utils_1 = require("../utils");
25
23
  const context_1 = require("./context");
26
- /** A Breadcrumbs item. */
27
- const BreadcrumbsItem = (props) => {
28
- const _a = (0, core_1.omitThemingProps)(props), { className, children, content, icon, path } = _a, rest = __rest(_a, ["className", "children", "content", "icon", "path"]);
24
+ /** A Breadcrumb item. */
25
+ exports.BreadcrumbsItem = (0, core_1.vui)(props => {
26
+ const _a = (0, core_1.omitThemingProps)(props), { className, children, icon } = _a, rest = __rest(_a, ["className", "children", "icon"]);
29
27
  const styles = (0, core_1.useStyleConfig)('Breadcrumbs', (0, context_1.useBreadcrumbsContext)());
30
- const innerContent = (react_1.default.createElement(react_1.default.Fragment, null,
28
+ return (react_1.default.createElement(box_1.Box, Object.assign({ alignItems: "center", className: (0, utils_1.cs)('vui-breadcrumbs-item', className), p: 0 }, rest, styles.item),
31
29
  !!icon && react_1.default.createElement(icon_1.Icon, { name: icon, size: "sm" }),
32
- content || children));
33
- return (react_1.default.createElement(box_1.Box, Object.assign({ alignItems: "center", className: (0, utils_1.cs)('vui-breadcrumbs-item', className), p: 0 }, rest, styles.item), path ? (react_1.default.createElement(link_1.Link, { as: react_router_dom_1.Link, to: path }, innerContent)) : (innerContent)));
34
- };
35
- exports.BreadcrumbsItem = BreadcrumbsItem;
30
+ children));
31
+ });
36
32
  exports.default = exports.BreadcrumbsItem;
@@ -5,6 +5,7 @@ import ButtonIcon from './buttonIcon';
5
5
  import ButtonText from './buttonText';
6
6
  export declare const ButtonBase: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, import("..").AnimationProps & import("..").BackgroundColorProps & import("..").BorderProps & import("..").BorderTopProps & import("..").BorderRightProps & import("..").BorderBottomProps & import("..").BorderLeftProps & import("..").BorderColorProps & import("..").BorderTopColorProps & import("..").BorderRightColorProps & import("..").BorderBottomColorProps & import("..").BorderLeftColorProps & import("..").BorderWidthProps & import("..").BorderTopWidthProps & import("..").BorderRightWidthProps & import("..").BorderBottomWidthProps & import("..").BorderLeftWidthProps & import("..").BorderStyleProps & import("..").BorderRadiusProps & import("..").OutlineProps & import("..").OutlineColorProps & import("..").OutlineWidthProps & import("..").OutlineStyleProps & import("..").DivideXProps & import("..").DivideYProps & import("..").DivideXReverseProps & import("..").DivideYReverseProps & import("..").DivideColorProps & import("..").DivideStyleProps & import("..").RingProps & import("..").RingColorProps & import("..").OpacityProps & import("..").BoxShadowProps & import("..").TextShadowProps & import("..").DisplayProps & import("..").AlignItemsProps & import("..").AlignContentProps & import("..").JustifyContentProps & import("..").JustifyItemsProps & import("..").FlexWrapProps & import("..").FlexGrowProps & import("..").FlexShrinkProps & import("..").FlexBasisProps & import("..").FlexDirectionProps & import("..").FlexProps & import("..").JustifySelfProps & import("..").AlignSelfProps & import("..").OrderProps & import("../system/flexboxGrids").RowProps & import("../system/flexboxGrids").ColProps & import("../system/grids").GapProps & import("../system/grids").ColumnGapProps & import("../system/grids").RowGapProps & import("../system/grids").GridColumnProps & import("../system/grids").GridRowProps & import("../system/grids").GridAutoFlowProps & import("../system/grids").GridAutoColumnsProps & import("../system/grids").GridAutoRowsProps & import("../system/grids").GridTemplateColumnsProps & import("../system/grids").GridTemplateRowsProps & import("../system/grids").GridTemplateAreasProps & import("../system/grids").GridAreaProps & import("..").AppearanceProps & import("..").CursorProps & import("..").PointerEventsProps & import("..").ResizeProps & import("..").UserSelectProps & import("..").IsTruncatedProps & import("..").FloatProps & import("..").BoxSizingProps & import("..").OverflowProps & import("..").OverflowXProps & import("..").OverflowYProps & import("..").PositionProps & import("..").ZIndexProps & import("..").TopProps & import("..").RightProps & import("..").BottomProps & import("..").LeftProps & import("..").VisibilityProps & import("..").OverscrollBehaviorProps & import("..").ObjectFitProps & import("..").MaxLinesProps & import("..").WidthProps & import("..").HeightProps & import("..").MaxWidthProps & import("..").MaxHeightProps & import("..").MinWidthProps & import("..").MinHeightProps & import("..").MarginProps & import("..").MarginTopProps & import("..").MarginRightProps & import("..").MarginBottomProps & import("..").MarginLeftProps & import("..").MarginXProps & import("..").MarginYProps & import("..").PaddingProps & import("..").PaddingTopProps & import("..").PaddingRightProps & import("..").PaddingBottomProps & import("..").PaddingLeftProps & import("..").PaddingXProps & import("..").PaddingYProps & import("..").SpaceXProps & import("..").SpaceYProps & import("..").SpaceXReverseProps & import("..").SpaceYReverseProps & import("../system/tables").BorderCollapseProps & import("../system/tables").TableLayoutProps & import("..").TransformProps & import("..").TransformOriginProps & import("..").TranslateXProps & import("..").TranslateYProps & import("..").RotateProps & import("..").SkewXProps & import("..").SkewYProps & import("..").ScaleProps & import("..").ScaleXProps & import("..").ScaleYProps & import("..").TransitionProps & import("..").TransitionPropertyProps & import("..").TransitionDurationProps & import("..").TransitionTimingFunctionProps & import("..").TransitionDelayProps & import("..").FontFamilyProps & import("..").FontSizeProps & import("..").FontStyleProps & import("..").FontWeightProps & import("..").LineHeightProps & import("..").ColorProps & import("..").TextTransformProps & import("..").TextDecorationProps & import("..").TextAlignProps & import("..").VerticalAlignProps & import("..").LetterSpacingProps & import("..").WhiteSpaceProps & import("..").TextOverflowProps & import("..").ListStyleTypeProps & import("..").ListStylePositionProps & import("..").WordBreakProps & import("..").ThemingProps<"Button"> & {
7
7
  colorScheme?: import("./button.types").ButtonColorScheme | undefined;
8
+ dropDownIcon?: import("..").IconProp | undefined;
8
9
  icon?: JSX.Element | import("..").IconProp | undefined;
9
10
  iconLeft?: JSX.Element | import("..").IconProp | undefined;
10
11
  iconRight?: JSX.Element | import("..").IconProp | undefined;
@@ -1 +1 @@
1
- {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAGtC,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAEnE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,UAAU,MAAM,cAAc,CAAA;AAiBrC,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;SAoBtB,CAAA;AACD;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;UAqHX,iBAAiB;UACjB,iBAAiB;CACxB,CAAA;AAKD,eAAe,MAAM,CAAA"}
1
+ {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAGtC,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAEnE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,UAAU,MAAM,cAAc,CAAA;AAiBrC,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;SAoBtB,CAAA;AACD;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;UAsHX,iBAAiB;UACjB,iBAAiB;CACxB,CAAA;AAKD,eAAe,MAAM,CAAA"}
@@ -89,8 +89,8 @@ exports.Button = (0, core_1.vui)((props, ref) => {
89
89
  var _a, _b, _c, _d;
90
90
  const buttonGroupProps = (0, context_1.useButtonGroupContext)();
91
91
  const mergedProps = Object.assign(Object.assign({}, buttonGroupProps), props);
92
- const { borderWidth: borderWidthProp, children, className, colorScheme: colorSchemeProp, disabled, icon, iconLeft, iconRight, isActive, isDropDown, isElevated, isFullWidth, isLoading, // eslint-disable-line
93
- isRound, isSplit, isTruncated, size, state = props.isLoading ? 'loading' : '', stateMapping, text, variant } = mergedProps, rest = __rest(mergedProps, ["borderWidth", "children", "className", "colorScheme", "disabled", "icon", "iconLeft", "iconRight", "isActive", "isDropDown", "isElevated", "isFullWidth", "isLoading", "isRound", "isSplit", "isTruncated", "size", "state", "stateMapping", "text", "variant"]);
92
+ const { borderWidth: borderWidthProp, children, className, colorScheme: colorSchemeProp, disabled, dropDownIcon = 'falAngleDown', icon, iconLeft, iconRight, isActive, isDropDown, isElevated, isFullWidth, isLoading, // eslint-disable-line
93
+ isRound, isSplit, isTruncated, size, state = props.isLoading ? 'loading' : '', stateMapping, text, variant } = mergedProps, rest = __rest(mergedProps, ["borderWidth", "children", "className", "colorScheme", "disabled", "dropDownIcon", "icon", "iconLeft", "iconRight", "isActive", "isDropDown", "isElevated", "isFullWidth", "isLoading", "isRound", "isSplit", "isTruncated", "size", "state", "stateMapping", "text", "variant"]);
94
94
  const hasState = Boolean(state) && state !== 'idle';
95
95
  const states = Object.assign(Object.assign({}, consts_1.buttonStateMapping), stateMapping);
96
96
  const _e = (_a = states[state]) !== null && _a !== void 0 ? _a : {}, { iconProps: stateIconProps } = _e, stateProps = __rest(_e, ["iconProps"]);
@@ -138,7 +138,7 @@ exports.Button = (0, core_1.vui)((props, ref) => {
138
138
  !icon && (react_1.default.createElement(react_1.default.Fragment, null,
139
139
  (0, utils_1.isString)(iconLeft) ? react_1.default.createElement(buttonIcon_1.default, { mr: isDropDown ? 0 : iconLeftMr, name: iconLeft }) : iconLeft, children !== null && children !== void 0 ? children : ((0, utils_1.isReactText)(text) ? react_1.default.createElement(buttonText_1.default, Object.assign({}, { isTruncated, text })) : text),
140
140
  (0, utils_1.isString)(iconRight) ? react_1.default.createElement(buttonIcon_1.default, { ml: iconRightMl, name: iconRight }) : iconRight)),
141
- isDropDown && react_1.default.createElement(buttonIcon_1.default, { name: "falAngleDown" })))));
141
+ isDropDown && react_1.default.createElement(buttonIcon_1.default, { name: dropDownIcon })))));
142
142
  });
143
143
  exports.Button.Icon = buttonIcon_1.default;
144
144
  exports.Button.Text = buttonText_1.default;
@@ -7,6 +7,8 @@ export declare type ButtonColorScheme = 'blue' | 'green' | 'pink' | 'prussian' |
7
7
  export declare type ButtonProps = SystemProps & ThemingProps<'Button'> & {
8
8
  /** Available theme colors for this component. @default prussian */
9
9
  colorScheme?: ButtonColorScheme;
10
+ /** Icon for the drop-down element. @default falAngleDown */
11
+ dropDownIcon?: IconProp;
10
12
  /** Icon that replaces any other content. */
11
13
  icon?: IconProp | JSX.Element;
12
14
  /** Socket displaying icon on the left side. */
@@ -1 +1 @@
1
- {"version":3,"file":"button.types.d.ts","sourceRoot":"","sources":["../../../src/button/button.types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAEpC,oBAAY,iBAAiB,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,KAAK,CAAA;AAE9E,oBAAY,WAAW,GAAG,WAAW,GACnC,YAAY,CAAC,QAAQ,CAAC,GAAG;IACvB,mEAAmE;IACnE,WAAW,CAAC,EAAE,iBAAiB,CAAA;IAC/B,4CAA4C;IAC5C,IAAI,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IAC7B,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IACjC,gDAAgD;IAChD,SAAS,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IAClC,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,qEAAqE;IACrE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,yCAAyC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,yDAAyD;IACzD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,kEAAkE;IAClE,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,kBAAkB,CAAA;IACjC,sDAAsD;IACtD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB,CAAA;AACH,oBAAY,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAA;AAE9E,oBAAY,kBAAkB,GAAG,MAAM,CACrC,MAAM,EACN,WAAW,GAAG;IAAE,WAAW,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC;IAAC,SAAS,EAAE,SAAS,CAAA;CAAE,CAChF,CAAA;AAED,wDAAwD;AACxD,oBAAY,eAAe,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,WAAW,GAAG,MAAM,CAAC,CAAA"}
1
+ {"version":3,"file":"button.types.d.ts","sourceRoot":"","sources":["../../../src/button/button.types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAEpC,oBAAY,iBAAiB,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,KAAK,CAAA;AAE9E,oBAAY,WAAW,GAAG,WAAW,GACnC,YAAY,CAAC,QAAQ,CAAC,GAAG;IACvB,mEAAmE;IACnE,WAAW,CAAC,EAAE,iBAAiB,CAAA;IAC/B,4DAA4D;IAC5D,YAAY,CAAC,EAAE,QAAQ,CAAA;IACvB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IAC7B,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IACjC,gDAAgD;IAChD,SAAS,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IAClC,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,qEAAqE;IACrE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,yCAAyC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,yDAAyD;IACzD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,kEAAkE;IAClE,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,kBAAkB,CAAA;IACjC,sDAAsD;IACtD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB,CAAA;AACH,oBAAY,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAA;AAE9E,oBAAY,kBAAkB,GAAG,MAAM,CACrC,MAAM,EACN,WAAW,GAAG;IAAE,WAAW,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC;IAAC,SAAS,EAAE,SAAS,CAAA;CAAE,CAChF,CAAA;AAED,wDAAwD;AACxD,oBAAY,eAAe,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,WAAW,GAAG,MAAM,CAAC,CAAA"}
@@ -0,0 +1,5 @@
1
+ import { DragAndDropProps } from './dragAndDrop.types';
2
+ /** [Beta] Prepares uploading files by selecting or dragging. */
3
+ export declare const DragAndDrop: import("../core").VuiComponent<"label", DragAndDropProps>;
4
+ export default DragAndDrop;
5
+ //# sourceMappingURL=dragAndDrop.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"dragAndDrop.d.ts","sourceRoot":"","sources":["../../../src/dragAndDrop/dragAndDrop.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAatD,gEAAgE;AAChE,eAAO,MAAM,WAAW,2DA8DtB,CAAA;AAEF,eAAe,WAAW,CAAA"}
@@ -0,0 +1,84 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
24
+ };
25
+ var __rest = (this && this.__rest) || function (s, e) {
26
+ var t = {};
27
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
28
+ t[p] = s[p];
29
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
30
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
31
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
32
+ t[p[i]] = s[p[i]];
33
+ }
34
+ return t;
35
+ };
36
+ var __importDefault = (this && this.__importDefault) || function (mod) {
37
+ return (mod && mod.__esModule) ? mod : { "default": mod };
38
+ };
39
+ Object.defineProperty(exports, "__esModule", { value: true });
40
+ exports.DragAndDrop = void 0;
41
+ const react_1 = __importStar(require("react"));
42
+ const core_1 = require("../core");
43
+ const icon_1 = __importDefault(require("../icon"));
44
+ const t_1 = __importDefault(require("../t"));
45
+ const utils_1 = require("../utils");
46
+ const defaultIcon = 'falCloudUpload';
47
+ const defaultText = 'Click or drag files to this area';
48
+ const DragAndDropBase = core_1.styled.labelBox `
49
+ display: flex;
50
+ min-width: 0;
51
+ transition-duration: normal;
52
+ justify-content: center;
53
+ `;
54
+ /** [Beta] Prepares uploading files by selecting or dragging. */
55
+ exports.DragAndDrop = (0, core_1.vui)((props, ref) => {
56
+ const _a = (0, core_1.omitThemingProps)(props), { accept, icon = defaultIcon, className, onFilesAdded, multiple = true, text = defaultText, children, disabled } = _a, rest = __rest(_a, ["accept", "icon", "className", "onFilesAdded", "multiple", "text", "children", "disabled"]);
57
+ const fileInput = (0, react_1.useRef)(null);
58
+ const styles = (0, core_1.useStyleConfig)('DragAndDrop', props);
59
+ const processFiles = (files) => Array.from(files).map(file => file);
60
+ const handleFileInput = (e) => {
61
+ var _a;
62
+ e.preventDefault();
63
+ if (disabled)
64
+ return undefined;
65
+ const files = processFiles((_a = e === null || e === void 0 ? void 0 : e.currentTarget) === null || _a === void 0 ? void 0 : _a.files);
66
+ if (files === null || files === void 0 ? void 0 : files.length)
67
+ onFilesAdded === null || onFilesAdded === void 0 ? void 0 : onFilesAdded(files);
68
+ };
69
+ const handleDrop = (e) => {
70
+ var _a;
71
+ e.preventDefault();
72
+ if (disabled)
73
+ return undefined;
74
+ const files = ((_a = e.dataTransfer) === null || _a === void 0 ? void 0 : _a.files) ? processFiles(e.dataTransfer.files) : [];
75
+ if (files === null || files === void 0 ? void 0 : files.length)
76
+ onFilesAdded === null || onFilesAdded === void 0 ? void 0 : onFilesAdded(files);
77
+ };
78
+ return (react_1.default.createElement(DragAndDropBase, Object.assign({ bg: disabled ? 'grey.20' : 'blue.20', className: (0, utils_1.cs)('vui-drag-and-drop', className), cursor: disabled ? 'not-allowed' : 'pointer', onDragEnter: e => e.preventDefault(), onDragOver: e => e.preventDefault(), onDrop: e => handleDrop(e), p: 5, pointerEvents: disabled ? 'none' : 'auto', ref: ref }, styles, rest),
79
+ children || (react_1.default.createElement(t_1.default, { color: disabled ? 'grey.50' : 'auto', display: "flex" },
80
+ react_1.default.createElement(icon_1.default, { mr: 1, name: icon }),
81
+ text)),
82
+ react_1.default.createElement(core_1.v.input, { accept: accept, className: "vui-drag-and-drop-hidden-input", display: "none", multiple: multiple, onChange: handleFileInput, ref: fileInput, type: "file" })));
83
+ });
84
+ exports.default = exports.DragAndDrop;
@@ -0,0 +1,18 @@
1
+ import { BoxProps } from '../box';
2
+ import { IconProp } from '../icon';
3
+ import { ThemingProps } from '../theme';
4
+ export declare type DragAndDropProps = BoxProps & ThemingProps<'DragAndDrop'> & {
5
+ /** A string that defines the file types the file input should accept. This string is a comma-separated list of [unique file type specifiers](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#unique_file_type_specifiers). */
6
+ accept?: string;
7
+ /** Disabled. @default `false` */
8
+ disabled?: boolean;
9
+ /** The message icon. @default `falCloudUpload` */
10
+ icon?: IconProp;
11
+ /** Allows to select multiple files when the drop zone is clicked.. @default `true` */
12
+ multiple?: boolean;
13
+ /** The message text. @default `Click or drag files to this area` */
14
+ text?: string;
15
+ /** Drop or file select callback */
16
+ onFilesAdded?: (files: File[]) => void;
17
+ };
18
+ //# sourceMappingURL=dragAndDrop.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"dragAndDrop.types.d.ts","sourceRoot":"","sources":["../../../src/dragAndDrop/dragAndDrop.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,gBAAgB,GAAG,QAAQ,GACrC,YAAY,CAAC,aAAa,CAAC,GAAG;IAC5B,mPAAmP;IACnP,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kDAAkD;IAClD,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,sFAAsF;IACtF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oEAAoE;IACpE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mCAAmC;IACnC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAA;CACvC,CAAA"}
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
@@ -0,0 +1,4 @@
1
+ export * from './dragAndDrop';
2
+ export { default } from './dragAndDrop';
3
+ export * from './dragAndDrop.types';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dragAndDrop/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,cAAc,qBAAqB,CAAA"}
@@ -0,0 +1,24 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
16
+ var __importDefault = (this && this.__importDefault) || function (mod) {
17
+ return (mod && mod.__esModule) ? mod : { "default": mod };
18
+ };
19
+ Object.defineProperty(exports, "__esModule", { value: true });
20
+ exports.default = void 0;
21
+ __exportStar(require("./dragAndDrop"), exports);
22
+ var dragAndDrop_1 = require("./dragAndDrop");
23
+ Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(dragAndDrop_1).default; } });
24
+ __exportStar(require("./dragAndDrop.types"), exports);
@@ -0,0 +1,8 @@
1
+ declare const _default: {
2
+ baseStyle: {};
3
+ defaultProps: {};
4
+ sizes: {};
5
+ variants: {};
6
+ };
7
+ export default _default;
8
+ //# sourceMappingURL=theme.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/dragAndDrop/theme.ts"],"names":[],"mappings":";;;;;;AAQA,wBAKC"}
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const baseStyle = {};
4
+ const defaultProps = {};
5
+ const sizes = {};
6
+ const variants = {};
7
+ exports.default = {
8
+ baseStyle,
9
+ defaultProps,
10
+ sizes,
11
+ variants
12
+ };
@@ -11,6 +11,7 @@ export * from './copyToClipboard';
11
11
  export * from './core';
12
12
  export * from './dialog';
13
13
  export * from './divider';
14
+ export * from './dragAndDrop';
14
15
  export * from './footer';
15
16
  export * from './grid';
16
17
  export * from './header';
@@ -34,6 +35,7 @@ export * from './portal';
34
35
  export * from './progress';
35
36
  export * from './radio';
36
37
  export * from './select';
38
+ export * from './sidemenu';
37
39
  export * from './skeleton';
38
40
  export * from './spinner';
39
41
  export * from './svg';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,mBAAmB,CAAA;AACjC,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,KAAK,CAAA;AACnB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,KAAK,CAAA;AACnB,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,OAAO,CAAA;AACrB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,mBAAmB,CAAA;AACjC,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,KAAK,CAAA;AACnB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,KAAK,CAAA;AACnB,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,OAAO,CAAA;AACrB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA"}
package/dist/cjs/index.js CHANGED
@@ -27,6 +27,7 @@ __exportStar(require("./copyToClipboard"), exports);
27
27
  __exportStar(require("./core"), exports);
28
28
  __exportStar(require("./dialog"), exports);
29
29
  __exportStar(require("./divider"), exports);
30
+ __exportStar(require("./dragAndDrop"), exports);
30
31
  __exportStar(require("./footer"), exports);
31
32
  __exportStar(require("./grid"), exports);
32
33
  __exportStar(require("./header"), exports);
@@ -50,6 +51,7 @@ __exportStar(require("./portal"), exports);
50
51
  __exportStar(require("./progress"), exports);
51
52
  __exportStar(require("./radio"), exports);
52
53
  __exportStar(require("./select"), exports);
54
+ __exportStar(require("./sidemenu"), exports);
53
55
  __exportStar(require("./skeleton"), exports);
54
56
  __exportStar(require("./spinner"), exports);
55
57
  __exportStar(require("./svg"), exports);
@@ -0,0 +1,7 @@
1
+ export declare const border = "1px solid lightgray";
2
+ export declare const expandedWidth = 64;
3
+ export declare const right: {
4
+ expanded: number;
5
+ collapsed: number;
6
+ };
7
+ //# sourceMappingURL=consts.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/sidemenu/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM,wBAAwB,CAAA;AAE3C,eAAO,MAAM,aAAa,KAAK,CAAA;AAE/B,eAAO,MAAM,KAAK;;;CAGjB,CAAA"}
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.right = exports.expandedWidth = exports.border = void 0;
4
+ exports.border = '1px solid lightgray';
5
+ exports.expandedWidth = 64;
6
+ exports.right = {
7
+ expanded: 16,
8
+ collapsed: 34
9
+ };
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ import { Dict } from '../utils';
3
+ declare const SidemenuProvider: import("react").Provider<Dict<any>>, useSidemenuContext: () => Dict<any>;
4
+ export { SidemenuProvider, useSidemenuContext };
5
+ //# sourceMappingURL=context.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/sidemenu/context.ts"],"names":[],"mappings":";AAAA,OAAO,EAAiB,IAAI,EAAE,MAAM,UAAU,CAAA;AAE9C,QAAA,MAAO,gBAAgB,uCAAE,kBAAkB,iBAA6C,CAAA;AAExF,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,CAAA"}
@@ -0,0 +1,7 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.useSidemenuContext = exports.SidemenuProvider = void 0;
4
+ const utils_1 = require("../utils");
5
+ const [SidemenuProvider, useSidemenuContext] = (0, utils_1.createContext)({ isOptional: true });
6
+ exports.SidemenuProvider = SidemenuProvider;
7
+ exports.useSidemenuContext = useSidemenuContext;
@@ -0,0 +1,6 @@
1
+ export * from './sidemenu';
2
+ export * from './sidemenuItem';
3
+ export * from './sidemenuTop';
4
+ export { default } from './sidemenu';
5
+ export * from './sidemenu.types';
6
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/sidemenu/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,cAAc,kBAAkB,CAAA"}
@@ -0,0 +1,26 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
16
+ var __importDefault = (this && this.__importDefault) || function (mod) {
17
+ return (mod && mod.__esModule) ? mod : { "default": mod };
18
+ };
19
+ Object.defineProperty(exports, "__esModule", { value: true });
20
+ exports.default = void 0;
21
+ __exportStar(require("./sidemenu"), exports);
22
+ __exportStar(require("./sidemenuItem"), exports);
23
+ __exportStar(require("./sidemenuTop"), exports);
24
+ var sidemenu_1 = require("./sidemenu");
25
+ Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(sidemenu_1).default; } });
26
+ __exportStar(require("./sidemenu.types"), exports);
@@ -0,0 +1,12 @@
1
+ import { VuiComponent } from '../core';
2
+ import { SidemenuProps } from './sidemenu.types';
3
+ import SidemenuItem from './sidemenuItem';
4
+ import SidemenuTop from './sidemenuTop';
5
+ export declare const SidemenuBase: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("..").SystemProps, never>;
6
+ /** [Beta] A collapsible side menu for navigation. */
7
+ export declare const Sidemenu: VuiComponent<"div", SidemenuProps> & {
8
+ Top: typeof SidemenuTop;
9
+ Item: typeof SidemenuItem;
10
+ };
11
+ export default Sidemenu;
12
+ //# sourceMappingURL=sidemenu.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sidemenu.d.ts","sourceRoot":"","sources":["../../../src/sidemenu/sidemenu.tsx"],"names":[],"mappings":"AAIA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAKnE,OAAO,EAAqB,aAAa,EAAE,MAAM,kBAAkB,CAAA;AACnE,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,WAAW,MAAM,eAAe,CAAA;AAEvC,eAAO,MAAM,YAAY,+HAMxB,CAAA;AAED,qDAAqD;AACrD,eAAO,MAAM,QAAQ;SAqCd,kBAAkB;UACjB,mBAAmB;CAC1B,CAAA;AAKD,eAAe,QAAQ,CAAA"}