uangcermat-web-toolkit-v2 0.2.8 → 0.2.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/build/index.css CHANGED
@@ -5857,9 +5857,6 @@
5857
5857
  .h-\[128px\] {
5858
5858
  height: 128px;
5859
5859
  }
5860
- .h-\[14px\] {
5861
- height: 14px;
5862
- }
5863
5860
  .h-\[158px\] {
5864
5861
  height: 158px;
5865
5862
  }
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),l=require("../../../node_modules/classnames/index.js"),t=require("react");require("../Badge/Badge.js");var s=require("../Text/BaseText.js");require("../Text/Text.js");var a=require("../Badge/BaseBadgeRequired.js"),i=require("../Icon/Icon.js"),n=require("../../../node_modules/tailwind-merge/dist/lib/tw-merge.mjs.js");module.exports=o=>{var{label:d,labelStyles:c,containerStyles:x,activeContainerStyles:u,isDisabled:f,isCleanable:b,onClean:m,leftIcon:g,leftIconStyles:y,onClickLeftIcon:j,rightIcon:p,rightIconStyles:h,onClickRightIcon:S,isError:k,errorMessage:w,errorMessageStyles:v,helperMessage:q,helperMessageStyles:C,variant:M="box",inputStyles:N,isRequired:R,labelRequired:I,labelRequiredStyles:T,containerRequiredStyles:O,prefixText:B,prefixTextStyles:G,prefixContainerStyles:_,suffixText:D,suffixTextStyles:E,suffixContainerStyles:F}=o,K=e.__rest(o,["label","labelStyles","containerStyles","activeContainerStyles","isDisabled","isCleanable","onClean","leftIcon","leftIconStyles","onClickLeftIcon","rightIcon","rightIconStyles","onClickRightIcon","isError","errorMessage","errorMessageStyles","helperMessage","helperMessageStyles","variant","inputStyles","isRequired","labelRequired","labelRequiredStyles","containerRequiredStyles","prefixText","prefixTextStyles","prefixContainerStyles","suffixText","suffixTextStyles","suffixContainerStyles"]);const[L,P]=t.useState(!1);return r.jsxs("div",Object.assign({className:"flex flex-col gap-y-1"},{children:[r.jsxs("div",Object.assign({className:"flex flex-row items-end gap-x-1"},{children:[!!d&&r.jsx(s.default,{label:d,className:n.twMerge("font-normal text-dark-gumbo text-[10px]",c)}),R&&r.jsx(a,{labelRequired:I,labelRequiredStyles:T,containerRequiredStyles:O})]})),r.jsxs("label",Object.assign({htmlFor:"base-text-input",className:n.twMerge(l.default(n.twMerge("flex flex-row items-center rounded border border-solid border-dark-gumbo bg-light-whiteSolid overflow-hidden",x),"line"===M&&"border-b border-t-0 border-x-0 rounded-none",L&&u?u:L?"border-fields-border-focus":void 0,f&&"border-dark-bermudaGray bg-light-whiteSmoke",k&&"border-red-fireEngineRed"))},{children:[!!B&&r.jsx("div",Object.assign({className:n.twMerge("flex items-center justify-center h-[30px] px-2 bg-light-whiteSmoke",_)},{children:r.jsx(s.default,{label:B||"Prefix",className:n.twMerge("text-xs font-normal text-dark-blackCoral",G)})})),!!g&&r.jsx("div",Object.assign({onClick:()=>{null==j||j()},className:l.default("flex items-center justify-center h-[30px] pl-2",j?"cursor-pointer":null)},{children:r.jsx(i,{name:g,className:n.twMerge(l.default("fill-dark-bermudaGray w-3 h-3 mr-2",`${f&&"fill-dark-bermudaGray"}`),y)})})),r.jsx("input",Object.assign({},K,{id:"base-text-input",className:n.twMerge("flex flex-1 h-[14px] font-poppins font-normal text-xs text-left text-dark-blackCoral placeholder:text-dark-bermudaGray outline-none border-none p-0 m-2 leading-[14px]",N),onKeyDown:e=>{var r;e.stopPropagation(),null===(r=K.onKeyDown)||void 0===r||r.call(K,e)},onFocus:e=>{var r;P(!0),null===(r=K.onFocus)||void 0===r||r.call(K,e)},onBlur:e=>{var r;P(!1),null===(r=K.onBlur)||void 0===r||r.call(K,e)},disabled:f})),b&&!!K.value&&r.jsx("div",Object.assign({className:l.default("cursor-pointer h-3 w-3 flex items-center justify-center mr-1"),onClick:e=>{e.preventDefault(),null==m||m()}},{children:r.jsx(i,{name:"close",className:"fill-dark-bermudaGray w-3 h-3"})})),!!p&&r.jsx("div",Object.assign({onClick:()=>{null==S||S()},className:l.default("flex items-center justify-center h-[30px] pr-2",S?"cursor-pointer":null)},{children:r.jsx(i,{name:p,className:n.twMerge(l.default("fill-dark-bermudaGray w-3 h-3",`${f&&"fill-dark-bermudaGray"}`),h)})})),!!D&&r.jsx("div",Object.assign({className:n.twMerge("flex items-center justify-center h-[30px] px-2 bg-light-whiteSmoke",F)},{children:r.jsx(s.default,{label:D||"Suffix",className:n.twMerge("text-xs font-normal text-dark-blackCoral",E)})}))]})),q&&!k&&r.jsx(s.default,{label:q,className:n.twMerge("font-normal text-dark-bermudaGray text-[10px] inline-block",C)}),k&&!!w&&r.jsx(s.default,{label:w,className:n.twMerge("font-normal text-red-fireEngineRed text-[10px] inline-block",v)})]}))};
1
+ "use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),l=require("../../../node_modules/classnames/index.js"),t=require("react");require("../Badge/Badge.js");var s=require("../Text/BaseText.js");require("../Text/Text.js");var a=require("../Badge/BaseBadgeRequired.js"),i=require("../Icon/Icon.js"),n=require("../../../node_modules/tailwind-merge/dist/lib/tw-merge.mjs.js");module.exports=o=>{var{label:d,labelStyles:c,containerStyles:x,activeContainerStyles:u,isDisabled:f,isCleanable:b,onClean:m,leftIcon:g,leftIconStyles:y,onClickLeftIcon:j,rightIcon:p,rightIconStyles:h,onClickRightIcon:S,isError:k,errorMessage:w,errorMessageStyles:v,helperMessage:q,helperMessageStyles:C,variant:M="box",inputStyles:N,isRequired:R,labelRequired:I,labelRequiredStyles:T,containerRequiredStyles:O,prefixText:B,prefixTextStyles:G,prefixContainerStyles:_,suffixText:D,suffixTextStyles:E,suffixContainerStyles:F}=o,K=e.__rest(o,["label","labelStyles","containerStyles","activeContainerStyles","isDisabled","isCleanable","onClean","leftIcon","leftIconStyles","onClickLeftIcon","rightIcon","rightIconStyles","onClickRightIcon","isError","errorMessage","errorMessageStyles","helperMessage","helperMessageStyles","variant","inputStyles","isRequired","labelRequired","labelRequiredStyles","containerRequiredStyles","prefixText","prefixTextStyles","prefixContainerStyles","suffixText","suffixTextStyles","suffixContainerStyles"]);const[L,P]=t.useState(!1);return r.jsxs("div",Object.assign({className:"flex flex-col gap-y-1"},{children:[r.jsxs("div",Object.assign({className:"flex flex-row items-end gap-x-1"},{children:[!!d&&r.jsx(s.default,{label:d,className:n.twMerge("font-normal text-dark-gumbo text-[10px]",c)}),R&&r.jsx(a,{labelRequired:I,labelRequiredStyles:T,containerRequiredStyles:O})]})),r.jsxs("label",Object.assign({htmlFor:"base-text-input",className:n.twMerge(l.default(n.twMerge("flex flex-row items-center rounded border border-solid border-dark-gumbo bg-light-whiteSolid overflow-hidden",x),"line"===M&&"border-b border-t-0 border-x-0 rounded-none",L&&u?u:L?"border-fields-border-focus":void 0,f&&"border-dark-bermudaGray bg-light-whiteSmoke",k&&"border-red-fireEngineRed"))},{children:[!!B&&r.jsx("div",Object.assign({className:n.twMerge("flex items-center justify-center h-[30px] px-2 bg-light-whiteSmoke",_)},{children:r.jsx(s.default,{label:B||"Prefix",className:n.twMerge("text-xs font-normal text-dark-blackCoral",G)})})),!!g&&r.jsx("div",Object.assign({onClick:()=>{null==j||j()},className:l.default("flex items-center justify-center h-[30px] pl-2",j?"cursor-pointer":null)},{children:r.jsx(i,{name:g,className:n.twMerge(l.default("fill-dark-bermudaGray w-3 h-3 mr-2",`${f&&"fill-dark-bermudaGray"}`),y)})})),r.jsx("input",Object.assign({},K,{id:"base-text-input",className:n.twMerge("flex flex-1 h-4 font-poppins font-normal text-xs text-left text-dark-blackCoral placeholder:text-dark-bermudaGray outline-none border-none p-0 m-2 leading-[14px]",N),onKeyDown:e=>{var r;e.stopPropagation(),null===(r=K.onKeyDown)||void 0===r||r.call(K,e)},onFocus:e=>{var r;P(!0),null===(r=K.onFocus)||void 0===r||r.call(K,e)},onBlur:e=>{var r;P(!1),null===(r=K.onBlur)||void 0===r||r.call(K,e)},disabled:f})),b&&!!K.value&&r.jsx("div",Object.assign({className:l.default("cursor-pointer h-3 w-3 flex items-center justify-center mr-1"),onClick:e=>{e.preventDefault(),null==m||m()}},{children:r.jsx(i,{name:"close",className:"fill-dark-bermudaGray w-3 h-3"})})),!!p&&r.jsx("div",Object.assign({onClick:()=>{null==S||S()},className:l.default("flex items-center justify-center h-[30px] pr-2",S?"cursor-pointer":null)},{children:r.jsx(i,{name:p,className:n.twMerge(l.default("fill-dark-bermudaGray w-3 h-3",`${f&&"fill-dark-bermudaGray"}`),h)})})),!!D&&r.jsx("div",Object.assign({className:n.twMerge("flex items-center justify-center h-[30px] px-2 bg-light-whiteSmoke",F)},{children:r.jsx(s.default,{label:D||"Suffix",className:n.twMerge("text-xs font-normal text-dark-blackCoral",E)})}))]})),q&&!k&&r.jsx(s.default,{label:q,className:n.twMerge("font-normal text-dark-bermudaGray text-[10px] inline-block",C)}),k&&!!w&&r.jsx(s.default,{label:w,className:n.twMerge("font-normal text-red-fireEngineRed text-[10px] inline-block",v)})]}))};
2
2
  //# sourceMappingURL=BaseTextInput.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"BaseTextInput.js","sources":["../../../../src/components/TextInput/BaseTextInput.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport React, { useState } from 'react';\nimport { twMerge } from 'tailwind-merge';\n\nimport { BaseBadgeRequired } from '../Badge';\nimport { Icon } from '../Icon';\nimport BaseText from '../Text/BaseText';\nimport { BaseTextInputInterface } from './BaseTextInput.type';\n\nconst BaseTextInput = ({\n label,\n labelStyles,\n containerStyles,\n activeContainerStyles,\n isDisabled,\n isCleanable,\n onClean,\n leftIcon,\n leftIconStyles,\n onClickLeftIcon,\n rightIcon,\n rightIconStyles,\n onClickRightIcon,\n isError,\n errorMessage,\n errorMessageStyles,\n helperMessage,\n helperMessageStyles,\n variant = 'box',\n inputStyles,\n isRequired,\n labelRequired,\n labelRequiredStyles,\n containerRequiredStyles,\n prefixText,\n prefixTextStyles,\n prefixContainerStyles,\n suffixText,\n suffixTextStyles,\n suffixContainerStyles,\n ...props\n}: // eslint-disable-next-line sonarjs/cognitive-complexity\nBaseTextInputInterface) => {\n const [isFocused, setIsFocused] = useState<boolean>(false);\n return (\n <div className='flex flex-col gap-y-1'>\n <div className='flex flex-row items-end gap-x-1'>\n {!!label && (\n <BaseText\n label={label}\n className={twMerge('font-normal text-dark-gumbo text-[10px]', labelStyles)}\n />\n )}\n {isRequired && (\n <BaseBadgeRequired\n labelRequired={labelRequired}\n labelRequiredStyles={labelRequiredStyles}\n containerRequiredStyles={containerRequiredStyles}\n />\n )}\n </div>\n\n <label\n htmlFor='base-text-input'\n className={twMerge(\n classNames(\n twMerge(\n 'flex flex-row items-center rounded border border-solid border-dark-gumbo bg-light-whiteSolid overflow-hidden',\n containerStyles\n ),\n variant === 'line' && 'border-b border-t-0 border-x-0 rounded-none',\n isFocused && activeContainerStyles\n ? activeContainerStyles\n : isFocused\n ? 'border-fields-border-focus'\n : undefined,\n isDisabled && 'border-dark-bermudaGray bg-light-whiteSmoke',\n isError && 'border-red-fireEngineRed'\n )\n )}\n >\n {!!prefixText && (\n <div\n className={twMerge(\n 'flex items-center justify-center h-[30px] px-2 bg-light-whiteSmoke',\n prefixContainerStyles\n )}\n >\n <BaseText\n label={prefixText || 'Prefix'}\n className={twMerge('text-xs font-normal text-dark-blackCoral', prefixTextStyles)}\n />\n </div>\n )}\n {!!leftIcon && (\n <div\n onClick={() => {\n onClickLeftIcon?.();\n }}\n className={classNames(\n 'flex items-center justify-center h-[30px] pl-2',\n onClickLeftIcon ? 'cursor-pointer' : null\n )}\n >\n <Icon\n name={leftIcon}\n className={twMerge(\n classNames(\n 'fill-dark-bermudaGray w-3 h-3 mr-2',\n `${isDisabled && 'fill-dark-bermudaGray'}`\n ),\n leftIconStyles\n )}\n />\n </div>\n )}\n <input\n {...props}\n id='base-text-input'\n className={twMerge(\n 'flex flex-1 h-[14px] font-poppins font-normal text-xs text-left text-dark-blackCoral placeholder:text-dark-bermudaGray outline-none border-none p-0 m-2 leading-[14px]',\n inputStyles\n )}\n onKeyDown={(e) => {\n e.stopPropagation();\n props.onKeyDown?.(e);\n }}\n onFocus={(e) => {\n setIsFocused(true);\n props.onFocus?.(e);\n }}\n onBlur={(e) => {\n setIsFocused(false);\n props.onBlur?.(e);\n }}\n disabled={isDisabled}\n />\n\n {isCleanable && !!props.value && (\n <div\n className={classNames('cursor-pointer h-3 w-3 flex items-center justify-center mr-1')}\n onClick={(e) => {\n e.preventDefault();\n onClean?.();\n }}\n >\n <Icon name='close' className='fill-dark-bermudaGray w-3 h-3' />\n </div>\n )}\n {!!rightIcon && (\n <div\n onClick={() => {\n onClickRightIcon?.();\n }}\n className={classNames(\n 'flex items-center justify-center h-[30px] pr-2',\n onClickRightIcon ? 'cursor-pointer' : null\n )}\n >\n <Icon\n name={rightIcon}\n className={twMerge(\n classNames(\n 'fill-dark-bermudaGray w-3 h-3',\n `${isDisabled && 'fill-dark-bermudaGray'}`\n ),\n rightIconStyles\n )}\n />\n </div>\n )}\n\n {!!suffixText && (\n <div\n className={twMerge(\n 'flex items-center justify-center h-[30px] px-2 bg-light-whiteSmoke',\n suffixContainerStyles\n )}\n >\n <BaseText\n label={suffixText || 'Suffix'}\n className={twMerge('text-xs font-normal text-dark-blackCoral', suffixTextStyles)}\n />\n </div>\n )}\n </label>\n {helperMessage && !isError && (\n <BaseText\n label={helperMessage}\n className={twMerge(\n 'font-normal text-dark-bermudaGray text-[10px] inline-block',\n helperMessageStyles\n )}\n />\n )}\n\n {isError && !!errorMessage && (\n <BaseText\n label={errorMessage}\n className={twMerge(\n 'font-normal text-red-fireEngineRed text-[10px] inline-block',\n errorMessageStyles\n )}\n />\n )}\n </div>\n );\n};\n\nexport default BaseTextInput;\n"],"names":["_a","label","labelStyles","containerStyles","activeContainerStyles","isDisabled","isCleanable","onClean","leftIcon","leftIconStyles","onClickLeftIcon","rightIcon","rightIconStyles","onClickRightIcon","isError","errorMessage","errorMessageStyles","helperMessage","helperMessageStyles","variant","inputStyles","isRequired","labelRequired","labelRequiredStyles","containerRequiredStyles","prefixText","prefixTextStyles","prefixContainerStyles","suffixText","suffixTextStyles","suffixContainerStyles","props","__rest","isFocused","setIsFocused","useState","_jsxs","jsxs","Object","assign","className","_jsx","BaseText","twMerge","BaseBadgeRequired","htmlFor","classNames","undefined","children","jsx","onClick","Icon","name","id","onKeyDown","e","stopPropagation","call","onFocus","onBlur","disabled","value","preventDefault"],"mappings":"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"}
1
+ {"version":3,"file":"BaseTextInput.js","sources":["../../../../src/components/TextInput/BaseTextInput.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport React, { useState } from 'react';\nimport { twMerge } from 'tailwind-merge';\n\nimport { BaseBadgeRequired } from '../Badge';\nimport { Icon } from '../Icon';\nimport BaseText from '../Text/BaseText';\nimport { BaseTextInputInterface } from './BaseTextInput.type';\n\nconst BaseTextInput = ({\n label,\n labelStyles,\n containerStyles,\n activeContainerStyles,\n isDisabled,\n isCleanable,\n onClean,\n leftIcon,\n leftIconStyles,\n onClickLeftIcon,\n rightIcon,\n rightIconStyles,\n onClickRightIcon,\n isError,\n errorMessage,\n errorMessageStyles,\n helperMessage,\n helperMessageStyles,\n variant = 'box',\n inputStyles,\n isRequired,\n labelRequired,\n labelRequiredStyles,\n containerRequiredStyles,\n prefixText,\n prefixTextStyles,\n prefixContainerStyles,\n suffixText,\n suffixTextStyles,\n suffixContainerStyles,\n ...props\n}: // eslint-disable-next-line sonarjs/cognitive-complexity\nBaseTextInputInterface) => {\n const [isFocused, setIsFocused] = useState<boolean>(false);\n return (\n <div className='flex flex-col gap-y-1'>\n <div className='flex flex-row items-end gap-x-1'>\n {!!label && (\n <BaseText\n label={label}\n className={twMerge('font-normal text-dark-gumbo text-[10px]', labelStyles)}\n />\n )}\n {isRequired && (\n <BaseBadgeRequired\n labelRequired={labelRequired}\n labelRequiredStyles={labelRequiredStyles}\n containerRequiredStyles={containerRequiredStyles}\n />\n )}\n </div>\n\n <label\n htmlFor='base-text-input'\n className={twMerge(\n classNames(\n twMerge(\n 'flex flex-row items-center rounded border border-solid border-dark-gumbo bg-light-whiteSolid overflow-hidden',\n containerStyles\n ),\n variant === 'line' && 'border-b border-t-0 border-x-0 rounded-none',\n isFocused && activeContainerStyles\n ? activeContainerStyles\n : isFocused\n ? 'border-fields-border-focus'\n : undefined,\n isDisabled && 'border-dark-bermudaGray bg-light-whiteSmoke',\n isError && 'border-red-fireEngineRed'\n )\n )}\n >\n {!!prefixText && (\n <div\n className={twMerge(\n 'flex items-center justify-center h-[30px] px-2 bg-light-whiteSmoke',\n prefixContainerStyles\n )}\n >\n <BaseText\n label={prefixText || 'Prefix'}\n className={twMerge('text-xs font-normal text-dark-blackCoral', prefixTextStyles)}\n />\n </div>\n )}\n {!!leftIcon && (\n <div\n onClick={() => {\n onClickLeftIcon?.();\n }}\n className={classNames(\n 'flex items-center justify-center h-[30px] pl-2',\n onClickLeftIcon ? 'cursor-pointer' : null\n )}\n >\n <Icon\n name={leftIcon}\n className={twMerge(\n classNames(\n 'fill-dark-bermudaGray w-3 h-3 mr-2',\n `${isDisabled && 'fill-dark-bermudaGray'}`\n ),\n leftIconStyles\n )}\n />\n </div>\n )}\n <input\n {...props}\n id='base-text-input'\n className={twMerge(\n 'flex flex-1 h-4 font-poppins font-normal text-xs text-left text-dark-blackCoral placeholder:text-dark-bermudaGray outline-none border-none p-0 m-2 leading-[14px]',\n inputStyles\n )}\n onKeyDown={(e) => {\n e.stopPropagation();\n props.onKeyDown?.(e);\n }}\n onFocus={(e) => {\n setIsFocused(true);\n props.onFocus?.(e);\n }}\n onBlur={(e) => {\n setIsFocused(false);\n props.onBlur?.(e);\n }}\n disabled={isDisabled}\n />\n\n {isCleanable && !!props.value && (\n <div\n className={classNames('cursor-pointer h-3 w-3 flex items-center justify-center mr-1')}\n onClick={(e) => {\n e.preventDefault();\n onClean?.();\n }}\n >\n <Icon name='close' className='fill-dark-bermudaGray w-3 h-3' />\n </div>\n )}\n {!!rightIcon && (\n <div\n onClick={() => {\n onClickRightIcon?.();\n }}\n className={classNames(\n 'flex items-center justify-center h-[30px] pr-2',\n onClickRightIcon ? 'cursor-pointer' : null\n )}\n >\n <Icon\n name={rightIcon}\n className={twMerge(\n classNames(\n 'fill-dark-bermudaGray w-3 h-3',\n `${isDisabled && 'fill-dark-bermudaGray'}`\n ),\n rightIconStyles\n )}\n />\n </div>\n )}\n\n {!!suffixText && (\n <div\n className={twMerge(\n 'flex items-center justify-center h-[30px] px-2 bg-light-whiteSmoke',\n suffixContainerStyles\n )}\n >\n <BaseText\n label={suffixText || 'Suffix'}\n className={twMerge('text-xs font-normal text-dark-blackCoral', suffixTextStyles)}\n />\n </div>\n )}\n </label>\n {helperMessage && !isError && (\n <BaseText\n label={helperMessage}\n className={twMerge(\n 'font-normal text-dark-bermudaGray text-[10px] inline-block',\n helperMessageStyles\n )}\n />\n )}\n\n {isError && !!errorMessage && (\n <BaseText\n label={errorMessage}\n className={twMerge(\n 'font-normal text-red-fireEngineRed text-[10px] inline-block',\n errorMessageStyles\n )}\n />\n )}\n </div>\n );\n};\n\nexport default BaseTextInput;\n"],"names":["_a","label","labelStyles","containerStyles","activeContainerStyles","isDisabled","isCleanable","onClean","leftIcon","leftIconStyles","onClickLeftIcon","rightIcon","rightIconStyles","onClickRightIcon","isError","errorMessage","errorMessageStyles","helperMessage","helperMessageStyles","variant","inputStyles","isRequired","labelRequired","labelRequiredStyles","containerRequiredStyles","prefixText","prefixTextStyles","prefixContainerStyles","suffixText","suffixTextStyles","suffixContainerStyles","props","__rest","isFocused","setIsFocused","useState","_jsxs","jsxs","Object","assign","className","_jsx","BaseText","twMerge","BaseBadgeRequired","htmlFor","classNames","undefined","children","jsx","onClick","Icon","name","id","onKeyDown","e","stopPropagation","call","onFocus","onBlur","disabled","value","preventDefault"],"mappings":"saASuBA,IAAA,IAAAC,MACrBA,EAAKC,YACLA,EAAWC,gBACXA,EAAeC,sBACfA,EAAqBC,WACrBA,EAAUC,YACVA,EAAWC,QACXA,EAAOC,SACPA,EAAQC,eACRA,EAAcC,gBACdA,EAAeC,UACfA,EAASC,gBACTA,EAAeC,iBACfA,EAAgBC,QAChBA,EAAOC,aACPA,EAAYC,mBACZA,EAAkBC,cAClBA,EAAaC,oBACbA,EAAmBC,QACnBA,EAAU,MAAKC,YACfA,EAAWC,WACXA,EAAUC,cACVA,EAAaC,oBACbA,EAAmBC,wBACnBA,EAAuBC,WACvBA,EAAUC,iBACVA,EAAgBC,sBAChBA,EAAqBC,WACrBA,EAAUC,iBACVA,EAAgBC,sBAChBA,GAGoB9B,EAFjB+B,EAAKC,EAAAA,OAAAhC,EA/Ba,gfAkCrB,MAAOiC,EAAWC,GAAgBC,EAAQA,UAAU,GACpD,OACEC,EAAKC,KAAA,MAAAC,OAAAC,OAAA,CAAAC,UAAU,oCACbJ,EAAKC,KAAA,MAAAC,OAAAC,OAAA,CAAAC,UAAU,gDACVvC,GACDwC,MAACC,EAAQ,QAAA,CACPzC,MAAOA,EACPuC,UAAWG,EAAAA,QAAQ,0CAA2CzC,KAGjEmB,GACCoB,MAACG,EAAiB,CAChBtB,cAAeA,EACfC,oBAAqBA,EACrBC,wBAAyBA,QAK/BY,8BACES,QAAQ,kBACRL,UAAWG,EAAAA,QACTG,EAAAA,QACEH,EAAAA,QACE,+GACAxC,GAEU,SAAZgB,GAAsB,8CACtBc,GAAa7B,EACTA,EACA6B,EACA,kCACAc,EACJ1C,GAAc,8CACdS,GAAW,8BAEd,CAAAkC,SAAA,GAEEvB,GACDgB,EAAAA,IAAA,MAAAH,OAAAC,OAAA,CACEC,UAAWG,EAAAA,QACT,qEACAhB,IAGF,CAAAqB,SAAAP,EAAAA,IAACC,EAAQ,QACP,CAAAzC,MAAOwB,GAAc,SACrBe,UAAWG,EAAOA,QAAC,2CAA4CjB,UAIlElB,GACDiC,EACEQ,IAAA,MAAAX,OAAAC,OAAA,CAAAW,QAAS,KACPxC,SAAAA,GAAmB,EAErB8B,UAAWM,EAAU,QACnB,iDACApC,EAAkB,iBAAmB,OAGvC,CAAAsC,SAAAP,EAAAA,IAACU,EAAI,CACHC,KAAM5C,EACNgC,UAAWG,EAAAA,QACTG,EAAAA,QACE,qCACA,GAAGzC,GAAc,2BAEnBI,QAKRgC,EAAAA,IACM,QAAAH,OAAAC,OAAA,CAAA,EAAAR,GACJsB,GAAG,kBACHb,UAAWG,EAAOA,QAChB,oKACAvB,GAEFkC,UAAYC,UACVA,EAAEC,kBACgB,QAAlBxD,EAAA+B,EAAMuB,iBAAY,IAAAtD,GAAAA,EAAAyD,KAAA1B,EAAAwB,EAAE,EAEtBG,QAAUH,UACRrB,GAAa,GACG,QAAhBlC,EAAA+B,EAAM2B,eAAU,IAAA1D,GAAAA,EAAAyD,KAAA1B,EAAAwB,EAAE,EAEpBI,OAASJ,UACPrB,GAAa,GACE,QAAflC,EAAA+B,EAAM4B,cAAS,IAAA3D,GAAAA,EAAAyD,KAAA1B,EAAAwB,EAAE,EAEnBK,SAAUvD,KAGXC,KAAiByB,EAAM8B,OACtBpB,EAAAQ,IAAA,MAAAX,OAAAC,OAAA,CACEC,UAAWM,EAAAA,QAAW,gEACtBI,QAAUK,IACRA,EAAEO,iBACFvD,SAAAA,GAAW,GACZ,CAAAyC,SAEDP,MAACU,EAAK,CAAAC,KAAK,QAAQZ,UAAU,uCAG9B7B,GACD8B,EACEQ,IAAA,MAAAX,OAAAC,OAAA,CAAAW,QAAS,KACPrC,SAAAA,GAAoB,EAEtB2B,UAAWM,EAAU,QACnB,iDACAjC,EAAmB,iBAAmB,OAGxC,CAAAmC,SAAAP,EAAAA,IAACU,EAAI,CACHC,KAAMzC,EACN6B,UAAWG,EAAOA,QAChBG,UACE,gCACA,GAAGzC,GAAc,2BAEnBO,UAMLgB,GACDa,EAAAA,IACE,MAAAH,OAAAC,OAAA,CAAAC,UAAWG,UACT,qEACAb,IACD,CAAAkB,SAEDP,MAACC,EAAAA,SACCzC,MAAO2B,GAAc,SACrBY,UAAWG,EAAOA,QAAC,2CAA4Cd,YAKtEZ,IAAkBH,GACjB2B,EAAAA,IAACC,EAAQ,QACP,CAAAzC,MAAOgB,EACPuB,UAAWG,EAAAA,QACT,6DACAzB,KAKLJ,KAAaC,GACZ0B,EAAAA,IAACC,EAAQ,QAAA,CACPzC,MAAOc,EACPyB,UAAWG,EAAAA,QACT,8DACA3B,QAKR"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "uangcermat-web-toolkit-v2",
3
- "version": "0.2.8",
3
+ "version": "0.2.9",
4
4
  "outputDir": "build",
5
5
  "main": "build/src/index.js",
6
6
  "types": "build/src/index.d.ts",