@economic/taco 0.0.13-alpha.0 → 0.0.14-alpha.0

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 (46) hide show
  1. package/dist/components/{Label/Label.d.ts → Field/Field.d.ts} +9 -9
  2. package/dist/esm/components/{Label/Label.js → Field/Field.js} +3 -3
  3. package/dist/esm/components/Field/Field.js.map +1 -0
  4. package/dist/esm/components/Pagination/Pagination.js +56 -39
  5. package/dist/esm/components/Pagination/Pagination.js.map +1 -1
  6. package/dist/esm/components/Popover/Popover.js +34 -29
  7. package/dist/esm/components/Popover/Popover.js.map +1 -1
  8. package/dist/esm/components/Progress/Progress.js +15 -11
  9. package/dist/esm/components/Progress/Progress.js.map +1 -1
  10. package/dist/esm/components/Provider/Provider.js +18 -13
  11. package/dist/esm/components/Provider/Provider.js.map +1 -1
  12. package/dist/esm/components/RadioGroup/RadioGroup.js +57 -45
  13. package/dist/esm/components/RadioGroup/RadioGroup.js.map +1 -1
  14. package/dist/esm/components/SearchInput/SearchInput.js +1 -1
  15. package/dist/esm/components/Select/Select.js +31 -30
  16. package/dist/esm/components/Select/Select.js.map +1 -1
  17. package/dist/esm/components/Spinner/Spinner.js +19 -12
  18. package/dist/esm/components/Spinner/Spinner.js.map +1 -1
  19. package/dist/esm/components/Switch/Switch.js +10 -9
  20. package/dist/esm/components/Switch/Switch.js.map +1 -1
  21. package/dist/esm/components/Tabs/Tabs.js +27 -25
  22. package/dist/esm/components/Tabs/Tabs.js.map +1 -1
  23. package/dist/esm/components/Textarea/Textarea.js +6 -8
  24. package/dist/esm/components/Textarea/Textarea.js.map +1 -1
  25. package/dist/esm/components/Toast/Toaster.js +118 -88
  26. package/dist/esm/components/Toast/Toaster.js.map +1 -1
  27. package/dist/esm/components/Tooltip/Tooltip.js +8 -7
  28. package/dist/esm/components/Tooltip/Tooltip.js.map +1 -1
  29. package/dist/esm/components/Tour/Tour.js +50 -44
  30. package/dist/esm/components/Tour/Tour.js.map +1 -1
  31. package/dist/esm/components/Treeview/Treeview.js +36 -26
  32. package/dist/esm/components/Treeview/Treeview.js.map +1 -1
  33. package/dist/esm/components/VisuallyHidden/VisuallyHidden.js +1 -1
  34. package/dist/esm/components/VisuallyHidden/VisuallyHidden.js.map +1 -1
  35. package/dist/esm/index.css +4 -8
  36. package/dist/esm/index.js +1 -1
  37. package/dist/index.css +4 -8
  38. package/dist/index.d.ts +1 -1
  39. package/dist/taco.cjs.development.js +535 -449
  40. package/dist/taco.cjs.development.js.map +1 -1
  41. package/dist/taco.cjs.production.min.js +1 -1
  42. package/dist/taco.cjs.production.min.js.map +1 -1
  43. package/dist/utils/tailwind.d.ts +1 -1
  44. package/package.json +2 -2
  45. package/types.json +116 -116
  46. package/dist/esm/components/Label/Label.js.map +0 -1
@@ -1,39 +1,45 @@
1
+ import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
1
2
  import React__default from 'react';
2
3
  import cn from 'classnames';
3
4
 
4
- const TreeviewItem = /*#__PURE__*/React__default.forwardRef((props, ref) => {
5
+ var _excluded = ["children", "className", "expanded", "title", "fixed", "onClick"];
6
+ var TreeviewItem = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
5
7
  return React__default.createElement("a", Object.assign({}, props, {
6
8
  ref: ref
7
9
  }));
8
10
  });
9
- const TreeviewGroup = /*#__PURE__*/React__default.forwardRef((props, ref) => {
10
- const {
11
- children,
12
- className: externalClassName,
13
- expanded: initialExpanded = false,
14
- title,
15
- fixed,
16
- onClick,
17
- ...otherProps
18
- } = props;
19
- const [expanded, setExpanded] = React__default.useState(fixed || initialExpanded);
20
- React__default.useEffect(() => {
11
+ var TreeviewGroup = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
12
+ var children = props.children,
13
+ externalClassName = props.className,
14
+ _props$expanded = props.expanded,
15
+ initialExpanded = _props$expanded === void 0 ? false : _props$expanded,
16
+ title = props.title,
17
+ fixed = props.fixed,
18
+ onClick = props.onClick,
19
+ otherProps = _objectWithoutPropertiesLoose(props, _excluded);
20
+
21
+ var _React$useState = React__default.useState(fixed || initialExpanded),
22
+ expanded = _React$useState[0],
23
+ setExpanded = _React$useState[1];
24
+
25
+ React__default.useEffect(function () {
21
26
  if (!fixed) {
22
27
  setExpanded(fixed || initialExpanded);
23
28
  }
24
29
  }, [fixed, initialExpanded]);
25
- const listClassName = cn('flex-col mb-0', {
30
+ var listClassName = cn('flex-col mb-0', {
26
31
  flex: expanded,
27
32
  hidden: !expanded
28
33
  });
29
- const itemProps = { ...otherProps,
34
+
35
+ var itemProps = _extends({}, otherProps, {
30
36
  'aria-expanded': expanded,
31
37
  role: 'treeitem',
32
38
  tabIndex: -1
33
- };
39
+ });
34
40
 
35
- const handleClick = event => {
36
- const nextState = !expanded;
41
+ var handleClick = function handleClick(event) {
42
+ var nextState = !expanded;
37
43
 
38
44
  if (!fixed) {
39
45
  setExpanded(nextState);
@@ -44,7 +50,7 @@ const TreeviewGroup = /*#__PURE__*/React__default.forwardRef((props, ref) => {
44
50
  }
45
51
  };
46
52
 
47
- const className = typeof externalClassName === 'function' ? externalClassName(expanded) : externalClassName;
53
+ var className = typeof externalClassName === 'function' ? externalClassName(expanded) : externalClassName;
48
54
  return React__default.createElement("div", Object.assign({}, itemProps, {
49
55
  className: className,
50
56
  ref: ref
@@ -53,14 +59,18 @@ const TreeviewGroup = /*#__PURE__*/React__default.forwardRef((props, ref) => {
53
59
  }, typeof title === 'function' ? title(expanded) : title), React__default.createElement("ul", {
54
60
  role: "group",
55
61
  className: listClassName
56
- }, React__default.Children.toArray(children).filter(item => !!item).map((item, i) => React__default.createElement("li", {
57
- key: i,
58
- role: "none"
59
- }, React__default.cloneElement(item, {
60
- role: 'treeitem'
61
- })))));
62
+ }, React__default.Children.toArray(children).filter(function (item) {
63
+ return !!item;
64
+ }).map(function (item, i) {
65
+ return React__default.createElement("li", {
66
+ key: i,
67
+ role: "none"
68
+ }, React__default.cloneElement(item, {
69
+ role: 'treeitem'
70
+ }));
71
+ })));
62
72
  });
63
- const Treeview = /*#__PURE__*/React__default.forwardRef((props, ref) => {
73
+ var Treeview = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
64
74
  return React__default.createElement("div", Object.assign({}, props, {
65
75
  ref: ref,
66
76
  role: "tree"
@@ -1 +1 @@
1
- {"version":3,"file":"Treeview.js","sources":["../../../../src/components/Treeview/Treeview.tsx"],"sourcesContent":["import React from 'react';\r\nimport cn from 'classnames';\r\n\r\nexport type TreeviewItemProps = React.LinkHTMLAttributes<HTMLAnchorElement>;\r\n\r\nconst TreeviewItem = React.forwardRef((props: TreeviewItemProps, ref: React.Ref<HTMLAnchorElement>) => {\r\n return <a {...props} ref={ref} />;\r\n});\r\n\r\nexport type TreeviewGroupProps = Omit<React.LinkHTMLAttributes<HTMLDivElement>, 'className' | 'onClick' | 'title'> & {\r\n /** Add a classname to the treeview */\r\n className?: string | ((expanded: boolean) => string);\r\n /**\r\n * Set wheter the region is expanded, showing the children, or collapsed.\r\n * Default value is `false`\r\n */\r\n expanded?: boolean;\r\n /** Region is expanded at mount and can't be collapsed */\r\n fixed?: boolean;\r\n /** Handler called when user clicks the title of the group */\r\n onClick?: (event: React.MouseEvent<HTMLDivElement>, expanded: boolean) => void;\r\n /** Text displayed in the group's header */\r\n title: React.ReactNode | ((expanded: boolean) => React.ReactNode);\r\n};\r\n\r\nconst TreeviewGroup = React.forwardRef((props: TreeviewGroupProps, ref: React.Ref<HTMLDivElement>) => {\r\n const {\r\n children,\r\n className: externalClassName,\r\n expanded: initialExpanded = false,\r\n title,\r\n fixed,\r\n onClick,\r\n ...otherProps\r\n } = props;\r\n const [expanded, setExpanded] = React.useState(fixed || initialExpanded);\r\n\r\n React.useEffect(() => {\r\n if (!fixed) {\r\n setExpanded(fixed || initialExpanded);\r\n }\r\n }, [fixed, initialExpanded]);\r\n\r\n const listClassName = cn('flex-col mb-0', {\r\n flex: expanded,\r\n hidden: !expanded,\r\n });\r\n\r\n const itemProps = {\r\n ...otherProps,\r\n 'aria-expanded': expanded,\r\n role: 'treeitem',\r\n tabIndex: -1,\r\n };\r\n\r\n const handleClick = (event: React.MouseEvent<HTMLDivElement>): void => {\r\n const nextState = !expanded;\r\n\r\n if (!fixed) {\r\n setExpanded(nextState);\r\n }\r\n\r\n if (onClick) {\r\n onClick(event, nextState);\r\n }\r\n };\r\n\r\n const className = typeof externalClassName === 'function' ? externalClassName(expanded) : externalClassName;\r\n\r\n return (\r\n <div {...itemProps} className={className} ref={ref}>\r\n <div onClick={handleClick}>{typeof title === 'function' ? title(expanded) : title}</div>\r\n <ul role=\"group\" className={listClassName}>\r\n {React.Children.toArray(children)\r\n .filter(item => !!item)\r\n .map((item, i) => (\r\n <li key={i} role=\"none\">\r\n {React.cloneElement(item as React.ReactElement<any>, { role: 'treeitem' })}\r\n </li>\r\n ))}\r\n </ul>\r\n </div>\r\n );\r\n});\r\n\r\nexport type TreeviewProps = React.HTMLAttributes<HTMLDivElement>;\r\n\r\nexport type ForwardedTreeviewWithStatics = React.ForwardRefExoticComponent<\r\n TreeviewProps & React.RefAttributes<HTMLDivElement>\r\n> & {\r\n /** Navigable link */\r\n Item: React.ForwardRefExoticComponent<TreeviewItemProps & React.RefAttributes<HTMLAnchorElement>>;\r\n /** Container for a set of related links, usually expandable */\r\n Group: React.ForwardRefExoticComponent<TreeviewGroupProps & React.RefAttributes<HTMLDivElement>>;\r\n};\r\n\r\nexport const Treeview = React.forwardRef((props: TreeviewProps, ref: React.Ref<HTMLDivElement>) => {\r\n return <div {...props} ref={ref} role=\"tree\" />;\r\n}) as ForwardedTreeviewWithStatics;\r\n\r\nTreeview.Group = TreeviewGroup;\r\nTreeview.Item = TreeviewItem;\r\n"],"names":["TreeviewItem","React","forwardRef","props","ref","TreeviewGroup","children","className","externalClassName","expanded","initialExpanded","title","fixed","onClick","otherProps","setExpanded","useState","useEffect","listClassName","cn","flex","hidden","itemProps","role","tabIndex","handleClick","event","nextState","Children","toArray","filter","item","map","i","key","cloneElement","Treeview","Group","Item"],"mappings":"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"}
1
+ {"version":3,"file":"Treeview.js","sources":["../../../../src/components/Treeview/Treeview.tsx"],"sourcesContent":["import React from 'react';\r\nimport cn from 'classnames';\r\n\r\nexport type TreeviewItemProps = React.LinkHTMLAttributes<HTMLAnchorElement>;\r\n\r\nconst TreeviewItem = React.forwardRef((props: TreeviewItemProps, ref: React.Ref<HTMLAnchorElement>) => {\r\n return <a {...props} ref={ref} />;\r\n});\r\n\r\nexport type TreeviewGroupProps = Omit<React.LinkHTMLAttributes<HTMLDivElement>, 'className' | 'onClick' | 'title'> & {\r\n /** Add a classname to the treeview */\r\n className?: string | ((expanded: boolean) => string);\r\n /**\r\n * Set wheter the region is expanded, showing the children, or collapsed.\r\n * Default value is `false`\r\n */\r\n expanded?: boolean;\r\n /** Region is expanded at mount and can't be collapsed */\r\n fixed?: boolean;\r\n /** Handler called when user clicks the title of the group */\r\n onClick?: (event: React.MouseEvent<HTMLDivElement>, expanded: boolean) => void;\r\n /** Text displayed in the group's header */\r\n title: React.ReactNode | ((expanded: boolean) => React.ReactNode);\r\n};\r\n\r\nconst TreeviewGroup = React.forwardRef((props: TreeviewGroupProps, ref: React.Ref<HTMLDivElement>) => {\r\n const {\r\n children,\r\n className: externalClassName,\r\n expanded: initialExpanded = false,\r\n title,\r\n fixed,\r\n onClick,\r\n ...otherProps\r\n } = props;\r\n const [expanded, setExpanded] = React.useState(fixed || initialExpanded);\r\n\r\n React.useEffect(() => {\r\n if (!fixed) {\r\n setExpanded(fixed || initialExpanded);\r\n }\r\n }, [fixed, initialExpanded]);\r\n\r\n const listClassName = cn('flex-col mb-0', {\r\n flex: expanded,\r\n hidden: !expanded,\r\n });\r\n\r\n const itemProps = {\r\n ...otherProps,\r\n 'aria-expanded': expanded,\r\n role: 'treeitem',\r\n tabIndex: -1,\r\n };\r\n\r\n const handleClick = (event: React.MouseEvent<HTMLDivElement>): void => {\r\n const nextState = !expanded;\r\n\r\n if (!fixed) {\r\n setExpanded(nextState);\r\n }\r\n\r\n if (onClick) {\r\n onClick(event, nextState);\r\n }\r\n };\r\n\r\n const className = typeof externalClassName === 'function' ? externalClassName(expanded) : externalClassName;\r\n\r\n return (\r\n <div {...itemProps} className={className} ref={ref}>\r\n <div onClick={handleClick}>{typeof title === 'function' ? title(expanded) : title}</div>\r\n <ul role=\"group\" className={listClassName}>\r\n {React.Children.toArray(children)\r\n .filter(item => !!item)\r\n .map((item, i) => (\r\n <li key={i} role=\"none\">\r\n {React.cloneElement(item as React.ReactElement<any>, { role: 'treeitem' })}\r\n </li>\r\n ))}\r\n </ul>\r\n </div>\r\n );\r\n});\r\n\r\nexport type TreeviewProps = React.HTMLAttributes<HTMLDivElement>;\r\n\r\nexport type ForwardedTreeviewWithStatics = React.ForwardRefExoticComponent<\r\n TreeviewProps & React.RefAttributes<HTMLDivElement>\r\n> & {\r\n /** Navigable link */\r\n Item: React.ForwardRefExoticComponent<TreeviewItemProps & React.RefAttributes<HTMLAnchorElement>>;\r\n /** Container for a set of related links, usually expandable */\r\n Group: React.ForwardRefExoticComponent<TreeviewGroupProps & React.RefAttributes<HTMLDivElement>>;\r\n};\r\n\r\nexport const Treeview = React.forwardRef((props: TreeviewProps, ref: React.Ref<HTMLDivElement>) => {\r\n return <div {...props} ref={ref} role=\"tree\" />;\r\n}) as ForwardedTreeviewWithStatics;\r\n\r\nTreeview.Group = TreeviewGroup;\r\nTreeview.Item = TreeviewItem;\r\n"],"names":["TreeviewItem","React","forwardRef","props","ref","TreeviewGroup","children","externalClassName","className","expanded","initialExpanded","title","fixed","onClick","otherProps","useState","setExpanded","useEffect","listClassName","cn","flex","hidden","itemProps","role","tabIndex","handleClick","event","nextState","Children","toArray","filter","item","map","i","key","cloneElement","Treeview","Group","Item"],"mappings":"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"}
@@ -1,6 +1,6 @@
1
1
  import { forwardRef, createElement } from 'react';
2
2
 
3
- const VisuallyHidden = /*#__PURE__*/forwardRef(function VisuallyHidden(props, ref) {
3
+ var VisuallyHidden = /*#__PURE__*/forwardRef(function VisuallyHidden(props, ref) {
4
4
  return createElement("span", Object.assign({}, props, {
5
5
  className: "sr-only",
6
6
  ref: ref
@@ -1 +1 @@
1
- {"version":3,"file":"VisuallyHidden.js","sources":["../../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\ntype Props = React.HTMLAttributes<HTMLSpanElement>;\r\n\r\nexport const VisuallyHidden = React.forwardRef(function VisuallyHidden(props: Props, ref: React.Ref<HTMLSpanElement>) {\r\n return <span {...props} className=\"sr-only\" ref={ref} />;\r\n});\r\n"],"names":["VisuallyHidden","React","props","ref","className"],"mappings":";;MAIaA,cAAc,gBAAGC,UAAA,CAAiB,SAASD,cAAT,CAAwBE,KAAxB,EAAsCC,GAAtC;AAC3C,SAAOF,aAAA,OAAA,oBAAUC;AAAOE,IAAAA,SAAS,EAAC;AAAUD,IAAAA,GAAG,EAAEA;IAA1C,CAAP;AACH,CAF6B;;;;"}
1
+ {"version":3,"file":"VisuallyHidden.js","sources":["../../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\ntype Props = React.HTMLAttributes<HTMLSpanElement>;\r\n\r\nexport const VisuallyHidden = React.forwardRef(function VisuallyHidden(props: Props, ref: React.Ref<HTMLSpanElement>) {\r\n return <span {...props} className=\"sr-only\" ref={ref} />;\r\n});\r\n"],"names":["VisuallyHidden","React","props","ref","className"],"mappings":";;IAIaA,cAAc,gBAAGC,UAAA,CAAiB,SAASD,cAAT,CAAwBE,KAAxB,EAAsCC,GAAtC;AAC3C,SAAOF,aAAA,OAAA,oBAAUC;AAAOE,IAAAA,SAAS,EAAC;AAAUD,IAAAA,GAAG,EAAEA;IAA1C,CAAP;AACH,CAF6B;;;;"}
@@ -392,9 +392,10 @@
392
392
  .yt-dialog__drag::after {
393
393
  bottom: 3px;
394
394
  }
395
-
396
- [data-taco='dialog'] *:last-child {
397
- @apply mb-0;
395
+
396
+ /* label inside label is invalid html, but the client is littered with it */
397
+ [data-taco='label'] [data-taco='label'] {
398
+ min-height: 0;
398
399
  }
399
400
 
400
401
  .yt-form > [data-taco='button'] {
@@ -429,11 +430,6 @@
429
430
  @apply mb-0;
430
431
  }
431
432
 
432
- /* label inside label is invalid html, but the client is littered with it */
433
- [data-taco='label'] [data-taco='label'] {
434
- min-height: 0;
435
- }
436
-
437
433
  .yt-navigation__item a,
438
434
  .yt-navigation__item .yt-navigation__item__postfix {
439
435
  @apply text-black;
package/dist/esm/index.js CHANGED
@@ -21,10 +21,10 @@ export { format, parseFromCustomString, parseFromISOString } from './utils/date.
21
21
  export { Popover } from './components/Popover/Popover.js';
22
22
  export { Datepicker } from './components/Datepicker/Datepicker.js';
23
23
  export { Dialog } from './components/Dialog/Dialog.js';
24
+ export { Field } from './components/Field/Field.js';
24
25
  export { Form } from './components/Form/Form.js';
25
26
  export { Group } from './components/Group/Group.js';
26
27
  export { Hanger } from './components/Hanger/Hanger.js';
27
- export { Label } from './components/Label/Label.js';
28
28
  export { Listbox, MultiListbox } from './components/Listbox/Listbox.js';
29
29
  export { RadioGroup, findByValue, getRadioGroupItemValueAsString, useRadioGroup } from './components/RadioGroup/RadioGroup.js';
30
30
  export { Menu } from './components/Menu/Menu.js';
package/dist/index.css CHANGED
@@ -392,9 +392,10 @@
392
392
  .yt-dialog__drag::after {
393
393
  bottom: 3px;
394
394
  }
395
-
396
- [data-taco='dialog'] *:last-child {
397
- @apply mb-0;
395
+
396
+ /* label inside label is invalid html, but the client is littered with it */
397
+ [data-taco='label'] [data-taco='label'] {
398
+ min-height: 0;
398
399
  }
399
400
 
400
401
  .yt-form > [data-taco='button'] {
@@ -429,11 +430,6 @@
429
430
  @apply mb-0;
430
431
  }
431
432
 
432
- /* label inside label is invalid html, but the client is littered with it */
433
- [data-taco='label'] [data-taco='label'] {
434
- min-height: 0;
435
- }
436
-
437
433
  .yt-navigation__item a,
438
434
  .yt-navigation__item .yt-navigation__item__postfix {
439
435
  @apply text-black;
package/dist/index.d.ts CHANGED
@@ -9,6 +9,7 @@ export * from './components/Checkbox/Checkbox';
9
9
  export * from './components/Combobox/Combobox';
10
10
  export * from './components/Datepicker/Datepicker';
11
11
  export * from './components/Dialog/Dialog';
12
+ export * from './components/Field/Field';
12
13
  export * from './components/Form/Form';
13
14
  export * from './components/Group/Group';
14
15
  export * from './components/Hanger/Hanger';
@@ -16,7 +17,6 @@ export * from './components/Icon/Icon';
16
17
  export * from './components/IconButton/IconButton';
17
18
  export * from './components/Input/Input';
18
19
  export * from './components/SearchInput/SearchInput';
19
- export * from './components/Label/Label';
20
20
  export * from './components/Listbox/Listbox';
21
21
  export * from './components/Menu/Menu';
22
22
  export * from './components/Navigation/Navigation';