npm - @economic/taco - Versions diffs - 1.10.0 → 1.10.1 - Mend

@economic/taco 1.10.0 → 1.10.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 (563) hide show

package/dist/esm/components/Icon/components/Undock.js CHANGED Viewed

@@ -1,11 +1,11 @@
 import { forwardRef, createElement } from 'react';
 function IconUndock(props, svgRef) {
-  return createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     ref: svgRef
-  }, props), createElement("path", {
+  }, props), /*#__PURE__*/createElement("path", {
     d: "M12 5v1.5H4.75a.25.25 0 00-.243.193L4.5 6.75v12.5a.25.25 0 00.193.243l.057.007h12.5a.25.25 0 00.243-.193l.007-.057V12H19v7.25A1.75 1.75 0 0117.25 21H4.75A1.75 1.75 0 013 19.25V6.75C3 5.784 3.784 5 4.75 5H12zm8.25-2a.75.75 0 01.743.648L21 3.75v4.5a.75.75 0 01-1.493.102L19.5 8.25V5.56l-4.97 4.97a.75.75 0 01-1.133-.976l.073-.084 4.968-4.97H15.75a.75.75 0 01-.743-.648L15 3.75a.75.75 0 01.648-.743L15.75 3h4.5z",
     fill: "currentColor",
     fillRule: "evenodd"

package/dist/esm/components/Icon/components/Undock.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Undock.js","sources":["../../../../../src/components/Icon/components/Undock.tsx"],"sourcesContent":["import * as React from 'react';\n\nfunction IconUndock(props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>): JSX.Element {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" ref={svgRef} {...props}>\n <path\n d=\"M12 5v1.5H4.75a.25.25 0 00-.243.193L4.5 6.75v12.5a.25.25 0 00.193.243l.057.007h12.5a.25.25 0 00.243-.193l.007-.057V12H19v7.25A1.75 1.75 0 0117.25 21H4.75A1.75 1.75 0 013 19.25V6.75C3 5.784 3.784 5 4.75 5H12zm8.25-2a.75.75 0 01.743.648L21 3.75v4.5a.75.75 0 01-1.493.102L19.5 8.25V5.56l-4.97 4.97a.75.75 0 01-1.133-.976l.073-.084 4.968-4.97H15.75a.75.75 0 01-.743-.648L15 3.75a.75.75 0 01.648-.743L15.75 3h4.5z\"\n fill=\"currentColor\"\n fillRule=\"evenodd\"\n />\n </svg>\n );\n}\n\nexport default React.forwardRef(IconUndock);\n"],"names":["IconUndock","props","svgRef","React","xmlns","viewBox","ref","d","fill","fillRule"],"mappings":";;AAEA,SAASA,UAAT,CAAoBC,KAApB,EAA0DC,MAA1D;EACI,~~OACIC~~,aAAA,MAAA;IAAKC,KAAK,EAAC;IAA6BC,OAAO,EAAC;IAAYC,GAAG,EAAEJ;KAAYD,MAA7E,~~EACIE~~,aAAA,OAAA;IACII,CAAC,EAAC;IACFC,IAAI,EAAC;IACLC,QAAQ,EAAC;GAHb,CADJ,CADJ;AASH;;AAED,0BAAeN,UAAA,CAAiBH,UAAjB,CAAf;;;;"}
1	+ {"version":3,"file":"Undock.js","sources":["../../../../../src/components/Icon/components/Undock.tsx"],"sourcesContent":["import * as React from 'react';\n\nfunction IconUndock(props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>): JSX.Element {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" ref={svgRef} {...props}>\n <path\n d=\"M12 5v1.5H4.75a.25.25 0 00-.243.193L4.5 6.75v12.5a.25.25 0 00.193.243l.057.007h12.5a.25.25 0 00.243-.193l.007-.057V12H19v7.25A1.75 1.75 0 0117.25 21H4.75A1.75 1.75 0 013 19.25V6.75C3 5.784 3.784 5 4.75 5H12zm8.25-2a.75.75 0 01.743.648L21 3.75v4.5a.75.75 0 01-1.493.102L19.5 8.25V5.56l-4.97 4.97a.75.75 0 01-1.133-.976l.073-.084 4.968-4.97H15.75a.75.75 0 01-.743-.648L15 3.75a.75.75 0 01.648-.743L15.75 3h4.5z\"\n fill=\"currentColor\"\n fillRule=\"evenodd\"\n />\n </svg>\n );\n}\n\nexport default React.forwardRef(IconUndock);\n"],"names":["IconUndock","props","svgRef","React","xmlns","viewBox","ref","d","fill","fillRule"],"mappings":";;AAEA,SAASA,UAAT,CAAoBC,KAApB,EAA0DC,MAA1D;EACI,oBACIC,aAAA,MAAA;IAAKC,KAAK,EAAC;IAA6BC,OAAO,EAAC;IAAYC,GAAG,EAAEJ;KAAYD,MAA7E,eACIE,aAAA,OAAA;IACII,CAAC,EAAC;IACFC,IAAI,EAAC;IACLC,QAAQ,EAAC;GAHb,CADJ,CADJ;AASH;;AAED,0BAAeN,UAAA,CAAiBH,UAAjB,CAAf;;;;"}

package/dist/esm/components/Icon/components/Unreconciled.js CHANGED Viewed

@@ -1,11 +1,11 @@
 import { forwardRef, createElement } from 'react';
 function IconUnreconciled(props, svgRef) {
-  return createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     ref: svgRef
-  }, props), createElement("path", {
+  }, props), /*#__PURE__*/createElement("path", {
     d: "M3.368 4.346l.092.062 18 14a.75.75 0 01-.828 1.246l-.092-.062-3.34-2.597L17 17h-2.5a.75.75 0 01-.102-1.493l.102-.007h.778l-3.536-2.75H7a.75.75 0 110-1.5h2.814l-3.46-2.69a3.501 3.501 0 00.454 6.935L7 15.5h2.5a.75.75 0 01.102 1.493L9.5 17H7a5 5 0 01-2.074-9.55L2.54 5.591a.75.75 0 01.828-1.246zM17 7a5 5 0 013.39 8.676l-1.208-.94a3.5 3.5 0 00-1.99-6.231L17 8.5h-2.5a.75.75 0 01-.102-1.493L14.5 7H17zm0 4.25a.75.75 0 110 1.5h-.372l-1.929-1.5H17z",
     fill: "currentColor",
     fillRule: "evenodd"

package/dist/esm/components/Icon/components/Unreconciled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Unreconciled.js","sources":["../../../../../src/components/Icon/components/Unreconciled.tsx"],"sourcesContent":["import * as React from 'react';\n\nfunction IconUnreconciled(props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>): JSX.Element {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" ref={svgRef} {...props}>\n <path\n d=\"M3.368 4.346l.092.062 18 14a.75.75 0 01-.828 1.246l-.092-.062-3.34-2.597L17 17h-2.5a.75.75 0 01-.102-1.493l.102-.007h.778l-3.536-2.75H7a.75.75 0 110-1.5h2.814l-3.46-2.69a3.501 3.501 0 00.454 6.935L7 15.5h2.5a.75.75 0 01.102 1.493L9.5 17H7a5 5 0 01-2.074-9.55L2.54 5.591a.75.75 0 01.828-1.246zM17 7a5 5 0 013.39 8.676l-1.208-.94a3.5 3.5 0 00-1.99-6.231L17 8.5h-2.5a.75.75 0 01-.102-1.493L14.5 7H17zm0 4.25a.75.75 0 110 1.5h-.372l-1.929-1.5H17z\"\n fill=\"currentColor\"\n fillRule=\"evenodd\"\n />\n </svg>\n );\n}\n\nexport default React.forwardRef(IconUnreconciled);\n"],"names":["IconUnreconciled","props","svgRef","React","xmlns","viewBox","ref","d","fill","fillRule"],"mappings":";;AAEA,SAASA,gBAAT,CAA0BC,KAA1B,EAAgEC,MAAhE;EACI,~~OACIC~~,aAAA,MAAA;IAAKC,KAAK,EAAC;IAA6BC,OAAO,EAAC;IAAYC,GAAG,EAAEJ;KAAYD,MAA7E,~~EACIE~~,aAAA,OAAA;IACII,CAAC,EAAC;IACFC,IAAI,EAAC;IACLC,QAAQ,EAAC;GAHb,CADJ,CADJ;AASH;;AAED,gCAAeN,UAAA,CAAiBH,gBAAjB,CAAf;;;;"}
1	+ {"version":3,"file":"Unreconciled.js","sources":["../../../../../src/components/Icon/components/Unreconciled.tsx"],"sourcesContent":["import * as React from 'react';\n\nfunction IconUnreconciled(props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>): JSX.Element {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" ref={svgRef} {...props}>\n <path\n d=\"M3.368 4.346l.092.062 18 14a.75.75 0 01-.828 1.246l-.092-.062-3.34-2.597L17 17h-2.5a.75.75 0 01-.102-1.493l.102-.007h.778l-3.536-2.75H7a.75.75 0 110-1.5h2.814l-3.46-2.69a3.501 3.501 0 00.454 6.935L7 15.5h2.5a.75.75 0 01.102 1.493L9.5 17H7a5 5 0 01-2.074-9.55L2.54 5.591a.75.75 0 01.828-1.246zM17 7a5 5 0 013.39 8.676l-1.208-.94a3.5 3.5 0 00-1.99-6.231L17 8.5h-2.5a.75.75 0 01-.102-1.493L14.5 7H17zm0 4.25a.75.75 0 110 1.5h-.372l-1.929-1.5H17z\"\n fill=\"currentColor\"\n fillRule=\"evenodd\"\n />\n </svg>\n );\n}\n\nexport default React.forwardRef(IconUnreconciled);\n"],"names":["IconUnreconciled","props","svgRef","React","xmlns","viewBox","ref","d","fill","fillRule"],"mappings":";;AAEA,SAASA,gBAAT,CAA0BC,KAA1B,EAAgEC,MAAhE;EACI,oBACIC,aAAA,MAAA;IAAKC,KAAK,EAAC;IAA6BC,OAAO,EAAC;IAAYC,GAAG,EAAEJ;KAAYD,MAA7E,eACIE,aAAA,OAAA;IACII,CAAC,EAAC;IACFC,IAAI,EAAC;IACLC,QAAQ,EAAC;GAHb,CADJ,CADJ;AASH;;AAED,gCAAeN,UAAA,CAAiBH,gBAAjB,CAAf;;;;"}

package/dist/esm/components/Icon/components/Warning.js CHANGED Viewed

@@ -1,11 +1,11 @@
 import { forwardRef, createElement } from 'react';
 function IconWarning(props, svgRef) {
-  return createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     ref: svgRef
-  }, props), createElement("path", {
+  }, props), /*#__PURE__*/createElement("path", {
     d: "M9.527 17.197c.157-.827.938-1.344 1.771-1.177a1.515 1.515 0 011.213 1.772c-.157.826-.939 1.343-1.771 1.177a1.515 1.515 0 01-1.213-1.772zm2.265-11.05c.164-.863.784-1.276 1.607-1.112.815.163 1.23.782 1.066 1.646l-.038.183-.025.097-1.368 6.473c-.179.793-.67 1.182-1.43 1.03-.712-.142-1.032-.634-.96-1.356l.02-.147 1.1-6.628.028-.185z",
     fill: "currentColor"
   }));

package/dist/esm/components/Icon/components/Warning.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Warning.js","sources":["../../../../../src/components/Icon/components/Warning.tsx"],"sourcesContent":["import * as React from 'react';\n\nfunction IconWarning(props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>): JSX.Element {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" ref={svgRef} {...props}>\n <path\n d=\"M9.527 17.197c.157-.827.938-1.344 1.771-1.177a1.515 1.515 0 011.213 1.772c-.157.826-.939 1.343-1.771 1.177a1.515 1.515 0 01-1.213-1.772zm2.265-11.05c.164-.863.784-1.276 1.607-1.112.815.163 1.23.782 1.066 1.646l-.038.183-.025.097-1.368 6.473c-.179.793-.67 1.182-1.43 1.03-.712-.142-1.032-.634-.96-1.356l.02-.147 1.1-6.628.028-.185z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n}\n\nexport default React.forwardRef(IconWarning);\n"],"names":["IconWarning","props","svgRef","React","xmlns","viewBox","ref","d","fill"],"mappings":";;AAEA,SAASA,WAAT,CAAqBC,KAArB,EAA2DC,MAA3D;EACI,~~OACIC~~,aAAA,MAAA;IAAKC,KAAK,EAAC;IAA6BC,OAAO,EAAC;IAAYC,GAAG,EAAEJ;KAAYD,MAA7E,~~EACIE~~,aAAA,OAAA;IACII,CAAC,EAAC;IACFC,IAAI,EAAC;GAFT,CADJ,CADJ;AAQH;;AAED,2BAAeL,UAAA,CAAiBH,WAAjB,CAAf;;;;"}
1	+ {"version":3,"file":"Warning.js","sources":["../../../../../src/components/Icon/components/Warning.tsx"],"sourcesContent":["import * as React from 'react';\n\nfunction IconWarning(props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>): JSX.Element {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" ref={svgRef} {...props}>\n <path\n d=\"M9.527 17.197c.157-.827.938-1.344 1.771-1.177a1.515 1.515 0 011.213 1.772c-.157.826-.939 1.343-1.771 1.177a1.515 1.515 0 01-1.213-1.772zm2.265-11.05c.164-.863.784-1.276 1.607-1.112.815.163 1.23.782 1.066 1.646l-.038.183-.025.097-1.368 6.473c-.179.793-.67 1.182-1.43 1.03-.712-.142-1.032-.634-.96-1.356l.02-.147 1.1-6.628.028-.185z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n}\n\nexport default React.forwardRef(IconWarning);\n"],"names":["IconWarning","props","svgRef","React","xmlns","viewBox","ref","d","fill"],"mappings":";;AAEA,SAASA,WAAT,CAAqBC,KAArB,EAA2DC,MAA3D;EACI,oBACIC,aAAA,MAAA;IAAKC,KAAK,EAAC;IAA6BC,OAAO,EAAC;IAAYC,GAAG,EAAEJ;KAAYD,MAA7E,eACIE,aAAA,OAAA;IACII,CAAC,EAAC;IACFC,IAAI,EAAC;GAFT,CADJ,CADJ;AAQH;;AAED,2BAAeL,UAAA,CAAiBH,WAAjB,CAAf;;;;"}

package/dist/esm/components/Icon/components/Webshop.js CHANGED Viewed

@@ -1,11 +1,11 @@
 import { forwardRef, createElement } from 'react';
 function IconWebshop(props, svgRef) {
-  return createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     ref: svgRef
-  }, props), createElement("path", {
+  }, props), /*#__PURE__*/createElement("path", {
     d: "M11 15.5a2.25 2.25 0 110 4.5 2.25 2.25 0 010-4.5zm5.831 0a2.25 2.25 0 110 4.5 2.25 2.25 0 010-4.5zM11 17a.75.75 0 100 1.5.75.75 0 000-1.5zm5.831 0a.75.75 0 100 1.5.75.75 0 000-1.5zM5.287 4a1.75 1.75 0 011.56.955l.062.138 3.24 8a.25.25 0 00.173.15l.06.007h7.743a.25.25 0 00.204-.105l.028-.054 2.159-5.496a.25.25 0 00-.141-.324l-.045-.013-.047-.005-10.04-.003a.75.75 0 01-.102-1.493l.102-.007 10.04.003A1.75 1.75 0 0121.962 8l-.049.143-2.158 5.497a1.75 1.75 0 01-1.476 1.103l-.153.007h-7.743a1.75 1.75 0 01-1.56-.955l-.062-.138-3.24-8a.25.25 0 00-.173-.15l-.06-.007H2.75a.75.75 0 01-.102-1.493L2.75 4h2.537z",
     fill: "currentColor",
     fillRule: "evenodd"

package/dist/esm/components/Icon/components/Webshop.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Webshop.js","sources":["../../../../../src/components/Icon/components/Webshop.tsx"],"sourcesContent":["import * as React from 'react';\n\nfunction IconWebshop(props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>): JSX.Element {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" ref={svgRef} {...props}>\n <path\n d=\"M11 15.5a2.25 2.25 0 110 4.5 2.25 2.25 0 010-4.5zm5.831 0a2.25 2.25 0 110 4.5 2.25 2.25 0 010-4.5zM11 17a.75.75 0 100 1.5.75.75 0 000-1.5zm5.831 0a.75.75 0 100 1.5.75.75 0 000-1.5zM5.287 4a1.75 1.75 0 011.56.955l.062.138 3.24 8a.25.25 0 00.173.15l.06.007h7.743a.25.25 0 00.204-.105l.028-.054 2.159-5.496a.25.25 0 00-.141-.324l-.045-.013-.047-.005-10.04-.003a.75.75 0 01-.102-1.493l.102-.007 10.04.003A1.75 1.75 0 0121.962 8l-.049.143-2.158 5.497a1.75 1.75 0 01-1.476 1.103l-.153.007h-7.743a1.75 1.75 0 01-1.56-.955l-.062-.138-3.24-8a.25.25 0 00-.173-.15l-.06-.007H2.75a.75.75 0 01-.102-1.493L2.75 4h2.537z\"\n fill=\"currentColor\"\n fillRule=\"evenodd\"\n />\n </svg>\n );\n}\n\nexport default React.forwardRef(IconWebshop);\n"],"names":["IconWebshop","props","svgRef","React","xmlns","viewBox","ref","d","fill","fillRule"],"mappings":";;AAEA,SAASA,WAAT,CAAqBC,KAArB,EAA2DC,MAA3D;EACI,~~OACIC~~,aAAA,MAAA;IAAKC,KAAK,EAAC;IAA6BC,OAAO,EAAC;IAAYC,GAAG,EAAEJ;KAAYD,MAA7E,~~EACIE~~,aAAA,OAAA;IACII,CAAC,EAAC;IACFC,IAAI,EAAC;IACLC,QAAQ,EAAC;GAHb,CADJ,CADJ;AASH;;AAED,2BAAeN,UAAA,CAAiBH,WAAjB,CAAf;;;;"}
1	+ {"version":3,"file":"Webshop.js","sources":["../../../../../src/components/Icon/components/Webshop.tsx"],"sourcesContent":["import * as React from 'react';\n\nfunction IconWebshop(props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>): JSX.Element {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" ref={svgRef} {...props}>\n <path\n d=\"M11 15.5a2.25 2.25 0 110 4.5 2.25 2.25 0 010-4.5zm5.831 0a2.25 2.25 0 110 4.5 2.25 2.25 0 010-4.5zM11 17a.75.75 0 100 1.5.75.75 0 000-1.5zm5.831 0a.75.75 0 100 1.5.75.75 0 000-1.5zM5.287 4a1.75 1.75 0 011.56.955l.062.138 3.24 8a.25.25 0 00.173.15l.06.007h7.743a.25.25 0 00.204-.105l.028-.054 2.159-5.496a.25.25 0 00-.141-.324l-.045-.013-.047-.005-10.04-.003a.75.75 0 01-.102-1.493l.102-.007 10.04.003A1.75 1.75 0 0121.962 8l-.049.143-2.158 5.497a1.75 1.75 0 01-1.476 1.103l-.153.007h-7.743a1.75 1.75 0 01-1.56-.955l-.062-.138-3.24-8a.25.25 0 00-.173-.15l-.06-.007H2.75a.75.75 0 01-.102-1.493L2.75 4h2.537z\"\n fill=\"currentColor\"\n fillRule=\"evenodd\"\n />\n </svg>\n );\n}\n\nexport default React.forwardRef(IconWebshop);\n"],"names":["IconWebshop","props","svgRef","React","xmlns","viewBox","ref","d","fill","fillRule"],"mappings":";;AAEA,SAASA,WAAT,CAAqBC,KAArB,EAA2DC,MAA3D;EACI,oBACIC,aAAA,MAAA;IAAKC,KAAK,EAAC;IAA6BC,OAAO,EAAC;IAAYC,GAAG,EAAEJ;KAAYD,MAA7E,eACIE,aAAA,OAAA;IACII,CAAC,EAAC;IACFC,IAAI,EAAC;IACLC,QAAQ,EAAC;GAHb,CADJ,CADJ;AASH;;AAED,2BAAeN,UAAA,CAAiBH,WAAjB,CAAf;;;;"}

package/dist/esm/components/Icon/components/Website.js CHANGED Viewed

@@ -1,11 +1,11 @@
 import { forwardRef, createElement } from 'react';
 function IconWebsite(props, svgRef) {
-  return createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     ref: svgRef
-  }, props), createElement("path", {
+  }, props), /*#__PURE__*/createElement("path", {
     d: "M20.25 4c.966 0 1.75.784 1.75 1.75v12.5A1.75 1.75 0 0120.25 20H3.75A1.75 1.75 0 012 18.25V5.75C2 4.784 2.784 4 3.75 4h16.5zm.25 6h-17v8.25a.25.25 0 00.193.243l.057.007h16.5a.25.25 0 00.243-.193l.007-.057V10zm-.25-4.5H3.75a.25.25 0 00-.243.193L3.5 5.75V8.5h17V5.75a.25.25 0 00-.193-.243L20.25 5.5zM5.5 6.5v1h-1v-1h1zm2 0v1h-1v-1h1zm2 0v1h-1v-1h1z",
     fill: "currentColor",
     fillRule: "evenodd"

package/dist/esm/components/Icon/components/Website.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Website.js","sources":["../../../../../src/components/Icon/components/Website.tsx"],"sourcesContent":["import * as React from 'react';\n\nfunction IconWebsite(props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>): JSX.Element {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" ref={svgRef} {...props}>\n <path\n d=\"M20.25 4c.966 0 1.75.784 1.75 1.75v12.5A1.75 1.75 0 0120.25 20H3.75A1.75 1.75 0 012 18.25V5.75C2 4.784 2.784 4 3.75 4h16.5zm.25 6h-17v8.25a.25.25 0 00.193.243l.057.007h16.5a.25.25 0 00.243-.193l.007-.057V10zm-.25-4.5H3.75a.25.25 0 00-.243.193L3.5 5.75V8.5h17V5.75a.25.25 0 00-.193-.243L20.25 5.5zM5.5 6.5v1h-1v-1h1zm2 0v1h-1v-1h1zm2 0v1h-1v-1h1z\"\n fill=\"currentColor\"\n fillRule=\"evenodd\"\n />\n </svg>\n );\n}\n\nexport default React.forwardRef(IconWebsite);\n"],"names":["IconWebsite","props","svgRef","React","xmlns","viewBox","ref","d","fill","fillRule"],"mappings":";;AAEA,SAASA,WAAT,CAAqBC,KAArB,EAA2DC,MAA3D;EACI,~~OACIC~~,aAAA,MAAA;IAAKC,KAAK,EAAC;IAA6BC,OAAO,EAAC;IAAYC,GAAG,EAAEJ;KAAYD,MAA7E,~~EACIE~~,aAAA,OAAA;IACII,CAAC,EAAC;IACFC,IAAI,EAAC;IACLC,QAAQ,EAAC;GAHb,CADJ,CADJ;AASH;;AAED,2BAAeN,UAAA,CAAiBH,WAAjB,CAAf;;;;"}
1	+ {"version":3,"file":"Website.js","sources":["../../../../../src/components/Icon/components/Website.tsx"],"sourcesContent":["import * as React from 'react';\n\nfunction IconWebsite(props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>): JSX.Element {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" ref={svgRef} {...props}>\n <path\n d=\"M20.25 4c.966 0 1.75.784 1.75 1.75v12.5A1.75 1.75 0 0120.25 20H3.75A1.75 1.75 0 012 18.25V5.75C2 4.784 2.784 4 3.75 4h16.5zm.25 6h-17v8.25a.25.25 0 00.193.243l.057.007h16.5a.25.25 0 00.243-.193l.007-.057V10zm-.25-4.5H3.75a.25.25 0 00-.243.193L3.5 5.75V8.5h17V5.75a.25.25 0 00-.193-.243L20.25 5.5zM5.5 6.5v1h-1v-1h1zm2 0v1h-1v-1h1zm2 0v1h-1v-1h1z\"\n fill=\"currentColor\"\n fillRule=\"evenodd\"\n />\n </svg>\n );\n}\n\nexport default React.forwardRef(IconWebsite);\n"],"names":["IconWebsite","props","svgRef","React","xmlns","viewBox","ref","d","fill","fillRule"],"mappings":";;AAEA,SAASA,WAAT,CAAqBC,KAArB,EAA2DC,MAA3D;EACI,oBACIC,aAAA,MAAA;IAAKC,KAAK,EAAC;IAA6BC,OAAO,EAAC;IAAYC,GAAG,EAAEJ;KAAYD,MAA7E,eACIE,aAAA,OAAA;IACII,CAAC,EAAC;IACFC,IAAI,EAAC;IACLC,QAAQ,EAAC;GAHb,CADJ,CADJ;AASH;;AAED,2BAAeN,UAAA,CAAiBH,WAAjB,CAAf;;;;"}

package/dist/esm/components/Icon/components/Workflow.js CHANGED Viewed

@@ -1,11 +1,11 @@
 import { forwardRef, createElement } from 'react';
 function IconWorkflow(props, svgRef) {
-  return createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     ref: svgRef
-  }, props), createElement("path", {
+  }, props), /*#__PURE__*/createElement("path", {
     d: "M19.144 16.292a2.853 2.853 0 00-2.754 2.144H7.722a2.857 2.857 0 01-2.856-2.858 2.857 2.857 0 012.856-2.859h1.53a2.842 2.842 0 005.508 0h1.529a4.286 4.286 0 004.283-4.287 4.286 4.286 0 00-4.283-4.288H7.62A2.856 2.856 0 002 4.859a2.856 2.856 0 005.62.715h8.669a2.857 2.857 0 012.855 2.858 2.857 2.857 0 01-2.855 2.858h-1.53a2.842 2.842 0 00-5.508 0h-1.53a4.286 4.286 0 00-4.283 4.288 4.286 4.286 0 004.284 4.287h8.668a2.85 2.85 0 005.6-.964 2.852 2.852 0 00-2.846-2.609zM4.866 6.288a1.429 1.429 0 11.002-2.857 1.429 1.429 0 01-.002 2.857zm7.14 4.287a1.429 1.429 0 11-.002 2.857 1.429 1.429 0 01.001-2.857zm7.138 10.005a1.429 1.429 0 11.002-2.857 1.429 1.429 0 01-.002 2.857z",
     fill: "currentColor"
   }));

package/dist/esm/components/Icon/components/Workflow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Workflow.js","sources":["../../../../../src/components/Icon/components/Workflow.tsx"],"sourcesContent":["import * as React from 'react';\n\nfunction IconWorkflow(props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>): JSX.Element {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" ref={svgRef} {...props}>\n <path\n d=\"M19.144 16.292a2.853 2.853 0 00-2.754 2.144H7.722a2.857 2.857 0 01-2.856-2.858 2.857 2.857 0 012.856-2.859h1.53a2.842 2.842 0 005.508 0h1.529a4.286 4.286 0 004.283-4.287 4.286 4.286 0 00-4.283-4.288H7.62A2.856 2.856 0 002 4.859a2.856 2.856 0 005.62.715h8.669a2.857 2.857 0 012.855 2.858 2.857 2.857 0 01-2.855 2.858h-1.53a2.842 2.842 0 00-5.508 0h-1.53a4.286 4.286 0 00-4.283 4.288 4.286 4.286 0 004.284 4.287h8.668a2.85 2.85 0 005.6-.964 2.852 2.852 0 00-2.846-2.609zM4.866 6.288a1.429 1.429 0 11.002-2.857 1.429 1.429 0 01-.002 2.857zm7.14 4.287a1.429 1.429 0 11-.002 2.857 1.429 1.429 0 01.001-2.857zm7.138 10.005a1.429 1.429 0 11.002-2.857 1.429 1.429 0 01-.002 2.857z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n}\n\nexport default React.forwardRef(IconWorkflow);\n"],"names":["IconWorkflow","props","svgRef","React","xmlns","viewBox","ref","d","fill"],"mappings":";;AAEA,SAASA,YAAT,CAAsBC,KAAtB,EAA4DC,MAA5D;EACI,~~OACIC~~,aAAA,MAAA;IAAKC,KAAK,EAAC;IAA6BC,OAAO,EAAC;IAAYC,GAAG,EAAEJ;KAAYD,MAA7E,~~EACIE~~,aAAA,OAAA;IACII,CAAC,EAAC;IACFC,IAAI,EAAC;GAFT,CADJ,CADJ;AAQH;;AAED,4BAAeL,UAAA,CAAiBH,YAAjB,CAAf;;;;"}
1	+ {"version":3,"file":"Workflow.js","sources":["../../../../../src/components/Icon/components/Workflow.tsx"],"sourcesContent":["import * as React from 'react';\n\nfunction IconWorkflow(props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>): JSX.Element {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" ref={svgRef} {...props}>\n <path\n d=\"M19.144 16.292a2.853 2.853 0 00-2.754 2.144H7.722a2.857 2.857 0 01-2.856-2.858 2.857 2.857 0 012.856-2.859h1.53a2.842 2.842 0 005.508 0h1.529a4.286 4.286 0 004.283-4.287 4.286 4.286 0 00-4.283-4.288H7.62A2.856 2.856 0 002 4.859a2.856 2.856 0 005.62.715h8.669a2.857 2.857 0 012.855 2.858 2.857 2.857 0 01-2.855 2.858h-1.53a2.842 2.842 0 00-5.508 0h-1.53a4.286 4.286 0 00-4.283 4.288 4.286 4.286 0 004.284 4.287h8.668a2.85 2.85 0 005.6-.964 2.852 2.852 0 00-2.846-2.609zM4.866 6.288a1.429 1.429 0 11.002-2.857 1.429 1.429 0 01-.002 2.857zm7.14 4.287a1.429 1.429 0 11-.002 2.857 1.429 1.429 0 01.001-2.857zm7.138 10.005a1.429 1.429 0 11.002-2.857 1.429 1.429 0 01-.002 2.857z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n}\n\nexport default React.forwardRef(IconWorkflow);\n"],"names":["IconWorkflow","props","svgRef","React","xmlns","viewBox","ref","d","fill"],"mappings":";;AAEA,SAASA,YAAT,CAAsBC,KAAtB,EAA4DC,MAA5D;EACI,oBACIC,aAAA,MAAA;IAAKC,KAAK,EAAC;IAA6BC,OAAO,EAAC;IAAYC,GAAG,EAAEJ;KAAYD,MAA7E,eACIE,aAAA,OAAA;IACII,CAAC,EAAC;IACFC,IAAI,EAAC;GAFT,CADJ,CADJ;AAQH;;AAED,4BAAeL,UAAA,CAAiBH,YAAjB,CAAf;;;;"}

package/dist/esm/components/Icon/components/Zoom.js CHANGED Viewed

@@ -1,11 +1,11 @@
 import { forwardRef, createElement } from 'react';
 function IconZoom(props, svgRef) {
-  return createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     ref: svgRef
-  }, props), createElement("path", {
+  }, props), /*#__PURE__*/createElement("path", {
     d: "M10 2.25a7.75 7.75 0 015.985 12.674l5.545 5.546a.75.75 0 01-.976 1.133l-.084-.073-5.546-5.545A7.75 7.75 0 1110 2.25zm0 1.5a6.25 6.25 0 100 12.5 6.25 6.25 0 000-12.5zm0 2.75a.75.75 0 01.75.75v2h2a.75.75 0 110 1.5h-2v2a.75.75 0 11-1.5 0v-2h-2a.75.75 0 110-1.5h2v-2A.75.75 0 0110 6.5z",
     fill: "currentColor",
     fillRule: "evenodd"

package/dist/esm/components/Icon/components/Zoom.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Zoom.js","sources":["../../../../../src/components/Icon/components/Zoom.tsx"],"sourcesContent":["import * as React from 'react';\n\nfunction IconZoom(props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>): JSX.Element {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" ref={svgRef} {...props}>\n <path\n d=\"M10 2.25a7.75 7.75 0 015.985 12.674l5.545 5.546a.75.75 0 01-.976 1.133l-.084-.073-5.546-5.545A7.75 7.75 0 1110 2.25zm0 1.5a6.25 6.25 0 100 12.5 6.25 6.25 0 000-12.5zm0 2.75a.75.75 0 01.75.75v2h2a.75.75 0 110 1.5h-2v2a.75.75 0 11-1.5 0v-2h-2a.75.75 0 110-1.5h2v-2A.75.75 0 0110 6.5z\"\n fill=\"currentColor\"\n fillRule=\"evenodd\"\n />\n </svg>\n );\n}\n\nexport default React.forwardRef(IconZoom);\n"],"names":["IconZoom","props","svgRef","React","xmlns","viewBox","ref","d","fill","fillRule"],"mappings":";;AAEA,SAASA,QAAT,CAAkBC,KAAlB,EAAwDC,MAAxD;EACI,~~OACIC~~,aAAA,MAAA;IAAKC,KAAK,EAAC;IAA6BC,OAAO,EAAC;IAAYC,GAAG,EAAEJ;KAAYD,MAA7E,~~EACIE~~,aAAA,OAAA;IACII,CAAC,EAAC;IACFC,IAAI,EAAC;IACLC,QAAQ,EAAC;GAHb,CADJ,CADJ;AASH;;AAED,wBAAeN,UAAA,CAAiBH,QAAjB,CAAf;;;;"}
1	+ {"version":3,"file":"Zoom.js","sources":["../../../../../src/components/Icon/components/Zoom.tsx"],"sourcesContent":["import * as React from 'react';\n\nfunction IconZoom(props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>): JSX.Element {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" ref={svgRef} {...props}>\n <path\n d=\"M10 2.25a7.75 7.75 0 015.985 12.674l5.545 5.546a.75.75 0 01-.976 1.133l-.084-.073-5.546-5.545A7.75 7.75 0 1110 2.25zm0 1.5a6.25 6.25 0 100 12.5 6.25 6.25 0 000-12.5zm0 2.75a.75.75 0 01.75.75v2h2a.75.75 0 110 1.5h-2v2a.75.75 0 11-1.5 0v-2h-2a.75.75 0 110-1.5h2v-2A.75.75 0 0110 6.5z\"\n fill=\"currentColor\"\n fillRule=\"evenodd\"\n />\n </svg>\n );\n}\n\nexport default React.forwardRef(IconZoom);\n"],"names":["IconZoom","props","svgRef","React","xmlns","viewBox","ref","d","fill","fillRule"],"mappings":";;AAEA,SAASA,QAAT,CAAkBC,KAAlB,EAAwDC,MAAxD;EACI,oBACIC,aAAA,MAAA;IAAKC,KAAK,EAAC;IAA6BC,OAAO,EAAC;IAAYC,GAAG,EAAEJ;KAAYD,MAA7E,eACIE,aAAA,OAAA;IACII,CAAC,EAAC;IACFC,IAAI,EAAC;IACLC,QAAQ,EAAC;GAHb,CADJ,CADJ;AASH;;AAED,wBAAeN,UAAA,CAAiBH,QAAjB,CAAf;;;;"}

package/dist/esm/components/IconButton/IconButton.js CHANGED Viewed

@@ -21,7 +21,7 @@ const IconButton = /*#__PURE__*/forwardRef(function IconButton(props, ref) {
   }
   return createButton({ ...otherProps,
-    children: createElement(Icon, {
+    children: /*#__PURE__*/createElement(Icon, {
       name: icon,
       className: "m-0 p-0"
     }),

package/dist/esm/components/IconButton/IconButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconButton.js","sources":["../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport * as ButtonPrimitive from '../../primitives/Button';\nimport { Icon, IconName } from '../Icon/Icon';\nimport { getAppearanceClasses, getButtonClasses, createButton } from '../Button/util';\nimport { Appearance } from '../../types';\nimport { DialogProps, HangerProps, MenuProps, PopoverProps } from '../..';\n\nexport type IconButtonProps = Omit<ButtonPrimitive.ButtonProps, 'children'> & {\n /** Appearance will change the style of the button /\n appearance?: Appearance;\n /\n Dialog component associated with the button, clicking the button will open the dialog.\n * Note that `onClick` event on button won't be handled, as in this case, the purpose of\n * the button should be only to open the associated dialog when clicked.\n /\n dialog?: (props: Partial<DialogProps>) => JSX.Element;\n /* Hanger component associated with the button. /\n hanger?: (props: Partial<HangerProps>) => JSX.Element;\n /* Set which icon should be rendered within button /\n icon: IconName; // this dynamic type causes the type extraction for props to fail\n /* Menu component associated with the button. /\n menu?: (props: Partial<MenuProps>) => JSX.Element;\n /\n Popover component associated with the button, clicking the button will open the popover.\n * Note that `onClick` event on button won't be handled, as in this case, the purpose of\n * the button should be only to open the associated popover when clicked.\n /\n popover?: (props: Partial<PopoverProps>) => JSX.Element;\n /\n Set whether the button is rounded.\n * Default value is `false`\n /\n rounded?: boolean;\n /* A tooltip to show when hovering over the button */\n tooltip?: string;\n};\n\nexport const IconButton = React.forwardRef(function IconButton(props: IconButtonProps, ref: React.Ref<HTMLButtonElement>) {\n const { icon, rounded = false, ...otherProps } = props;\n\n const className = cn(\n 'w-8',\n getButtonClasses(),\n getAppearanceClasses(otherProps.appearance, true),\n {\n 'rounded-full': rounded,\n rounded: !rounded,\n 'cursor-not-allowed opacity-50': props.disabled,\n 'focus:yt-focus active:focus:yt-focus': !props.disabled,\n },\n props.className\n );\n\n if (!icon) {\n return null;\n }\n\n return createButton(\n { ...otherProps, children: <Icon name={icon} className=\"m-0 p-0\" />, 'data-taco': 'icon-button' },\n className,\n ref\n );\n});\n"],"names":["IconButton","React","props","ref","icon","rounded","otherProps","className","cn","getButtonClasses","getAppearanceClasses","appearance","disabled","createButton","children","Icon","name"],"mappings":";;;;;MAsCaA,UAAU,gBAAGC,UAAA,CAAiB,SAASD,UAAT,CAAoBE,KAApB,EAA4CC,GAA5C;EACvC,MAAM;IAAEC,IAAF;IAAQC,OAAO,GAAG,KAAlB;IAAyB,GAAGC;MAAeJ,KAAjD;EAEA,MAAMK,SAAS,GAAGC,EAAE,CAChB,KADgB,EAEhBC,gBAAgB,EAFA,EAGhBC,oBAAoB,CAACJ,UAAU,CAACK,UAAZ,EAAwB,IAAxB,CAHJ,EAIhB;IACI,gBAAgBN,OADpB;IAEIA,OAAO,EAAE,CAACA,OAFd;IAGI,iCAAiCH,KAAK,CAACU,QAH3C;IAII,wCAAwC,CAACV,KAAK,CAACU;GARnC,EAUhBV,KAAK,CAACK,SAVU,CAApB;;EAaA,IAAI,CAACH,IAAL,EAAW;IACP,OAAO,IAAP;;;EAGJ,OAAOS,YAAY,CACf,EAAE,GAAGP,UAAL;IAAiBQ,QAAQ,~~EAAEb~~,aAAA,CAACc,IAAD;MAAMC,IAAI,EAAEZ;MAAMG,SAAS,EAAC;KAA5B,CAA3B;IAAqE,aAAa;GADnE,EAEfA,SAFe,EAGfJ,GAHe,CAAnB;AAKH,CAzByB;;;;"}
1	+ {"version":3,"file":"IconButton.js","sources":["../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport * as ButtonPrimitive from '../../primitives/Button';\nimport { Icon, IconName } from '../Icon/Icon';\nimport { getAppearanceClasses, getButtonClasses, createButton } from '../Button/util';\nimport { Appearance } from '../../types';\nimport { DialogProps, HangerProps, MenuProps, PopoverProps } from '../..';\n\nexport type IconButtonProps = Omit<ButtonPrimitive.ButtonProps, 'children'> & {\n /** Appearance will change the style of the button /\n appearance?: Appearance;\n /\n Dialog component associated with the button, clicking the button will open the dialog.\n * Note that `onClick` event on button won't be handled, as in this case, the purpose of\n * the button should be only to open the associated dialog when clicked.\n /\n dialog?: (props: Partial<DialogProps>) => JSX.Element;\n /* Hanger component associated with the button. /\n hanger?: (props: Partial<HangerProps>) => JSX.Element;\n /* Set which icon should be rendered within button /\n icon: IconName; // this dynamic type causes the type extraction for props to fail\n /* Menu component associated with the button. /\n menu?: (props: Partial<MenuProps>) => JSX.Element;\n /\n Popover component associated with the button, clicking the button will open the popover.\n * Note that `onClick` event on button won't be handled, as in this case, the purpose of\n * the button should be only to open the associated popover when clicked.\n /\n popover?: (props: Partial<PopoverProps>) => JSX.Element;\n /\n Set whether the button is rounded.\n * Default value is `false`\n /\n rounded?: boolean;\n /* A tooltip to show when hovering over the button */\n tooltip?: string;\n};\n\nexport const IconButton = React.forwardRef(function IconButton(props: IconButtonProps, ref: React.Ref<HTMLButtonElement>) {\n const { icon, rounded = false, ...otherProps } = props;\n\n const className = cn(\n 'w-8',\n getButtonClasses(),\n getAppearanceClasses(otherProps.appearance, true),\n {\n 'rounded-full': rounded,\n rounded: !rounded,\n 'cursor-not-allowed opacity-50': props.disabled,\n 'focus:yt-focus active:focus:yt-focus': !props.disabled,\n },\n props.className\n );\n\n if (!icon) {\n return null;\n }\n\n return createButton(\n { ...otherProps, children: <Icon name={icon} className=\"m-0 p-0\" />, 'data-taco': 'icon-button' },\n className,\n ref\n );\n});\n"],"names":["IconButton","React","props","ref","icon","rounded","otherProps","className","cn","getButtonClasses","getAppearanceClasses","appearance","disabled","createButton","children","Icon","name"],"mappings":";;;;;MAsCaA,UAAU,gBAAGC,UAAA,CAAiB,SAASD,UAAT,CAAoBE,KAApB,EAA4CC,GAA5C;EACvC,MAAM;IAAEC,IAAF;IAAQC,OAAO,GAAG,KAAlB;IAAyB,GAAGC;MAAeJ,KAAjD;EAEA,MAAMK,SAAS,GAAGC,EAAE,CAChB,KADgB,EAEhBC,gBAAgB,EAFA,EAGhBC,oBAAoB,CAACJ,UAAU,CAACK,UAAZ,EAAwB,IAAxB,CAHJ,EAIhB;IACI,gBAAgBN,OADpB;IAEIA,OAAO,EAAE,CAACA,OAFd;IAGI,iCAAiCH,KAAK,CAACU,QAH3C;IAII,wCAAwC,CAACV,KAAK,CAACU;GARnC,EAUhBV,KAAK,CAACK,SAVU,CAApB;;EAaA,IAAI,CAACH,IAAL,EAAW;IACP,OAAO,IAAP;;;EAGJ,OAAOS,YAAY,CACf,EAAE,GAAGP,UAAL;IAAiBQ,QAAQ,eAAEb,aAAA,CAACc,IAAD;MAAMC,IAAI,EAAEZ;MAAMG,SAAS,EAAC;KAA5B,CAA3B;IAAqE,aAAa;GADnE,EAEfA,SAFe,EAGfJ,GAHe,CAAnB;AAKH,CAzByB;;;;"}

package/dist/esm/components/Input/Input.js CHANGED Viewed

@@ -39,7 +39,7 @@ const Input = /*#__PURE__*/forwardRef(function Input(props, ref) {
     }
   };
-  const input = createElement("input", Object.assign({}, otherProps, {
+  const input = /*#__PURE__*/createElement("input", Object.assign({}, otherProps, {
     className: className,
     "data-taco": "input",
     onKeyDown: handleKeyDown,
@@ -54,7 +54,7 @@ const Input = /*#__PURE__*/forwardRef(function Input(props, ref) {
       const buttonClassName = cn('items-center flex justify-center border absolute rounded-l-none rounded-r right-0 h-full focus:rounded focus:outline-none', {
         [getButtonStateClasses(invalid)]: !props.disabled
       }, button.props.className);
-      extra = cloneElement(button, {
+      extra = /*#__PURE__*/cloneElement(button, {
         className: buttonClassName,
         disabled
       });
@@ -63,16 +63,16 @@ const Input = /*#__PURE__*/forwardRef(function Input(props, ref) {
         'text-grey-dark': props.disabled,
         'text-grey-darkest': !props.disabled
       });
-      extra = typeof icon === 'string' ? createElement(Icon, {
+      extra = typeof icon === 'string' ? /*#__PURE__*/createElement(Icon, {
         className: iconClassName,
         name: icon
-      }) : cloneElement(icon, {
+      }) : /*#__PURE__*/cloneElement(icon, {
         className: cn(iconClassName, icon.props.className)
       });
     }
     const containerClassName = cn('bg-white inline-flex relative rounded w-full', otherProps.className);
-    return createElement("div", {
+    return /*#__PURE__*/createElement("div", {
       className: containerClassName,
       "data-taco": "input-container"
     }, input, extra);

package/dist/esm/components/Input/Input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Input.js","sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport { Icon, IconName } from '../Icon/Icon';\nimport { useProxiedRef } from '../../utils/hooks/useProxiedRef';\nimport { getButtonStateClasses, getInputClasses } from './util';\n\nexport type InputProps = React.InputHTMLAttributes<HTMLInputElement> & {\n /** Shows a button within the input field /\n button?: React.ReactElement;\n /* Shows an icon within the input field /\n icon?: IconName \| JSX.Element;\n /* Draws attention to the input by changing its style and making it visually prominent /\n highlighted?: boolean;\n / Whether the input is in an invalid state */\n invalid?: boolean;\n};\n\nexport const Input = React.forwardRef(function Input(props: InputProps, ref: React.Ref<HTMLInputElement>) {\n const { button, icon, highlighted, invalid, onKeyDown, autoFocus, ...otherProps } = props;\n const inputRef = useProxiedRef<HTMLInputElement>(ref);\n const hasContainer = button \|\| icon;\n const className = cn(\n getInputClasses(props),\n 'min-h-[theme(spacing.8)] pointer-events-all',\n {\n 'pr-8': !!hasContainer,\n },\n !hasContainer && otherProps.className\n );\n\n React.useEffect(() => {\n if (autoFocus && inputRef.current) {\n inputRef.current.focus();\n }\n }, []);\n\n // home and end keys only navigate to the start/end of input value if the input container does not scroll\n // if it has scroll height then the browser reverts to native scrolling behaviour only\n // so we manually override it to ensure _our_ desired behaviour remains intact\n const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n if (!event.shiftKey && (event.key === 'Home' \|\| event.key === 'End')) {\n event.preventDefault();\n const position = event.key === 'End' ? event.currentTarget.value.length : 0;\n event.currentTarget.setSelectionRange(position, position);\n }\n\n if (onKeyDown) {\n onKeyDown(event);\n }\n };\n\n const input = <input {...otherProps} className={className} data-taco=\"input\" onKeyDown={handleKeyDown} ref={inputRef} />;\n\n if (hasContainer) {\n let extra: any;\n\n if (button) {\n const disabled = button.props.disabled \|\| otherProps.disabled;\n const buttonClassName = cn(\n 'items-center flex justify-center border absolute rounded-l-none rounded-r right-0 h-full focus:rounded focus:outline-none',\n {\n [getButtonStateClasses(invalid)]: !props.disabled,\n },\n button.props.className\n );\n extra = React.cloneElement(button, {\n className: buttonClassName,\n disabled,\n });\n } else if (icon) {\n const iconClassName = cn(\n 'items-center flex justify-center absolute pointer-events-none mr-1 p-px right-0 w-5 top-1/2 -translate-y-1/2',\n {\n 'text-grey-dark': props.disabled,\n 'text-grey-darkest': !props.disabled,\n }\n );\n extra =\n typeof icon === 'string' ? (\n <Icon className={iconClassName} name={icon} />\n ) : (\n React.cloneElement(icon, { className: cn(iconClassName, icon.props.className) })\n );\n }\n\n const containerClassName = cn('bg-white inline-flex relative rounded w-full', otherProps.className);\n\n return (\n <div className={containerClassName} data-taco=\"input-container\">\n {input}\n {extra}\n </div>\n );\n }\n\n return input;\n});\n"],"names":["Input","React","props","ref","button","icon","highlighted","invalid","onKeyDown","autoFocus","otherProps","inputRef","useProxiedRef","hasContainer","className","cn","getInputClasses","current","focus","handleKeyDown","event","shiftKey","key","preventDefault","position","currentTarget","value","length","setSelectionRange","input","extra","disabled","buttonClassName","getButtonStateClasses","iconClassName","Icon","name","containerClassName"],"mappings":";;;;;;MAiBaA,KAAK,gBAAGC,UAAA,CAAiB,SAASD,KAAT,CAAeE,KAAf,EAAkCC,GAAlC;EAClC,MAAM;IAAEC,MAAF;IAAUC,IAAV;IAAgBC,WAAhB;IAA6BC,OAA7B;IAAsCC,SAAtC;IAAiDC,SAAjD;IAA4D,GAAGC;MAAeR,KAApF;EACA,MAAMS,QAAQ,GAAGC,aAAa,CAAmBT,GAAnB,CAA9B;EACA,MAAMU,YAAY,GAAGT,MAAM,IAAIC,IAA/B;EACA,MAAMS,SAAS,GAAGC,EAAE,CAChBC,eAAe,CAACd,KAAD,CADC,EAEhB,6CAFgB,EAGhB;IACI,QAAQ,CAAC,CAACW;GAJE,EAMhB,CAACA,YAAD,IAAiBH,UAAU,CAACI,SANZ,CAApB;EASAb,SAAA,CAAgB;IACZ,IAAIQ,SAAS,IAAIE,QAAQ,CAACM,OAA1B,EAAmC;MAC/BN,QAAQ,CAACM,OAAT,CAAiBC,KAAjB;;GAFR,EAIG,EAJH;;;;EASA,MAAMC,aAAa,GAAIC,KAAD;IAClB,IAAI,CAACA,KAAK,CAACC,QAAP,KAAoBD,KAAK,CAACE,GAAN,KAAc,MAAd,IAAwBF,KAAK,CAACE,GAAN,KAAc,KAA1D,CAAJ,EAAsE;MAClEF,KAAK,CAACG,cAAN;MACA,MAAMC,QAAQ,GAAGJ,KAAK,CAACE,GAAN,KAAc,KAAd,GAAsBF,KAAK,CAACK,aAAN,CAAoBC,KAApB,CAA0BC,MAAhD,GAAyD,CAA1E;MACAP,KAAK,CAACK,aAAN,CAAoBG,iBAApB,CAAsCJ,QAAtC,EAAgDA,QAAhD;;;IAGJ,IAAIhB,SAAJ,EAAe;MACXA,SAAS,CAACY,KAAD,CAAT;;GARR;;EAYA,MAAMS,KAAK,~~GAAG5B~~,aAAA,QAAA,oBAAWS;IAAYI,SAAS,EAAEA;iBAAqB;IAAQN,SAAS,EAAEW;IAAehB,GAAG,EAAEQ;IAA9F,CAAd;;EAEA,IAAIE,YAAJ,EAAkB;IACd,IAAIiB,KAAJ;;IAEA,IAAI1B,MAAJ,EAAY;MACR,MAAM2B,QAAQ,GAAG3B,MAAM,CAACF,KAAP,CAAa6B,QAAb,IAAyBrB,UAAU,CAACqB,QAArD;MACA,MAAMC,eAAe,GAAGjB,EAAE,CACtB,2HADsB,EAEtB;QACI,CAACkB,qBAAqB,CAAC1B,OAAD,CAAtB,GAAkC,CAACL,KAAK,CAAC6B;OAHvB,EAKtB3B,MAAM,CAACF,KAAP,CAAaY,SALS,CAA1B;MAOAgB,KAAK,~~GAAG7B~~,YAAA,CAAmBG,MAAnB,EAA2B;QAC/BU,SAAS,EAAEkB,eADoB;QAE/BD;OAFI,CAAR;KATJ,MAaO,IAAI1B,IAAJ,EAAU;MACb,MAAM6B,aAAa,GAAGnB,EAAE,CACpB,8GADoB,EAEpB;QACI,kBAAkBb,KAAK,CAAC6B,QAD5B;QAEI,qBAAqB,CAAC7B,KAAK,CAAC6B;OAJZ,CAAxB;MAOAD,KAAK,GACD,OAAOzB,IAAP,KAAgB,QAAhB,~~GACIJ~~,aAAA,CAACkC,IAAD;QAAMrB,SAAS,EAAEoB;QAAeE,IAAI,EAAE/B;OAAtC,CADJ,~~GAGIJ~~,YAAA,CAAmBI,IAAnB,EAAyB;QAAES,SAAS,EAAEC,EAAE,CAACmB,aAAD,EAAgB7B,IAAI,CAACH,KAAL,CAAWY,SAA3B;OAAxC,CAJR;;;IAQJ,MAAMuB,kBAAkB,GAAGtB,EAAE,CAAC,8CAAD,EAAiDL,UAAU,CAACI,SAA5D,CAA7B;IAEA,~~OACIb~~,aAAA,MAAA;MAAKa,SAAS,EAAEuB;mBAA8B;KAA9C,EACKR,KADL,EAEKC,KAFL,CADJ;;;EAQJ,OAAOD,KAAP;AACH,CA/EoB;;;;"}
1	+ {"version":3,"file":"Input.js","sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport { Icon, IconName } from '../Icon/Icon';\nimport { useProxiedRef } from '../../utils/hooks/useProxiedRef';\nimport { getButtonStateClasses, getInputClasses } from './util';\n\nexport type InputProps = React.InputHTMLAttributes<HTMLInputElement> & {\n /** Shows a button within the input field /\n button?: React.ReactElement;\n /* Shows an icon within the input field /\n icon?: IconName \| JSX.Element;\n /* Draws attention to the input by changing its style and making it visually prominent /\n highlighted?: boolean;\n / Whether the input is in an invalid state */\n invalid?: boolean;\n};\n\nexport const Input = React.forwardRef(function Input(props: InputProps, ref: React.Ref<HTMLInputElement>) {\n const { button, icon, highlighted, invalid, onKeyDown, autoFocus, ...otherProps } = props;\n const inputRef = useProxiedRef<HTMLInputElement>(ref);\n const hasContainer = button \|\| icon;\n const className = cn(\n getInputClasses(props),\n 'min-h-[theme(spacing.8)] pointer-events-all',\n {\n 'pr-8': !!hasContainer,\n },\n !hasContainer && otherProps.className\n );\n\n React.useEffect(() => {\n if (autoFocus && inputRef.current) {\n inputRef.current.focus();\n }\n }, []);\n\n // home and end keys only navigate to the start/end of input value if the input container does not scroll\n // if it has scroll height then the browser reverts to native scrolling behaviour only\n // so we manually override it to ensure _our_ desired behaviour remains intact\n const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n if (!event.shiftKey && (event.key === 'Home' \|\| event.key === 'End')) {\n event.preventDefault();\n const position = event.key === 'End' ? event.currentTarget.value.length : 0;\n event.currentTarget.setSelectionRange(position, position);\n }\n\n if (onKeyDown) {\n onKeyDown(event);\n }\n };\n\n const input = <input {...otherProps} className={className} data-taco=\"input\" onKeyDown={handleKeyDown} ref={inputRef} />;\n\n if (hasContainer) {\n let extra: any;\n\n if (button) {\n const disabled = button.props.disabled \|\| otherProps.disabled;\n const buttonClassName = cn(\n 'items-center flex justify-center border absolute rounded-l-none rounded-r right-0 h-full focus:rounded focus:outline-none',\n {\n [getButtonStateClasses(invalid)]: !props.disabled,\n },\n button.props.className\n );\n extra = React.cloneElement(button, {\n className: buttonClassName,\n disabled,\n });\n } else if (icon) {\n const iconClassName = cn(\n 'items-center flex justify-center absolute pointer-events-none mr-1 p-px right-0 w-5 top-1/2 -translate-y-1/2',\n {\n 'text-grey-dark': props.disabled,\n 'text-grey-darkest': !props.disabled,\n }\n );\n extra =\n typeof icon === 'string' ? (\n <Icon className={iconClassName} name={icon} />\n ) : (\n React.cloneElement(icon, { className: cn(iconClassName, icon.props.className) })\n );\n }\n\n const containerClassName = cn('bg-white inline-flex relative rounded w-full', otherProps.className);\n\n return (\n <div className={containerClassName} data-taco=\"input-container\">\n {input}\n {extra}\n </div>\n );\n }\n\n return input;\n});\n"],"names":["Input","React","props","ref","button","icon","highlighted","invalid","onKeyDown","autoFocus","otherProps","inputRef","useProxiedRef","hasContainer","className","cn","getInputClasses","current","focus","handleKeyDown","event","shiftKey","key","preventDefault","position","currentTarget","value","length","setSelectionRange","input","extra","disabled","buttonClassName","getButtonStateClasses","iconClassName","Icon","name","containerClassName"],"mappings":";;;;;;MAiBaA,KAAK,gBAAGC,UAAA,CAAiB,SAASD,KAAT,CAAeE,KAAf,EAAkCC,GAAlC;EAClC,MAAM;IAAEC,MAAF;IAAUC,IAAV;IAAgBC,WAAhB;IAA6BC,OAA7B;IAAsCC,SAAtC;IAAiDC,SAAjD;IAA4D,GAAGC;MAAeR,KAApF;EACA,MAAMS,QAAQ,GAAGC,aAAa,CAAmBT,GAAnB,CAA9B;EACA,MAAMU,YAAY,GAAGT,MAAM,IAAIC,IAA/B;EACA,MAAMS,SAAS,GAAGC,EAAE,CAChBC,eAAe,CAACd,KAAD,CADC,EAEhB,6CAFgB,EAGhB;IACI,QAAQ,CAAC,CAACW;GAJE,EAMhB,CAACA,YAAD,IAAiBH,UAAU,CAACI,SANZ,CAApB;EASAb,SAAA,CAAgB;IACZ,IAAIQ,SAAS,IAAIE,QAAQ,CAACM,OAA1B,EAAmC;MAC/BN,QAAQ,CAACM,OAAT,CAAiBC,KAAjB;;GAFR,EAIG,EAJH;;;;EASA,MAAMC,aAAa,GAAIC,KAAD;IAClB,IAAI,CAACA,KAAK,CAACC,QAAP,KAAoBD,KAAK,CAACE,GAAN,KAAc,MAAd,IAAwBF,KAAK,CAACE,GAAN,KAAc,KAA1D,CAAJ,EAAsE;MAClEF,KAAK,CAACG,cAAN;MACA,MAAMC,QAAQ,GAAGJ,KAAK,CAACE,GAAN,KAAc,KAAd,GAAsBF,KAAK,CAACK,aAAN,CAAoBC,KAApB,CAA0BC,MAAhD,GAAyD,CAA1E;MACAP,KAAK,CAACK,aAAN,CAAoBG,iBAApB,CAAsCJ,QAAtC,EAAgDA,QAAhD;;;IAGJ,IAAIhB,SAAJ,EAAe;MACXA,SAAS,CAACY,KAAD,CAAT;;GARR;;EAYA,MAAMS,KAAK,gBAAG5B,aAAA,QAAA,oBAAWS;IAAYI,SAAS,EAAEA;iBAAqB;IAAQN,SAAS,EAAEW;IAAehB,GAAG,EAAEQ;IAA9F,CAAd;;EAEA,IAAIE,YAAJ,EAAkB;IACd,IAAIiB,KAAJ;;IAEA,IAAI1B,MAAJ,EAAY;MACR,MAAM2B,QAAQ,GAAG3B,MAAM,CAACF,KAAP,CAAa6B,QAAb,IAAyBrB,UAAU,CAACqB,QAArD;MACA,MAAMC,eAAe,GAAGjB,EAAE,CACtB,2HADsB,EAEtB;QACI,CAACkB,qBAAqB,CAAC1B,OAAD,CAAtB,GAAkC,CAACL,KAAK,CAAC6B;OAHvB,EAKtB3B,MAAM,CAACF,KAAP,CAAaY,SALS,CAA1B;MAOAgB,KAAK,gBAAG7B,YAAA,CAAmBG,MAAnB,EAA2B;QAC/BU,SAAS,EAAEkB,eADoB;QAE/BD;OAFI,CAAR;KATJ,MAaO,IAAI1B,IAAJ,EAAU;MACb,MAAM6B,aAAa,GAAGnB,EAAE,CACpB,8GADoB,EAEpB;QACI,kBAAkBb,KAAK,CAAC6B,QAD5B;QAEI,qBAAqB,CAAC7B,KAAK,CAAC6B;OAJZ,CAAxB;MAOAD,KAAK,GACD,OAAOzB,IAAP,KAAgB,QAAhB,gBACIJ,aAAA,CAACkC,IAAD;QAAMrB,SAAS,EAAEoB;QAAeE,IAAI,EAAE/B;OAAtC,CADJ,gBAGIJ,YAAA,CAAmBI,IAAnB,EAAyB;QAAES,SAAS,EAAEC,EAAE,CAACmB,aAAD,EAAgB7B,IAAI,CAACH,KAAL,CAAWY,SAA3B;OAAxC,CAJR;;;IAQJ,MAAMuB,kBAAkB,GAAGtB,EAAE,CAAC,8CAAD,EAAiDL,UAAU,CAACI,SAA5D,CAA7B;IAEA,oBACIb,aAAA,MAAA;MAAKa,SAAS,EAAEuB;mBAA8B;KAA9C,EACKR,KADL,EAEKC,KAFL,CADJ;;;EAQJ,OAAOD,KAAP;AACH,CA/EoB;;;;"}

package/dist/esm/components/Listbox/Listbox.js CHANGED Viewed

@@ -14,16 +14,16 @@ const Listbox = /*#__PURE__*/forwardRef(function Listbox(props, ref) {
     input
   } = useListbox(otherProps, ref);
   const className = cn('bg-white inline-flex relative w-full', externalClassName);
-  return createElement("span", {
+  return /*#__PURE__*/createElement("span", {
     "data-taco": "listbox",
     className: className
-  }, createElement(ScrollableList, Object.assign({}, list, {
+  }, /*#__PURE__*/createElement(ScrollableList, Object.assign({}, list, {
     style: { ...list.style,
       maxHeight: 'calc(12rem + 2px)'
       /* (6 * option height) + listbox border */
     }
-  })), createElement("input", Object.assign({}, input, {
+  })), /*#__PURE__*/createElement("input", Object.assign({}, input, {
     className: "hidden",
     type: "text"
   })));
@@ -38,16 +38,16 @@ const MultiListbox = /*#__PURE__*/forwardRef(function Listbox(props, ref) {
     input
   } = useMultiListbox(otherProps, ref);
   const className = cn('bg-white inline-flex relative w-full', externalClassName);
-  return createElement("span", {
+  return /*#__PURE__*/createElement("span", {
     "data-taco": "listbox",
     className: className
-  }, createElement(ScrollableList, Object.assign({}, list, {
+  }, /*#__PURE__*/createElement(ScrollableList, Object.assign({}, list, {
     style: { ...list.style,
       maxHeight: 'calc(12rem + 2px + 2px)'
       /* (6 * option height) + listbox border + ALL_OPTIONS bottom border */
     }
-  })), createElement("input", Object.assign({}, input, {
+  })), /*#__PURE__*/createElement("input", Object.assign({}, input, {
     className: "hidden",
     type: "text"
   })));

package/dist/esm/components/Listbox/Listbox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Listbox.js","sources":["../../../../src/components/Listbox/Listbox.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport { useListbox } from './useListbox';\nimport { useMultiListbox } from './useMultiListbox';\nimport { ScrollableList, ScrollableListItemValue, ScrollableListItem } from './ScrollableList';\n\nexport type ListboxItem = ScrollableListItem;\nexport type ListboxValue = ScrollableListItemValue;\n\nexport type ListboxTexts = {\n /*\n Text displayed in the listbox if no data provided.\n * To read more about how to provide the text, see [Provider](component:provider) component\n /\n empty: string;\n /\n Text displayed in the listbox to indicate the data is loading.\n * Read more about how to provide the text in [Provider](component:provider) component\n /\n loading: string;\n /\n The first option displayed in a multiselect listbox that selects all available options.\n * Read more about how to provide the text in [Provider](component:provider) component\n /\n allOption: string;\n};\n\nexport type ListboxProps = Pick<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' \| 'onFocus'> &\n Omit<React.InputHTMLAttributes<HTMLElement>, 'defaultValue' \| 'onChange' \| 'value'> & {\n /* Data indicating the options in listbox /\n data?: ListboxItem[];\n /\n Initial value of the listbox.\n * This is used when listbox is mounted, if no value is provided.\n * Note that listbox is a controlled component, setting this will also trigger the `onChange` event\n /\n defaultValue?: ListboxValue;\n /* Set what value should have an empty option in listbox /\n emptyValue?: ListboxValue;\n /* Draws attention to the listbox by changing its style and making it visually prominent /\n highlighted?: boolean;\n / Whether the input is in an invalid state /\n invalid?: boolean;\n /\n Shows a loading indicator with a text next to it.\n * Read more about how to provide the text in [Provider](component:provider) component\n /\n loading?: boolean;\n /\n Value of the listbox representing the selected item.\n * It needs to be an existing value from the provided data\n /\n value?: ListboxValue;\n };\n\nexport const Listbox = React.forwardRef(function Listbox(props: ListboxProps, ref: React.Ref<HTMLInputElement>) {\n const { className: externalClassName, ...otherProps } = props;\n const { list, input } = useListbox(otherProps, ref);\n const className = cn('bg-white inline-flex relative w-full', externalClassName);\n\n return (\n <span data-taco=\"listbox\" className={className}>\n <ScrollableList\n {...list}\n style={{ ...list.style, maxHeight: 'calc(12rem + 2px)' / (6 * option height) + listbox border / }}\n />\n <input {...input} className=\"hidden\" type=\"text\" />\n </span>\n );\n});\n\nexport const MultiListbox = React.forwardRef(function Listbox(props: ListboxProps, ref: React.Ref<HTMLInputElement>) {\n const { className: externalClassName, ...otherProps } = props;\n const { list, input } = useMultiListbox(otherProps, ref);\n const className = cn('bg-white inline-flex relative w-full', externalClassName);\n\n return (\n <span data-taco=\"listbox\" className={className}>\n <ScrollableList\n {...list}\n style={{\n ...list.style,\n maxHeight: 'calc(12rem + 2px + 2px)' / (6 * option height) + listbox border + ALL_OPTIONS bottom border */,\n }}\n />\n <input {...input} className=\"hidden\" type=\"text\" />\n </span>\n );\n});\n"],"names":["Listbox","React","props","ref","className","externalClassName","otherProps","list","input","useListbox","cn","ScrollableList","style","maxHeight","type","MultiListbox","useMultiListbox"],"mappings":";;;;;;MAuDaA,OAAO,gBAAGC,UAAA,CAAiB,SAASD,OAAT,CAAiBE,KAAjB,EAAsCC,GAAtC;EACpC,MAAM;IAAEC,SAAS,EAAEC,iBAAb;IAAgC,GAAGC;MAAeJ,KAAxD;EACA,MAAM;IAAEK,IAAF;IAAQC;MAAUC,UAAU,CAACH,UAAD,EAAaH,GAAb,CAAlC;EACA,MAAMC,SAAS,GAAGM,EAAE,CAAC,sCAAD,EAAyCL,iBAAzC,CAApB;EAEA,~~OACIJ~~,aAAA,OAAA;iBAAgB;IAAUG,SAAS,EAAEA;GAArC,~~EACIH~~,aAAA,CAACU,cAAD,oBACQJ;IACJK,KAAK,EAAE,EAAE,GAAGL,IAAI,CAACK,KAAV;MAAiBC,SAAS,EAAE;;;;IAFvC,CADJ,~~EAKIZ~~,aAAA,QAAA,oBAAWO;IAAOJ,SAAS,EAAC;IAASU,IAAI,EAAC;IAA1C,CALJ,CADJ;AASH,CAdsB;MAgBVC,YAAY,gBAAGd,UAAA,CAAiB,SAASD,OAAT,CAAiBE,KAAjB,EAAsCC,GAAtC;EACzC,MAAM;IAAEC,SAAS,EAAEC,iBAAb;IAAgC,GAAGC;MAAeJ,KAAxD;EACA,MAAM;IAAEK,IAAF;IAAQC;MAAUQ,eAAe,CAACV,UAAD,EAAaH,GAAb,CAAvC;EACA,MAAMC,SAAS,GAAGM,EAAE,CAAC,sCAAD,EAAyCL,iBAAzC,CAApB;EAEA,~~OACIJ~~,aAAA,OAAA;iBAAgB;IAAUG,SAAS,EAAEA;GAArC,~~EACIH~~,aAAA,CAACU,cAAD,oBACQJ;IACJK,KAAK,EAAE,EACH,GAAGL,IAAI,CAACK,KADL;MAEHC,SAAS,EAAE;;;;IAJnB,CADJ,~~EAQIZ~~,aAAA,QAAA,oBAAWO;IAAOJ,SAAS,EAAC;IAASU,IAAI,EAAC;IAA1C,CARJ,CADJ;AAYH,CAjB2B;;;;"}
1	+ {"version":3,"file":"Listbox.js","sources":["../../../../src/components/Listbox/Listbox.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport { useListbox } from './useListbox';\nimport { useMultiListbox } from './useMultiListbox';\nimport { ScrollableList, ScrollableListItemValue, ScrollableListItem } from './ScrollableList';\n\nexport type ListboxItem = ScrollableListItem;\nexport type ListboxValue = ScrollableListItemValue;\n\nexport type ListboxTexts = {\n /*\n Text displayed in the listbox if no data provided.\n * To read more about how to provide the text, see [Provider](component:provider) component\n /\n empty: string;\n /\n Text displayed in the listbox to indicate the data is loading.\n * Read more about how to provide the text in [Provider](component:provider) component\n /\n loading: string;\n /\n The first option displayed in a multiselect listbox that selects all available options.\n * Read more about how to provide the text in [Provider](component:provider) component\n /\n allOption: string;\n};\n\nexport type ListboxProps = Pick<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' \| 'onFocus'> &\n Omit<React.InputHTMLAttributes<HTMLElement>, 'defaultValue' \| 'onChange' \| 'value'> & {\n /* Data indicating the options in listbox /\n data?: ListboxItem[];\n /\n Initial value of the listbox.\n * This is used when listbox is mounted, if no value is provided.\n * Note that listbox is a controlled component, setting this will also trigger the `onChange` event\n /\n defaultValue?: ListboxValue;\n /* Set what value should have an empty option in listbox /\n emptyValue?: ListboxValue;\n /* Draws attention to the listbox by changing its style and making it visually prominent /\n highlighted?: boolean;\n / Whether the input is in an invalid state /\n invalid?: boolean;\n /\n Shows a loading indicator with a text next to it.\n * Read more about how to provide the text in [Provider](component:provider) component\n /\n loading?: boolean;\n /\n Value of the listbox representing the selected item.\n * It needs to be an existing value from the provided data\n /\n value?: ListboxValue;\n };\n\nexport const Listbox = React.forwardRef(function Listbox(props: ListboxProps, ref: React.Ref<HTMLInputElement>) {\n const { className: externalClassName, ...otherProps } = props;\n const { list, input } = useListbox(otherProps, ref);\n const className = cn('bg-white inline-flex relative w-full', externalClassName);\n\n return (\n <span data-taco=\"listbox\" className={className}>\n <ScrollableList\n {...list}\n style={{ ...list.style, maxHeight: 'calc(12rem + 2px)' / (6 * option height) + listbox border / }}\n />\n <input {...input} className=\"hidden\" type=\"text\" />\n </span>\n );\n});\n\nexport const MultiListbox = React.forwardRef(function Listbox(props: ListboxProps, ref: React.Ref<HTMLInputElement>) {\n const { className: externalClassName, ...otherProps } = props;\n const { list, input } = useMultiListbox(otherProps, ref);\n const className = cn('bg-white inline-flex relative w-full', externalClassName);\n\n return (\n <span data-taco=\"listbox\" className={className}>\n <ScrollableList\n {...list}\n style={{\n ...list.style,\n maxHeight: 'calc(12rem + 2px + 2px)' / (6 * option height) + listbox border + ALL_OPTIONS bottom border */,\n }}\n />\n <input {...input} className=\"hidden\" type=\"text\" />\n </span>\n );\n});\n"],"names":["Listbox","React","props","ref","className","externalClassName","otherProps","list","input","useListbox","cn","ScrollableList","style","maxHeight","type","MultiListbox","useMultiListbox"],"mappings":";;;;;;MAuDaA,OAAO,gBAAGC,UAAA,CAAiB,SAASD,OAAT,CAAiBE,KAAjB,EAAsCC,GAAtC;EACpC,MAAM;IAAEC,SAAS,EAAEC,iBAAb;IAAgC,GAAGC;MAAeJ,KAAxD;EACA,MAAM;IAAEK,IAAF;IAAQC;MAAUC,UAAU,CAACH,UAAD,EAAaH,GAAb,CAAlC;EACA,MAAMC,SAAS,GAAGM,EAAE,CAAC,sCAAD,EAAyCL,iBAAzC,CAApB;EAEA,oBACIJ,aAAA,OAAA;iBAAgB;IAAUG,SAAS,EAAEA;GAArC,eACIH,aAAA,CAACU,cAAD,oBACQJ;IACJK,KAAK,EAAE,EAAE,GAAGL,IAAI,CAACK,KAAV;MAAiBC,SAAS,EAAE;;;;IAFvC,CADJ,eAKIZ,aAAA,QAAA,oBAAWO;IAAOJ,SAAS,EAAC;IAASU,IAAI,EAAC;IAA1C,CALJ,CADJ;AASH,CAdsB;MAgBVC,YAAY,gBAAGd,UAAA,CAAiB,SAASD,OAAT,CAAiBE,KAAjB,EAAsCC,GAAtC;EACzC,MAAM;IAAEC,SAAS,EAAEC,iBAAb;IAAgC,GAAGC;MAAeJ,KAAxD;EACA,MAAM;IAAEK,IAAF;IAAQC;MAAUQ,eAAe,CAACV,UAAD,EAAaH,GAAb,CAAvC;EACA,MAAMC,SAAS,GAAGM,EAAE,CAAC,sCAAD,EAAyCL,iBAAzC,CAApB;EAEA,oBACIJ,aAAA,OAAA;iBAAgB;IAAUG,SAAS,EAAEA;GAArC,eACIH,aAAA,CAACU,cAAD,oBACQJ;IACJK,KAAK,EAAE,EACH,GAAGL,IAAI,CAACK,KADL;MAEHC,SAAS,EAAE;;;;IAJnB,CADJ,eAQIZ,aAAA,QAAA,oBAAWO;IAAOJ,SAAS,EAAC;IAASU,IAAI,EAAC;IAA1C,CARJ,CADJ;AAYH,CAjB2B;;;;"}

package/dist/esm/components/Listbox/ScrollableList.js CHANGED Viewed

@@ -45,7 +45,7 @@ const ScrollableList = /*#__PURE__*/forwardRef(function ScrollableList(props, re
     ...otherProps
   } = props;
   const listRef = useProxiedRef(ref);
-  const itemRefs = useMemo(() => data.map(() => createRef()), [data]);
+  const itemRefs = useMemo(() => data.map(() => /*#__PURE__*/createRef()), [data]);
   const {
     texts
   } = useLocalization();
@@ -149,25 +149,25 @@ const ScrollableList = /*#__PURE__*/forwardRef(function ScrollableList(props, re
       } : undefined
     };
   });
-  return createElement("ul", Object.assign({}, list, {
+  return /*#__PURE__*/createElement("ul", Object.assign({}, list, {
     "data-taco": "scrollable-list"
-  }), loading ? createElement("li", {
+  }), loading ? /*#__PURE__*/createElement("li", {
     className: "yt-list__empty"
-  }, createElement("span", null, createElement(Spinner, {
+  }, /*#__PURE__*/createElement("span", null, /*#__PURE__*/createElement(Spinner, {
     delay: 0
-  })), createElement("span", null, texts.listbox.loading)) : options.length ? options.map(({
+  })), /*#__PURE__*/createElement("span", null, texts.listbox.loading)) : options.length ? options.map(({
     children,
     icon,
     ...optionProps
-  }) => createElement("li", Object.assign({}, optionProps), icon, createElement("span", {
+  }) => /*#__PURE__*/createElement("li", Object.assign({}, optionProps), icon, /*#__PURE__*/createElement("span", {
     className: "flex-grow truncate text-left"
-  }, children), multiselect && createElement(Checkbox, {
+  }, children), multiselect && /*#__PURE__*/createElement(Checkbox, {
     checked: optionProps['aria-selected'],
     onChange: () => null,
     className: "pointer-events-none ml-2 self-center p-px"
-  }))) : createElement("li", {
+  }))) : /*#__PURE__*/createElement("li", {
     className: "yt-list__empty"
-  }, createElement("span", null, texts.listbox.empty)));
+  }, /*#__PURE__*/createElement("span", null, texts.listbox.empty)));
 });
 export { ScrollableList, getId };

package/dist/esm/components/Listbox/ScrollableList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ScrollableList.js","sources":["../../../../src/components/Listbox/ScrollableList.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport { useProxiedRef } from '../../utils/hooks/useProxiedRef';\nimport { getNextIndexFromKey } from '../../utils/hooks/useListKeyboardNavigation';\nimport { useListScrollTo } from '../../utils/hooks/useListScrollTo';\nimport './ScrollableList.css';\nimport { Spinner } from '../Spinner/Spinner';\nimport { useLocalization } from '../Provider/Provider';\nimport { Checkbox } from '../Checkbox/Checkbox';\nimport { getInputClasses } from '../Input/util';\n\nexport type ScrollableListItemValue = string \| number \| boolean \| null;\n\nexport type ScrollableListItem = {\n /*\n Set whether the item is disabled.\n * This will both change the style and make the item unselectable\n /\n disabled?: boolean;\n / Specifies whether the item has child items -- intended for internal use only /\n hasChildren?: boolean;\n /* Place an icon before the item's text /\n icon?: React.ReactElement;\n / The index path to the item -- intended for internal use only /\n path?: string;\n /* Text describing the item /\n text: string \| JSX.Element;\n /* Value of the item /\n value: ScrollableListItemValue;\n /* Child items to show hierarchical data /\n children?: ScrollableListItem[];\n};\n\n/* @internal /\nexport type ScrollableListProps = Omit<\n React.HTMLAttributes<HTMLUListElement>,\n 'defaultValue' \| 'id' \| 'onChange' \| 'onClick' \| 'onKeyDown'\n> & {\n /* Data indicating the options in scrollable list /\n data: ScrollableListItem[];\n /* Sets the list to be disabled /\n disabled?: boolean;\n /* Draws attention to the scrollable list by changing its style and making it visually prominent /\n highlighted?: boolean;\n /* Set an id for the scrollable list /\n id: string;\n / Whether the input is in an invalid state /\n invalid?: boolean;\n /\n Shows a loading indicator with a text next to it.\n * Read more about how to provide the text in `Provider` component.\n /\n loading?: boolean;\n /\n Handler called when current active/selected option changes in a scrollable list.\n * @param index indicates the index of the current active option\n /\n onChange: (index: number) => void;\n /* Handler called when option is clicked /\n onClick?: (event: React.MouseEvent<HTMLLIElement>, index: number) => void;\n /\n Set whether the selected item should be scrolled into view when listbox is focused.\n * Default value is `false`\n /\n scrollOnFocus?: boolean;\n /* Handler called when a key is pressed /\n onKeyDown?: (event: React.KeyboardEvent<HTMLUListElement>, index: number \| undefined) => void;\n / Sets the list to read only mode /\n readOnly?: boolean;\n /\n Value of the scrollable list representing the selected item.\n * It needs to be an existing value from the provided data.\n /\n value: number \| undefined;\n /\n Allows to select multiple items from the list\n /\n multiselect?: boolean;\n /\n Contains the currently selected values when multiselect mode is ON.\n /\n selectedIndexes?: number[];\n /\n True when all available (not disabled) options are selected\n /\n allOptionsSelected?: boolean;\n};\n\n/* @internal */\nexport type ScrollableListPropsWithRef = ScrollableListProps & React.RefAttributes<HTMLUListElement>;\n\nexport const getId = (id: string, value: ScrollableListItemValue): string => `${id}_${value}`;\n\nconst getNextEnabledItem = (\n event: React.KeyboardEvent<HTMLElement>,\n data: ScrollableListItem[],\n index: number \| undefined\n): number \| undefined => {\n const nextIndex = getNextIndexFromKey(event.key, data.length, index);\n\n if (nextIndex) {\n if (nextIndex === index) {\n return index;\n } else if (data[nextIndex] && data[nextIndex].disabled) {\n return getNextEnabledItem(event, data, nextIndex);\n }\n }\n\n return nextIndex;\n};\n\nexport const ScrollableList = React.forwardRef(function ScrollableList(\n props: ScrollableListProps,\n ref: React.Ref<HTMLUListElement>\n) {\n const {\n data,\n disabled,\n highlighted,\n id,\n invalid: _,\n loading,\n onChange: setCurrentIndex,\n onClick,\n onFocus,\n onKeyDown,\n readOnly,\n scrollOnFocus = false,\n value: currentIndex,\n multiselect,\n selectedIndexes = [],\n allOptionsSelected = false,\n ...otherProps\n } = props;\n const listRef = useProxiedRef<HTMLUListElement>(ref);\n const itemRefs = React.useMemo(() => data.map(() => React.createRef<HTMLLIElement>()), [data]);\n const { texts } = useLocalization();\n const { scrollTo } = useListScrollTo(listRef, itemRefs);\n\n React.useEffect(() => {\n if (currentIndex && itemRefs[currentIndex]?.current) {\n itemRefs[currentIndex].current?.scrollIntoView({\n block: 'center',\n });\n }\n }, []);\n\n React.useEffect(() => {\n scrollTo(currentIndex);\n }, [currentIndex]);\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLUListElement>): void => {\n const nextIndex = getNextEnabledItem(event, data, currentIndex);\n\n if (nextIndex !== undefined && nextIndex !== currentIndex) {\n event.preventDefault();\n scrollTo(nextIndex);\n setCurrentIndex(nextIndex);\n }\n\n if (onKeyDown) {\n event.persist();\n const index = nextIndex !== undefined ? nextIndex : currentIndex;\n onKeyDown(event, index);\n }\n };\n\n const handleClick = (index: number) => (event: React.MouseEvent<HTMLLIElement>) => {\n setCurrentIndex(index);\n\n if (onClick) {\n event.persist();\n onClick(event, index);\n }\n };\n\n const handleFocus = (event: React.FocusEvent<HTMLUListElement>): void => {\n if (scrollOnFocus) {\n scrollTo(currentIndex);\n }\n\n if (onFocus) {\n event.persist();\n onFocus(event);\n }\n };\n\n const getOptionCheckedState = (optionValue: string, index: number): boolean => {\n if (optionValue === '#ALL-OPTIONS#') {\n return allOptionsSelected;\n } else if (!optionValue \|\| !selectedIndexes) {\n return false;\n } else {\n return selectedIndexes.findIndex(i => i === index) !== -1;\n }\n };\n\n const list: React.HTMLAttributes<HTMLUListElement> &\n React.RefAttributes<HTMLUListElement> & { disabled?: boolean; readOnly?: boolean } = {\n ...otherProps,\n className: cn(\n 'inline-flex flex-col list-none !p-0 m-0 overflow-y-auto h-auto',\n getInputClasses(props),\n {\n 'yt-list--multiselect': multiselect,\n 'pointer-events-none': disabled,\n 'cursor-not-allowed': disabled \|\| readOnly,\n },\n otherProps.className\n ),\n disabled,\n id,\n onFocus: !disabled && !readOnly ? handleFocus : undefined,\n onKeyDown: !disabled && !readOnly ? handleKeyDown : undefined,\n readOnly,\n ref: listRef,\n role: 'listbox',\n tabIndex: otherProps.tabIndex \|\| 0,\n };\n\n const options = data.map((option, index) => {\n const depth = option.path ? option.path.split('.').length - 1 : 0;\n\n return {\n 'aria-selected': multiselect ? getOptionCheckedState(String(option.value), index) : currentIndex === index,\n 'data-focused': currentIndex === index,\n children: option.text,\n className: cn(\n 'flex items-center px-3 w-full cursor-pointer bg-white flex-[0_0_2rem] focus:wcag-blue focus:border-blue',\n {\n 'sticky top-0 font-bold': depth === 0 && !!option.hasChildren,\n }\n ),\n disabled: option.disabled,\n icon: option.icon,\n id: getId(id, option.value),\n key: getId(id, option.value),\n onClick: !disabled && !readOnly ? handleClick(index) : undefined,\n ref: itemRefs[index],\n role: 'option',\n style:\n depth > 0\n ? {\n paddingLeft: `${depth + 1}rem`,\n }\n : undefined,\n };\n });\n\n return (\n <ul {...list} data-taco=\"scrollable-list\">\n {loading ? (\n <li className=\"yt-list__empty\">\n <span>\n <Spinner delay={0} />\n </span>\n <span>{texts.listbox.loading}</span>\n </li>\n ) : options.length ? (\n options.map(({ children, icon, ...optionProps }) => (\n <li {...optionProps}>\n {icon}\n <span className=\"flex-grow truncate text-left\">{children}</span>\n {multiselect && (\n <Checkbox\n checked={optionProps['aria-selected']}\n onChange={() => null}\n className=\"pointer-events-none ml-2 self-center p-px\"\n />\n )}\n </li>\n ))\n ) : (\n <li className=\"yt-list__empty\">\n <span>{texts.listbox.empty}</span>\n </li>\n )}\n </ul>\n );\n});\n"],"names":["getId","id","value","getNextEnabledItem","event","data","index","nextIndex","getNextIndexFromKey","key","length","disabled","ScrollableList","React","props","ref","highlighted","invalid","_","loading","onChange","setCurrentIndex","onClick","onFocus","onKeyDown","readOnly","scrollOnFocus","currentIndex","multiselect","selectedIndexes","allOptionsSelected","otherProps","listRef","useProxiedRef","itemRefs","map","texts","useLocalization","scrollTo","useListScrollTo","current","scrollIntoView","block","handleKeyDown","undefined","preventDefault","persist","handleClick","handleFocus","getOptionCheckedState","optionValue","findIndex","i","list","className","cn","getInputClasses","role","tabIndex","options","option","depth","path","split","String","children","text","hasChildren","icon","style","paddingLeft","Spinner","delay","listbox","optionProps","Checkbox","checked","empty"],"mappings":";;;;;;;;;;MA2FaA,KAAK,GAAG,CAACC,EAAD,EAAaC,KAAb,QAA2DD,MAAMC;;AAEtF,MAAMC,kBAAkB,GAAG,CACvBC,KADuB,EAEvBC,IAFuB,EAGvBC,KAHuB;EAKvB,MAAMC,SAAS,GAAGC,mBAAmB,CAACJ,KAAK,CAACK,GAAP,EAAYJ,IAAI,CAACK,MAAjB,EAAyBJ,KAAzB,CAArC;;EAEA,IAAIC,SAAJ,EAAe;IACX,IAAIA,SAAS,KAAKD,KAAlB,EAAyB;MACrB,OAAOA,KAAP;KADJ,MAEO,IAAID,IAAI,CAACE,SAAD,CAAJ,IAAmBF,IAAI,CAACE,SAAD,CAAJ,CAAgBI,QAAvC,EAAiD;MACpD,OAAOR,kBAAkB,CAACC,KAAD,EAAQC,IAAR,EAAcE,SAAd,CAAzB;;;;EAIR,OAAOA,SAAP;AACH,CAhBD;;MAkBaK,cAAc,gBAAGC,UAAA,CAAiB,SAASD,cAAT,CAC3CE,KAD2C,EAE3CC,GAF2C;EAI3C,MAAM;IACFV,IADE;IAEFM,QAFE;IAGFK,WAHE;IAIFf,EAJE;IAKFgB,OAAO,EAAEC,CALP;IAMFC,OANE;IAOFC,QAAQ,EAAEC,eAPR;IAQFC,OARE;IASFC,OATE;IAUFC,SAVE;IAWFC,QAXE;IAYFC,aAAa,GAAG,KAZd;IAaFxB,KAAK,EAAEyB,YAbL;IAcFC,WAdE;IAeFC,eAAe,GAAG,EAfhB;IAgBFC,kBAAkB,GAAG,KAhBnB;IAiBF,GAAGC;MACHjB,KAlBJ;EAmBA,MAAMkB,OAAO,GAAGC,aAAa,CAAmBlB,GAAnB,CAA7B;EACA,MAAMmB,QAAQ,GAAGrB,OAAA,CAAc,MAAMR,IAAI,CAAC8B,GAAL,CAAS,MAAMtB,SAAA,EAAf,CAApB,EAAsE,CAACR,IAAD,CAAtE,CAAjB;EACA,MAAM;IAAE+B;MAAUC,eAAe,EAAjC;EACA,MAAM;IAAEC;MAAaC,eAAe,CAACP,OAAD,EAAUE,QAAV,CAApC;EAEArB,SAAA,CAAgB;;;IACZ,IAAIc,YAAY,6BAAIO,QAAQ,CAACP,YAAD,CAAZ,kDAAI,sBAAwBa,OAA5C,EAAqD;MAAA;;MACjD,0BAAAN,QAAQ,CAACP,YAAD,CAAR,CAAuBa,OAAvB,kFAAgCC,cAAhC,CAA+C;QAC3CC,KAAK,EAAE;OADX;;GAFR,EAMG,EANH;EAQA7B,SAAA,CAAgB;IACZyB,QAAQ,CAACX,YAAD,CAAR;GADJ,EAEG,CAACA,YAAD,CAFH;;EAIA,MAAMgB,aAAa,GAAIvC,KAAD;IAClB,MAAMG,SAAS,GAAGJ,kBAAkB,CAACC,KAAD,EAAQC,IAAR,EAAcsB,YAAd,CAApC;;IAEA,IAAIpB,SAAS,KAAKqC,SAAd,IAA2BrC,SAAS,KAAKoB,YAA7C,EAA2D;MACvDvB,KAAK,CAACyC,cAAN;MACAP,QAAQ,CAAC/B,SAAD,CAAR;MACAc,eAAe,CAACd,SAAD,CAAf;;;IAGJ,IAAIiB,SAAJ,EAAe;MACXpB,KAAK,CAAC0C,OAAN;MACA,MAAMxC,KAAK,GAAGC,SAAS,KAAKqC,SAAd,GAA0BrC,SAA1B,GAAsCoB,YAApD;MACAH,SAAS,CAACpB,KAAD,EAAQE,KAAR,CAAT;;GAZR;;EAgBA,MAAMyC,WAAW,GAAIzC,KAAD,IAAoBF,KAAD;IACnCiB,eAAe,CAACf,KAAD,CAAf;;IAEA,IAAIgB,OAAJ,EAAa;MACTlB,KAAK,CAAC0C,OAAN;MACAxB,OAAO,CAAClB,KAAD,EAAQE,KAAR,CAAP;;GALR;;EASA,MAAM0C,WAAW,GAAI5C,KAAD;IAChB,IAAIsB,aAAJ,EAAmB;MACfY,QAAQ,CAACX,YAAD,CAAR;;;IAGJ,IAAIJ,OAAJ,EAAa;MACTnB,KAAK,CAAC0C,OAAN;MACAvB,OAAO,CAACnB,KAAD,CAAP;;GAPR;;EAWA,MAAM6C,qBAAqB,GAAG,CAACC,WAAD,EAAsB5C,KAAtB;IAC1B,IAAI4C,WAAW,KAAK,eAApB,EAAqC;MACjC,OAAOpB,kBAAP;KADJ,MAEO,IAAI,CAACoB,WAAD,IAAgB,CAACrB,eAArB,EAAsC;MACzC,OAAO,KAAP;KADG,MAEA;MACH,OAAOA,eAAe,CAACsB,SAAhB,CAA0BC,CAAC,IAAIA,CAAC,KAAK9C,KAArC,MAAgD,CAAC,CAAxD;;GANR;;EAUA,MAAM+C,IAAI,GAC+E,EACrF,GAAGtB,UADkF;IAErFuB,SAAS,EAAEC,EAAE,CACT,gEADS,EAETC,eAAe,CAAC1C,KAAD,CAFN,EAGT;MACI,wBAAwBc,WAD5B;MAEI,uBAAuBjB,QAF3B;MAGI,sBAAsBA,QAAQ,IAAIc;KAN7B,EAQTM,UAAU,CAACuB,SARF,CAFwE;IAYrF3C,QAZqF;IAarFV,EAbqF;IAcrFsB,OAAO,EAAE,CAACZ,QAAD,IAAa,CAACc,QAAd,GAAyBuB,WAAzB,GAAuCJ,SAdqC;IAerFpB,SAAS,EAAE,CAACb,QAAD,IAAa,CAACc,QAAd,GAAyBkB,aAAzB,GAAyCC,SAfiC;IAgBrFnB,QAhBqF;IAiBrFV,GAAG,EAAEiB,OAjBgF;IAkBrFyB,IAAI,EAAE,SAlB+E;IAmBrFC,QAAQ,EAAE3B,UAAU,CAAC2B,QAAX,IAAuB;GApBrC;EAuBA,MAAMC,OAAO,GAAGtD,IAAI,CAAC8B,GAAL,CAAS,CAACyB,MAAD,EAAStD,KAAT;IACrB,MAAMuD,KAAK,GAAGD,MAAM,CAACE,IAAP,GAAcF,MAAM,CAACE,IAAP,CAAYC,KAAZ,CAAkB,GAAlB,EAAuBrD,MAAvB,GAAgC,CAA9C,GAAkD,CAAhE;IAEA,OAAO;MACH,iBAAiBkB,WAAW,GAAGqB,qBAAqB,CAACe,MAAM,CAACJ,MAAM,CAAC1D,KAAR,CAAP,EAAuBI,KAAvB,CAAxB,GAAwDqB,YAAY,KAAKrB,KADlG;MAEH,gBAAgBqB,YAAY,KAAKrB,KAF9B;MAGH2D,QAAQ,EAAEL,MAAM,CAACM,IAHd;MAIHZ,SAAS,EAAEC,EAAE,CACT,yGADS,EAET;QACI,0BAA0BM,KAAK,KAAK,CAAV,IAAe,CAAC,CAACD,MAAM,CAACO;OAH7C,CAJV;MAUHxD,QAAQ,EAAEiD,MAAM,CAACjD,QAVd;MAWHyD,IAAI,EAAER,MAAM,CAACQ,IAXV;MAYHnE,EAAE,EAAED,KAAK,CAACC,EAAD,EAAK2D,MAAM,CAAC1D,KAAZ,CAZN;MAaHO,GAAG,EAAET,KAAK,CAACC,EAAD,EAAK2D,MAAM,CAAC1D,KAAZ,CAbP;MAcHoB,OAAO,EAAE,CAACX,QAAD,IAAa,CAACc,QAAd,GAAyBsB,WAAW,CAACzC,KAAD,CAApC,GAA8CsC,SAdpD;MAeH7B,GAAG,EAAEmB,QAAQ,CAAC5B,KAAD,CAfV;MAgBHmD,IAAI,EAAE,QAhBH;MAiBHY,KAAK,EACDR,KAAK,GAAG,CAAR,GACM;QACIS,WAAW,KAAKT,KAAK,GAAG;OAFlC,GAIMjB;KAtBd;GAHY,CAAhB;EA6BA,OACI/B,aAAA,KAAA,oBAAQwC;iBAAgB;IAAxB,EACKlC,OAAO,GACJN,aAAA,KAAA;IAAIyC,SAAS,EAAC;GAAd,EACIzC,aAAA,OAAA,MAAA,EACIA,aAAA,CAAC0D,OAAD;IAASC,KAAK,EAAE;GAAhB,CADJ,CADJ,EAII3D,aAAA,OAAA,MAAA,EAAOuB,KAAK,CAACqC,OAAN,CAActD,OAArB,CAJJ,CADI,GAOJwC,OAAO,CAACjD,MAAR,GACAiD,OAAO,CAACxB,GAAR,CAAY,CAAC;IAAE8B,QAAF;IAAYG,IAAZ;IAAkB,GAAGM;GAAtB,KACR7D,aAAA,KAAA,oBAAQ6D,YAAR,EACKN,IADL,EAEIvD,aAAA,OAAA;IAAMyC,SAAS,EAAC;GAAhB,EAAgDW,QAAhD,CAFJ,EAGKrC,WAAW,IACRf,aAAA,CAAC8D,QAAD;IACIC,OAAO,EAAEF,WAAW,CAAC,eAAD;IACpBtD,QAAQ,EAAE,MAAM;IAChBkC,SAAS,EAAC;GAHd,CAJR,CADJ,CADA,GAeAzC,aAAA,KAAA;IAAIyC,SAAS,EAAC;GAAd,EACIzC,aAAA,OAAA,MAAA,EAAOuB,KAAK,CAACqC,OAAN,CAAcI,KAArB,CADJ,CAvBR,CADJ;AA8BH,CAxK6B;;;;"}
1	+ {"version":3,"file":"ScrollableList.js","sources":["../../../../src/components/Listbox/ScrollableList.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport { useProxiedRef } from '../../utils/hooks/useProxiedRef';\nimport { getNextIndexFromKey } from '../../utils/hooks/useListKeyboardNavigation';\nimport { useListScrollTo } from '../../utils/hooks/useListScrollTo';\nimport './ScrollableList.css';\nimport { Spinner } from '../Spinner/Spinner';\nimport { useLocalization } from '../Provider/Provider';\nimport { Checkbox } from '../Checkbox/Checkbox';\nimport { getInputClasses } from '../Input/util';\n\nexport type ScrollableListItemValue = string \| number \| boolean \| null;\n\nexport type ScrollableListItem = {\n /*\n Set whether the item is disabled.\n * This will both change the style and make the item unselectable\n /\n disabled?: boolean;\n / Specifies whether the item has child items -- intended for internal use only /\n hasChildren?: boolean;\n /* Place an icon before the item's text /\n icon?: React.ReactElement;\n / The index path to the item -- intended for internal use only /\n path?: string;\n /* Text describing the item /\n text: string \| JSX.Element;\n /* Value of the item /\n value: ScrollableListItemValue;\n /* Child items to show hierarchical data /\n children?: ScrollableListItem[];\n};\n\n/* @internal /\nexport type ScrollableListProps = Omit<\n React.HTMLAttributes<HTMLUListElement>,\n 'defaultValue' \| 'id' \| 'onChange' \| 'onClick' \| 'onKeyDown'\n> & {\n /* Data indicating the options in scrollable list /\n data: ScrollableListItem[];\n /* Sets the list to be disabled /\n disabled?: boolean;\n /* Draws attention to the scrollable list by changing its style and making it visually prominent /\n highlighted?: boolean;\n /* Set an id for the scrollable list /\n id: string;\n / Whether the input is in an invalid state /\n invalid?: boolean;\n /\n Shows a loading indicator with a text next to it.\n * Read more about how to provide the text in `Provider` component.\n /\n loading?: boolean;\n /\n Handler called when current active/selected option changes in a scrollable list.\n * @param index indicates the index of the current active option\n /\n onChange: (index: number) => void;\n /* Handler called when option is clicked /\n onClick?: (event: React.MouseEvent<HTMLLIElement>, index: number) => void;\n /\n Set whether the selected item should be scrolled into view when listbox is focused.\n * Default value is `false`\n /\n scrollOnFocus?: boolean;\n /* Handler called when a key is pressed /\n onKeyDown?: (event: React.KeyboardEvent<HTMLUListElement>, index: number \| undefined) => void;\n / Sets the list to read only mode /\n readOnly?: boolean;\n /\n Value of the scrollable list representing the selected item.\n * It needs to be an existing value from the provided data.\n /\n value: number \| undefined;\n /\n Allows to select multiple items from the list\n /\n multiselect?: boolean;\n /\n Contains the currently selected values when multiselect mode is ON.\n /\n selectedIndexes?: number[];\n /\n True when all available (not disabled) options are selected\n /\n allOptionsSelected?: boolean;\n};\n\n/* @internal */\nexport type ScrollableListPropsWithRef = ScrollableListProps & React.RefAttributes<HTMLUListElement>;\n\nexport const getId = (id: string, value: ScrollableListItemValue): string => `${id}_${value}`;\n\nconst getNextEnabledItem = (\n event: React.KeyboardEvent<HTMLElement>,\n data: ScrollableListItem[],\n index: number \| undefined\n): number \| undefined => {\n const nextIndex = getNextIndexFromKey(event.key, data.length, index);\n\n if (nextIndex) {\n if (nextIndex === index) {\n return index;\n } else if (data[nextIndex] && data[nextIndex].disabled) {\n return getNextEnabledItem(event, data, nextIndex);\n }\n }\n\n return nextIndex;\n};\n\nexport const ScrollableList = React.forwardRef(function ScrollableList(\n props: ScrollableListProps,\n ref: React.Ref<HTMLUListElement>\n) {\n const {\n data,\n disabled,\n highlighted,\n id,\n invalid: _,\n loading,\n onChange: setCurrentIndex,\n onClick,\n onFocus,\n onKeyDown,\n readOnly,\n scrollOnFocus = false,\n value: currentIndex,\n multiselect,\n selectedIndexes = [],\n allOptionsSelected = false,\n ...otherProps\n } = props;\n const listRef = useProxiedRef<HTMLUListElement>(ref);\n const itemRefs = React.useMemo(() => data.map(() => React.createRef<HTMLLIElement>()), [data]);\n const { texts } = useLocalization();\n const { scrollTo } = useListScrollTo(listRef, itemRefs);\n\n React.useEffect(() => {\n if (currentIndex && itemRefs[currentIndex]?.current) {\n itemRefs[currentIndex].current?.scrollIntoView({\n block: 'center',\n });\n }\n }, []);\n\n React.useEffect(() => {\n scrollTo(currentIndex);\n }, [currentIndex]);\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLUListElement>): void => {\n const nextIndex = getNextEnabledItem(event, data, currentIndex);\n\n if (nextIndex !== undefined && nextIndex !== currentIndex) {\n event.preventDefault();\n scrollTo(nextIndex);\n setCurrentIndex(nextIndex);\n }\n\n if (onKeyDown) {\n event.persist();\n const index = nextIndex !== undefined ? nextIndex : currentIndex;\n onKeyDown(event, index);\n }\n };\n\n const handleClick = (index: number) => (event: React.MouseEvent<HTMLLIElement>) => {\n setCurrentIndex(index);\n\n if (onClick) {\n event.persist();\n onClick(event, index);\n }\n };\n\n const handleFocus = (event: React.FocusEvent<HTMLUListElement>): void => {\n if (scrollOnFocus) {\n scrollTo(currentIndex);\n }\n\n if (onFocus) {\n event.persist();\n onFocus(event);\n }\n };\n\n const getOptionCheckedState = (optionValue: string, index: number): boolean => {\n if (optionValue === '#ALL-OPTIONS#') {\n return allOptionsSelected;\n } else if (!optionValue \|\| !selectedIndexes) {\n return false;\n } else {\n return selectedIndexes.findIndex(i => i === index) !== -1;\n }\n };\n\n const list: React.HTMLAttributes<HTMLUListElement> &\n React.RefAttributes<HTMLUListElement> & { disabled?: boolean; readOnly?: boolean } = {\n ...otherProps,\n className: cn(\n 'inline-flex flex-col list-none !p-0 m-0 overflow-y-auto h-auto',\n getInputClasses(props),\n {\n 'yt-list--multiselect': multiselect,\n 'pointer-events-none': disabled,\n 'cursor-not-allowed': disabled \|\| readOnly,\n },\n otherProps.className\n ),\n disabled,\n id,\n onFocus: !disabled && !readOnly ? handleFocus : undefined,\n onKeyDown: !disabled && !readOnly ? handleKeyDown : undefined,\n readOnly,\n ref: listRef,\n role: 'listbox',\n tabIndex: otherProps.tabIndex \|\| 0,\n };\n\n const options = data.map((option, index) => {\n const depth = option.path ? option.path.split('.').length - 1 : 0;\n\n return {\n 'aria-selected': multiselect ? getOptionCheckedState(String(option.value), index) : currentIndex === index,\n 'data-focused': currentIndex === index,\n children: option.text,\n className: cn(\n 'flex items-center px-3 w-full cursor-pointer bg-white flex-[0_0_2rem] focus:wcag-blue focus:border-blue',\n {\n 'sticky top-0 font-bold': depth === 0 && !!option.hasChildren,\n }\n ),\n disabled: option.disabled,\n icon: option.icon,\n id: getId(id, option.value),\n key: getId(id, option.value),\n onClick: !disabled && !readOnly ? handleClick(index) : undefined,\n ref: itemRefs[index],\n role: 'option',\n style:\n depth > 0\n ? {\n paddingLeft: `${depth + 1}rem`,\n }\n : undefined,\n };\n });\n\n return (\n <ul {...list} data-taco=\"scrollable-list\">\n {loading ? (\n <li className=\"yt-list__empty\">\n <span>\n <Spinner delay={0} />\n </span>\n <span>{texts.listbox.loading}</span>\n </li>\n ) : options.length ? (\n options.map(({ children, icon, ...optionProps }) => (\n <li {...optionProps}>\n {icon}\n <span className=\"flex-grow truncate text-left\">{children}</span>\n {multiselect && (\n <Checkbox\n checked={optionProps['aria-selected']}\n onChange={() => null}\n className=\"pointer-events-none ml-2 self-center p-px\"\n />\n )}\n </li>\n ))\n ) : (\n <li className=\"yt-list__empty\">\n <span>{texts.listbox.empty}</span>\n </li>\n )}\n </ul>\n );\n});\n"],"names":["getId","id","value","getNextEnabledItem","event","data","index","nextIndex","getNextIndexFromKey","key","length","disabled","ScrollableList","React","props","ref","highlighted","invalid","_","loading","onChange","setCurrentIndex","onClick","onFocus","onKeyDown","readOnly","scrollOnFocus","currentIndex","multiselect","selectedIndexes","allOptionsSelected","otherProps","listRef","useProxiedRef","itemRefs","map","texts","useLocalization","scrollTo","useListScrollTo","current","scrollIntoView","block","handleKeyDown","undefined","preventDefault","persist","handleClick","handleFocus","getOptionCheckedState","optionValue","findIndex","i","list","className","cn","getInputClasses","role","tabIndex","options","option","depth","path","split","String","children","text","hasChildren","icon","style","paddingLeft","Spinner","delay","listbox","optionProps","Checkbox","checked","empty"],"mappings":"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"}

package/dist/esm/components/Menu/Menu.js CHANGED Viewed

@@ -26,13 +26,13 @@ const Menu = /*#__PURE__*/forwardRef(function Menu(externalProps, ref) {
     setMinWidth: width => setMinWidth(width),
     close: () => setOpen(false)
   }), [indented, minWidth]);
-  return createElement(MenuContext.Provider, {
+  return /*#__PURE__*/createElement(MenuContext.Provider, {
     value: context
-  }, createElement(Root, Object.assign({}, props, {
+  }, /*#__PURE__*/createElement(Root, Object.assign({}, props, {
     modal: false,
     open: open,
     onOpenChange: setOpen
-  }), trigger && createElement(Trigger, {
+  }), trigger && /*#__PURE__*/createElement(Trigger, {
     ref: ref
   }, trigger), children));
 });

package/dist/esm/components/Menu/Menu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Menu.js","sources":["../../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport { MenuContext } from './Context';\nimport { Content, MenuContentProps } from './components/Content';\nimport { Item, MenuItemProps } from './components/Item';\nimport { Link, MenuLinkItemProps } from './components/Link';\nimport { Trigger, MenuTriggerProps } from './components/Trigger';\nimport { Checkbox, MenuCheckboxItemProps } from './components/Checkbox';\nimport { ForwardedMenuRadioGroupWithStatics, RadioGroup } from './components/RadioGroup';\nimport { Separator } from './components/Separator';\nimport { Header, MenuHeaderProps } from './components/Header';\n\nexport type MenuProps = {\n children: React.ReactNode;\n id?: string;\n /** A trigger to be used for the menu, should not be set if `children` already contains a trigger */\n trigger?: JSX.Element;\n};\nexport type ForwardedMenuWithStatics = React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<HTMLElement>> & {\n Trigger: React.ForwardRefExoticComponent<MenuTriggerProps>;\n Content: React.ForwardRefExoticComponent<MenuContentProps>;\n Item: React.ForwardRefExoticComponent<MenuItemProps>;\n Link: React.ForwardRefExoticComponent<MenuLinkItemProps>;\n Checkbox: React.ForwardRefExoticComponent<MenuCheckboxItemProps>;\n Separator: React.FunctionComponent;\n Header: React.ForwardRefExoticComponent<MenuHeaderProps>;\n RadioGroup: ForwardedMenuRadioGroupWithStatics;\n};\n\nexport const Menu = React.forwardRef<HTMLButtonElement, MenuProps>(function Menu(externalProps, ref) {\n const { children, trigger, ...props } = externalProps;\n const [open, setOpen] = React.useState(false);\n const [indented, setIndented] = React.useState(false);\n const [minWidth, setMinWidth] = React.useState<number \| undefined>(undefined);\n\n const context = React.useMemo(\n () => ({\n indented,\n registerIndentation: () => setIndented(true),\n minWidth,\n setMinWidth: (width: number) => setMinWidth(width),\n close: () => setOpen(false),\n }),\n [indented, minWidth]\n );\n\n return (\n <MenuContext.Provider value={context}>\n <DropdownMenuPrimitive.Root {...props} modal={false} open={open} onOpenChange={setOpen}>\n {trigger && <Trigger ref={ref}>{trigger}</Trigger>}\n {children}\n </DropdownMenuPrimitive.Root>\n </MenuContext.Provider>\n );\n}) as ForwardedMenuWithStatics;\nMenu.Trigger = Trigger;\nMenu.Content = Content;\nMenu.Item = Item;\nMenu.Link = Link;\nMenu.Checkbox = Checkbox;\nMenu.Separator = Separator;\nMenu.Header = Header;\nMenu.RadioGroup = RadioGroup;\n"],"names":["Menu","React","externalProps","ref","children","trigger","props","open","setOpen","indented","setIndented","minWidth","setMinWidth","undefined","context","registerIndentation","width","close","MenuContext","Provider","value","DropdownMenuPrimitive","modal","onOpenChange","Trigger","Content","Item","Link","Checkbox","Separator","Header","RadioGroup"],"mappings":";;;;;;;;;;;;MA6BaA,IAAI,gBAAGC,UAAA,CAA+C,SAASD,IAAT,CAAcE,aAAd,EAA6BC,GAA7B;EAC/D,MAAM;IAAEC,QAAF;IAAYC,OAAZ;IAAqB,GAAGC;MAAUJ,aAAxC;EACA,MAAM,CAACK,IAAD,EAAOC,OAAP,IAAkBP,QAAA,CAAe,KAAf,CAAxB;EACA,MAAM,CAACQ,QAAD,EAAWC,WAAX,IAA0BT,QAAA,CAAe,KAAf,CAAhC;EACA,MAAM,CAACU,QAAD,EAAWC,WAAX,IAA0BX,QAAA,CAAmCY,SAAnC,CAAhC;EAEA,MAAMC,OAAO,GAAGb,OAAA,CACZ,OAAO;IACHQ,QADG;IAEHM,mBAAmB,EAAE,MAAML,WAAW,CAAC,IAAD,CAFnC;IAGHC,QAHG;IAIHC,WAAW,EAAGI,KAAD,IAAmBJ,WAAW,CAACI,KAAD,CAJxC;IAKHC,KAAK,EAAE,MAAMT,OAAO,CAAC,KAAD;GALxB,CADY,EAQZ,CAACC,QAAD,EAAWE,QAAX,CARY,CAAhB;EAWA,~~OACIV~~,aAAA,CAACiB,WAAW,CAACC,QAAb;IAAsBC,KAAK,EAAEN;GAA7B,~~EACIb~~,aAAA,CAACoB,IAAD,oBAAgCf;IAAOgB,KAAK,EAAE;IAAOf,IAAI,EAAEA;IAAMgB,YAAY,EAAEf;IAA/E,EACKH,OAAO,~~IAAIJ~~,aAAA,CAACuB,OAAD;IAASrB,GAAG,EAAEA;GAAd,EAAoBE,OAApB,CADhB,EAEKD,QAFL,CADJ,CADJ;AAQH,CAzBmB;AA0BpBJ,IAAI,CAACwB,OAAL,GAAeA,OAAf;AACAxB,IAAI,CAACyB,OAAL,GAAeA,OAAf;AACAzB,IAAI,CAAC0B,IAAL,GAAYA,IAAZ;AACA1B,IAAI,CAAC2B,IAAL,GAAYA,IAAZ;AACA3B,IAAI,CAAC4B,QAAL,GAAgBA,QAAhB;AACA5B,IAAI,CAAC6B,SAAL,GAAiBA,SAAjB;AACA7B,IAAI,CAAC8B,MAAL,GAAcA,MAAd;AACA9B,IAAI,CAAC+B,UAAL,GAAkBA,UAAlB;;;;"}
1	+ {"version":3,"file":"Menu.js","sources":["../../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport { MenuContext } from './Context';\nimport { Content, MenuContentProps } from './components/Content';\nimport { Item, MenuItemProps } from './components/Item';\nimport { Link, MenuLinkItemProps } from './components/Link';\nimport { Trigger, MenuTriggerProps } from './components/Trigger';\nimport { Checkbox, MenuCheckboxItemProps } from './components/Checkbox';\nimport { ForwardedMenuRadioGroupWithStatics, RadioGroup } from './components/RadioGroup';\nimport { Separator } from './components/Separator';\nimport { Header, MenuHeaderProps } from './components/Header';\n\nexport type MenuProps = {\n children: React.ReactNode;\n id?: string;\n /** A trigger to be used for the menu, should not be set if `children` already contains a trigger */\n trigger?: JSX.Element;\n};\nexport type ForwardedMenuWithStatics = React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<HTMLElement>> & {\n Trigger: React.ForwardRefExoticComponent<MenuTriggerProps>;\n Content: React.ForwardRefExoticComponent<MenuContentProps>;\n Item: React.ForwardRefExoticComponent<MenuItemProps>;\n Link: React.ForwardRefExoticComponent<MenuLinkItemProps>;\n Checkbox: React.ForwardRefExoticComponent<MenuCheckboxItemProps>;\n Separator: React.FunctionComponent;\n Header: React.ForwardRefExoticComponent<MenuHeaderProps>;\n RadioGroup: ForwardedMenuRadioGroupWithStatics;\n};\n\nexport const Menu = React.forwardRef<HTMLButtonElement, MenuProps>(function Menu(externalProps, ref) {\n const { children, trigger, ...props } = externalProps;\n const [open, setOpen] = React.useState(false);\n const [indented, setIndented] = React.useState(false);\n const [minWidth, setMinWidth] = React.useState<number \| undefined>(undefined);\n\n const context = React.useMemo(\n () => ({\n indented,\n registerIndentation: () => setIndented(true),\n minWidth,\n setMinWidth: (width: number) => setMinWidth(width),\n close: () => setOpen(false),\n }),\n [indented, minWidth]\n );\n\n return (\n <MenuContext.Provider value={context}>\n <DropdownMenuPrimitive.Root {...props} modal={false} open={open} onOpenChange={setOpen}>\n {trigger && <Trigger ref={ref}>{trigger}</Trigger>}\n {children}\n </DropdownMenuPrimitive.Root>\n </MenuContext.Provider>\n );\n}) as ForwardedMenuWithStatics;\nMenu.Trigger = Trigger;\nMenu.Content = Content;\nMenu.Item = Item;\nMenu.Link = Link;\nMenu.Checkbox = Checkbox;\nMenu.Separator = Separator;\nMenu.Header = Header;\nMenu.RadioGroup = RadioGroup;\n"],"names":["Menu","React","externalProps","ref","children","trigger","props","open","setOpen","indented","setIndented","minWidth","setMinWidth","undefined","context","registerIndentation","width","close","MenuContext","Provider","value","DropdownMenuPrimitive","modal","onOpenChange","Trigger","Content","Item","Link","Checkbox","Separator","Header","RadioGroup"],"mappings":";;;;;;;;;;;;MA6BaA,IAAI,gBAAGC,UAAA,CAA+C,SAASD,IAAT,CAAcE,aAAd,EAA6BC,GAA7B;EAC/D,MAAM;IAAEC,QAAF;IAAYC,OAAZ;IAAqB,GAAGC;MAAUJ,aAAxC;EACA,MAAM,CAACK,IAAD,EAAOC,OAAP,IAAkBP,QAAA,CAAe,KAAf,CAAxB;EACA,MAAM,CAACQ,QAAD,EAAWC,WAAX,IAA0BT,QAAA,CAAe,KAAf,CAAhC;EACA,MAAM,CAACU,QAAD,EAAWC,WAAX,IAA0BX,QAAA,CAAmCY,SAAnC,CAAhC;EAEA,MAAMC,OAAO,GAAGb,OAAA,CACZ,OAAO;IACHQ,QADG;IAEHM,mBAAmB,EAAE,MAAML,WAAW,CAAC,IAAD,CAFnC;IAGHC,QAHG;IAIHC,WAAW,EAAGI,KAAD,IAAmBJ,WAAW,CAACI,KAAD,CAJxC;IAKHC,KAAK,EAAE,MAAMT,OAAO,CAAC,KAAD;GALxB,CADY,EAQZ,CAACC,QAAD,EAAWE,QAAX,CARY,CAAhB;EAWA,oBACIV,aAAA,CAACiB,WAAW,CAACC,QAAb;IAAsBC,KAAK,EAAEN;GAA7B,eACIb,aAAA,CAACoB,IAAD,oBAAgCf;IAAOgB,KAAK,EAAE;IAAOf,IAAI,EAAEA;IAAMgB,YAAY,EAAEf;IAA/E,EACKH,OAAO,iBAAIJ,aAAA,CAACuB,OAAD;IAASrB,GAAG,EAAEA;GAAd,EAAoBE,OAApB,CADhB,EAEKD,QAFL,CADJ,CADJ;AAQH,CAzBmB;AA0BpBJ,IAAI,CAACwB,OAAL,GAAeA,OAAf;AACAxB,IAAI,CAACyB,OAAL,GAAeA,OAAf;AACAzB,IAAI,CAAC0B,IAAL,GAAYA,IAAZ;AACA1B,IAAI,CAAC2B,IAAL,GAAYA,IAAZ;AACA3B,IAAI,CAAC4B,QAAL,GAAgBA,QAAhB;AACA5B,IAAI,CAAC6B,SAAL,GAAiBA,SAAjB;AACA7B,IAAI,CAAC8B,MAAL,GAAcA,MAAd;AACA9B,IAAI,CAAC+B,UAAL,GAAkBA,UAAlB;;;;"}

package/dist/esm/components/Menu/components/Checkbox.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { Icon } from '../../Icon/Icon.js';
 import { CheckboxItem, ItemIndicator } from '@radix-ui/react-dropdown-menu';
 import { useItemStyling } from './Item.js';
-const Checkbox = /*#__PURE__*/forwardRef(function MenuCheckboxItem(props) {
+const Checkbox = /*#__PURE__*/forwardRef(function MenuCheckboxItem(props, ref) {
   const {
     checked,
     children,
@@ -15,13 +15,14 @@ const Checkbox = /*#__PURE__*/forwardRef(function MenuCheckboxItem(props) {
     indented: true,
     className: props.className
   });
-  return createElement(CheckboxItem, Object.assign({}, otherProps, {
-    className: className,
+  return /*#__PURE__*/createElement(CheckboxItem, Object.assign({}, otherProps, {
     checked: checked,
-    onCheckedChange: onChange
-  }), createElement(ItemIndicator, {
+    className: className,
+    onCheckedChange: onChange,
+    ref: ref
+  }), /*#__PURE__*/createElement(ItemIndicator, {
     className: "absolute left-0 ml-1.5"
-  }, createElement(Icon, {
+  }, /*#__PURE__*/createElement(Icon, {
     name: "tick",
     className: "-ml-px !h-4 !w-4"
   })), children);

package/dist/esm/components/Menu/components/Checkbox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Checkbox.js","sources":["../../../../../src/components/Menu/components/Checkbox.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport { Icon } from '../../Icon/Icon';\nimport { useItemStyling } from './Item';\n\nexport type MenuCheckboxItemProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> & {\n /* Whether the checkbox item is disabled /\n disabled?: boolean;\n / The current checked state (controlled) /\n checked: boolean;\n / Handler called when the checked state changes */\n onChange: (checked: boolean \| 'indeterminate') => void;\n};\n\nexport const Checkbox = React.forwardRef<HTMLDivElement, MenuCheckboxItemProps>(function MenuCheckboxItem(props) {\n const { checked, children, onChange, ...otherProps } = props;\n const className = useItemStyling({\n disabled: props.disabled,\n indented: true,\n className: props.className,\n });\n\n return (\n <DropdownMenuPrimitive.CheckboxItem {...otherProps} ~~className~~={className~~} checked~~={~~checked~~} onCheckedChange={onChange}>\n <DropdownMenuPrimitive.ItemIndicator className=\"absolute left-0 ml-1.5\">\n <Icon name=\"tick\" className=\"-ml-px !h-4 !w-4\" />\n </DropdownMenuPrimitive.ItemIndicator>\n {children}\n </DropdownMenuPrimitive.CheckboxItem>\n );\n});\n"],"names":["Checkbox","React","MenuCheckboxItem","props","checked","children","onChange","otherProps","className","useItemStyling","disabled","indented","DropdownMenuPrimitive","onCheckedChange","Icon","name"],"mappings":";;;;;MAcaA,QAAQ,gBAAGC,UAAA,CAAwD,SAASC,gBAAT,CAA0BC,KAA1B;EAC5E,MAAM;IAAEC,OAAF;IAAWC,QAAX;IAAqBC,QAArB;IAA+B,GAAGC;~~MAAeJ~~,KAAvD;EACA,~~MAAMK~~,SAAS,GAAGC,cAAc,CAAC;IAC7BC,QAAQ,~~EAAEP~~,KAAK,~~CAACO~~,QADa;IAE7BC,QAAQ,EAAE,IAFmB;IAG7BH,SAAS,~~EAAEL~~,KAAK,~~CAACK~~;GAHW,CAAhC;EAMA,~~OACIP~~,aAAA,~~CAACW~~,YAAD,~~oBAAwCL~~;~~IAAYC~~,~~SAAS~~,EAAEA;~~IAAWJ~~,~~OAAO~~,EAAEA;~~IAASS~~,eAAe,EAAEP;~~IAA7G~~,~~EACIL~~,aAAA,~~CAACW~~,aAAD;IAAqCJ,SAAS,EAAC;GAA/C,~~EACIP~~,aAAA,~~CAACa~~,IAAD;IAAMC,IAAI,EAAC;IAAOP,SAAS,EAAC;GAA5B,CADJ,~~CADJ~~,~~EAIKH~~,~~QAJL~~,CADJ;~~AAQH~~,~~CAhBuB~~;;;;"}
1	+ {"version":3,"file":"Checkbox.js","sources":["../../../../../src/components/Menu/components/Checkbox.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport { Icon } from '../../Icon/Icon';\nimport { useItemStyling } from './Item';\n\nexport type MenuCheckboxItemProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> & {\n /* Whether the checkbox item is disabled /\n disabled?: boolean;\n / The current checked state (controlled) /\n checked: boolean;\n / Handler called when the checked state changes */\n onChange: (checked: boolean \| 'indeterminate') => void;\n};\n\nexport const Checkbox = React.forwardRef<HTMLDivElement, MenuCheckboxItemProps>(function MenuCheckboxItem(props, ref) {\n const { checked, children, onChange, ...otherProps } = props;\n const className = useItemStyling({\n disabled: props.disabled,\n indented: true,\n className: props.className,\n });\n\n return (\n <DropdownMenuPrimitive.CheckboxItem\n {...otherProps}\n checked={checked}\n className={className}\n onCheckedChange={onChange}\n ref={ref}>\n <DropdownMenuPrimitive.ItemIndicator className=\"absolute left-0 ml-1.5\">\n <Icon name=\"tick\" className=\"-ml-px !h-4 !w-4\" />\n </DropdownMenuPrimitive.ItemIndicator>\n {children}\n </DropdownMenuPrimitive.CheckboxItem>\n );\n});\n"],"names":["Checkbox","React","MenuCheckboxItem","props","ref","checked","children","onChange","otherProps","className","useItemStyling","disabled","indented","DropdownMenuPrimitive","onCheckedChange","Icon","name"],"mappings":";;;;;MAcaA,QAAQ,gBAAGC,UAAA,CAAwD,SAASC,gBAAT,CAA0BC,KAA1B,EAAiCC,GAAjC;EAC5E,MAAM;IAAEC,OAAF;IAAWC,QAAX;IAAqBC,QAArB;IAA+B,GAAGC;MAAeL,KAAvD;EACA,MAAMM,SAAS,GAAGC,cAAc,CAAC;IAC7BC,QAAQ,EAAER,KAAK,CAACQ,QADa;IAE7BC,QAAQ,EAAE,IAFmB;IAG7BH,SAAS,EAAEN,KAAK,CAACM;GAHW,CAAhC;EAMA,oBACIR,aAAA,CAACY,YAAD,oBACQL;IACJH,OAAO,EAAEA;IACTI,SAAS,EAAEA;IACXK,eAAe,EAAEP;IACjBH,GAAG,EAAEA;IALT,eAMIH,aAAA,CAACY,aAAD;IAAqCJ,SAAS,EAAC;GAA/C,eACIR,aAAA,CAACc,IAAD;IAAMC,IAAI,EAAC;IAAOP,SAAS,EAAC;GAA5B,CADJ,CANJ,EASKH,QATL,CADJ;AAaH,CArBuB;;;;"}

package/dist/esm/components/Menu/components/Content.js CHANGED Viewed

@@ -13,7 +13,7 @@ const Content = /*#__PURE__*/forwardRef(function MenuContent(props, ref) {
     ...otherProps
   } = props;
   const className = cn('border rounded block outline-none p-1 wcag-white border-grey yt-shadow', props.className);
-  return createElement(Content$1, Object.assign({}, otherProps, {
+  return /*#__PURE__*/createElement(Content$1, Object.assign({}, otherProps, {
     align: "start",
     className: className,
     "data-taco": "menu",