@economic/taco 0.0.31-alpha.2 → 0.0.32-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.
- package/dist/esm/components/Menu/Menu.js +20 -43
- package/dist/esm/components/Menu/Menu.js.map +1 -1
- package/dist/esm/components/Navigation/Navigation.js +35 -44
- package/dist/esm/components/Navigation/Navigation.js.map +1 -1
- package/dist/esm/components/Pagination/Pagination.js +39 -56
- package/dist/esm/components/Pagination/Pagination.js.map +1 -1
- package/dist/esm/components/Popover/Popover.js +29 -34
- package/dist/esm/components/Popover/Popover.js.map +1 -1
- package/dist/esm/components/Progress/Progress.js +11 -15
- package/dist/esm/components/Progress/Progress.js.map +1 -1
- package/dist/esm/components/Provider/Provider.js +13 -18
- package/dist/esm/components/Provider/Provider.js.map +1 -1
- package/dist/esm/components/RadioGroup/RadioGroup.js +45 -57
- package/dist/esm/components/RadioGroup/RadioGroup.js.map +1 -1
- package/dist/esm/components/Select/Select.js +30 -31
- package/dist/esm/components/Select/Select.js.map +1 -1
- package/dist/esm/components/Spinner/Spinner.js +12 -19
- package/dist/esm/components/Spinner/Spinner.js.map +1 -1
- package/dist/esm/components/Switch/Switch.js +9 -10
- package/dist/esm/components/Switch/Switch.js.map +1 -1
- package/dist/esm/components/Tabs/Tabs.js +25 -27
- package/dist/esm/components/Tabs/Tabs.js.map +1 -1
- package/dist/esm/components/Textarea/Textarea.js +11 -9
- package/dist/esm/components/Textarea/Textarea.js.map +1 -1
- package/dist/esm/components/Toast/Toaster.js +88 -118
- package/dist/esm/components/Toast/Toaster.js.map +1 -1
- package/dist/esm/components/Tooltip/Tooltip.js +7 -8
- package/dist/esm/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/esm/components/Treeview/Treeview.js +26 -36
- package/dist/esm/components/Treeview/Treeview.js.map +1 -1
- package/dist/esm/components/VisuallyHidden/VisuallyHidden.js +1 -1
- package/dist/esm/components/VisuallyHidden/VisuallyHidden.js.map +1 -1
- package/dist/taco.cjs.development.js +495 -611
- package/dist/taco.cjs.development.js.map +1 -1
- package/dist/taco.cjs.production.min.js +1 -1
- package/dist/taco.cjs.production.min.js.map +1 -1
- package/dist/utils/tailwind.d.ts +1 -1
- package/package.json +2 -2
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip';\r\n\r\nexport type TooltipProps = React.HTMLAttributes<HTMLDivElement> & {\r\n /** The element which activates the tooltip when hovered. Should be a single React/HTML element */\r\n children: React.ReactElement | any;\r\n /** Text displayed in the tooltip */\r\n title: string;\r\n /**\r\n * Placement of the tooltip relative to the reference element. Placement will be reversed if a collision occurs\r\n * @defaultValue bottom\r\n */\r\n placement?: 'top' | 'right' | 'bottom' | 'left';\r\n};\r\n\r\nexport const Tooltip = React.forwardRef(function Tooltip(props: TooltipProps, ref: React.Ref<HTMLElement>) {\r\n const { title, children, placement, ...otherProps } = props;\r\n\r\n return (\r\n <TooltipPrimitive.Root delayDuration={50}>\r\n <TooltipPrimitive.Trigger asChild ref={ref as any}>\r\n {children}\r\n </TooltipPrimitive.Trigger>\r\n <TooltipPrimitive.Content {...otherProps} asChild side={placement} sideOffset={3}>\r\n <div\r\n className=\"wcag-purple animate-[fade-in_150ms] rounded-sm px-2 py-1 text-xs font-bold\"\r\n data-taco=\"tooltip\"\r\n style={{\r\n transformOrigin: 'var(--radix-tooltip-content-transform-origin)',\r\n }}\r\n >\r\n <TooltipPrimitive.Arrow className=\"fill-purple stroke-purple\" />\r\n {title}\r\n </div>\r\n </TooltipPrimitive.Content>\r\n </TooltipPrimitive.Root>\r\n );\r\n});\r\n"],"names":["Tooltip","React","props","ref","title","children","placement","otherProps","TooltipPrimitive","delayDuration","asChild","side","sideOffset","className","style","transformOrigin"],"mappings":"
|
1
|
+
{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip';\r\n\r\nexport type TooltipProps = React.HTMLAttributes<HTMLDivElement> & {\r\n /** The element which activates the tooltip when hovered. Should be a single React/HTML element */\r\n children: React.ReactElement | any;\r\n /** Text displayed in the tooltip */\r\n title: string;\r\n /**\r\n * Placement of the tooltip relative to the reference element. Placement will be reversed if a collision occurs\r\n * @defaultValue bottom\r\n */\r\n placement?: 'top' | 'right' | 'bottom' | 'left';\r\n};\r\n\r\nexport const Tooltip = React.forwardRef(function Tooltip(props: TooltipProps, ref: React.Ref<HTMLElement>) {\r\n const { title, children, placement, ...otherProps } = props;\r\n\r\n return (\r\n <TooltipPrimitive.Root delayDuration={50}>\r\n <TooltipPrimitive.Trigger asChild ref={ref as any}>\r\n {children}\r\n </TooltipPrimitive.Trigger>\r\n <TooltipPrimitive.Content {...otherProps} asChild side={placement} sideOffset={3}>\r\n <div\r\n className=\"wcag-purple animate-[fade-in_150ms] rounded-sm px-2 py-1 text-xs font-bold\"\r\n data-taco=\"tooltip\"\r\n style={{\r\n transformOrigin: 'var(--radix-tooltip-content-transform-origin)',\r\n }}\r\n >\r\n <TooltipPrimitive.Arrow className=\"fill-purple stroke-purple\" />\r\n {title}\r\n </div>\r\n </TooltipPrimitive.Content>\r\n </TooltipPrimitive.Root>\r\n );\r\n});\r\n"],"names":["Tooltip","React","props","ref","title","children","placement","otherProps","TooltipPrimitive","delayDuration","asChild","side","sideOffset","className","style","transformOrigin"],"mappings":";;;MAeaA,OAAO,gBAAGC,UAAA,CAAiB,SAASD,OAAT,CAAiBE,KAAjB,EAAsCC,GAAtC;AACpC,QAAM;AAAEC,IAAAA,KAAF;AAASC,IAAAA,QAAT;AAAmBC,IAAAA,SAAnB;AAA8B,OAAGC;AAAjC,MAAgDL,KAAtD;AAEA,SACID,aAAA,CAACO,IAAD;AAAuBC,IAAAA,aAAa,EAAE;GAAtC,EACIR,aAAA,CAACO,OAAD;AAA0BE,IAAAA,OAAO;AAACP,IAAAA,GAAG,EAAEA;GAAvC,EACKE,QADL,CADJ,EAIIJ,aAAA,CAACO,OAAD,oBAA8BD;AAAYG,IAAAA,OAAO;AAACC,IAAAA,IAAI,EAAEL;AAAWM,IAAAA,UAAU,EAAE;IAA/E,EACIX,aAAA,MAAA;AACIY,IAAAA,SAAS,EAAC;iBACA;AACVC,IAAAA,KAAK,EAAE;AACHC,MAAAA,eAAe,EAAE;AADd;GAHX,EAOId,aAAA,CAACO,KAAD;AAAwBK,IAAAA,SAAS,EAAC;GAAlC,CAPJ,EAQKT,KARL,CADJ,CAJJ,CADJ;AAmBH,CAtBsB;;;;"}
|
@@ -1,45 +1,39 @@
|
|
1
|
-
import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
2
1
|
import React__default from 'react';
|
3
2
|
import cn from 'classnames';
|
4
3
|
|
5
|
-
|
6
|
-
var TreeviewItem = /*#__PURE__*/React__default.forwardRef(function TreeviewItem(props, ref) {
|
4
|
+
const TreeviewItem = /*#__PURE__*/React__default.forwardRef(function TreeviewItem(props, ref) {
|
7
5
|
return React__default.createElement("a", Object.assign({}, props, {
|
8
6
|
ref: ref
|
9
7
|
}));
|
10
8
|
});
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
setExpanded = _React$useState[1];
|
24
|
-
|
25
|
-
React__default.useEffect(function () {
|
9
|
+
const TreeviewGroup = /*#__PURE__*/React__default.forwardRef(function TreeviewGroup(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(() => {
|
26
21
|
if (!fixed) {
|
27
22
|
setExpanded(fixed || initialExpanded);
|
28
23
|
}
|
29
24
|
}, [fixed, initialExpanded]);
|
30
|
-
|
25
|
+
const listClassName = cn('flex-col mb-0', {
|
31
26
|
flex: expanded,
|
32
27
|
hidden: !expanded
|
33
28
|
});
|
34
|
-
|
35
|
-
var itemProps = _extends({}, otherProps, {
|
29
|
+
const itemProps = { ...otherProps,
|
36
30
|
'aria-expanded': expanded,
|
37
31
|
role: 'treeitem',
|
38
32
|
tabIndex: -1
|
39
|
-
}
|
33
|
+
};
|
40
34
|
|
41
|
-
|
42
|
-
|
35
|
+
const handleClick = event => {
|
36
|
+
const nextState = !expanded;
|
43
37
|
|
44
38
|
if (!fixed) {
|
45
39
|
setExpanded(nextState);
|
@@ -50,7 +44,7 @@ var TreeviewGroup = /*#__PURE__*/React__default.forwardRef(function TreeviewGrou
|
|
50
44
|
}
|
51
45
|
};
|
52
46
|
|
53
|
-
|
47
|
+
const className = typeof externalClassName === 'function' ? externalClassName(expanded) : externalClassName;
|
54
48
|
return React__default.createElement("div", Object.assign({}, itemProps, {
|
55
49
|
className: className,
|
56
50
|
ref: ref
|
@@ -59,18 +53,14 @@ var TreeviewGroup = /*#__PURE__*/React__default.forwardRef(function TreeviewGrou
|
|
59
53
|
}, typeof title === 'function' ? title(expanded) : title), React__default.createElement("ul", {
|
60
54
|
role: "group",
|
61
55
|
className: listClassName
|
62
|
-
}, React__default.Children.toArray(children).filter(
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
}, React__default.cloneElement(item, {
|
69
|
-
role: 'treeitem'
|
70
|
-
}));
|
71
|
-
})));
|
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
|
+
})))));
|
72
62
|
});
|
73
|
-
|
63
|
+
const Treeview = /*#__PURE__*/React__default.forwardRef(function Treeview(props, ref) {
|
74
64
|
return React__default.createElement("div", Object.assign({}, props, {
|
75
65
|
ref: ref,
|
76
66
|
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(function TreeviewItem(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(function TreeviewGroup(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(function Treeview(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","
|
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(function TreeviewItem(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(function TreeviewGroup(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(function Treeview(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,6 +1,6 @@
|
|
1
1
|
import { forwardRef, createElement } from 'react';
|
2
2
|
|
3
|
-
|
3
|
+
const 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":";;
|
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;;;;"}
|