uangcermat-web-toolkit-v2 0.2.19 → 0.2.20
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.
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),n=require("../../../node_modules/@formkit/auto-animate/index.mjs.js"),r=require("../../../node_modules/classnames/index.js"),o=require("react"),
|
|
1
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),n=require("../../../node_modules/@formkit/auto-animate/index.mjs.js"),r=require("../../../node_modules/classnames/index.js"),o=require("react"),s=require("../../utils/getChildrenOnDisplayName.js");require("../Button/ButtonHyperlink.js");var a=require("../Button/BaseButton.js");require("../Button/BaseButtonIcon.js"),require("../Button/Button.js"),require("../Button/ButtonConfirmation.js"),require("../Button/ButtonLink.js"),require("../Button/ButtonRipple.js"),require("../../styles/Colors.js"),require("../Text/BaseText.js"),require("../Text/Text.js");var i=require("../../../node_modules/tailwind-merge/dist/lib/tw-merge.mjs.js");const c=({containerStyles:e,children:r})=>{const a=o.useRef();o.useEffect((()=>{a.current&&n.default(a.current)}),[a]);const c=s.getChildrenOnDisplayName(r,"ListTabs"),d=s.getChildrenOnDisplayName(r,"ItemContent"),l=s.getChildrenOnDisplayName(r,"MidTabs"),u=s.getChildrenOnDisplayName(r,"RightTabs");return t.jsxs("div",Object.assign({ref:a,className:i.twMerge("flex flex-col w-full p-2 rounded-lg bg-accordionTabs-container-background-default",e)},{children:[t.jsxs("div",Object.assign({className:"flex flex-row items-center space-x-1"},{children:[c,l&&t.jsx(t.Fragment,{children:l}),u&&t.jsx(t.Fragment,{children:u})]})),d]}))},d=({children:e,containerStyles:n})=>{const r=o.Children.toArray(e);return t.jsx("div",Object.assign({className:i.twMerge("flex flex-row flex-1",n)},{children:o.Children.map(r,((e,n)=>{const r=s.getChildrenOnDisplayName(e,"ItemTabs");return t.jsx("div",Object.assign({className:"flex flex-row items-center"},{children:r}),n)}))}))};d.displayName="ListTabs",c.ListTabs=d;const l=({children:e,containerStyles:n})=>t.jsx(t.Fragment,{children:e?t.jsx("div",Object.assign({className:i.twMerge("flex flex-row flex-1",n)},{children:e})):null});l.displayName="MidTabs",c.MidTabs=l;const u=({children:e,containerStyles:n})=>t.jsx(t.Fragment,{children:e?t.jsx("div",Object.assign({className:i.twMerge("flex flex-row flex-1",n)},{children:e})):null});u.displayName="RightTabs",c.RightTabs=u;const b=n=>{var{children:s,isActive:c}=n,d=e.__rest(n,["children","isActive"]);const[l,u]=o.useState(!1),[b,x]=o.useState(!1),m=o.useRef(null);return o.useEffect((()=>{const e=()=>{x(!1),m.current&&!m.current.matches(":hover")&&u(!1)};return b&&document.addEventListener("mouseup",e),()=>{document.removeEventListener("mouseup",e)}}),[b]),t.jsx(t.Fragment,{children:s||t.jsx("div",Object.assign({ref:m,onMouseDown:()=>x(!0),onMouseEnter:()=>u(!0),onMouseLeave:()=>{b||u(!1)}},{children:t.jsx(a.default,Object.assign({},d,{leftIconStyles:i.twMerge(r.default("fill-accordionTabs-button-textAndIcon-default",l&&"fill-accordionTabs-button-textAndIcon-hover",(b||c)&&"fill-accordionTabs-button-textAndIcon-active"),d.leftIconStyles),rightIcon:c?"chevronup":d.rightIcon||"chevrondown",rightIconStyles:i.twMerge(r.default("fill-accordionTabs-button-textAndIcon-default",l&&"fill-accordionTabs-button-textAndIcon-hover",(b||c)&&"fill-accordionTabs-button-textAndIcon-active"),d.rightIconStyles),className:i.twMerge(r.default("\n bg-accordionTabs-button-background-default active:bg-accordionTabs-button-background-active hover:bg-accordionTabs-button-background-hover \n border-accordionTabs-button-border-default active:border-accordionTabs-button-border-active hover:border-accordionTabs-button-border-hover \n text-accordionTabs-button-textAndIcon-default active:text-accordionTabs-button-textAndIcon-active hover:text-accordionTabs-button-textAndIcon-hover\n ",c&&"\n bg-accordionTabs-button-background-active hover:bg-accordionTabs-button-background-active \n border-accordionTabs-button-border-active hover:border-accordionTabs-button-border-active \n text-accordionTabs-button-textAndIcon-active hover:text-accordionTabs-button-textAndIcon-active\n "),d.className)}))}))})};b.displayName="ItemTabs",c.ItemTabs=b;const x=({children:e})=>t.jsx(t.Fragment,{children:e});x.displayName="ItemContent",c.ItemContent=x,module.exports=c;
|
|
2
2
|
//# sourceMappingURL=BaseAccordionTabs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseAccordionTabs.js","sources":["../../../../src/components/Tabs/BaseAccordionTabs.tsx"],"sourcesContent":["import autoAnimate from '@formkit/auto-animate';\nimport classNames from 'classnames';\nimport { Children, useEffect, useRef, useState } from 'react';\nimport { twMerge } from 'tailwind-merge';\n\nimport { getChildrenOnDisplayName } from '../../utils/getChildrenOnDisplayName';\nimport { BaseButton } from '../Button';\nimport {\n BaseAccordionItemContentInterface,\n BaseAccordionItemTabsInterface,\n BaseAccordionListTabsInterface,\n BaseAccordionMidTabsInterface,\n BaseAccordionRightTabsInterface,\n BaseAccordionTabsInterface\n} from './BaseAccordionTabs.type';\n\nconst BaseAccordionTabs = ({ containerStyles, children }: BaseAccordionTabsInterface) => {\n const parentRef = useRef();\n\n useEffect(() => {\n if (parentRef.current) {\n autoAnimate(parentRef.current);\n }\n }, [parentRef]);\n\n const listTabs = getChildrenOnDisplayName(children, 'ListTabs');\n const itemContent = getChildrenOnDisplayName(children, 'ItemContent');\n const midTabs = getChildrenOnDisplayName(children, 'MidTabs');\n const rightTabs = getChildrenOnDisplayName(children, 'RightTabs');\n\n return (\n <div\n ref={parentRef}\n className={twMerge(\n 'flex flex-col w-full p-2 rounded-lg bg-accordionTabs-container-background-default',\n containerStyles\n )}\n >\n <div className='flex flex-row items-center space-x-1'>\n {listTabs}\n {midTabs && <>{midTabs}</>}\n {rightTabs && <>{rightTabs}</>}\n </div>\n\n {itemContent}\n </div>\n );\n};\n\nconst ListTabs = ({ children, containerStyles }: BaseAccordionListTabsInterface) => {\n const arrListTabs = Children.toArray(children);\n return (\n <div className={twMerge('flex flex-row flex-1', containerStyles)}>\n {Children.map(arrListTabs, (item, index) => {\n const tab = getChildrenOnDisplayName(item, 'ItemTabs');\n return (\n <div key={index} className='flex flex-row items-center'>\n {tab}\n </div>\n );\n })}\n </div>\n );\n};\nListTabs.displayName = 'ListTabs';\nBaseAccordionTabs.ListTabs = ListTabs;\n\nconst MidTabs = ({ children, containerStyles }: BaseAccordionMidTabsInterface) => {\n return (\n <>\n {children ? (\n <div className={twMerge('flex flex-row flex-1', containerStyles)}>{children}</div>\n ) : null}\n </>\n );\n};\nMidTabs.displayName = 'MidTabs';\nBaseAccordionTabs.MidTabs = MidTabs;\n\n// eslint-disable-next-line sonarjs/no-identical-functions\nconst RightTabs = ({ children, containerStyles }: BaseAccordionRightTabsInterface) => {\n return (\n <>\n {children ? (\n <div className={twMerge('flex flex-row flex-1', containerStyles)}>{children}</div>\n ) : null}\n </>\n );\n};\n\nRightTabs.displayName = 'RightTabs';\nBaseAccordionTabs.RightTabs = RightTabs;\n\nconst ItemTabs = ({ children, isActive, ...props }: BaseAccordionItemTabsInterface) => {\n const [isMouseEnter, setIsMouseEnter] = useState<boolean>(false);\n const [isMouseDown, setIsMouseDown] = useState<boolean>(false);\n\n return (\n <>\n {children ? (\n children\n ) : (\n <div\n
|
|
1
|
+
{"version":3,"file":"BaseAccordionTabs.js","sources":["../../../../src/components/Tabs/BaseAccordionTabs.tsx"],"sourcesContent":["import autoAnimate from '@formkit/auto-animate';\nimport classNames from 'classnames';\nimport { Children, useEffect, useRef, useState } from 'react';\nimport { twMerge } from 'tailwind-merge';\n\nimport { getChildrenOnDisplayName } from '../../utils/getChildrenOnDisplayName';\nimport { BaseButton } from '../Button';\nimport {\n BaseAccordionItemContentInterface,\n BaseAccordionItemTabsInterface,\n BaseAccordionListTabsInterface,\n BaseAccordionMidTabsInterface,\n BaseAccordionRightTabsInterface,\n BaseAccordionTabsInterface\n} from './BaseAccordionTabs.type';\n\nconst BaseAccordionTabs = ({ containerStyles, children }: BaseAccordionTabsInterface) => {\n const parentRef = useRef();\n\n useEffect(() => {\n if (parentRef.current) {\n autoAnimate(parentRef.current);\n }\n }, [parentRef]);\n\n const listTabs = getChildrenOnDisplayName(children, 'ListTabs');\n const itemContent = getChildrenOnDisplayName(children, 'ItemContent');\n const midTabs = getChildrenOnDisplayName(children, 'MidTabs');\n const rightTabs = getChildrenOnDisplayName(children, 'RightTabs');\n\n return (\n <div\n ref={parentRef}\n className={twMerge(\n 'flex flex-col w-full p-2 rounded-lg bg-accordionTabs-container-background-default',\n containerStyles\n )}\n >\n <div className='flex flex-row items-center space-x-1'>\n {listTabs}\n {midTabs && <>{midTabs}</>}\n {rightTabs && <>{rightTabs}</>}\n </div>\n\n {itemContent}\n </div>\n );\n};\n\nconst ListTabs = ({ children, containerStyles }: BaseAccordionListTabsInterface) => {\n const arrListTabs = Children.toArray(children);\n return (\n <div className={twMerge('flex flex-row flex-1', containerStyles)}>\n {Children.map(arrListTabs, (item, index) => {\n const tab = getChildrenOnDisplayName(item, 'ItemTabs');\n return (\n <div key={index} className='flex flex-row items-center'>\n {tab}\n </div>\n );\n })}\n </div>\n );\n};\nListTabs.displayName = 'ListTabs';\nBaseAccordionTabs.ListTabs = ListTabs;\n\nconst MidTabs = ({ children, containerStyles }: BaseAccordionMidTabsInterface) => {\n return (\n <>\n {children ? (\n <div className={twMerge('flex flex-row flex-1', containerStyles)}>{children}</div>\n ) : null}\n </>\n );\n};\nMidTabs.displayName = 'MidTabs';\nBaseAccordionTabs.MidTabs = MidTabs;\n\n// eslint-disable-next-line sonarjs/no-identical-functions\nconst RightTabs = ({ children, containerStyles }: BaseAccordionRightTabsInterface) => {\n return (\n <>\n {children ? (\n <div className={twMerge('flex flex-row flex-1', containerStyles)}>{children}</div>\n ) : null}\n </>\n );\n};\n\nRightTabs.displayName = 'RightTabs';\nBaseAccordionTabs.RightTabs = RightTabs;\n\nconst ItemTabs = ({ children, isActive, ...props }: BaseAccordionItemTabsInterface) => {\n const [isMouseEnter, setIsMouseEnter] = useState<boolean>(false);\n const [isMouseDown, setIsMouseDown] = useState<boolean>(false);\n const containerRef = useRef(null);\n\n useEffect(() => {\n const handleMouseUp = () => {\n setIsMouseDown(false);\n if (containerRef.current && !containerRef.current.matches(':hover')) {\n setIsMouseEnter(false);\n }\n };\n\n if (isMouseDown) {\n document.addEventListener('mouseup', handleMouseUp);\n }\n return () => {\n document.removeEventListener('mouseup', handleMouseUp);\n };\n }, [isMouseDown]);\n\n return (\n <>\n {children ? (\n children\n ) : (\n <div\n ref={containerRef}\n onMouseDown={() => setIsMouseDown(true)}\n onMouseEnter={() => setIsMouseEnter(true)}\n onMouseLeave={() => {\n if (!isMouseDown) {\n setIsMouseEnter(false);\n }\n }}\n >\n <BaseButton\n {...props}\n leftIconStyles={twMerge(\n classNames(\n 'fill-accordionTabs-button-textAndIcon-default',\n isMouseEnter && 'fill-accordionTabs-button-textAndIcon-hover',\n (isMouseDown || isActive) && 'fill-accordionTabs-button-textAndIcon-active'\n ),\n props.leftIconStyles\n )}\n rightIcon={isActive ? 'chevronup' : props.rightIcon || 'chevrondown'}\n rightIconStyles={twMerge(\n classNames(\n 'fill-accordionTabs-button-textAndIcon-default',\n isMouseEnter && 'fill-accordionTabs-button-textAndIcon-hover',\n (isMouseDown || isActive) && 'fill-accordionTabs-button-textAndIcon-active'\n ),\n props.rightIconStyles\n )}\n className={twMerge(\n classNames(\n `\n bg-accordionTabs-button-background-default active:bg-accordionTabs-button-background-active hover:bg-accordionTabs-button-background-hover \n border-accordionTabs-button-border-default active:border-accordionTabs-button-border-active hover:border-accordionTabs-button-border-hover \n text-accordionTabs-button-textAndIcon-default active:text-accordionTabs-button-textAndIcon-active hover:text-accordionTabs-button-textAndIcon-hover\n `,\n isActive &&\n `\n bg-accordionTabs-button-background-active hover:bg-accordionTabs-button-background-active \n border-accordionTabs-button-border-active hover:border-accordionTabs-button-border-active \n text-accordionTabs-button-textAndIcon-active hover:text-accordionTabs-button-textAndIcon-active\n `\n ),\n props.className\n )}\n />\n </div>\n )}\n </>\n );\n};\nItemTabs.displayName = 'ItemTabs';\nBaseAccordionTabs.ItemTabs = ItemTabs;\n\nconst ItemContent = ({ children }: BaseAccordionItemContentInterface) => {\n return <>{children}</>;\n};\nItemContent.displayName = 'ItemContent';\nBaseAccordionTabs.ItemContent = ItemContent;\n\nexport default BaseAccordionTabs;\n"],"names":["BaseAccordionTabs","containerStyles","children","parentRef","useRef","useEffect","current","autoAnimate","listTabs","getChildrenOnDisplayName","itemContent","midTabs","rightTabs","_jsxs","jsxs","Object","assign","ref","className","twMerge","_jsx","jsx","_Fragment","Fragment","ListTabs","arrListTabs","Children","toArray","map","item","index","tab","displayName","MidTabs","RightTabs","ItemTabs","_a","isActive","props","__rest","isMouseEnter","setIsMouseEnter","useState","isMouseDown","setIsMouseDown","containerRef","handleMouseUp","matches","document","addEventListener","removeEventListener","onMouseDown","onMouseEnter","onMouseLeave","BaseButton","leftIconStyles","classNames","rightIcon","rightIconStyles","ItemContent"],"mappings":"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"}
|