@economic/taco 0.0.31-alpha.1 → 0.0.33-alpha.0

package/dist/esm/components/Treeview/Treeview.js

@@ -1,45 +1,39 @@
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import cn from 'classnames';
 
-var _excluded = ["children", "className", "expanded", "title", "fixed", "onClick"];
-var TreeviewItem = /*#__PURE__*/React__default.forwardRef(function TreeviewItem(props, ref) {
+const TreeviewItem = /*#__PURE__*/React__default.forwardRef(function TreeviewItem(props, ref) {
   return React__default.createElement("a", Object.assign({}, props, {
     ref: ref
   }));
 });
-var TreeviewGroup = /*#__PURE__*/React__default.forwardRef(function TreeviewGroup(props, ref) {
-  var children = props.children,
-      externalClassName = props.className,
-      _props$expanded = props.expanded,
-      initialExpanded = _props$expanded === void 0 ? false : _props$expanded,
-      title = props.title,
-      fixed = props.fixed,
-      onClick = props.onClick,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
-
-  var _React$useState = React__default.useState(fixed || initialExpanded),
-      expanded = _React$useState[0],
-      setExpanded = _React$useState[1];
-
-  React__default.useEffect(function () {
+const TreeviewGroup = /*#__PURE__*/React__default.forwardRef(function TreeviewGroup(props, ref) {
+  const {
+    children,
+    className: externalClassName,
+    expanded: initialExpanded = false,
+    title,
+    fixed,
+    onClick,
+    ...otherProps
+  } = props;
+  const [expanded, setExpanded] = React__default.useState(fixed || initialExpanded);
+  React__default.useEffect(() => {
     if (!fixed) {
       setExpanded(fixed || initialExpanded);
     }
   }, [fixed, initialExpanded]);
-  var listClassName = cn('flex-col mb-0', {
+  const listClassName = cn('flex-col mb-0', {
     flex: expanded,
     hidden: !expanded
   });
-
-  var itemProps = _extends({}, otherProps, {
+  const itemProps = { ...otherProps,
     'aria-expanded': expanded,
     role: 'treeitem',
     tabIndex: -1
-  });
+  };
 
-  var handleClick = function handleClick(event) {
-    var nextState = !expanded;
+  const handleClick = event => {
+    const nextState = !expanded;
 
     if (!fixed) {
       setExpanded(nextState);
@@ -50,7 +44,7 @@ var TreeviewGroup = /*#__PURE__*/React__default.forwardRef(function TreeviewGrou
     }
   };
 
-  var className = typeof externalClassName === 'function' ? externalClassName(expanded) : externalClassName;
+  const className = typeof externalClassName === 'function' ? externalClassName(expanded) : externalClassName;
   return React__default.createElement("div", Object.assign({}, itemProps, {
     className: className,
     ref: ref
@@ -59,18 +53,14 @@ var TreeviewGroup = /*#__PURE__*/React__default.forwardRef(function TreeviewGrou
   }, typeof title === 'function' ? title(expanded) : title), React__default.createElement("ul", {
     role: "group",
     className: listClassName
-  }, React__default.Children.toArray(children).filter(function (item) {
-    return !!item;
-  }).map(function (item, i) {
-    return React__default.createElement("li", {
-      key: i,
-      role: "none"
-    }, React__default.cloneElement(item, {
-      role: 'treeitem'
-    }));
-  })));
+  }, React__default.Children.toArray(children).filter(item => !!item).map((item, i) => React__default.createElement("li", {
+    key: i,
+    role: "none"
+  }, React__default.cloneElement(item, {
+    role: 'treeitem'
+  })))));
 });
-var Treeview = /*#__PURE__*/React__default.forwardRef(function Treeview(props, ref) {
+const Treeview = /*#__PURE__*/React__default.forwardRef(function Treeview(props, ref) {
   return React__default.createElement("div", Object.assign({}, props, {
     ref: ref,
     role: "tree"

package/dist/esm/components/Treeview/Treeview.js.map

@@ -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","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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"}
+{"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;AAClC,SAAOH,4BAAA,IAAA,oBAAOE;AAAOC,IAAAA,GAAG,EAAEA;IAAnB,CAAP;AACH,CAFoB,CAArB;AAoBA,MAAMC,aAAa,gBAAGJ,cAAK,CAACC,UAAN,CAAiB,SAASG,aAAT,CAAuBF,KAAvB,EAAkDC,GAAlD;AACnC,QAAM;AACFE,IAAAA,QADE;AAEFC,IAAAA,SAAS,EAAEC,iBAFT;AAGFC,IAAAA,QAAQ,EAAEC,eAAe,GAAG,KAH1B;AAIFC,IAAAA,KAJE;AAKFC,IAAAA,KALE;AAMFC,IAAAA,OANE;AAOF,OAAGC;AAPD,MAQFX,KARJ;AASA,QAAM,CAACM,QAAD,EAAWM,WAAX,IAA0Bd,cAAK,CAACe,QAAN,CAAeJ,KAAK,IAAIF,eAAxB,CAAhC;AAEAT,EAAAA,cAAK,CAACgB,SAAN,CAAgB;AACZ,QAAI,CAACL,KAAL,EAAY;AACRG,MAAAA,WAAW,CAACH,KAAK,IAAIF,eAAV,CAAX;AACH;AACJ,GAJD,EAIG,CAACE,KAAD,EAAQF,eAAR,CAJH;AAMA,QAAMQ,aAAa,GAAGC,EAAE,CAAC,eAAD,EAAkB;AACtCC,IAAAA,IAAI,EAAEX,QADgC;AAEtCY,IAAAA,MAAM,EAAE,CAACZ;AAF6B,GAAlB,CAAxB;AAKA,QAAMa,SAAS,GAAG,EACd,GAAGR,UADW;AAEd,qBAAiBL,QAFH;AAGdc,IAAAA,IAAI,EAAE,UAHQ;AAIdC,IAAAA,QAAQ,EAAE,CAAC;AAJG,GAAlB;;AAOA,QAAMC,WAAW,GAAIC,KAAD;AAChB,UAAMC,SAAS,GAAG,CAAClB,QAAnB;;AAEA,QAAI,CAACG,KAAL,EAAY;AACRG,MAAAA,WAAW,CAACY,SAAD,CAAX;AACH;;AAED,QAAId,OAAJ,EAAa;AACTA,MAAAA,OAAO,CAACa,KAAD,EAAQC,SAAR,CAAP;AACH;AACJ,GAVD;;AAYA,QAAMpB,SAAS,GAAG,OAAOC,iBAAP,KAA6B,UAA7B,GAA0CA,iBAAiB,CAACC,QAAD,CAA3D,GAAwED,iBAA1F;AAEA,SACIP,4BAAA,MAAA,oBAASqB;AAAWf,IAAAA,SAAS,EAAEA;AAAWH,IAAAA,GAAG,EAAEA;IAA/C,EACIH,4BAAA,MAAA;AAAKY,IAAAA,OAAO,EAAEY;GAAd,EAA4B,OAAOd,KAAP,KAAiB,UAAjB,GAA8BA,KAAK,CAACF,QAAD,CAAnC,GAAgDE,KAA5E,CADJ,EAEIV,4BAAA,KAAA;AAAIsB,IAAAA,IAAI,EAAC;AAAQhB,IAAAA,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;AAAIiC,IAAAA,GAAG,EAAED;AAAGV,IAAAA,IAAI,EAAC;GAAjB,EACKtB,cAAK,CAACkC,YAAN,CAAmBJ,IAAnB,EAAoD;AAAER,IAAAA,IAAI,EAAE;AAAR,GAApD,CADL,CAHP,CADL,CAFJ,CADJ;AAcH,CA1DqB,CAAtB;MAuEaa,QAAQ,gBAAGnC,cAAK,CAACC,UAAN,CAAiB,SAASkC,QAAT,CAAkBjC,KAAlB,EAAwCC,GAAxC;AACrC,SAAOH,4BAAA,MAAA,oBAASE;AAAOC,IAAAA,GAAG,EAAEA;AAAKmB,IAAAA,IAAI,EAAC;IAA/B,CAAP;AACH,CAFuB;AAIxBa,QAAQ,CAACC,KAAT,GAAiBhC,aAAjB;AACA+B,QAAQ,CAACE,IAAT,GAAgBtC,YAAhB;;;;"}

package/dist/esm/components/VisuallyHidden/VisuallyHidden.js

@@ -1,6 +1,6 @@
 import { forwardRef, createElement } from 'react';
 
-var VisuallyHidden = /*#__PURE__*/forwardRef(function VisuallyHidden(props, ref) {
+const VisuallyHidden = /*#__PURE__*/forwardRef(function VisuallyHidden(props, ref) {
   return createElement("span", Object.assign({}, props, {
     className: "sr-only",
     ref: ref

package/dist/esm/components/VisuallyHidden/VisuallyHidden.js.map

@@ -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":";;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;;;;"}
+{"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;;;;"}

package/dist/esm/index.css

@@ -187,11 +187,11 @@
 }
 
 [data-taco='button'] > [data-taco='icon'] {
-    @apply pointer-events-none -ml-2 mr-1 -mt-2 -mb-2 inline p-px;
+    @apply pointer-events-none -ml-2 -mt-2 -mb-2 inline p-px;
 }
 
-[data-taco='button'] > span + [data-taco='icon'] {
-    @apply ml-1 -mr-2;
+[data-taco='button'] > * + [data-taco='icon'] {
+    @apply -mr-2 ml-0;
 }
 
 [data-taco='spinner'] svg circle {

package/dist/index.css

@@ -187,11 +187,11 @@
 }
 
 [data-taco='button'] > [data-taco='icon'] {
-    @apply pointer-events-none -ml-2 mr-1 -mt-2 -mb-2 inline p-px;
+    @apply pointer-events-none -ml-2 -mt-2 -mb-2 inline p-px;
 }
 
-[data-taco='button'] > span + [data-taco='icon'] {
-    @apply ml-1 -mr-2;
+[data-taco='button'] > * + [data-taco='icon'] {
+    @apply -mr-2 ml-0;
 }
 
 [data-taco='spinner'] svg circle {