@economic/taco 1.1.5-alpha.0 → 1.1.5-alpha.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.
- package/dist/esm/components/Card/Card.js +14 -12
- package/dist/esm/components/Card/Card.js.map +1 -1
- package/dist/esm/components/Checkbox/Checkbox.js +15 -18
- package/dist/esm/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/esm/components/Combobox/Combobox.js +23 -25
- package/dist/esm/components/Combobox/Combobox.js.map +1 -1
- package/dist/esm/components/Datepicker/Datepicker.js +48 -52
- package/dist/esm/components/Datepicker/Datepicker.js.map +1 -1
- package/dist/esm/components/Dialog/Dialog.js +39 -58
- package/dist/esm/components/Dialog/Dialog.js.map +1 -1
- package/dist/esm/components/Field/Field.js +10 -12
- package/dist/esm/components/Field/Field.js.map +1 -1
- package/dist/esm/components/Form/Form.js +6 -8
- package/dist/esm/components/Form/Form.js.map +1 -1
- package/dist/esm/components/Group/Group.js +6 -8
- package/dist/esm/components/Group/Group.js.map +1 -1
- package/dist/esm/components/Hanger/Hanger.js +27 -35
- package/dist/esm/components/Hanger/Hanger.js.map +1 -1
- package/dist/esm/components/HoverCard/HoverCard.js +8 -9
- package/dist/esm/components/HoverCard/HoverCard.js.map +1 -1
- package/dist/esm/components/Icon/Icon.js +7 -8
- package/dist/esm/components/Icon/Icon.js.map +1 -1
- package/dist/esm/components/IconButton/IconButton.js +9 -11
- package/dist/esm/components/IconButton/IconButton.js.map +1 -1
- package/dist/esm/components/Input/Input.js +25 -25
- package/dist/esm/components/Input/Input.js.map +1 -1
- package/dist/esm/components/Listbox/Listbox.js +24 -25
- package/dist/esm/components/Listbox/Listbox.js.map +1 -1
- package/dist/esm/components/Menu/Menu.js +16 -34
- 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/SearchInput/SearchInput.js +11 -11
- package/dist/esm/components/SearchInput/SearchInput.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/Tour/Tour.js +44 -50
- package/dist/esm/components/Tour/Tour.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/esm/index.js +1 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/utils/hooks/useProxiedRef.js +3 -3
- package/dist/esm/utils/hooks/useProxiedRef.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/taco.cjs.development.js +710 -850
- 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 +3 -3
@@ -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":";;;AAKA,MAAMA,YAAY,gBAAGC,cAAK,CAACC,UAAN,CAAiB,SAASF,YAAT,CAAsBG,KAAtB,EAAgDC,GAAhD;EAClC,OAAOH,4BAAA,IAAA,oBAAOE;IAAOC,GAAG,EAAEA;IAAnB,CAAP;AACH,CAFoB,CAArB;AAoBA,MAAMC,aAAa,gBAAGJ,cAAK,CAACC,UAAN,CAAiB,SAASG,aAAT,CAAuBF,KAAvB,EAAkDC,GAAlD;EACnC,MAAM;IACFE,QADE;IAEFC,SAAS,EAAEC,iBAFT;IAGFC,QAAQ,EAAEC,eAAe,GAAG,KAH1B;IAIFC,KAJE;IAKFC,KALE;IAMFC,OANE;IAOF,GAAGC;MACHX,KARJ;EASA,MAAM,CAACM,QAAD,EAAWM,WAAX,IAA0Bd,cAAK,CAACe,QAAN,CAAeJ,KAAK,IAAIF,eAAxB,CAAhC;EAEAT,cAAK,CAACgB,SAAN,CAAgB;IACZ,IAAI,CAACL,KAAL,EAAY;MACRG,WAAW,CAACH,KAAK,IAAIF,eAAV,CAAX;;GAFR,EAIG,CAACE,KAAD,EAAQF,eAAR,CAJH;EAMA,MAAMQ,aAAa,GAAGC,EAAE,CAAC,eAAD,EAAkB;IACtCC,IAAI,EAAEX,QADgC;IAEtCY,MAAM,EAAE,CAACZ;GAFW,CAAxB;EAKA,MAAMa,SAAS,GAAG,EACd,GAAGR,UADW;IAEd,iBAAiBL,QAFH;IAGdc,IAAI,EAAE,UAHQ;IAIdC,QAAQ,EAAE,CAAC;GAJf;;EAOA,MAAMC,WAAW,GAAIC,KAAD;IAChB,MAAMC,SAAS,GAAG,CAAClB,QAAnB;;IAEA,IAAI,CAACG,KAAL,EAAY;MACRG,WAAW,CAACY,SAAD,CAAX;;;IAGJ,IAAId,OAAJ,EAAa;MACTA,OAAO,CAACa,KAAD,EAAQC,SAAR,CAAP;;GARR;;EAYA,MAAMpB,SAAS,GAAG,OAAOC,iBAAP,KAA6B,UAA7B,GAA0CA,iBAAiB,CAACC,QAAD,CAA3D,GAAwED,iBAA1F;EAEA,OACIP,4BAAA,MAAA,oBAASqB;IAAWf,SAAS,EAAEA;IAAWH,GAAG,EAAEA;IAA/C,EACIH,4BAAA,MAAA;IAAKY,OAAO,EAAEY;GAAd,EAA4B,OAAOd,KAAP,KAAiB,UAAjB,GAA8BA,KAAK,CAACF,QAAD,CAAnC,GAAgDE,KAA5E,CADJ,EAEIV,4BAAA,KAAA;IAAIsB,IAAI,EAAC;IAAQhB,SAAS,EAAEW;GAA5B,EACKjB,cAAK,CAAC2B,QAAN,CAAeC,OAAf,CAAuBvB,QAAvB,EACIwB,MADJ,CACWC,IAAI,IAAI,CAAC,CAACA,IADrB,EAEIC,GAFJ,CAEQ,CAACD,IAAD,EAAOE,CAAP,KACDhC,4BAAA,KAAA;IAAIiC,GAAG,EAAED;IAAGV,IAAI,EAAC;GAAjB,EACKtB,cAAK,CAACkC,YAAN,CAAmBJ,IAAnB,EAAoD;IAAER,IAAI,EAAE;GAA5D,CADL,CAHP,CADL,CAFJ,CADJ;AAcH,CA1DqB,CAAtB;MAuEaa,QAAQ,gBAAGnC,cAAK,CAACC,UAAN,CAAiB,SAASkC,QAAT,CAAkBjC,KAAlB,EAAwCC,GAAxC;EACrC,OAAOH,4BAAA,MAAA,oBAASE;IAAOC,GAAG,EAAEA;IAAKmB,IAAI,EAAC;IAA/B,CAAP;AACH,CAFuB;AAIxBa,QAAQ,CAACC,KAAT,GAAiBhC,aAAjB;AACA+B,QAAQ,CAACE,IAAT,GAAgBtC,YAAhB;;;;"}
|
@@ -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;EAC3C,OAAOF,aAAA,OAAA,oBAAUC;IAAOE,SAAS,EAAC;IAAUD,GAAG,EAAEA;IAA1C,CAAP;AACH,CAF6B;;;;"}
|
package/dist/esm/index.js
CHANGED
@@ -13,6 +13,7 @@ export { ToastProvider, useToast } from './components/Toast/Toaster.js';
|
|
13
13
|
export { Provider, defaultLocalisationTexts, useLocalization, useTaco } from './components/Provider/Provider.js';
|
14
14
|
export { Calendar } from './components/Calendar/Calendar.js';
|
15
15
|
export { Checkbox } from './components/Checkbox/Checkbox.js';
|
16
|
+
export { useProxiedRef } from './utils/hooks/useProxiedRef.js';
|
16
17
|
export { Input } from './components/Input/Input.js';
|
17
18
|
export { getNextIndexFromKeycode, useListKeyboardNavigation } from './utils/hooks/useListKeyboardNavigation.js';
|
18
19
|
export { useListScrollTo } from './utils/hooks/useListScrollTo.js';
|
package/dist/esm/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
@@ -1,8 +1,8 @@
|
|
1
1
|
import { useRef, useEffect } from 'react';
|
2
2
|
|
3
|
-
|
4
|
-
|
5
|
-
useEffect(()
|
3
|
+
var useProxiedRef = function useProxiedRef(ref) {
|
4
|
+
var internalRef = useRef(null);
|
5
|
+
useEffect(function () {
|
6
6
|
if (ref) {
|
7
7
|
if (typeof ref === 'function') {
|
8
8
|
ref(internalRef.current);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"useProxiedRef.js","sources":["../../../../src/utils/hooks/useProxiedRef.ts"],"sourcesContent":["import * as React from 'react';\r\n\r\nexport const useProxiedRef = <T extends HTMLElement>(ref: React.Ref<HTMLElement>): React.RefObject<T> => {\r\n const internalRef = React.useRef<T>(null);\r\n\r\n React.useEffect(() => {\r\n if (ref) {\r\n if (typeof ref === 'function') {\r\n ref(internalRef.current);\r\n } else {\r\n (ref as React.MutableRefObject<HTMLElement | null>).current = internalRef.current;\r\n }\r\n }\r\n }, [ref]);\r\n\r\n return internalRef;\r\n};\r\n"],"names":["useProxiedRef","ref","internalRef","React","current"],"mappings":";;
|
1
|
+
{"version":3,"file":"useProxiedRef.js","sources":["../../../../src/utils/hooks/useProxiedRef.ts"],"sourcesContent":["import * as React from 'react';\r\n\r\nexport const useProxiedRef = <T extends HTMLElement>(ref: React.Ref<HTMLElement>): React.RefObject<T> => {\r\n const internalRef = React.useRef<T>(null);\r\n\r\n React.useEffect(() => {\r\n if (ref) {\r\n if (typeof ref === 'function') {\r\n ref(internalRef.current);\r\n } else {\r\n (ref as React.MutableRefObject<HTMLElement | null>).current = internalRef.current;\r\n }\r\n }\r\n }, [ref]);\r\n\r\n return internalRef;\r\n};\r\n"],"names":["useProxiedRef","ref","internalRef","React","current"],"mappings":";;IAEaA,aAAa,GAAG,SAAhBA,aAAgB,CAAwBC,GAAxB;EACzB,IAAMC,WAAW,GAAGC,MAAA,CAAgB,IAAhB,CAApB;EAEAA,SAAA,CAAgB;IACZ,IAAIF,GAAJ,EAAS;MACL,IAAI,OAAOA,GAAP,KAAe,UAAnB,EAA+B;QAC3BA,GAAG,CAACC,WAAW,CAACE,OAAb,CAAH;OADJ,MAEO;QACFH,GAAkD,CAACG,OAAnD,GAA6DF,WAAW,CAACE,OAAzE;;;GALb,EAQG,CAACH,GAAD,CARH;EAUA,OAAOC,WAAP;AACH;;;;"}
|
package/dist/index.d.ts
CHANGED
@@ -43,4 +43,5 @@ export * from './utils/hooks/useBoundingClientRectListener';
|
|
43
43
|
export * from './utils/hooks/useListKeyboardNavigation';
|
44
44
|
export * from './utils/hooks/useOnClickOutside';
|
45
45
|
export * from './utils/hooks/useListScrollTo';
|
46
|
+
export * from './utils/hooks/useProxiedRef';
|
46
47
|
export * from './types';
|