npm - @orbe-agro/client-core - Versions diffs - 5.3.13 → 5.3.14 - Mend

@orbe-agro/client-core 5.3.13 → 5.3.14

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 (1733) hide show

package/dist/@ecme/components/ui/Avatar/AvatarGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AvatarGroup.js","sources":["../../../../../lib/@ecme/components/ui/Avatar/AvatarGroup.tsx"],"sourcesContent":["import { Children, cloneElement, Fragment } from 'react'\r\nimport classNames from 'classnames'\r\nimport Avatar from './Avatar'\r\nimport Tooltip from '../Tooltip/Tooltip'\r\nimport type { AvatarProps } from './Avatar'\r\nimport type { CommonProps } from '../@types/common'\r\nimport type { ReactNode, ReactElement } from 'react'\r\nimport type { TooltipProps } from '../Tooltip/Tooltip'\r\n\r\nexport interface AvatarGroupProps extends CommonProps {\r\n chained?: boolean\r\n maxCount?: number\r\n onOmittedAvatarClick?: () => void\r\n omittedAvatarContent?: string \| ReactNode\r\n omittedAvatarProps?: AvatarProps\r\n omittedAvatarTooltip?: boolean\r\n omittedAvatarTooltipProps?: Omit<TooltipProps, 'title'>\r\n}\r\n\r\ninterface GroupContainerProps\r\n extends CommonProps,\r\n Pick<AvatarGroupProps, 'chained'> {}\r\n\r\nconst GroupContainer = ({\r\n children,\r\n chained,\r\n className,\r\n}: GroupContainerProps) => (\r\n <div\r\n className={classNames(\r\n 'avatar-group',\r\n chained && 'avatar-group-chained',\r\n className,\r\n )}\r\n >\r\n {children}\r\n </div>\r\n)\r\n\r\nconst AvatarGroup = (props: AvatarGroupProps) => {\r\n const {\r\n chained = false,\r\n children,\r\n className,\r\n maxCount = 4,\r\n onOmittedAvatarClick,\r\n omittedAvatarContent,\r\n omittedAvatarProps,\r\n omittedAvatarTooltip = false,\r\n omittedAvatarTooltipProps,\r\n } = props\r\n\r\n const childCount = Children.count(children)\r\n\r\n const childWithKey = Children.toArray(children).map((child, index) =>\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n cloneElement(child as ReactElement<any>, {\r\n key: `grouped-avatar-${index}`,\r\n }),\r\n )\r\n\r\n if (maxCount && maxCount < childCount) {\r\n const childToShow = childWithKey.slice(0, maxCount)\r\n const overflowCount = childCount - maxCount\r\n const avatar = (\r\n <Avatar\r\n className={onOmittedAvatarClick ? 'cursor-pointer' : ''}\r\n onClick={() => onOmittedAvatarClick?.()}\r\n {...omittedAvatarProps}\r\n >\r\n {omittedAvatarContent \|\| `+${overflowCount}`}\r\n </Avatar>\r\n )\r\n\r\n childToShow.push(\r\n omittedAvatarTooltip ? (\r\n <Tooltip\r\n key=\"avatar-more-tooltip\"\r\n title={`${overflowCount} More`}\r\n {...omittedAvatarTooltipProps}\r\n >\r\n <>{avatar}</>\r\n </Tooltip>\r\n ) : (\r\n <Fragment key=\"avatar-more-tooltip\">{avatar}</Fragment>\r\n ),\r\n )\r\n return (\r\n <GroupContainer className={className} chained={chained}>\r\n {childToShow}\r\n </GroupContainer>\r\n )\r\n }\r\n\r\n return (\r\n <GroupContainer className={className} chained={chained}>\r\n {children}\r\n </GroupContainer>\r\n )\r\n}\r\n\r\nexport default AvatarGroup\r\n"],"names":["GroupContainer","children","chained","className","jsx","classNames","AvatarGroup","props","maxCount","onOmittedAvatarClick","omittedAvatarContent","omittedAvatarProps","omittedAvatarTooltip","omittedAvatarTooltipProps","childCount","Children","childWithKey","child","index","cloneElement","childToShow","overflowCount","avatar","Avatar","Tooltip","Fragment"],"mappings":";;;;;AAuBA,MAAMA,IAAiB,CAAC;AAAA,EACpB,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AACJ,MACI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAWC;AAAA,MACP;AAAA,MACAH,KAAW;AAAA,MACXC;AAAA,IAAA;AAAA,IAGH,UAAAF;AAAA,EAAA;AACL,GAGEK,IAAc,CAACC,MAA4B;AAC7C,QAAM;AAAA,IACF,SAAAL,IAAU;AAAA,IACV,UAAAD;AAAA,IACA,WAAAE;AAAA,IACA,UAAAK,IAAW;AAAA,IACX,sBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,sBAAAC,IAAuB;AAAA,IACvB,2BAAAC;AAAA,EAAA,IACAN,GAEEO,IAAaC,EAAS,MAAMd,CAAQ,GAEpCe,IAAeD,EAAS,QAAQd,CAAQ,EAAE;AAAA,IAAI,CAACgB,GAAOC;AAAA;AAAA,MAExDC,EAAaF,GAA4B;AAAA,QACrC,KAAK,kBAAkBC,CAAK;AAAA,MAAA,CAC/B;AAAA;AAAA,EAAA;AAGL,MAAIV,KAAYA,IAAWM,GAAY;AACnC,UAAMM,IAAcJ,EAAa,MAAM,GAAGR,CAAQ,GAC5Ca,IAAgBP,IAAaN,GAC7Bc,IACF,gBAAAlB;AAAA,MAACmB;AAAA,MAAA;AAAA,QACG,WAAWd,IAAuB,mBAAmB;AAAA,QACrD,SAAS,MAAMA,KAAA,gBAAAA;AAAA,QACd,GAAGE;AAAA,QAEH,UAAAD,KAAwB,IAAIW,CAAa;AAAA,MAAA;AAAA,IAAA;AAIlD,WAAAD,EAAY;AAAA,MACRR,IACI,gBAAAR;AAAA,QAACoB;AAAA,QAAA;AAAA,UAEG,OAAO,GAAGH,CAAa;AAAA,UACtB,GAAGR;AAAA,UAEJ,iCAAG,UAAAS,EAAA,CAAO;AAAA,QAAA;AAAA,QAJN;AAAA,MAAA,IAOR,gBAAAlB,EAACqB,GAAA,EAAoC,eAAvB,qBAA8B;AAAA,IAAA,GAIhD,gBAAArB,EAACJ,GAAA,EAAe,WAAAG,GAAsB,SAAAD,GACjC,UAAAkB,GACL;AAAA,~~EAAA~~;~~AAIR~~,SACI,gBAAAhB,EAACJ,GAAA,EAAe,WAAAG,GAAsB,SAAAD,GACjC,UAAAD,EAAA,CACL;AAER;"}
1	+ {"version":3,"file":"AvatarGroup.js","sources":["../../../../../lib/@ecme/components/ui/Avatar/AvatarGroup.tsx"],"sourcesContent":["import { Children, cloneElement, Fragment } from 'react'\nimport classNames from 'classnames'\nimport Avatar from './Avatar'\nimport Tooltip from '../Tooltip/Tooltip'\nimport type { AvatarProps } from './Avatar'\nimport type { CommonProps } from '../@types/common'\nimport type { ReactNode, ReactElement } from 'react'\nimport type { TooltipProps } from '../Tooltip/Tooltip'\n\nexport interface AvatarGroupProps extends CommonProps {\n chained?: boolean\n maxCount?: number\n onOmittedAvatarClick?: () => void\n omittedAvatarContent?: string \| ReactNode\n omittedAvatarProps?: AvatarProps\n omittedAvatarTooltip?: boolean\n omittedAvatarTooltipProps?: Omit<TooltipProps, 'title'>\n}\n\ninterface GroupContainerProps\n extends CommonProps,\n Pick<AvatarGroupProps, 'chained'> {}\n\nconst GroupContainer = ({\n children,\n chained,\n className,\n}: GroupContainerProps) => (\n <div\n className={classNames(\n 'avatar-group',\n chained && 'avatar-group-chained',\n className,\n )}\n >\n {children}\n </div>\n)\n\nconst AvatarGroup = (props: AvatarGroupProps) => {\n const {\n chained = false,\n children,\n className,\n maxCount = 4,\n onOmittedAvatarClick,\n omittedAvatarContent,\n omittedAvatarProps,\n omittedAvatarTooltip = false,\n omittedAvatarTooltipProps,\n } = props\n\n const childCount = Children.count(children)\n\n const childWithKey = Children.toArray(children).map((child, index) =>\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n cloneElement(child as ReactElement<any>, {\n key: `grouped-avatar-${index}`,\n }),\n )\n\n if (maxCount && maxCount < childCount) {\n const childToShow = childWithKey.slice(0, maxCount)\n const overflowCount = childCount - maxCount\n const avatar = (\n <Avatar\n className={onOmittedAvatarClick ? 'cursor-pointer' : ''}\n onClick={() => onOmittedAvatarClick?.()}\n {...omittedAvatarProps}\n >\n {omittedAvatarContent \|\| `+${overflowCount}`}\n </Avatar>\n )\n\n childToShow.push(\n omittedAvatarTooltip ? (\n <Tooltip\n key=\"avatar-more-tooltip\"\n title={`${overflowCount} More`}\n {...omittedAvatarTooltipProps}\n >\n <>{avatar}</>\n </Tooltip>\n ) : (\n <Fragment key=\"avatar-more-tooltip\">{avatar}</Fragment>\n ),\n )\n return (\n <GroupContainer className={className} chained={chained}>\n {childToShow}\n </GroupContainer>\n )\n }\n\n return (\n <GroupContainer className={className} chained={chained}>\n {children}\n </GroupContainer>\n )\n}\n\nexport default AvatarGroup\n"],"names":["GroupContainer","children","chained","className","jsx","classNames","AvatarGroup","props","maxCount","onOmittedAvatarClick","omittedAvatarContent","omittedAvatarProps","omittedAvatarTooltip","omittedAvatarTooltipProps","childCount","Children","childWithKey","child","index","cloneElement","childToShow","overflowCount","avatar","Avatar","Tooltip","Fragment"],"mappings":";;;;;AAuBA,MAAMA,IAAiB,CAAC;AAAA,EACpB,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AACJ,MACI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAWC;AAAA,MACP;AAAA,MACAH,KAAW;AAAA,MACXC;AAAA,IAAA;AAAA,IAGH,UAAAF;AAAA,EAAA;AACL,GAGEK,IAAc,CAACC,MAA4B;AAC7C,QAAM;AAAA,IACF,SAAAL,IAAU;AAAA,IACV,UAAAD;AAAA,IACA,WAAAE;AAAA,IACA,UAAAK,IAAW;AAAA,IACX,sBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,sBAAAC,IAAuB;AAAA,IACvB,2BAAAC;AAAA,EAAA,IACAN,GAEEO,IAAaC,EAAS,MAAMd,CAAQ,GAEpCe,IAAeD,EAAS,QAAQd,CAAQ,EAAE;AAAA,IAAI,CAACgB,GAAOC;AAAA;AAAA,MAExDC,EAAaF,GAA4B;AAAA,QACrC,KAAK,kBAAkBC,CAAK;AAAA,MAAA,CAC/B;AAAA;AAAA,EAAA;AAGL,MAAIV,KAAYA,IAAWM,GAAY;AACnC,UAAMM,IAAcJ,EAAa,MAAM,GAAGR,CAAQ,GAC5Ca,IAAgBP,IAAaN,GAC7Bc,IACF,gBAAAlB;AAAA,MAACmB;AAAA,MAAA;AAAA,QACG,WAAWd,IAAuB,mBAAmB;AAAA,QACrD,SAAS,MAAMA,KAAA,gBAAAA;AAAA,QACd,GAAGE;AAAA,QAEH,UAAAD,KAAwB,IAAIW,CAAa;AAAA,MAAA;AAAA,IAAA;AAIlD,WAAAD,EAAY;AAAA,MACRR,IACI,gBAAAR;AAAA,QAACoB;AAAA,QAAA;AAAA,UAEG,OAAO,GAAGH,CAAa;AAAA,UACtB,GAAGR;AAAA,UAEJ,iCAAG,UAAAS,EAAA,CAAO;AAAA,QAAA;AAAA,QAJN;AAAA,MAAA,IAOR,gBAAAlB,EAACqB,GAAA,EAAoC,eAAvB,qBAA8B;AAAA,IAAA,GAIhD,gBAAArB,EAACJ,GAAA,EAAe,WAAAG,GAAsB,SAAAD,GACjC,UAAAkB,GACL;AAAA,EAER;AAEA,SACI,gBAAAhB,EAACJ,GAAA,EAAe,WAAAG,GAAsB,SAAAD,GACjC,UAAAD,EAAA,CACL;AAER;"}

package/dist/@ecme/components/ui/Avatar/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../lib/@ecme/components/ui/Avatar/index.tsx"],"sourcesContent":["import type { ForwardRefExoticComponent, RefAttributes } from 'react'\r\nimport _Avatar, { AvatarProps } from './Avatar'\r\nimport AvatarGroup from './AvatarGroup'\r\n\r\nexport type { AvatarProps } from './Avatar'\r\nexport type { AvatarGroupProps } from './AvatarGroup'\r\n\r\ntype CompoundedComponent = ForwardRefExoticComponent<\r\n AvatarProps & RefAttributes<HTMLSpanElement>\r\n> & {\r\n Group: typeof AvatarGroup\r\n}\r\n\r\nconst Avatar = _Avatar as CompoundedComponent\r\n\r\nAvatar.Group = AvatarGroup\r\n\r\nexport { Avatar }\r\n\r\nexport default Avatar\r\n"],"names":["Avatar","_Avatar","AvatarGroup"],"mappings":";;AAaA,MAAMA,IAASC;AAEfD,EAAO,QAAQE;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../lib/@ecme/components/ui/Avatar/index.tsx"],"sourcesContent":["import type { ForwardRefExoticComponent, RefAttributes } from 'react'\nimport _Avatar, { AvatarProps } from './Avatar'\nimport AvatarGroup from './AvatarGroup'\n\nexport type { AvatarProps } from './Avatar'\nexport type { AvatarGroupProps } from './AvatarGroup'\n\ntype CompoundedComponent = ForwardRefExoticComponent<\n AvatarProps & RefAttributes<HTMLSpanElement>\n> & {\n Group: typeof AvatarGroup\n}\n\nconst Avatar = _Avatar as CompoundedComponent\n\nAvatar.Group = AvatarGroup\n\nexport { Avatar }\n\nexport default Avatar\n"],"names":["Avatar","_Avatar","AvatarGroup"],"mappings":";;AAaA,MAAMA,IAASC;AAEfD,EAAO,QAAQE;"}

package/dist/@ecme/components/ui/Badge/Badge.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Badge.js","sources":["../../../../../lib/@ecme/components/ui/Badge/Badge.tsx"],"sourcesContent":["import classNames from '../utils/classNames'\r\nimport type { CommonProps } from '../@types/common'\r\nimport type { CSSProperties, Ref } from 'react'\r\n\r\nexport interface BadgeProps extends CommonProps {\r\n badgeStyle?: CSSProperties\r\n content?: string \| number\r\n innerClass?: string\r\n maxCount?: number\r\n ref?: Ref<HTMLSpanElement>\r\n}\r\n\r\nconst Badge = (props: BadgeProps) => {\r\n const {\r\n badgeStyle,\r\n children,\r\n className,\r\n content,\r\n innerClass,\r\n maxCount = 99,\r\n ref,\r\n ...rest\r\n } = props\r\n\r\n const badgeBaseClass =\r\n 'rounded-full text-xs font-semibold bg-error text-white'\r\n\r\n const dot = typeof content !== 'number' && typeof content !== 'string'\r\n\r\n const badgeClass = classNames(\r\n dot\r\n ? 'badge-dot w-3 h-3 border border-white dark:border-gray-900'\r\n : 'badge px-2 py-1 min-w-6',\r\n badgeBaseClass,\r\n innerClass,\r\n )\r\n\r\n const renderBadge = () => {\r\n if (children) {\r\n return (\r\n <span\r\n ref={ref}\r\n className={classNames(\r\n 'badge-wrapper relative flex',\r\n className,\r\n )}\r\n {...rest}\r\n >\r\n <span\r\n className={classNames(badgeClass, 'badge-inner')}\r\n style={badgeStyle}\r\n >\r\n {typeof content === 'number' && content > maxCount\r\n ? `${maxCount}+`\r\n : content}\r\n </span>\r\n {children}\r\n </span>\r\n )\r\n }\r\n return (\r\n <span\r\n ref={ref}\r\n className={classNames(badgeClass, className)}\r\n style={badgeStyle}\r\n {...rest}\r\n >\r\n {content}\r\n </span>\r\n )\r\n }\r\n\r\n return renderBadge()\r\n}\r\n\r\nBadge.displayName = 'Badge'\r\n\r\nexport default Badge\r\n"],"names":["Badge","props","badgeStyle","children","className","content","innerClass","maxCount","ref","rest","badgeClass","classNames","jsxs","jsx"],"mappings":";;AAYA,MAAMA,IAAQ,CAACC,MAAsB;AACjC,QAAM;AAAA,IACF,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,KAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHR,GAOES,IAAaC;AAAA,IAFP,OAAON,KAAY,YAAY,OAAOA,KAAY,WAIpD,+DACA;AAAA,IAPN;AAAA,IASAC;AAAA,EAAA;AAsCJ,SAlCQH,IAEI,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAJ;AAAA,MACA,WAAWG;AAAA,QACP;AAAA,QACAP;AAAA,MAAA;AAAA,MAEH,GAAGK;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAI;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWF,EAAWD,GAAY,aAAa;AAAA,YAC/C,OAAOR;AAAA,YAEN,iBAAOG,KAAY,YAAYA,IAAUE,IACpC,GAAGA,CAAQ,MACXF;AAAA,UAAA;AAAA,QAAA;AAAA,QAETF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAKT,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAL;AAAA,MACA,WAAWG,EAAWD,GAAYN,CAAS;AAAA,MAC3C,OAAOF;AAAA,MACN,GAAGO;AAAA,MAEH,UAAAJ;AAAA,IAAA;AAAA,EAAA;AAMjB;AAEAL,EAAM,cAAc;"}
1	+ {"version":3,"file":"Badge.js","sources":["../../../../../lib/@ecme/components/ui/Badge/Badge.tsx"],"sourcesContent":["import classNames from '../utils/classNames'\nimport type { CommonProps } from '../@types/common'\nimport type { CSSProperties, Ref } from 'react'\n\nexport interface BadgeProps extends CommonProps {\n badgeStyle?: CSSProperties\n content?: string \| number\n innerClass?: string\n maxCount?: number\n ref?: Ref<HTMLSpanElement>\n}\n\nconst Badge = (props: BadgeProps) => {\n const {\n badgeStyle,\n children,\n className,\n content,\n innerClass,\n maxCount = 99,\n ref,\n ...rest\n } = props\n\n const badgeBaseClass =\n 'rounded-full text-xs font-semibold bg-error text-white'\n\n const dot = typeof content !== 'number' && typeof content !== 'string'\n\n const badgeClass = classNames(\n dot\n ? 'badge-dot w-3 h-3 border border-white dark:border-gray-900'\n : 'badge px-2 py-1 min-w-6',\n badgeBaseClass,\n innerClass,\n )\n\n const renderBadge = () => {\n if (children) {\n return (\n <span\n ref={ref}\n className={classNames(\n 'badge-wrapper relative flex',\n className,\n )}\n {...rest}\n >\n <span\n className={classNames(badgeClass, 'badge-inner')}\n style={badgeStyle}\n >\n {typeof content === 'number' && content > maxCount\n ? `${maxCount}+`\n : content}\n </span>\n {children}\n </span>\n )\n }\n return (\n <span\n ref={ref}\n className={classNames(badgeClass, className)}\n style={badgeStyle}\n {...rest}\n >\n {content}\n </span>\n )\n }\n\n return renderBadge()\n}\n\nBadge.displayName = 'Badge'\n\nexport default Badge\n"],"names":["Badge","props","badgeStyle","children","className","content","innerClass","maxCount","ref","rest","badgeClass","classNames","jsxs","jsx"],"mappings":";;AAYA,MAAMA,IAAQ,CAACC,MAAsB;AACjC,QAAM;AAAA,IACF,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,KAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHR,GAOES,IAAaC;AAAA,IAFP,OAAON,KAAY,YAAY,OAAOA,KAAY,WAIpD,+DACA;AAAA,IAPN;AAAA,IASAC;AAAA,EAAA;AAsCJ,SAlCQH,IAEI,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAJ;AAAA,MACA,WAAWG;AAAA,QACP;AAAA,QACAP;AAAA,MAAA;AAAA,MAEH,GAAGK;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAI;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWF,EAAWD,GAAY,aAAa;AAAA,YAC/C,OAAOR;AAAA,YAEN,iBAAOG,KAAY,YAAYA,IAAUE,IACpC,GAAGA,CAAQ,MACXF;AAAA,UAAA;AAAA,QAAA;AAAA,QAETF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAKT,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAL;AAAA,MACA,WAAWG,EAAWD,GAAYN,CAAS;AAAA,MAC3C,OAAOF;AAAA,MACN,GAAGO;AAAA,MAEH,UAAAJ;AAAA,IAAA;AAAA,EAAA;AAMjB;AAEAL,EAAM,cAAc;"}

package/dist/@ecme/components/ui/Button/Button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.js","sources":["../../../../../lib/@ecme/components/ui/Button/Button.tsx"],"sourcesContent":["import classNames from '../utils/classNames'\r\nimport { useConfig } from '../ConfigProvider'\r\nimport { useForm } from '../Form/context'\r\nimport { useInputGroup } from '../InputGroup/context'\r\nimport { CONTROL_SIZES, SIZES } from '../utils/constants'\r\nimport { Spinner } from '../Spinner'\r\nimport type { CommonProps, TypeAttributes } from '../@types/common'\r\nimport type {\r\n ReactNode,\r\n ComponentPropsWithRef,\r\n MouseEvent,\r\n ElementType,\r\n} from 'react'\r\n\r\nexport interface ButtonProps\r\n extends CommonProps,\r\n Omit<ComponentPropsWithRef<'button'>, 'onClick'> {\r\n asElement?: ElementType\r\n active?: boolean\r\n block?: boolean\r\n clickFeedback?: boolean\r\n customColorClass?: (state: {\r\n active: boolean\r\n unclickable: boolean\r\n }) => string\r\n disabled?: boolean\r\n icon?: string \| ReactNode\r\n loading?: boolean\r\n onClick?: (e: MouseEvent<HTMLButtonElement>) => void\r\n ref?: React.Ref<HTMLButtonElement>\r\n shape?: TypeAttributes.Shape\r\n size?: TypeAttributes.Size\r\n variant?: 'solid' \| 'plain' \| 'default'\r\n iconAlignment?: 'start' \| 'end'\r\n}\r\n\r\ntype ButtonColor = {\r\n bgColor: string\r\n hoverColor: string\r\n activeColor: string\r\n textColor: string\r\n}\r\n\r\nconst radiusShape: Record<TypeAttributes.Shape, string> = {\r\n round: 'rounded-xl',\r\n circle: 'rounded-full',\r\n none: 'rounded-none',\r\n}\r\n\r\nconst Button = (props: ButtonProps) => {\r\n const {\r\n asElement: Component = 'button',\r\n active = false,\r\n block = false,\r\n children,\r\n className,\r\n clickFeedback = true,\r\n customColorClass,\r\n disabled,\r\n icon,\r\n loading = false,\r\n ref,\r\n shape = 'round',\r\n size,\r\n variant = 'default',\r\n iconAlignment = 'start',\r\n ...rest\r\n } = props\r\n const { controlSize, ui } = useConfig()\r\n const formControlSize = useForm()?.size\r\n const inputGroupSize = useInputGroup()?.size\r\n const defaultClass = 'button'\r\n const sizeIconClass = 'inline-flex items-center justify-center'\r\n\r\n const buttonSize = size \|\| inputGroupSize \|\| formControlSize \|\| controlSize\r\n const feedback = !ui?.button?.disableClickFeedback \|\| clickFeedback\r\n const unclickable = disabled \|\| loading\r\n\r\n const getButtonSize = () => {\r\n let sizeClass = ''\r\n switch (buttonSize) {\r\n case SIZES.LG:\r\n sizeClass = classNames(\r\n CONTROL_SIZES.lg.h,\r\n radiusShape[shape],\r\n icon && !children\r\n ? `${CONTROL_SIZES.lg.w} ${sizeIconClass} text-2xl`\r\n : 'px-8 py-2 text-base',\r\n )\r\n break\r\n case SIZES.SM:\r\n sizeClass = classNames(\r\n CONTROL_SIZES.sm.h,\r\n shape === 'round' ? 'rounded-xl' : radiusShape[shape],\r\n icon && !children\r\n ? `${CONTROL_SIZES.sm.w} ${sizeIconClass} text-lg`\r\n : 'px-3 py-2 text-sm',\r\n )\r\n break\r\n case SIZES.XS:\r\n sizeClass = classNames(\r\n CONTROL_SIZES.xs.h,\r\n shape === 'round' ? 'rounded-lg' : radiusShape[shape],\r\n icon && !children\r\n ? `${CONTROL_SIZES.xs.w} ${sizeIconClass} text-base`\r\n : 'px-3 py-1 text-xs',\r\n )\r\n break\r\n default:\r\n sizeClass = classNames(\r\n CONTROL_SIZES.md.h,\r\n radiusShape[shape],\r\n icon && !children\r\n ? `${CONTROL_SIZES.md.w} ${sizeIconClass} text-xl`\r\n : 'px-5 py-2',\r\n )\r\n break\r\n }\r\n return sizeClass\r\n }\r\n\r\n const disabledClass = 'cursor-not-allowed opacity-50'\r\n\r\n const solidColor = () => {\r\n const btn = {\r\n bgColor: active ? `bg-primary-deep` : `bg-primary`,\r\n textColor: 'text-neutral',\r\n hoverColor: active ? '' : `hover:bg-primary-mild`,\r\n activeColor: ``,\r\n }\r\n return getBtnColor(btn)\r\n }\r\n\r\n const plainColor = () => {\r\n const btn = {\r\n bgColor: active ? `` : `dark:primary-mild dark:bg-opacity-20`,\r\n textColor: ``,\r\n hoverColor: active ? '' : `hover:text-primary-mild`,\r\n activeColor: `dark:active:primary-mild dark:active:bg-opacity-40`,\r\n }\r\n return getBtnColor(btn)\r\n }\r\n\r\n const defaultColor = () => {\r\n const btn = {\r\n bgColor: active\r\n ? `bg-gray-100 border border-gray-300 dark:bg-gray-500 dark:border-gray-500`\r\n : `bg-white border border-gray-300 dark:bg-gray-700 dark:border-gray-700`,\r\n textColor: `text-gray-600 dark:text-gray-100`,\r\n hoverColor: active\r\n ? ''\r\n : `ring-primary dark:ring-primary hover:border-primary dark:hover:border-primary hover:ring-1 hover:text-primary dark:hover:text-white dark:hover:bg-transparent`,\r\n activeColor: ``,\r\n }\r\n return getBtnColor(btn)\r\n }\r\n\r\n const getBtnColor = ({\r\n bgColor,\r\n hoverColor,\r\n activeColor,\r\n textColor,\r\n }: ButtonColor) => {\r\n return `${bgColor} ${\r\n unclickable ? disabledClass : hoverColor + ' ' + activeColor\r\n } ${textColor}`\r\n }\r\n\r\n const btnColor = () => {\r\n switch (variant) {\r\n case 'solid':\r\n return solidColor()\r\n case 'plain':\r\n return plainColor()\r\n case 'default':\r\n return defaultColor()\r\n default:\r\n return defaultColor()\r\n }\r\n }\r\n\r\n const classes = classNames(\r\n defaultClass,\r\n btnColor(),\r\n getButtonSize(),\r\n className,\r\n block ? 'w-full' : '',\r\n feedback && !unclickable && 'button-press-feedback',\r\n customColorClass?.({\r\n active,\r\n unclickable,\r\n }),\r\n )\r\n\r\n const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\r\n const { onClick } = props\r\n if (unclickable) {\r\n e.preventDefault()\r\n return\r\n }\r\n onClick?.(e)\r\n }\r\n\r\n const renderChildren = () => {\r\n if (loading && children) {\r\n return (\r\n <span className=\"flex items-center justify-center\">\r\n <Spinner enableTheme={false} className=\"mr-1\" />\r\n {children}\r\n </span>\r\n )\r\n }\r\n\r\n if (icon && !children && loading) {\r\n return <Spinner enableTheme={false} />\r\n }\r\n\r\n if (icon && !children && !loading) {\r\n return <>{icon}</>\r\n }\r\n\r\n if (icon && children && !loading) {\r\n return (\r\n <span className=\"flex items-center justify-center gap-1\">\r\n {iconAlignment === 'start' && (\r\n <span className=\"text-lg\">{icon}</span>\r\n )}\r\n <span>{children}</span>\r\n {iconAlignment === 'end' && (\r\n <span className=\"text-lg\">{icon}</span>\r\n )}\r\n </span>\r\n )\r\n }\r\n\r\n return <>{children}</>\r\n }\r\n\r\n return (\r\n <Component\r\n ref={ref}\r\n className={classes}\r\n {...rest}\r\n onClick={handleClick}\r\n >\r\n {renderChildren()}\r\n </Component>\r\n )\r\n}\r\n\r\nexport default Button\r\n"],"names":["radiusShape","Button","props","Component","active","block","children","className","clickFeedback","customColorClass","disabled","icon","loading","ref","shape","size","variant","iconAlignment","rest","controlSize","ui","useConfig","formControlSize","_a","useForm","inputGroupSize","_b","useInputGroup","defaultClass","sizeIconClass","buttonSize","feedback","_c","unclickable","getButtonSize","sizeClass","SIZES","classNames","CONTROL_SIZES","disabledClass","solidColor","getBtnColor","plainColor","defaultColor","bgColor","hoverColor","activeColor","textColor","classes","jsx","e","onClick","jsxs","Spinner"],"mappings":"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"}
1	+ {"version":3,"file":"Button.js","sources":["../../../../../lib/@ecme/components/ui/Button/Button.tsx"],"sourcesContent":["import classNames from '../utils/classNames'\nimport { useConfig } from '../ConfigProvider'\nimport { useForm } from '../Form/context'\nimport { useInputGroup } from '../InputGroup/context'\nimport { CONTROL_SIZES, SIZES } from '../utils/constants'\nimport { Spinner } from '../Spinner'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type {\n ReactNode,\n ComponentPropsWithRef,\n MouseEvent,\n ElementType,\n} from 'react'\n\nexport interface ButtonProps\n extends CommonProps,\n Omit<ComponentPropsWithRef<'button'>, 'onClick'> {\n asElement?: ElementType\n active?: boolean\n block?: boolean\n clickFeedback?: boolean\n customColorClass?: (state: {\n active: boolean\n unclickable: boolean\n }) => string\n disabled?: boolean\n icon?: string \| ReactNode\n loading?: boolean\n onClick?: (e: MouseEvent<HTMLButtonElement>) => void\n ref?: React.Ref<HTMLButtonElement>\n shape?: TypeAttributes.Shape\n size?: TypeAttributes.Size\n variant?: 'solid' \| 'plain' \| 'default'\n iconAlignment?: 'start' \| 'end'\n}\n\ntype ButtonColor = {\n bgColor: string\n hoverColor: string\n activeColor: string\n textColor: string\n}\n\nconst radiusShape: Record<TypeAttributes.Shape, string> = {\n round: 'rounded-xl',\n circle: 'rounded-full',\n none: 'rounded-none',\n}\n\nconst Button = (props: ButtonProps) => {\n const {\n asElement: Component = 'button',\n active = false,\n block = false,\n children,\n className,\n clickFeedback = true,\n customColorClass,\n disabled,\n icon,\n loading = false,\n ref,\n shape = 'round',\n size,\n variant = 'default',\n iconAlignment = 'start',\n ...rest\n } = props\n const { controlSize, ui } = useConfig()\n const formControlSize = useForm()?.size\n const inputGroupSize = useInputGroup()?.size\n const defaultClass = 'button'\n const sizeIconClass = 'inline-flex items-center justify-center'\n\n const buttonSize = size \|\| inputGroupSize \|\| formControlSize \|\| controlSize\n const feedback = !ui?.button?.disableClickFeedback \|\| clickFeedback\n const unclickable = disabled \|\| loading\n\n const getButtonSize = () => {\n let sizeClass = ''\n switch (buttonSize) {\n case SIZES.LG:\n sizeClass = classNames(\n CONTROL_SIZES.lg.h,\n radiusShape[shape],\n icon && !children\n ? `${CONTROL_SIZES.lg.w} ${sizeIconClass} text-2xl`\n : 'px-8 py-2 text-base',\n )\n break\n case SIZES.SM:\n sizeClass = classNames(\n CONTROL_SIZES.sm.h,\n shape === 'round' ? 'rounded-xl' : radiusShape[shape],\n icon && !children\n ? `${CONTROL_SIZES.sm.w} ${sizeIconClass} text-lg`\n : 'px-3 py-2 text-sm',\n )\n break\n case SIZES.XS:\n sizeClass = classNames(\n CONTROL_SIZES.xs.h,\n shape === 'round' ? 'rounded-lg' : radiusShape[shape],\n icon && !children\n ? `${CONTROL_SIZES.xs.w} ${sizeIconClass} text-base`\n : 'px-3 py-1 text-xs',\n )\n break\n default:\n sizeClass = classNames(\n CONTROL_SIZES.md.h,\n radiusShape[shape],\n icon && !children\n ? `${CONTROL_SIZES.md.w} ${sizeIconClass} text-xl`\n : 'px-5 py-2',\n )\n break\n }\n return sizeClass\n }\n\n const disabledClass = 'cursor-not-allowed opacity-50'\n\n const solidColor = () => {\n const btn = {\n bgColor: active ? `bg-primary-deep` : `bg-primary`,\n textColor: 'text-neutral',\n hoverColor: active ? '' : `hover:bg-primary-mild`,\n activeColor: ``,\n }\n return getBtnColor(btn)\n }\n\n const plainColor = () => {\n const btn = {\n bgColor: active ? `` : `dark:primary-mild dark:bg-opacity-20`,\n textColor: ``,\n hoverColor: active ? '' : `hover:text-primary-mild`,\n activeColor: `dark:active:primary-mild dark:active:bg-opacity-40`,\n }\n return getBtnColor(btn)\n }\n\n const defaultColor = () => {\n const btn = {\n bgColor: active\n ? `bg-gray-100 border border-gray-300 dark:bg-gray-500 dark:border-gray-500`\n : `bg-white border border-gray-300 dark:bg-gray-700 dark:border-gray-700`,\n textColor: `text-gray-600 dark:text-gray-100`,\n hoverColor: active\n ? ''\n : `ring-primary dark:ring-primary hover:border-primary dark:hover:border-primary hover:ring-1 hover:text-primary dark:hover:text-white dark:hover:bg-transparent`,\n activeColor: ``,\n }\n return getBtnColor(btn)\n }\n\n const getBtnColor = ({\n bgColor,\n hoverColor,\n activeColor,\n textColor,\n }: ButtonColor) => {\n return `${bgColor} ${\n unclickable ? disabledClass : hoverColor + ' ' + activeColor\n } ${textColor}`\n }\n\n const btnColor = () => {\n switch (variant) {\n case 'solid':\n return solidColor()\n case 'plain':\n return plainColor()\n case 'default':\n return defaultColor()\n default:\n return defaultColor()\n }\n }\n\n const classes = classNames(\n defaultClass,\n btnColor(),\n getButtonSize(),\n className,\n block ? 'w-full' : '',\n feedback && !unclickable && 'button-press-feedback',\n customColorClass?.({\n active,\n unclickable,\n }),\n )\n\n const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n const { onClick } = props\n if (unclickable) {\n e.preventDefault()\n return\n }\n onClick?.(e)\n }\n\n const renderChildren = () => {\n if (loading && children) {\n return (\n <span className=\"flex items-center justify-center\">\n <Spinner enableTheme={false} className=\"mr-1\" />\n {children}\n </span>\n )\n }\n\n if (icon && !children && loading) {\n return <Spinner enableTheme={false} />\n }\n\n if (icon && !children && !loading) {\n return <>{icon}</>\n }\n\n if (icon && children && !loading) {\n return (\n <span className=\"flex items-center justify-center gap-1\">\n {iconAlignment === 'start' && (\n <span className=\"text-lg\">{icon}</span>\n )}\n <span>{children}</span>\n {iconAlignment === 'end' && (\n <span className=\"text-lg\">{icon}</span>\n )}\n </span>\n )\n }\n\n return <>{children}</>\n }\n\n return (\n <Component\n ref={ref}\n className={classes}\n {...rest}\n onClick={handleClick}\n >\n {renderChildren()}\n </Component>\n )\n}\n\nexport default Button\n"],"names":["radiusShape","Button","props","Component","active","block","children","className","clickFeedback","customColorClass","disabled","icon","loading","ref","shape","size","variant","iconAlignment","rest","controlSize","ui","useConfig","formControlSize","_a","useForm","inputGroupSize","_b","useInputGroup","defaultClass","sizeIconClass","buttonSize","feedback","_c","unclickable","getButtonSize","sizeClass","SIZES","classNames","CONTROL_SIZES","disabledClass","solidColor","getBtnColor","plainColor","defaultColor","bgColor","hoverColor","activeColor","textColor","classes","jsx","e","onClick","jsxs","Spinner"],"mappings":"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"}

package/dist/@ecme/components/ui/Card/Card.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Card.js","sources":["../../../../../lib/@ecme/components/ui/Card/Card.tsx"],"sourcesContent":["import classNames from 'classnames'\r\nimport { useConfig } from '../ConfigProvider'\r\nimport type { CommonProps } from '../@types/common'\r\nimport type { ReactNode, ComponentPropsWithRef, MouseEvent, Ref } from 'react'\r\n\r\ntype CardHeader = {\r\n content?: string \| ReactNode\r\n className?: string\r\n bordered?: boolean\r\n extra?: string \| ReactNode\r\n}\r\n\r\ntype CardFooter = {\r\n content?: string \| ReactNode\r\n className?: string\r\n bordered?: boolean\r\n}\r\n\r\nexport interface CardProps\r\n extends CommonProps,\r\n Omit<ComponentPropsWithRef<'div'>, 'onClick'> {\r\n clickable?: boolean\r\n header?: CardHeader\r\n bodyClass?: string\r\n footer?: CardFooter\r\n bordered?: boolean\r\n ref?: Ref<HTMLDivElement>\r\n onClick?: (e: MouseEvent<HTMLDivElement>) => void\r\n}\r\n\r\nconst defaultHeaderConfig: CardHeader = {\r\n bordered: true,\r\n}\r\n\r\nconst defaultFooterConfig: CardHeader = {\r\n bordered: true,\r\n}\r\n\r\nconst Card = (props: CardProps) => {\r\n const { ui } = useConfig()\r\n\r\n const {\r\n bodyClass,\r\n children,\r\n className,\r\n clickable = false,\r\n bordered = ui?.card?.cardBordered ?? true,\r\n header = {},\r\n footer = {},\r\n ref,\r\n onClick,\r\n ...rest\r\n } = props\r\n\r\n const headerProps = {\r\n ...defaultHeaderConfig,\r\n ...header,\r\n }\r\n\r\n const footerProps = {\r\n ...defaultFooterConfig,\r\n ...footer,\r\n }\r\n\r\n const cardClass = classNames(\r\n 'card',\r\n className,\r\n bordered ? `card-border` : `card-shadow`,\r\n clickable && 'cursor-pointer user-select-none',\r\n )\r\n\r\n const cardBodyClasss = classNames('card-body', bodyClass)\r\n const cardHeaderClass = classNames(\r\n 'card-header',\r\n headerProps.bordered ? 'card-header-border' : null,\r\n headerProps.extra ? 'card-header-extra' : null,\r\n headerProps.className,\r\n )\r\n const cardFooterClass = classNames(\r\n 'card-footer',\r\n footerProps.bordered && `card-footer-border`,\r\n footerProps.className,\r\n )\r\n\r\n const renderHeader = () => {\r\n if (typeof headerProps.content === 'string') {\r\n return <h4>{headerProps.content}</h4>\r\n }\r\n return <>{headerProps.content}</>\r\n }\r\n\r\n const handleClick = (e: MouseEvent<HTMLDivElement>) => {\r\n onClick?.(e)\r\n }\r\n\r\n return (\r\n <div\r\n ref={ref}\r\n className={cardClass}\r\n role=\"presentation\"\r\n onClick={handleClick}\r\n {...rest}\r\n >\r\n {headerProps.content && (\r\n <div className={cardHeaderClass}>\r\n {renderHeader()}\r\n {headerProps.extra && <span>{headerProps.extra}</span>}\r\n </div>\r\n )}\r\n <div className={cardBodyClasss}>{children}</div>\r\n {footerProps.content && (\r\n <div className={cardFooterClass}>{footerProps.content}</div>\r\n )}\r\n </div>\r\n )\r\n}\r\n\r\nexport default Card\r\n"],"names":["defaultHeaderConfig","defaultFooterConfig","Card","props","ui","useConfig","bodyClass","children","className","clickable","bordered","_a","header","footer","ref","onClick","rest","headerProps","footerProps","cardClass","classNames","cardBodyClasss","cardHeaderClass","cardFooterClass","renderHeader","jsx","Fragment","jsxs","e"],"mappings":";;;;AA8BA,MAAMA,IAAkC;AAAA,EACpC,UAAU;AACd,GAEMC,IAAkC;AAAA,EACpC,UAAU;AACd,GAEMC,IAAO,CAACC,MAAqB;;AAC/B,QAAM,EAAE,IAAAC,EAAA,IAAOC,EAAA,GAET;AAAA,IACF,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,UAAAC,MAAWC,IAAAP,KAAA,gBAAAA,EAAI,SAAJ,gBAAAO,EAAU,iBAAgB;AAAA,IACrC,QAAAC,IAAS,CAAA;AAAA,IACT,QAAAC,IAAS,CAAA;AAAA,IACT,KAAAC;AAAA,IACA,SAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHb,GAEEc,IAAc;AAAA,IAChB,GAAGjB;AAAA,IACH,GAAGY;AAAA,EAAA,GAGDM,IAAc;AAAA,IAChB,GAAGjB;AAAA,IACH,GAAGY;AAAA,EAAA,GAGDM,IAAYC;AAAA,IACd;AAAA,IACAZ;AAAA,IACAE,IAAW,gBAAgB;AAAA,IAC3BD,KAAa;AAAA,EAAA,GAGXY,IAAiBD,EAAW,aAAad,CAAS,GAClDgB,IAAkBF;AAAA,IACpB;AAAA,IACAH,EAAY,WAAW,uBAAuB;AAAA,IAC9CA,EAAY,QAAQ,sBAAsB;AAAA,IAC1CA,EAAY;AAAA,EAAA,GAEVM,IAAkBH;AAAA,IACpB;AAAA,IACAF,EAAY,YAAY;AAAA,IACxBA,EAAY;AAAA,EAAA,GAGVM,IAAe,MACb,OAAOP,EAAY,WAAY,WACxB,gBAAAQ,EAAC,MAAA,EAAI,UAAAR,EAAY,QAAA,CAAQ,IAE7B,gBAAAQ,EAAAC,GAAA,EAAG,YAAY,QAAA,CAAQ;AAOlC,SACI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAb;AAAA,MACA,WAAWK;AAAA,MACX,MAAK;AAAA,MACL,SATY,CAACS,MAAkC;AACnD,QAAAb,KAAA,QAAAA,EAAUa;AAAA,~~MAAC~~;AAAA,~~MASN~~,GAAGZ;AAAA,MAEH,UAAA;AAAA,QAAAC,EAAY,WACT,gBAAAU,EAAC,OAAA,EAAI,WAAWL,GACX,UAAA;AAAA,UAAAE,EAAA;AAAA,UACAP,EAAY,SAAS,gBAAAQ,EAAC,QAAA,EAAM,YAAY,MAAA,CAAM;AAAA,QAAA,GACnD;AAAA,QAEJ,gBAAAA,EAAC,OAAA,EAAI,WAAWJ,GAAiB,UAAAd,EAAA,CAAS;AAAA,QACzCW,EAAY,WACT,gBAAAO,EAAC,SAAI,WAAWF,GAAkB,YAAY,QAAA,CAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAItE;"}
1	+ {"version":3,"file":"Card.js","sources":["../../../../../lib/@ecme/components/ui/Card/Card.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { useConfig } from '../ConfigProvider'\nimport type { CommonProps } from '../@types/common'\nimport type { ReactNode, ComponentPropsWithRef, MouseEvent, Ref } from 'react'\n\ntype CardHeader = {\n content?: string \| ReactNode\n className?: string\n bordered?: boolean\n extra?: string \| ReactNode\n}\n\ntype CardFooter = {\n content?: string \| ReactNode\n className?: string\n bordered?: boolean\n}\n\nexport interface CardProps\n extends CommonProps,\n Omit<ComponentPropsWithRef<'div'>, 'onClick'> {\n clickable?: boolean\n header?: CardHeader\n bodyClass?: string\n footer?: CardFooter\n bordered?: boolean\n ref?: Ref<HTMLDivElement>\n onClick?: (e: MouseEvent<HTMLDivElement>) => void\n}\n\nconst defaultHeaderConfig: CardHeader = {\n bordered: true,\n}\n\nconst defaultFooterConfig: CardHeader = {\n bordered: true,\n}\n\nconst Card = (props: CardProps) => {\n const { ui } = useConfig()\n\n const {\n bodyClass,\n children,\n className,\n clickable = false,\n bordered = ui?.card?.cardBordered ?? true,\n header = {},\n footer = {},\n ref,\n onClick,\n ...rest\n } = props\n\n const headerProps = {\n ...defaultHeaderConfig,\n ...header,\n }\n\n const footerProps = {\n ...defaultFooterConfig,\n ...footer,\n }\n\n const cardClass = classNames(\n 'card',\n className,\n bordered ? `card-border` : `card-shadow`,\n clickable && 'cursor-pointer user-select-none',\n )\n\n const cardBodyClasss = classNames('card-body', bodyClass)\n const cardHeaderClass = classNames(\n 'card-header',\n headerProps.bordered ? 'card-header-border' : null,\n headerProps.extra ? 'card-header-extra' : null,\n headerProps.className,\n )\n const cardFooterClass = classNames(\n 'card-footer',\n footerProps.bordered && `card-footer-border`,\n footerProps.className,\n )\n\n const renderHeader = () => {\n if (typeof headerProps.content === 'string') {\n return <h4>{headerProps.content}</h4>\n }\n return <>{headerProps.content}</>\n }\n\n const handleClick = (e: MouseEvent<HTMLDivElement>) => {\n onClick?.(e)\n }\n\n return (\n <div\n ref={ref}\n className={cardClass}\n role=\"presentation\"\n onClick={handleClick}\n {...rest}\n >\n {headerProps.content && (\n <div className={cardHeaderClass}>\n {renderHeader()}\n {headerProps.extra && <span>{headerProps.extra}</span>}\n </div>\n )}\n <div className={cardBodyClasss}>{children}</div>\n {footerProps.content && (\n <div className={cardFooterClass}>{footerProps.content}</div>\n )}\n </div>\n )\n}\n\nexport default Card\n"],"names":["defaultHeaderConfig","defaultFooterConfig","Card","props","ui","useConfig","bodyClass","children","className","clickable","bordered","_a","header","footer","ref","onClick","rest","headerProps","footerProps","cardClass","classNames","cardBodyClasss","cardHeaderClass","cardFooterClass","renderHeader","jsx","Fragment","jsxs","e"],"mappings":";;;;AA8BA,MAAMA,IAAkC;AAAA,EACpC,UAAU;AACd,GAEMC,IAAkC;AAAA,EACpC,UAAU;AACd,GAEMC,IAAO,CAACC,MAAqB;;AAC/B,QAAM,EAAE,IAAAC,EAAA,IAAOC,EAAA,GAET;AAAA,IACF,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,UAAAC,MAAWC,IAAAP,KAAA,gBAAAA,EAAI,SAAJ,gBAAAO,EAAU,iBAAgB;AAAA,IACrC,QAAAC,IAAS,CAAA;AAAA,IACT,QAAAC,IAAS,CAAA;AAAA,IACT,KAAAC;AAAA,IACA,SAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHb,GAEEc,IAAc;AAAA,IAChB,GAAGjB;AAAA,IACH,GAAGY;AAAA,EAAA,GAGDM,IAAc;AAAA,IAChB,GAAGjB;AAAA,IACH,GAAGY;AAAA,EAAA,GAGDM,IAAYC;AAAA,IACd;AAAA,IACAZ;AAAA,IACAE,IAAW,gBAAgB;AAAA,IAC3BD,KAAa;AAAA,EAAA,GAGXY,IAAiBD,EAAW,aAAad,CAAS,GAClDgB,IAAkBF;AAAA,IACpB;AAAA,IACAH,EAAY,WAAW,uBAAuB;AAAA,IAC9CA,EAAY,QAAQ,sBAAsB;AAAA,IAC1CA,EAAY;AAAA,EAAA,GAEVM,IAAkBH;AAAA,IACpB;AAAA,IACAF,EAAY,YAAY;AAAA,IACxBA,EAAY;AAAA,EAAA,GAGVM,IAAe,MACb,OAAOP,EAAY,WAAY,WACxB,gBAAAQ,EAAC,MAAA,EAAI,UAAAR,EAAY,QAAA,CAAQ,IAE7B,gBAAAQ,EAAAC,GAAA,EAAG,YAAY,QAAA,CAAQ;AAOlC,SACI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAb;AAAA,MACA,WAAWK;AAAA,MACX,MAAK;AAAA,MACL,SATY,CAACS,MAAkC;AACnD,QAAAb,KAAA,QAAAA,EAAUa;AAAA,MACd;AAAA,MAQS,GAAGZ;AAAA,MAEH,UAAA;AAAA,QAAAC,EAAY,WACT,gBAAAU,EAAC,OAAA,EAAI,WAAWL,GACX,UAAA;AAAA,UAAAE,EAAA;AAAA,UACAP,EAAY,SAAS,gBAAAQ,EAAC,QAAA,EAAM,YAAY,MAAA,CAAM;AAAA,QAAA,GACnD;AAAA,QAEJ,gBAAAA,EAAC,OAAA,EAAI,WAAWJ,GAAiB,UAAAd,EAAA,CAAS;AAAA,QACzCW,EAAY,WACT,gBAAAO,EAAC,SAAI,WAAWF,GAAkB,YAAY,QAAA,CAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAItE;"}

package/dist/@ecme/components/ui/Checkbox/Checkbox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Checkbox.js","sources":["../../../../../lib/@ecme/components/ui/Checkbox/Checkbox.tsx"],"sourcesContent":["import { useContext, useCallback, useState } from 'react'\r\nimport classNames from 'classnames'\r\nimport CheckboxGroupContext from './context'\r\nimport type { CommonProps } from '../@types/common'\r\nimport type { CheckboxValue } from './context'\r\nimport type { ChangeEvent, Ref } from 'react'\r\n\r\nexport interface CheckboxProps extends CommonProps {\r\n checked?: boolean\r\n checkboxClass?: string\r\n defaultChecked?: boolean\r\n disabled?: boolean\r\n labelRef?: Ref<HTMLLabelElement>\r\n name?: string\r\n onChange?: (values: boolean, e: ChangeEvent<HTMLInputElement>) => void\r\n readOnly?: boolean\r\n ref?: Ref<HTMLInputElement>\r\n value?: CheckboxValue\r\n}\r\n\r\nconst Checkbox = (props: CheckboxProps) => {\r\n const {\r\n name: nameContext,\r\n value: groupValue,\r\n onChange: onGroupChange,\r\n checkboxClass: checkboxClassContext,\r\n } = useContext(CheckboxGroupContext)\r\n\r\n const {\r\n checked: controlledChecked,\r\n className,\r\n checkboxClass,\r\n onChange,\r\n children,\r\n disabled,\r\n readOnly,\r\n name = nameContext,\r\n defaultChecked,\r\n value,\r\n labelRef,\r\n ref,\r\n ...rest\r\n } = props\r\n\r\n const isChecked = useCallback(() => {\r\n if (typeof groupValue !== 'undefined' && typeof value !== 'undefined') {\r\n return groupValue.some((i) => i === value)\r\n }\r\n return controlledChecked \|\| defaultChecked\r\n }, [controlledChecked, groupValue, value, defaultChecked])\r\n\r\n const [checkboxChecked, setCheckboxChecked] = useState(isChecked())\r\n\r\n const getControlProps = () => {\r\n const checkedValue = checkboxChecked\r\n\r\n let groupChecked = { checked: checkedValue }\r\n const singleChecked: {\r\n defaultChecked?: boolean\r\n checked?: boolean\r\n } = {}\r\n\r\n if (typeof controlledChecked !== 'undefined') {\r\n singleChecked.checked = controlledChecked\r\n }\r\n\r\n if (typeof groupValue !== 'undefined') {\r\n groupChecked = { checked: groupValue.includes(value as never) }\r\n }\r\n\r\n if (defaultChecked) {\r\n singleChecked.defaultChecked = defaultChecked\r\n }\r\n return typeof groupValue !== 'undefined' ? groupChecked : singleChecked\r\n }\r\n\r\n const controlProps = getControlProps()\r\n\r\n const onCheckboxChange = useCallback(\r\n (e: ChangeEvent<HTMLInputElement>) => {\r\n let nextChecked = !checkboxChecked\r\n\r\n if (typeof groupValue !== 'undefined') {\r\n nextChecked = !groupValue.includes(value as never)\r\n }\r\n\r\n if (disabled \|\| readOnly) {\r\n return\r\n }\r\n\r\n setCheckboxChecked(nextChecked)\r\n onChange?.(nextChecked, e)\r\n onGroupChange?.(value as CheckboxValue, nextChecked, e)\r\n },\r\n [\r\n checkboxChecked,\r\n disabled,\r\n readOnly,\r\n setCheckboxChecked,\r\n onChange,\r\n value,\r\n onGroupChange,\r\n groupValue,\r\n ],\r\n )\r\n\r\n const checkboxColor =\r\n checkboxClass \|\| checkboxClassContext \|\| `text-primary`\r\n\r\n const checkboxDefaultClass = `checkbox peer ${checkboxColor}`\r\n const checkboxColorClass = disabled && 'disabled'\r\n const labelDefaultClass = `checkbox-label`\r\n const labelDisabledClass = disabled && 'disabled'\r\n\r\n const labelClass = classNames(\r\n labelDefaultClass,\r\n labelDisabledClass,\r\n className,\r\n )\r\n\r\n return (\r\n <label ref={labelRef} className={labelClass}>\r\n <span className=\"checkbox-wrapper h-5 relative\">\r\n <input\r\n ref={ref}\r\n className={classNames(\r\n checkboxDefaultClass,\r\n checkboxColorClass,\r\n )}\r\n type=\"checkbox\"\r\n disabled={disabled}\r\n readOnly={readOnly}\r\n name={name}\r\n onChange={onCheckboxChange}\r\n {...controlProps}\r\n {...rest}\r\n />\r\n <>\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n className=\"h-3.5 w-3.5 stroke-neutral fill-neutral opacity-0 transition-opacity peer-checked:opacity-100 pointer-events-none absolute top-2/4 left-2/4 -translate-y-2/4 -translate-x-2/4 mt-[1.25px]\"\r\n viewBox=\"0 0 20 20\"\r\n >\r\n <path\r\n fillRule=\"evenodd\"\r\n d=\"M16.707 5.293a1 1 0 0 1 0 1.414l-8 8a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 1.414-1.414L8 12.586l7.293-7.293a1 1 0 0 1 1.414 0z\"\r\n clipRule=\"evenodd\"\r\n />\r\n </svg>\r\n </>\r\n </span>\r\n {children ? (\r\n <span className={classNames(disabled ? 'opacity-50' : '')}>\r\n {children}\r\n </span>\r\n ) : null}\r\n </label>\r\n )\r\n}\r\n\r\nexport default Checkbox\r\n"],"names":["Checkbox","props","nameContext","groupValue","onGroupChange","checkboxClassContext","useContext","CheckboxGroupContext","controlledChecked","className","checkboxClass","onChange","children","disabled","readOnly","name","defaultChecked","value","labelRef","ref","rest","isChecked","useCallback","i","checkboxChecked","setCheckboxChecked","useState","controlProps","groupChecked","singleChecked","onCheckboxChange","e","nextChecked","checkboxDefaultClass","checkboxColorClass","labelClass","classNames","jsxs","jsx","Fragment"],"mappings":";;;;AAoBA,MAAMA,IAAW,CAACC,MAAyB;AACvC,QAAM;AAAA,IACF,MAAMC;AAAA,IACN,OAAOC;AAAA,IACP,UAAUC;AAAA,IACV,eAAeC;AAAA,EAAA,IACfC,EAAWC,CAAoB,GAE7B;AAAA,IACF,SAASC;AAAA,IACT,WAAAC;AAAA,IACA,eAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC,IAAOb;AAAA,IACP,gBAAAc;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,KAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHnB,GAEEoB,IAAYC,EAAY,MACtB,OAAOnB,IAAe,OAAe,OAAOc,IAAU,MAC/Cd,EAAW,KAAK,CAACoB,MAAMA,MAAMN,CAAK,IAEtCT,KAAqBQ,GAC7B,CAACR,GAAmBL,GAAYc,GAAOD,CAAc,CAAC,GAEnD,CAACQ,GAAiBC,CAAkB,IAAIC,EAASL,GAAW,GAyB5DM,KAvBkB,MAAM;AAG1B,QAAIC,IAAe,EAAE,SAFAJ,EAES;AAC9B,UAAMK,IAGF,CAAA;AAEJ,WAAI,OAAOrB,IAAsB,QAC7BqB,EAAc,UAAUrB,IAGxB,OAAOL,IAAe,QACtByB,IAAe,EAAE,SAASzB,EAAW,SAASc,CAAc,EAAA,IAG5DD,MACAa,EAAc,iBAAiBb,IAE5B,OAAOb,IAAe,MAAcyB,IAAeC;AAAA,~~EAAA~~,~~GAGzC~~,GAEfC,IAAmBR;AAAA,IACrB,CAACS,MAAqC;AAClC,UAAIC,IAAc,CAACR;AAMnB,MAJI,OAAOrB,IAAe,QACtB6B,IAAc,CAAC7B,EAAW,SAASc,CAAc,IAGjD,EAAAJ,KAAYC,OAIhBW,EAAmBO,CAAW,GAC9BrB,KAAA,QAAAA,EAAWqB,GAAaD,IACxB3B,KAAA,QAAAA,EAAgBa,GAAwBe,GAAaD;AAAA,~~IAAC~~;AAAA,~~IAE1D~~;AAAA,MACIP;AAAA,MACAX;AAAA,MACAC;AAAA,MACAW;AAAA,MACAd;AAAA,MACAM;AAAA,MACAb;AAAA,MACAD;AAAA,IAAA;AAAA,EACJ,GAME8B,IAAuB,iBAFzBvB,KAAiBL,KAAwB,cAEc,IACrD6B,IAAqBrB,KAAY,YAIjCsB,IAAaC;AAAA,IAHO;AAAA,IACCvB,KAAY;AAAA,IAKnCJ;AAAA,EAAA;AAGJ,SACI,gBAAA4B,EAAC,SAAA,EAAM,KAAKnB,GAAU,WAAWiB,GAC7B,UAAA;AAAA,IAAA,gBAAAE,EAAC,QAAA,EAAK,WAAU,iCACZ,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAAnB;AAAA,UACA,WAAWiB;AAAA,YACPH;AAAA,YACAC;AAAA,UAAA;AAAA,UAEJ,MAAK;AAAA,UACL,UAAArB;AAAA,UACA,UAAAC;AAAA,UACA,MAAAC;AAAA,UACA,UAAUe;AAAA,UACT,GAAGH;AAAA,UACH,GAAGP;AAAA,QAAA;AAAA,MAAA;AAAA,MAER,gBAAAkB,EAAAC,GAAA,EACI,UAAA,gBAAAD;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,OAAM;AAAA,UACN,WAAU;AAAA,UACV,SAAQ;AAAA,UAER,UAAA,gBAAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,UAAS;AAAA,cACT,GAAE;AAAA,cACF,UAAS;AAAA,YAAA;AAAA,UAAA;AAAA,QACb;AAAA,MAAA,EACJ,CACJ;AAAA,IAAA,GACJ;AAAA,IACC1B,IACG,gBAAA0B,EAAC,QAAA,EAAK,WAAWF,EAAWvB,IAAW,eAAe,EAAE,GACnD,UAAAD,EAAA,CACL,IACA;AAAA,EAAA,GACR;AAER;"}
1	+ {"version":3,"file":"Checkbox.js","sources":["../../../../../lib/@ecme/components/ui/Checkbox/Checkbox.tsx"],"sourcesContent":["import { useContext, useCallback, useState } from 'react'\nimport classNames from 'classnames'\nimport CheckboxGroupContext from './context'\nimport type { CommonProps } from '../@types/common'\nimport type { CheckboxValue } from './context'\nimport type { ChangeEvent, Ref } from 'react'\n\nexport interface CheckboxProps extends CommonProps {\n checked?: boolean\n checkboxClass?: string\n defaultChecked?: boolean\n disabled?: boolean\n labelRef?: Ref<HTMLLabelElement>\n name?: string\n onChange?: (values: boolean, e: ChangeEvent<HTMLInputElement>) => void\n readOnly?: boolean\n ref?: Ref<HTMLInputElement>\n value?: CheckboxValue\n}\n\nconst Checkbox = (props: CheckboxProps) => {\n const {\n name: nameContext,\n value: groupValue,\n onChange: onGroupChange,\n checkboxClass: checkboxClassContext,\n } = useContext(CheckboxGroupContext)\n\n const {\n checked: controlledChecked,\n className,\n checkboxClass,\n onChange,\n children,\n disabled,\n readOnly,\n name = nameContext,\n defaultChecked,\n value,\n labelRef,\n ref,\n ...rest\n } = props\n\n const isChecked = useCallback(() => {\n if (typeof groupValue !== 'undefined' && typeof value !== 'undefined') {\n return groupValue.some((i) => i === value)\n }\n return controlledChecked \|\| defaultChecked\n }, [controlledChecked, groupValue, value, defaultChecked])\n\n const [checkboxChecked, setCheckboxChecked] = useState(isChecked())\n\n const getControlProps = () => {\n const checkedValue = checkboxChecked\n\n let groupChecked = { checked: checkedValue }\n const singleChecked: {\n defaultChecked?: boolean\n checked?: boolean\n } = {}\n\n if (typeof controlledChecked !== 'undefined') {\n singleChecked.checked = controlledChecked\n }\n\n if (typeof groupValue !== 'undefined') {\n groupChecked = { checked: groupValue.includes(value as never) }\n }\n\n if (defaultChecked) {\n singleChecked.defaultChecked = defaultChecked\n }\n return typeof groupValue !== 'undefined' ? groupChecked : singleChecked\n }\n\n const controlProps = getControlProps()\n\n const onCheckboxChange = useCallback(\n (e: ChangeEvent<HTMLInputElement>) => {\n let nextChecked = !checkboxChecked\n\n if (typeof groupValue !== 'undefined') {\n nextChecked = !groupValue.includes(value as never)\n }\n\n if (disabled \|\| readOnly) {\n return\n }\n\n setCheckboxChecked(nextChecked)\n onChange?.(nextChecked, e)\n onGroupChange?.(value as CheckboxValue, nextChecked, e)\n },\n [\n checkboxChecked,\n disabled,\n readOnly,\n setCheckboxChecked,\n onChange,\n value,\n onGroupChange,\n groupValue,\n ],\n )\n\n const checkboxColor =\n checkboxClass \|\| checkboxClassContext \|\| `text-primary`\n\n const checkboxDefaultClass = `checkbox peer ${checkboxColor}`\n const checkboxColorClass = disabled && 'disabled'\n const labelDefaultClass = `checkbox-label`\n const labelDisabledClass = disabled && 'disabled'\n\n const labelClass = classNames(\n labelDefaultClass,\n labelDisabledClass,\n className,\n )\n\n return (\n <label ref={labelRef} className={labelClass}>\n <span className=\"checkbox-wrapper h-5 relative\">\n <input\n ref={ref}\n className={classNames(\n checkboxDefaultClass,\n checkboxColorClass,\n )}\n type=\"checkbox\"\n disabled={disabled}\n readOnly={readOnly}\n name={name}\n onChange={onCheckboxChange}\n {...controlProps}\n {...rest}\n />\n <>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"h-3.5 w-3.5 stroke-neutral fill-neutral opacity-0 transition-opacity peer-checked:opacity-100 pointer-events-none absolute top-2/4 left-2/4 -translate-y-2/4 -translate-x-2/4 mt-[1.25px]\"\n viewBox=\"0 0 20 20\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M16.707 5.293a1 1 0 0 1 0 1.414l-8 8a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 1.414-1.414L8 12.586l7.293-7.293a1 1 0 0 1 1.414 0z\"\n clipRule=\"evenodd\"\n />\n </svg>\n </>\n </span>\n {children ? (\n <span className={classNames(disabled ? 'opacity-50' : '')}>\n {children}\n </span>\n ) : null}\n </label>\n )\n}\n\nexport default Checkbox\n"],"names":["Checkbox","props","nameContext","groupValue","onGroupChange","checkboxClassContext","useContext","CheckboxGroupContext","controlledChecked","className","checkboxClass","onChange","children","disabled","readOnly","name","defaultChecked","value","labelRef","ref","rest","isChecked","useCallback","i","checkboxChecked","setCheckboxChecked","useState","controlProps","groupChecked","singleChecked","onCheckboxChange","e","nextChecked","checkboxDefaultClass","checkboxColorClass","labelClass","classNames","jsxs","jsx","Fragment"],"mappings":"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"}

package/dist/@ecme/components/ui/Checkbox/Group.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Group.js","sources":["../../../../../lib/@ecme/components/ui/Checkbox/Group.tsx"],"sourcesContent":["import { useState, useCallback, useMemo, useEffect } from 'react'\r\nimport classNames from '../utils/classNames'\r\nimport { CheckboxGroupContextProvider } from './context'\r\nimport shallowEqual from '../utils/shallowEqual'\r\nimport type { CommonProps } from '../@types/common'\r\nimport type { CheckboxGroupValue, CheckboxValue } from './context'\r\nimport type { SyntheticEvent, Ref } from 'react'\r\n\r\nexport interface CheckboxGroupProps extends CommonProps {\r\n checkboxClass?: string\r\n name?: string\r\n onChange?: (value: CheckboxGroupValue, event: SyntheticEvent) => void\r\n ref?: Ref<HTMLDivElement>\r\n value?: CheckboxGroupValue\r\n vertical?: boolean\r\n}\r\n\r\nconst Group = (props: CheckboxGroupProps) => {\r\n const {\r\n children,\r\n className,\r\n checkboxClass,\r\n name,\r\n onChange,\r\n ref,\r\n value: valueProp,\r\n vertical,\r\n ...rest\r\n } = props\r\n\r\n const [value, setValue] = useState(valueProp)\r\n\r\n const onCheckboxGroupChange = useCallback(\r\n (\r\n itemValue: CheckboxValue,\r\n itemChecked: boolean,\r\n event: SyntheticEvent, \r\n ) => { \r\n const nextValue: CheckboxGroupValue = value ? [...value] : []\r\n if (itemChecked) {\r\n nextValue.push(itemValue as string)\r\n } else {\r\n const index = nextValue.findIndex((i) => shallowEqual(i, itemValue))\r\n if (index > -1) {\r\n nextValue.splice(index, 1)\r\n }\r\n }\r\n\r\n setValue(nextValue)\r\n onChange?.(nextValue, event)\r\n },\r\n [onChange, setValue, value],\r\n )\r\n\r\n useEffect(() => {\r\n setValue(valueProp)\r\n }, [valueProp])\r\n\r\n const contextValue = useMemo(\r\n () => ({\r\n vertical,\r\n name,\r\n value,\r\n checkboxClass,\r\n onChange: onCheckboxGroupChange,\r\n }),\r\n [vertical, onCheckboxGroupChange, name, checkboxClass, value],\r\n )\r\n\r\n return (\r\n <CheckboxGroupContextProvider value={contextValue}>\r\n <div\r\n ref={ref}\r\n className={classNames(\r\n 'inline-flex gap-4',\r\n vertical ? 'flex-col' : '',\r\n className,\r\n )}\r\n {...rest}\r\n >\r\n {children}\r\n </div>\r\n </CheckboxGroupContextProvider>\r\n )\r\n}\r\n\r\nexport default Group\r\n"],"names":["Group","props","children","className","checkboxClass","name","onChange","ref","valueProp","vertical","rest","value","setValue","useState","onCheckboxGroupChange","useCallback","itemValue","itemChecked","event","nextValue","index","i","shallowEqual","useEffect","contextValue","useMemo","jsx","CheckboxGroupContextProvider","classNames"],"mappings":";;;;;AAiBA,MAAMA,IAAQ,CAACC,MAA8B;AACzC,QAAM;AAAA,IACF,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,eAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,KAAAC;AAAA,IACA,OAAOC;AAAA,IACP,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHT,GAEE,CAACU,GAAOC,CAAQ,IAAIC,EAASL,CAAS,GAEtCM,IAAwBC;AAAA,IAC1B,CACIC,GACAC,GACAC,MACC;AACD,YAAMC,IAAgCR,IAAQ,CAAC,GAAGA,CAAK,IAAI,CAAA;AAC3D,UAAIM;AACA,QAAAE,EAAU,KAAKH,CAAmB;AAAA,WAC/B;AACH,cAAMI,IAAQD,EAAU,UAAU,CAACE,MAAMC,EAAaD,GAAGL,CAAS,CAAC;AACnE,QAAII,IAAQ,MACRD,EAAU,OAAOC,GAAO,CAAC;AAAA,~~MAC7B~~;~~AAGJ~~,MAAAR,EAASO,CAAS,GAClBb,KAAA,QAAAA,EAAWa,GAAWD;AAAA,~~IAAK~~;AAAA,~~IAE/B~~,CAACZ,GAAUM,GAAUD,CAAK;AAAA,EAAA;AAG9B,EAAAY,EAAU,MAAM;AACZ,IAAAX,EAASJ,CAAS;AAAA,~~EAAA~~,~~GACnB~~,CAACA,CAAS,CAAC;AAEd,QAAMgB,IAAeC;AAAA,IACjB,OAAO;AAAA,MACH,UAAAhB;AAAA,MACA,MAAAJ;AAAA,MACA,OAAAM;AAAA,MACA,eAAAP;AAAA,MACA,UAAUU;AAAA,IAAA;AAAA,IAEd,CAACL,GAAUK,GAAuBT,GAAMD,GAAeO,CAAK;AAAA,EAAA;AAGhE,SACI,gBAAAe,EAACC,GAAA,EAA6B,OAAOH,GACjC,UAAA,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAnB;AAAA,MACA,WAAWqB;AAAA,QACP;AAAA,QACAnB,IAAW,aAAa;AAAA,QACxBN;AAAA,MAAA;AAAA,MAEH,GAAGO;AAAA,MAEH,UAAAR;AAAA,IAAA;AAAA,EAAA,GAET;AAER;"}
1	+ {"version":3,"file":"Group.js","sources":["../../../../../lib/@ecme/components/ui/Checkbox/Group.tsx"],"sourcesContent":["import { useState, useCallback, useMemo, useEffect } from 'react'\nimport classNames from '../utils/classNames'\nimport { CheckboxGroupContextProvider } from './context'\nimport shallowEqual from '../utils/shallowEqual'\nimport type { CommonProps } from '../@types/common'\nimport type { CheckboxGroupValue, CheckboxValue } from './context'\nimport type { SyntheticEvent, Ref } from 'react'\n\nexport interface CheckboxGroupProps extends CommonProps {\n checkboxClass?: string\n name?: string\n onChange?: (value: CheckboxGroupValue, event: SyntheticEvent) => void\n ref?: Ref<HTMLDivElement>\n value?: CheckboxGroupValue\n vertical?: boolean\n}\n\nconst Group = (props: CheckboxGroupProps) => {\n const {\n children,\n className,\n checkboxClass,\n name,\n onChange,\n ref,\n value: valueProp,\n vertical,\n ...rest\n } = props\n\n const [value, setValue] = useState(valueProp)\n\n const onCheckboxGroupChange = useCallback(\n (\n itemValue: CheckboxValue,\n itemChecked: boolean,\n event: SyntheticEvent, \n ) => { \n const nextValue: CheckboxGroupValue = value ? [...value] : []\n if (itemChecked) {\n nextValue.push(itemValue as string)\n } else {\n const index = nextValue.findIndex((i) => shallowEqual(i, itemValue))\n if (index > -1) {\n nextValue.splice(index, 1)\n }\n }\n\n setValue(nextValue)\n onChange?.(nextValue, event)\n },\n [onChange, setValue, value],\n )\n\n useEffect(() => {\n setValue(valueProp)\n }, [valueProp])\n\n const contextValue = useMemo(\n () => ({\n vertical,\n name,\n value,\n checkboxClass,\n onChange: onCheckboxGroupChange,\n }),\n [vertical, onCheckboxGroupChange, name, checkboxClass, value],\n )\n\n return (\n <CheckboxGroupContextProvider value={contextValue}>\n <div\n ref={ref}\n className={classNames(\n 'inline-flex gap-4',\n vertical ? 'flex-col' : '',\n className,\n )}\n {...rest}\n >\n {children}\n </div>\n </CheckboxGroupContextProvider>\n )\n}\n\nexport default Group\n"],"names":["Group","props","children","className","checkboxClass","name","onChange","ref","valueProp","vertical","rest","value","setValue","useState","onCheckboxGroupChange","useCallback","itemValue","itemChecked","event","nextValue","index","i","shallowEqual","useEffect","contextValue","useMemo","jsx","CheckboxGroupContextProvider","classNames"],"mappings":";;;;;AAiBA,MAAMA,IAAQ,CAACC,MAA8B;AACzC,QAAM;AAAA,IACF,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,eAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,KAAAC;AAAA,IACA,OAAOC;AAAA,IACP,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHT,GAEE,CAACU,GAAOC,CAAQ,IAAIC,EAASL,CAAS,GAEtCM,IAAwBC;AAAA,IAC1B,CACIC,GACAC,GACAC,MACC;AACD,YAAMC,IAAgCR,IAAQ,CAAC,GAAGA,CAAK,IAAI,CAAA;AAC3D,UAAIM;AACA,QAAAE,EAAU,KAAKH,CAAmB;AAAA,WAC/B;AACH,cAAMI,IAAQD,EAAU,UAAU,CAACE,MAAMC,EAAaD,GAAGL,CAAS,CAAC;AACnE,QAAII,IAAQ,MACRD,EAAU,OAAOC,GAAO,CAAC;AAAA,MAEjC;AAEA,MAAAR,EAASO,CAAS,GAClBb,KAAA,QAAAA,EAAWa,GAAWD;AAAA,IAC1B;AAAA,IACA,CAACZ,GAAUM,GAAUD,CAAK;AAAA,EAAA;AAG9B,EAAAY,EAAU,MAAM;AACZ,IAAAX,EAASJ,CAAS;AAAA,EACtB,GAAG,CAACA,CAAS,CAAC;AAEd,QAAMgB,IAAeC;AAAA,IACjB,OAAO;AAAA,MACH,UAAAhB;AAAA,MACA,MAAAJ;AAAA,MACA,OAAAM;AAAA,MACA,eAAAP;AAAA,MACA,UAAUU;AAAA,IAAA;AAAA,IAEd,CAACL,GAAUK,GAAuBT,GAAMD,GAAeO,CAAK;AAAA,EAAA;AAGhE,SACI,gBAAAe,EAACC,GAAA,EAA6B,OAAOH,GACjC,UAAA,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAnB;AAAA,MACA,WAAWqB;AAAA,QACP;AAAA,QACAnB,IAAW,aAAa;AAAA,QACxBN;AAAA,MAAA;AAAA,MAEH,GAAGO;AAAA,MAEH,UAAAR;AAAA,IAAA;AAAA,EAAA,GAET;AAER;"}

package/dist/@ecme/components/ui/Checkbox/context.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"context.js","sources":["../../../../../lib/@ecme/components/ui/Checkbox/context.tsx"],"sourcesContent":["import { createContext } from 'react'\r\n\r\nexport type CheckboxValue = string \| number \| boolean\r\nexport type CheckboxGroupValue = string[]\r\n\r\nexport interface CheckboxGroupContextProps {\r\n checkboxClass?: string\r\n name?: string\r\n onChange?: (\r\n value: CheckboxValue,\r\n checked: boolean,\r\n event: React.ChangeEvent<HTMLInputElement>,\r\n ) => void\r\n value?: CheckboxGroupValue\r\n vertical?: boolean\r\n}\r\n\r\nconst CheckboxGroupContext = createContext<CheckboxGroupContextProps>({})\r\n\r\nexport const CheckboxGroupContextProvider = CheckboxGroupContext.Provider\r\n\r\nexport default CheckboxGroupContext\r\n"],"names":["CheckboxGroupContext","createContext","CheckboxGroupContextProvider"],"mappings":";AAiBA,MAAMA,IAAuBC,EAAyC,CAAA,CAAE,GAE3DC,IAA+BF,EAAqB;"}
1	+ {"version":3,"file":"context.js","sources":["../../../../../lib/@ecme/components/ui/Checkbox/context.tsx"],"sourcesContent":["import { createContext } from 'react'\n\nexport type CheckboxValue = string \| number \| boolean\nexport type CheckboxGroupValue = string[]\n\nexport interface CheckboxGroupContextProps {\n checkboxClass?: string\n name?: string\n onChange?: (\n value: CheckboxValue,\n checked: boolean,\n event: React.ChangeEvent<HTMLInputElement>,\n ) => void\n value?: CheckboxGroupValue\n vertical?: boolean\n}\n\nconst CheckboxGroupContext = createContext<CheckboxGroupContextProps>({})\n\nexport const CheckboxGroupContextProvider = CheckboxGroupContext.Provider\n\nexport default CheckboxGroupContext\n"],"names":["CheckboxGroupContext","createContext","CheckboxGroupContextProvider"],"mappings":";AAiBA,MAAMA,IAAuBC,EAAyC,CAAA,CAAE,GAE3DC,IAA+BF,EAAqB;"}

package/dist/@ecme/components/ui/Checkbox/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../lib/@ecme/components/ui/Checkbox/index.tsx"],"sourcesContent":["import type { ForwardRefExoticComponent, RefAttributes } from 'react'\r\nimport _Checkbox, { CheckboxProps } from './Checkbox'\r\nimport CheckboxGroup from './Group'\r\n\r\nexport type { CheckboxProps } from './Checkbox'\r\nexport type { CheckboxGroupProps } from './Group'\r\nexport type { CheckboxGroupValue, CheckboxValue } from './context'\r\n\r\ntype CompoundedComponent = ForwardRefExoticComponent<\r\n CheckboxProps & RefAttributes<HTMLInputElement>\r\n> & {\r\n Group: typeof CheckboxGroup\r\n}\r\n\r\nconst Checkbox = _Checkbox as CompoundedComponent\r\n\r\nCheckbox.Group = CheckboxGroup\r\n\r\nexport { Checkbox }\r\n\r\nexport default Checkbox\r\n"],"names":["Checkbox","_Checkbox","CheckboxGroup"],"mappings":";;AAcA,MAAMA,IAAWC;AAEjBD,EAAS,QAAQE;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../lib/@ecme/components/ui/Checkbox/index.tsx"],"sourcesContent":["import type { ForwardRefExoticComponent, RefAttributes } from 'react'\nimport _Checkbox, { CheckboxProps } from './Checkbox'\nimport CheckboxGroup from './Group'\n\nexport type { CheckboxProps } from './Checkbox'\nexport type { CheckboxGroupProps } from './Group'\nexport type { CheckboxGroupValue, CheckboxValue } from './context'\n\ntype CompoundedComponent = ForwardRefExoticComponent<\n CheckboxProps & RefAttributes<HTMLInputElement>\n> & {\n Group: typeof CheckboxGroup\n}\n\nconst Checkbox = _Checkbox as CompoundedComponent\n\nCheckbox.Group = CheckboxGroup\n\nexport { Checkbox }\n\nexport default Checkbox\n"],"names":["Checkbox","_Checkbox","CheckboxGroup"],"mappings":";;AAcA,MAAMA,IAAWC;AAEjBD,EAAS,QAAQE;"}

package/dist/@ecme/components/ui/CloseButton/CloseButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CloseButton.js","sources":["../../../../../lib/@ecme/components/ui/CloseButton/CloseButton.tsx"],"sourcesContent":["import { HiX } from 'react-icons/hi'\r\nimport classNames from 'classnames'\r\nimport type { CommonProps } from '../@types/common'\r\nimport type { MouseEvent, ButtonHTMLAttributes, Ref } from 'react'\r\n\r\nexport interface CloseButtonProps\r\n extends CommonProps,\r\n ButtonHTMLAttributes<HTMLButtonElement> {\r\n absolute?: boolean\r\n onClick?: (e: MouseEvent<HTMLButtonElement>) => void\r\n ref?: Ref<HTMLButtonElement>\r\n resetDefaultClass?: boolean\r\n}\r\n\r\nconst CloseButton = (props: CloseButtonProps) => {\r\n const { absolute, className, resetDefaultClass, ref, ...rest } = props\r\n const closeButtonAbsoluteClass = 'absolute z-10'\r\n\r\n const closeButtonClass = classNames(\r\n !resetDefaultClass && 'close-button button-press-feedback',\r\n absolute && closeButtonAbsoluteClass,\r\n className,\r\n )\r\n\r\n return (\r\n <button ref={ref} className={closeButtonClass} type=\"button\" {...rest}>\r\n <HiX />\r\n </button>\r\n )\r\n}\r\n\r\nexport default CloseButton\r\n"],"names":["CloseButton","props","absolute","className","resetDefaultClass","ref","rest","closeButtonClass","classNames","jsx","HiX"],"mappings":";;;AAcA,MAAMA,IAAc,CAACC,MAA4B;AAC7C,QAAM,EAAE,UAAAC,GAAU,WAAAC,GAAW,mBAAAC,GAAmB,KAAAC,GAAK,GAAGC,MAASL,GAG3DM,IAAmBC;AAAA,IACrB,CAACJ,KAAqB;AAAA,IACtBF,KAJ6B;AAAA,IAK7BC;AAAA,EAAA;AAGJ,SACI,gBAAAM,EAAC,UAAA,EAAO,KAAAJ,GAAU,WAAWE,GAAkB,MAAK,UAAU,GAAGD,GAC7D,UAAA,gBAAAG,EAACC,GAAA,CAAA,CAAI,EAAA,CACT;AAER;"}
1	+ {"version":3,"file":"CloseButton.js","sources":["../../../../../lib/@ecme/components/ui/CloseButton/CloseButton.tsx"],"sourcesContent":["import { HiX } from 'react-icons/hi'\nimport classNames from 'classnames'\nimport type { CommonProps } from '../@types/common'\nimport type { MouseEvent, ButtonHTMLAttributes, Ref } from 'react'\n\nexport interface CloseButtonProps\n extends CommonProps,\n ButtonHTMLAttributes<HTMLButtonElement> {\n absolute?: boolean\n onClick?: (e: MouseEvent<HTMLButtonElement>) => void\n ref?: Ref<HTMLButtonElement>\n resetDefaultClass?: boolean\n}\n\nconst CloseButton = (props: CloseButtonProps) => {\n const { absolute, className, resetDefaultClass, ref, ...rest } = props\n const closeButtonAbsoluteClass = 'absolute z-10'\n\n const closeButtonClass = classNames(\n !resetDefaultClass && 'close-button button-press-feedback',\n absolute && closeButtonAbsoluteClass,\n className,\n )\n\n return (\n <button ref={ref} className={closeButtonClass} type=\"button\" {...rest}>\n <HiX />\n </button>\n )\n}\n\nexport default CloseButton\n"],"names":["CloseButton","props","absolute","className","resetDefaultClass","ref","rest","closeButtonClass","classNames","jsx","HiX"],"mappings":";;;AAcA,MAAMA,IAAc,CAACC,MAA4B;AAC7C,QAAM,EAAE,UAAAC,GAAU,WAAAC,GAAW,mBAAAC,GAAmB,KAAAC,GAAK,GAAGC,MAASL,GAG3DM,IAAmBC;AAAA,IACrB,CAACJ,KAAqB;AAAA,IACtBF,KAJ6B;AAAA,IAK7BC;AAAA,EAAA;AAGJ,SACI,gBAAAM,EAAC,UAAA,EAAO,KAAAJ,GAAU,WAAWE,GAAkB,MAAK,UAAU,GAAGD,GAC7D,UAAA,gBAAAG,EAACC,GAAA,CAAA,CAAI,EAAA,CACT;AAER;"}

package/dist/@ecme/components/ui/ConfigProvider/ConfigProvider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ConfigProvider.js","sources":["../../../../../lib/@ecme/components/ui/ConfigProvider/ConfigProvider.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\r\nimport { SIZES } from '../utils/constants'\r\nimport type { TypeAttributes } from '../@types/common'\r\n\r\nexport type Config = {\r\n mode: 'light' \| 'dark'\r\n locale: string\r\n controlSize: TypeAttributes.ControlSize\r\n direction: TypeAttributes.Direction\r\n ui?: {\r\n card?: {\r\n cardBordered?: boolean\r\n }\r\n button?: {\r\n disableClickFeedback?: boolean\r\n }\r\n }\r\n}\r\n\r\nexport const defaultConfig: Config = {\r\n direction: 'ltr',\r\n mode: 'light',\r\n locale: 'en',\r\n controlSize: SIZES.MD,\r\n} as const\r\n\r\nexport const ConfigContext = createContext<Config>(defaultConfig)\r\n\r\nconst ConfigProvider = ConfigContext.Provider\r\n\r\nexport const ConfigConsumer = ConfigContext.Consumer\r\n\r\nexport function useConfig() {\r\n return useContext(ConfigContext)\r\n}\r\n\r\nexport default ConfigProvider\r\n"],"names":["defaultConfig","SIZES","ConfigContext","createContext","ConfigProvider","ConfigConsumer","useConfig","useContext"],"mappings":";;AAmBO,MAAMA,IAAwB;AAAA,EACjC,WAAW;AAAA,EACX,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,aAAaC,EAAM;AACvB,GAEaC,IAAgBC,EAAsBH,CAAa,GAE1DI,IAAiBF,EAAc,UAExBG,IAAiBH,EAAc;AAErC,SAASI,IAAY;AACxB,SAAOC,EAAWL,CAAa;AACnC;"}
1	+ {"version":3,"file":"ConfigProvider.js","sources":["../../../../../lib/@ecme/components/ui/ConfigProvider/ConfigProvider.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport { SIZES } from '../utils/constants'\nimport type { TypeAttributes } from '../@types/common'\n\nexport type Config = {\n mode: 'light' \| 'dark'\n locale: string\n controlSize: TypeAttributes.ControlSize\n direction: TypeAttributes.Direction\n ui?: {\n card?: {\n cardBordered?: boolean\n }\n button?: {\n disableClickFeedback?: boolean\n }\n }\n}\n\nexport const defaultConfig: Config = {\n direction: 'ltr',\n mode: 'light',\n locale: 'en',\n controlSize: SIZES.MD,\n} as const\n\nexport const ConfigContext = createContext<Config>(defaultConfig)\n\nconst ConfigProvider = ConfigContext.Provider\n\nexport const ConfigConsumer = ConfigContext.Consumer\n\nexport function useConfig() {\n return useContext(ConfigContext)\n}\n\nexport default ConfigProvider\n"],"names":["defaultConfig","SIZES","ConfigContext","createContext","ConfigProvider","ConfigConsumer","useConfig","useContext"],"mappings":";;AAmBO,MAAMA,IAAwB;AAAA,EACjC,WAAW;AAAA,EACX,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,aAAaC,EAAM;AACvB,GAEaC,IAAgBC,EAAsBH,CAAa,GAE1DI,IAAiBF,EAAc,UAExBG,IAAiBH,EAAc;AAErC,SAASI,IAAY;AACxB,SAAOC,EAAWL,CAAa;AACnC;"}

package/dist/@ecme/components/ui/DatePicker/BasePicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BasePicker.js","sources":["../../../../../lib/@ecme/components/ui/DatePicker/BasePicker.tsx"],"sourcesContent":["import dayjs from 'dayjs'\r\nimport localizedFormat from 'dayjs/plugin/localizedFormat'\r\nimport { Input } from '../Input'\r\nimport useMergedRef from '../hooks/useMergeRef'\r\nimport { HiOutlineCalendar } from 'react-icons/hi'\r\nimport CloseButton from '../CloseButton'\r\nimport type { CommonProps, TypeAttributes } from '../@types/common'\r\nimport type {\r\n ReactNode,\r\n FocusEvent,\r\n HTMLInputTypeAttribute,\r\n KeyboardEvent,\r\n MouseEvent,\r\n ChangeEvent,\r\n Ref,\r\n} from 'react'\r\nimport {\r\n useFloating,\r\n useInteractions,\r\n useDismiss,\r\n useRole,\r\n useFocus,\r\n useClick,\r\n useId,\r\n autoUpdate,\r\n offset,\r\n flip,\r\n shift,\r\n} from '@floating-ui/react'\r\n\r\ndayjs.extend(localizedFormat)\r\n\r\nexport interface BasePickerSharedProps {\r\n clearable?: boolean\r\n clearButton?: string \| ReactNode\r\n disabled?: boolean\r\n inputtable?: boolean\r\n inputPrefix?: string \| ReactNode\r\n inputSuffix?: string \| ReactNode\r\n name?: string\r\n onBlur?: (event: FocusEvent<HTMLInputElement, Element>) => void\r\n onDropdownOpen?: () => void\r\n onDropdownClose?: () => void\r\n onFocus?: (event: FocusEvent<HTMLInputElement, Element>) => void\r\n placeholder?: string\r\n size?: TypeAttributes.ControlSize\r\n type?: HTMLInputTypeAttribute\r\n}\r\n\r\ninterface BasePickerProps extends CommonProps, BasePickerSharedProps {\r\n dropdownOpened: boolean\r\n inputtableBlurClose?: boolean\r\n inputLabel?: string\r\n onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void\r\n onClear?: (event: MouseEvent<HTMLElement>) => void\r\n onChange?: (event: ChangeEvent<HTMLInputElement>) => void\r\n setDropdownOpened: (opened: boolean) => void\r\n ref?: Ref<HTMLInputElement>\r\n}\r\n\r\nconst BasePicker = (props: BasePickerProps) => {\r\n const {\r\n className,\r\n clearable = true,\r\n clearButton,\r\n children,\r\n disabled,\r\n dropdownOpened,\r\n inputtable,\r\n inputtableBlurClose = false,\r\n inputLabel,\r\n inputPrefix,\r\n inputSuffix = <HiOutlineCalendar className=\"text-lg\" />,\r\n name,\r\n onDropdownOpen,\r\n onDropdownClose,\r\n onBlur,\r\n onFocus,\r\n onChange,\r\n onKeyDown,\r\n onClear,\r\n placeholder,\r\n ref = null,\r\n setDropdownOpened,\r\n size,\r\n type,\r\n } = props\r\n\r\n const handleInputClick = () => {\r\n inputtable ? openDropdown() : toggleDropdown(!dropdownOpened)\r\n }\r\n\r\n const closeDropdown = () => {\r\n setDropdownOpened(false)\r\n onDropdownClose?.()\r\n }\r\n\r\n const suffixIconSlot = clearable ? (\r\n clearButton ? (\r\n <div role=\"presentation\" onClick={onClear}>\r\n {clearButton}\r\n </div>\r\n ) : (\r\n <CloseButton className=\"text-base\" onClick={onClear} />\r\n )\r\n ) : inputSuffix ? (\r\n <>{inputSuffix}</>\r\n ) : null\r\n\r\n const toggleDropdown = (open: boolean) => {\r\n setDropdownOpened(open)\r\n open ? onDropdownOpen?.() : onDropdownClose?.()\r\n }\r\n\r\n const openDropdown = () => {\r\n setDropdownOpened(true)\r\n onDropdownOpen?.()\r\n }\r\n\r\n const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\r\n typeof onKeyDown === 'function' && onKeyDown(event)\r\n if ((event.key === 'Space' \|\| event.key === 'Enter') && !inputtable) {\r\n event.preventDefault()\r\n openDropdown()\r\n }\r\n }\r\n\r\n const handleInputBlur = (event: FocusEvent<HTMLInputElement, Element>) => {\r\n onBlur?.(event)\r\n if (inputtable && inputtableBlurClose) {\r\n closeDropdown()\r\n }\r\n }\r\n\r\n const handleInputFocus = (event: FocusEvent<HTMLInputElement, Element>) => {\r\n onFocus?.(event)\r\n }\r\n\r\n const { refs, floatingStyles, context } = useFloating({\r\n open: dropdownOpened,\r\n onOpenChange: toggleDropdown,\r\n placement: 'bottom-start',\r\n middleware: [\r\n offset(10),\r\n flip({\r\n fallbackAxisSideDirection: 'start',\r\n }),\r\n shift(),\r\n ],\r\n whileElementsMounted: autoUpdate,\r\n })\r\n\r\n const focus = useFocus(context)\r\n const click = useClick(context)\r\n const dismiss = useDismiss(context)\r\n const role = useRole(context)\r\n\r\n const { getReferenceProps, getFloatingProps } = useInteractions([\r\n inputtable ? focus : click,\r\n dismiss,\r\n role,\r\n ])\r\n\r\n const headingId = useId()\r\n\r\n return (\r\n <>\r\n <Input\r\n ref={useMergedRef(ref, refs.setReference)}\r\n className={className}\r\n placeholder={placeholder}\r\n size={size}\r\n name={name}\r\n value={inputLabel}\r\n readOnly={!inputtable}\r\n suffix={suffixIconSlot}\r\n prefix={inputPrefix}\r\n autoComplete=\"off\"\r\n type={type}\r\n disabled={disabled}\r\n asElement={'input'}\r\n onKeyDown={handleKeyDown}\r\n onClick={handleInputClick}\r\n onChange={onChange}\r\n {...getReferenceProps({\r\n onBlur: handleInputBlur,\r\n onFocus: handleInputFocus,\r\n })}\r\n />\r\n {dropdownOpened && (\r\n <div\r\n ref={refs.setFloating}\r\n className=\"picker\"\r\n style={floatingStyles}\r\n aria-labelledby={headingId}\r\n {...getFloatingProps()}\r\n >\r\n <div className=\"picker-panel\">{children}</div>\r\n </div>\r\n )}\r\n </>\r\n )\r\n}\r\n\r\nexport default BasePicker\r\n"],"names":["dayjs","localizedFormat","BasePicker","props","className","clearable","clearButton","children","disabled","dropdownOpened","inputtable","inputtableBlurClose","inputLabel","inputPrefix","inputSuffix","jsx","HiOutlineCalendar","name","onDropdownOpen","onDropdownClose","onBlur","onFocus","onChange","onKeyDown","onClear","placeholder","ref","setDropdownOpened","size","type","handleInputClick","openDropdown","toggleDropdown","closeDropdown","suffixIconSlot","CloseButton","Fragment","open","handleKeyDown","event","handleInputBlur","handleInputFocus","refs","floatingStyles","context","useFloating","offset","flip","shift","autoUpdate","focus","useFocus","click","useClick","dismiss","useDismiss","role","useRole","getReferenceProps","getFloatingProps","useInteractions","headingId","useId","jsxs","Input","useMergedRef"],"mappings":";;;;;;;;;;AA8BAA,EAAM,OAAOC,CAAe;AA8B5B,MAAMC,KAAa,CAACC,MAA2B;AAC3C,QAAM;AAAA,IACF,WAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,qBAAAC,IAAsB;AAAA,IACtB,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC,IAAc,gBAAAC,EAACC,GAAA,EAAkB,WAAU,UAAA,CAAU;AAAA,IACrD,MAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,aAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,mBAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,EAAA,IACA1B,GAEE2B,IAAmB,MAAM;AAC3B,IAAApB,IAAaqB,EAAA,IAAiBC,EAAe,CAACvB,CAAc;AAAA,~~EAAA~~,~~GAG1DwB~~,IAAgB,MAAM;AACxB,IAAAN,EAAkB,EAAK,GACvBR,KAAA,QAAAA;AAAA,~~EAAkB~~,~~GAGhBe~~,IAAiB7B,IACnBC,IACI,gBAAAS,EAAC,SAAI,MAAK,gBAAe,SAASS,GAC7B,UAAAlB,EAAA,CACL,IAEA,gBAAAS,EAACoB,IAAA,EAAY,WAAU,aAAY,SAASX,GAAS,IAEzDV,IACA,gBAAAC,EAAAqB,GAAA,EAAG,UAAAtB,EAAA,CAAY,IACf,MAEEkB,IAAiB,CAACK,MAAkB;AACtC,IAAAV,EAAkBU,CAAI,GACtBA,IAAOnB,KAAA,QAAAA,MAAqBC,KAAA,QAAAA;AAAA,~~EAAkB~~,~~GAG5CY~~,IAAe,MAAM;AACvB,IAAAJ,EAAkB,EAAI,GACtBT,KAAA,QAAAA;AAAA,~~EAAiB~~,~~GAGfoB~~,IAAgB,CAACC,MAA2C;AAC9D,WAAOhB,KAAc,cAAcA,EAAUgB,CAAK,IAC7CA,EAAM,QAAQ,WAAWA,EAAM,QAAQ,YAAY,CAAC7B,MACrD6B,EAAM,eAAA,GACNR,EAAA;AAAA,~~EACJ~~,~~GAGES~~,IAAkB,CAACD,MAAiD;AACtE,IAAAnB,KAAA,QAAAA,EAASmB,IACL7B,KAAcC,KACdsB,EAAA;AAAA,~~EACJ~~,~~GAGEQ~~,IAAmB,CAACF,MAAiD;AACvE,IAAAlB,KAAA,QAAAA,EAAUkB;AAAA,~~EAAK~~,~~GAGb~~,EAAE,MAAAG,GAAM,gBAAAC,GAAgB,SAAAC,EAAA,IAAYC,EAAY;AAAA,IAClD,MAAMpC;AAAA,IACN,cAAcuB;AAAA,IACd,WAAW;AAAA,IACX,YAAY;AAAA,MACRc,EAAO,EAAE;AAAA,MACTC,GAAK;AAAA,QACD,2BAA2B;AAAA,MAAA,CAC9B;AAAA,MACDC,GAAA;AAAA,IAAM;AAAA,IAEV,sBAAsBC;AAAA,EAAA,CACzB,GAEKC,IAAQC,GAASP,CAAO,GACxBQ,IAAQC,GAAST,CAAO,GACxBU,IAAUC,GAAWX,CAAO,GAC5BY,IAAOC,GAAQb,CAAO,GAEtB,EAAE,mBAAAc,GAAmB,kBAAAC,EAAA,IAAqBC,GAAgB;AAAA,IAC5DlD,IAAawC,IAAQE;AAAA,IACrBE;AAAA,IACAE;AAAA,EAAA,CACH,GAEKK,IAAYC,GAAA;AAElB,SACI,gBAAAC,EAAA3B,GAAA,EACI,UAAA;AAAA,IAAA,gBAAArB;AAAA,MAACiD;AAAA,MAAA;AAAA,QACG,KAAKC,EAAavC,GAAKgB,EAAK,YAAY;AAAA,QACxC,WAAAtC;AAAA,QACA,aAAAqB;AAAA,QACA,MAAAG;AAAA,QACA,MAAAX;AAAA,QACA,OAAOL;AAAA,QACP,UAAU,CAACF;AAAA,QACX,QAAQwB;AAAA,QACR,QAAQrB;AAAA,QACR,cAAa;AAAA,QACb,MAAAgB;AAAA,QACA,UAAArB;AAAA,QACA,WAAW;AAAA,QACX,WAAW8B;AAAA,QACX,SAASR;AAAA,QACT,UAAAR;AAAA,QACC,GAAGoC,EAAkB;AAAA,UAClB,QAAQlB;AAAA,UACR,SAASC;AAAA,QAAA,CACZ;AAAA,MAAA;AAAA,IAAA;AAAA,IAEJhC,KACG,gBAAAM;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAK2B,EAAK;AAAA,QACV,WAAU;AAAA,QACV,OAAOC;AAAA,QACP,mBAAiBkB;AAAA,QAChB,GAAGF,EAAA;AAAA,QAEJ,UAAA,gBAAA5C,EAAC,OAAA,EAAI,WAAU,gBAAgB,UAAAR,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAC5C,GAER;AAER;"}
1	+ {"version":3,"file":"BasePicker.js","sources":["../../../../../lib/@ecme/components/ui/DatePicker/BasePicker.tsx"],"sourcesContent":["import dayjs from 'dayjs'\nimport localizedFormat from 'dayjs/plugin/localizedFormat'\nimport { Input } from '../Input'\nimport useMergedRef from '../hooks/useMergeRef'\nimport { HiOutlineCalendar } from 'react-icons/hi'\nimport CloseButton from '../CloseButton'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type {\n ReactNode,\n FocusEvent,\n HTMLInputTypeAttribute,\n KeyboardEvent,\n MouseEvent,\n ChangeEvent,\n Ref,\n} from 'react'\nimport {\n useFloating,\n useInteractions,\n useDismiss,\n useRole,\n useFocus,\n useClick,\n useId,\n autoUpdate,\n offset,\n flip,\n shift,\n} from '@floating-ui/react'\n\ndayjs.extend(localizedFormat)\n\nexport interface BasePickerSharedProps {\n clearable?: boolean\n clearButton?: string \| ReactNode\n disabled?: boolean\n inputtable?: boolean\n inputPrefix?: string \| ReactNode\n inputSuffix?: string \| ReactNode\n name?: string\n onBlur?: (event: FocusEvent<HTMLInputElement, Element>) => void\n onDropdownOpen?: () => void\n onDropdownClose?: () => void\n onFocus?: (event: FocusEvent<HTMLInputElement, Element>) => void\n placeholder?: string\n size?: TypeAttributes.ControlSize\n type?: HTMLInputTypeAttribute\n}\n\ninterface BasePickerProps extends CommonProps, BasePickerSharedProps {\n dropdownOpened: boolean\n inputtableBlurClose?: boolean\n inputLabel?: string\n onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void\n onClear?: (event: MouseEvent<HTMLElement>) => void\n onChange?: (event: ChangeEvent<HTMLInputElement>) => void\n setDropdownOpened: (opened: boolean) => void\n ref?: Ref<HTMLInputElement>\n}\n\nconst BasePicker = (props: BasePickerProps) => {\n const {\n className,\n clearable = true,\n clearButton,\n children,\n disabled,\n dropdownOpened,\n inputtable,\n inputtableBlurClose = false,\n inputLabel,\n inputPrefix,\n inputSuffix = <HiOutlineCalendar className=\"text-lg\" />,\n name,\n onDropdownOpen,\n onDropdownClose,\n onBlur,\n onFocus,\n onChange,\n onKeyDown,\n onClear,\n placeholder,\n ref = null,\n setDropdownOpened,\n size,\n type,\n } = props\n\n const handleInputClick = () => {\n inputtable ? openDropdown() : toggleDropdown(!dropdownOpened)\n }\n\n const closeDropdown = () => {\n setDropdownOpened(false)\n onDropdownClose?.()\n }\n\n const suffixIconSlot = clearable ? (\n clearButton ? (\n <div role=\"presentation\" onClick={onClear}>\n {clearButton}\n </div>\n ) : (\n <CloseButton className=\"text-base\" onClick={onClear} />\n )\n ) : inputSuffix ? (\n <>{inputSuffix}</>\n ) : null\n\n const toggleDropdown = (open: boolean) => {\n setDropdownOpened(open)\n open ? onDropdownOpen?.() : onDropdownClose?.()\n }\n\n const openDropdown = () => {\n setDropdownOpened(true)\n onDropdownOpen?.()\n }\n\n const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n typeof onKeyDown === 'function' && onKeyDown(event)\n if ((event.key === 'Space' \|\| event.key === 'Enter') && !inputtable) {\n event.preventDefault()\n openDropdown()\n }\n }\n\n const handleInputBlur = (event: FocusEvent<HTMLInputElement, Element>) => {\n onBlur?.(event)\n if (inputtable && inputtableBlurClose) {\n closeDropdown()\n }\n }\n\n const handleInputFocus = (event: FocusEvent<HTMLInputElement, Element>) => {\n onFocus?.(event)\n }\n\n const { refs, floatingStyles, context } = useFloating({\n open: dropdownOpened,\n onOpenChange: toggleDropdown,\n placement: 'bottom-start',\n middleware: [\n offset(10),\n flip({\n fallbackAxisSideDirection: 'start',\n }),\n shift(),\n ],\n whileElementsMounted: autoUpdate,\n })\n\n const focus = useFocus(context)\n const click = useClick(context)\n const dismiss = useDismiss(context)\n const role = useRole(context)\n\n const { getReferenceProps, getFloatingProps } = useInteractions([\n inputtable ? focus : click,\n dismiss,\n role,\n ])\n\n const headingId = useId()\n\n return (\n <>\n <Input\n ref={useMergedRef(ref, refs.setReference)}\n className={className}\n placeholder={placeholder}\n size={size}\n name={name}\n value={inputLabel}\n readOnly={!inputtable}\n suffix={suffixIconSlot}\n prefix={inputPrefix}\n autoComplete=\"off\"\n type={type}\n disabled={disabled}\n asElement={'input'}\n onKeyDown={handleKeyDown}\n onClick={handleInputClick}\n onChange={onChange}\n {...getReferenceProps({\n onBlur: handleInputBlur,\n onFocus: handleInputFocus,\n })}\n />\n {dropdownOpened && (\n <div\n ref={refs.setFloating}\n className=\"picker\"\n style={floatingStyles}\n aria-labelledby={headingId}\n {...getFloatingProps()}\n >\n <div className=\"picker-panel\">{children}</div>\n </div>\n )}\n </>\n )\n}\n\nexport default BasePicker\n"],"names":["dayjs","localizedFormat","BasePicker","props","className","clearable","clearButton","children","disabled","dropdownOpened","inputtable","inputtableBlurClose","inputLabel","inputPrefix","inputSuffix","jsx","HiOutlineCalendar","name","onDropdownOpen","onDropdownClose","onBlur","onFocus","onChange","onKeyDown","onClear","placeholder","ref","setDropdownOpened","size","type","handleInputClick","openDropdown","toggleDropdown","closeDropdown","suffixIconSlot","CloseButton","Fragment","open","handleKeyDown","event","handleInputBlur","handleInputFocus","refs","floatingStyles","context","useFloating","offset","flip","shift","autoUpdate","focus","useFocus","click","useClick","dismiss","useDismiss","role","useRole","getReferenceProps","getFloatingProps","useInteractions","headingId","useId","jsxs","Input","useMergedRef"],"mappings":"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"}

package/dist/@ecme/components/ui/DatePicker/Calendar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Calendar.js","sources":["../../../../../lib/@ecme/components/ui/DatePicker/Calendar.tsx"],"sourcesContent":["import CalendarBase from './CalendarBase'\r\nimport { isSameDate } from './utils'\r\nimport type { CommonProps } from '../@types/common'\r\nimport type { CalendarSharedProps } from './CalendarBase'\r\n\r\nexport interface CalenderProps<MultipleSelection extends boolean = false>\r\n extends CommonProps,\r\n CalendarSharedProps {\r\n multipleSelection?: MultipleSelection\r\n value?: MultipleSelection extends true ? Date[] : Date \| null\r\n onChange?(\r\n value: MultipleSelection extends true ? Date[] : Date \| null,\r\n ): void\r\n}\r\n\r\nconst Calendar = <MultipleSelection extends boolean = false>(\r\n props: CalenderProps<MultipleSelection>,\r\n) => {\r\n const { multipleSelection, value, onChange, ...rest } = props\r\n\r\n const handleChange = (date: Date \| Date[]) => {\r\n if (!multipleSelection) {\r\n return onChange?.(\r\n date as MultipleSelection extends true ? Date[] : Date,\r\n )\r\n }\r\n\r\n const isSelected = (value as Date[])?.some((val) =>\r\n isSameDate(val, date as Date),\r\n )\r\n\r\n return onChange?.(\r\n (isSelected\r\n ? (value as Date[])?.filter(\r\n (val: Date) => !isSameDate(val, date as Date),\r\n )\r\n : [\r\n ...(value as Date[]),\r\n date,\r\n ]) as MultipleSelection extends true ? Date[] : Date,\r\n )\r\n }\r\n\r\n return <CalendarBase value={value} onChange={handleChange} {...rest} />\r\n}\r\n\r\nexport default Calendar\r\n"],"names":["Calendar","props","multipleSelection","value","onChange","rest","CalendarBase","date","isSelected","val","isSameDate"],"mappings":";;;;AAeA,MAAMA,IAAW,CACbC,MACC;AACD,QAAM,EAAE,mBAAAC,GAAmB,OAAAC,GAAO,UAAAC,GAAU,GAAGC,MAASJ;AAyBxD,2BAAQK,GAAA,EAAa,OAAAH,GAAc,UAvBd,CAACI,MAAwB;AAC1C,QAAI,CAACL;AACD,aAAOE,KAAA,gBAAAA;AAAA,QACHG;AAAA;AAIR,UAAMC,IAAcL,KAAA,gBAAAA,EAAkB;AAAA,MAAK,CAACM,MACxCC,EAAWD,GAAKF,CAAY;AAAA;AAGhC,WAAOH,KAAA,gBAAAA;AAAA,MACFI,IACML,KAAA,gBAAAA,EAAkB;AAAA,QACf,CAACM,MAAc,CAACC,EAAWD,GAAKF,CAAY;AAAA,UAEhD;AAAA,QACI,GAAIJ;AAAA,QACJI;AAAA,MAAA;AAAA;AAAA,~~EAEd~~,~~GAGwD~~,GAAGF,GAAM;AACzE;"}
1	+ {"version":3,"file":"Calendar.js","sources":["../../../../../lib/@ecme/components/ui/DatePicker/Calendar.tsx"],"sourcesContent":["import CalendarBase from './CalendarBase'\nimport { isSameDate } from './utils'\nimport type { CommonProps } from '../@types/common'\nimport type { CalendarSharedProps } from './CalendarBase'\n\nexport interface CalenderProps<MultipleSelection extends boolean = false>\n extends CommonProps,\n CalendarSharedProps {\n multipleSelection?: MultipleSelection\n value?: MultipleSelection extends true ? Date[] : Date \| null\n onChange?(\n value: MultipleSelection extends true ? Date[] : Date \| null,\n ): void\n}\n\nconst Calendar = <MultipleSelection extends boolean = false>(\n props: CalenderProps<MultipleSelection>,\n) => {\n const { multipleSelection, value, onChange, ...rest } = props\n\n const handleChange = (date: Date \| Date[]) => {\n if (!multipleSelection) {\n return onChange?.(\n date as MultipleSelection extends true ? Date[] : Date,\n )\n }\n\n const isSelected = (value as Date[])?.some((val) =>\n isSameDate(val, date as Date),\n )\n\n return onChange?.(\n (isSelected\n ? (value as Date[])?.filter(\n (val: Date) => !isSameDate(val, date as Date),\n )\n : [\n ...(value as Date[]),\n date,\n ]) as MultipleSelection extends true ? Date[] : Date,\n )\n }\n\n return <CalendarBase value={value} onChange={handleChange} {...rest} />\n}\n\nexport default Calendar\n"],"names":["Calendar","props","multipleSelection","value","onChange","rest","CalendarBase","date","isSelected","val","isSameDate"],"mappings":";;;;AAeA,MAAMA,IAAW,CACbC,MACC;AACD,QAAM,EAAE,mBAAAC,GAAmB,OAAAC,GAAO,UAAAC,GAAU,GAAGC,MAASJ;AAyBxD,2BAAQK,GAAA,EAAa,OAAAH,GAAc,UAvBd,CAACI,MAAwB;AAC1C,QAAI,CAACL;AACD,aAAOE,KAAA,gBAAAA;AAAA,QACHG;AAAA;AAIR,UAAMC,IAAcL,KAAA,gBAAAA,EAAkB;AAAA,MAAK,CAACM,MACxCC,EAAWD,GAAKF,CAAY;AAAA;AAGhC,WAAOH,KAAA,gBAAAA;AAAA,MACFI,IACML,KAAA,gBAAAA,EAAkB;AAAA,QACf,CAACM,MAAc,CAACC,EAAWD,GAAKF,CAAY;AAAA,UAEhD;AAAA,QACI,GAAIJ;AAAA,QACJI;AAAA,MAAA;AAAA;AAAA,EAGlB,GAE4D,GAAGF,GAAM;AACzE;"}

package/dist/@ecme/components/ui/DatePicker/CalendarBase.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CalendarBase.js","sources":["../../../../../lib/@ecme/components/ui/DatePicker/CalendarBase.tsx"],"sourcesContent":["import { useRef, useState } from 'react'\r\nimport classNames from 'classnames'\r\nimport useControllableState from '../hooks/useControllableState'\r\nimport { useConfig } from '../ConfigProvider'\r\nimport DateTable from './tables/DateTable'\r\nimport MonthTable from './tables/MonthTable'\r\nimport YearTable from './tables/YearTable'\r\nimport type { CommonProps } from '../@types/common'\r\nimport type { MonthBaseProps } from './tables/components/Month'\r\nimport type { DayKeydownPayload } from './tables/components/types'\r\nimport type { ReactNode, KeyboardEvent, MouseEvent, Ref } from 'react'\r\n\r\nexport interface CalendarSharedProps extends Omit<MonthBaseProps, 'value'> {\r\n dateViewCount?: number\r\n defaultView?: 'date' \| 'month' \| 'year'\r\n defaultMonth?: Date\r\n enableHeaderLabel?: boolean\r\n locale?: string\r\n labelFormat?: { month: string; year: string }\r\n monthLabelFormat?: string\r\n onDayMouseEnter?: (date: Date, event: MouseEvent) => void\r\n onMonthChange?: (month: Date) => void\r\n paginateBy?: number\r\n range?: [Date, Date]\r\n renderDay?: (date: Date) => ReactNode\r\n weekdayLabelFormat?: string\r\n yearLabelFormat?: string\r\n}\r\n\r\ninterface CalendarBaseProps extends CommonProps, CalendarSharedProps {\r\n ref?: Ref<HTMLDivElement>\r\n onChange?: (value: Date \| Date[]) => void\r\n value?: Date \| Date[] \| null\r\n}\r\n\r\nconst CalendarBase = (props: CalendarBaseProps) => {\r\n const {\r\n className,\r\n dateViewCount = 1,\r\n dayClassName,\r\n dayStyle,\r\n defaultMonth,\r\n defaultView = 'date',\r\n disableDate,\r\n disableOutOfMonth,\r\n enableHeaderLabel = true,\r\n firstDayOfWeek = 'monday',\r\n hideOutOfMonthDates,\r\n hideWeekdays,\r\n isDateFirstInRange,\r\n isDateInRange,\r\n isDateLastInRange,\r\n labelFormat = {\r\n month: 'MMM',\r\n year: 'YYYY',\r\n },\r\n locale,\r\n maxDate,\r\n minDate,\r\n month,\r\n monthLabelFormat = 'MMM',\r\n onChange,\r\n onDayMouseEnter,\r\n onMonthChange,\r\n paginateBy = dateViewCount,\r\n preventFocus,\r\n range,\r\n ref,\r\n renderDay,\r\n style,\r\n value,\r\n weekdayLabelFormat = 'dd',\r\n weekendDays,\r\n yearLabelFormat = 'YYYY',\r\n ...rest\r\n } = props\r\n\r\n const { locale: themeLocale } = useConfig()\r\n\r\n const [selectionState, setSelectionState] = useState(defaultView)\r\n\r\n const finalLocale = locale \|\| themeLocale\r\n\r\n const daysRefs = useRef<HTMLButtonElement[][][]>(\r\n Array(dateViewCount)\r\n .fill(0)\r\n .map(() => []),\r\n )\r\n\r\n const [_month, setMonth] = useControllableState({\r\n prop: month,\r\n defaultProp: defaultMonth !== undefined ? defaultMonth : new Date(),\r\n onChange: onMonthChange,\r\n })\r\n\r\n const [yearSelection, setYearSelection] = useState(_month?.getFullYear())\r\n const [monthSelection, setMonthSelection] = useState(_month?.getMonth())\r\n\r\n const minYear = minDate instanceof Date ? minDate.getFullYear() : 100\r\n const maxYear = maxDate instanceof Date ? maxDate.getFullYear() : 10000\r\n\r\n const daysPerRow = 6\r\n\r\n const focusOnNextFocusableDay = (\r\n direction: 'down' \| 'up' \| 'left' \| 'right',\r\n monthIndex: number,\r\n payload: DayKeydownPayload,\r\n n = 1,\r\n ) => {\r\n const changeRow = ['down', 'up'].includes(direction)\r\n\r\n const rowIndex = changeRow\r\n ? payload.rowIndex + (direction === 'down' ? n : -n)\r\n : payload.rowIndex\r\n\r\n const cellIndex = changeRow\r\n ? payload.cellIndex\r\n : payload.cellIndex + (direction === 'right' ? n : -n)\r\n\r\n const dayToFocus = daysRefs.current[monthIndex][rowIndex][cellIndex]\r\n\r\n if (!dayToFocus) {\r\n return\r\n }\r\n\r\n if (dayToFocus.disabled) {\r\n focusOnNextFocusableDay(direction, monthIndex, payload, n + 1)\r\n } else {\r\n dayToFocus.focus()\r\n }\r\n }\r\n\r\n const handleDayKeyDown = (\r\n monthIndex: number,\r\n payload: DayKeydownPayload,\r\n event: KeyboardEvent<HTMLButtonElement>,\r\n ) => {\r\n switch (event.key) {\r\n case 'ArrowDown': {\r\n event.preventDefault()\r\n\r\n const hasRowBelow =\r\n payload.rowIndex + 1 < daysRefs.current[monthIndex].length\r\n if (hasRowBelow) {\r\n focusOnNextFocusableDay('down', monthIndex, payload)\r\n }\r\n break\r\n }\r\n case 'ArrowUp': {\r\n event.preventDefault()\r\n\r\n const hasRowAbove = payload.rowIndex > 0\r\n if (hasRowAbove) {\r\n focusOnNextFocusableDay('up', monthIndex, payload)\r\n }\r\n break\r\n }\r\n case 'ArrowRight': {\r\n event.preventDefault()\r\n\r\n const isNotLastCell = payload.cellIndex !== daysPerRow\r\n if (isNotLastCell) {\r\n focusOnNextFocusableDay('right', monthIndex, payload)\r\n } else if (monthIndex + 1 < dateViewCount) {\r\n if (daysRefs.current[monthIndex + 1][payload.rowIndex]) {\r\n daysRefs.current[monthIndex + 1][\r\n payload.rowIndex\r\n ][0]?.focus()\r\n }\r\n }\r\n break\r\n }\r\n case 'ArrowLeft': {\r\n event.preventDefault()\r\n\r\n if (payload.cellIndex !== 0) {\r\n focusOnNextFocusableDay('left', monthIndex, payload)\r\n } else if (monthIndex > 0) {\r\n if (daysRefs.current[monthIndex - 1][payload.rowIndex]) {\r\n daysRefs.current[monthIndex - 1][payload.rowIndex][\r\n daysPerRow\r\n ].focus()\r\n }\r\n }\r\n break\r\n }\r\n default:\r\n break\r\n }\r\n }\r\n\r\n return (\r\n <div\r\n ref={ref}\r\n className={classNames('picker-view', className)}\r\n {...rest}\r\n >\r\n {selectionState === 'year' && (\r\n <YearTable\r\n value={yearSelection as number}\r\n minYear={minYear}\r\n maxYear={maxYear}\r\n className={className}\r\n preventFocus={preventFocus}\r\n yearLabelFormat={yearLabelFormat}\r\n onChange={(year) => {\r\n setMonth(new Date(year, monthSelection as number, 1))\r\n setYearSelection(year)\r\n setSelectionState('date')\r\n }}\r\n />\r\n )}\r\n {selectionState === 'month' && (\r\n <MonthTable\r\n value={{\r\n month: (_month as Date).getMonth(),\r\n year: (_month as Date).getFullYear(),\r\n }}\r\n year={yearSelection as number}\r\n locale={finalLocale}\r\n minDate={minDate}\r\n maxDate={maxDate}\r\n className={className}\r\n style={style}\r\n preventFocus={preventFocus}\r\n yearLabelFormat={yearLabelFormat}\r\n monthLabelFormat={monthLabelFormat}\r\n onYearChange={setYearSelection}\r\n onNextLevel={() => setSelectionState('year')}\r\n onChange={(monthValue) => {\r\n setMonth(\r\n new Date(yearSelection as number, monthValue, 1),\r\n )\r\n setMonthSelection(monthValue)\r\n setSelectionState('date')\r\n }}\r\n />\r\n )}\r\n {selectionState === 'date' && (\r\n <DateTable\r\n dateViewCount={dateViewCount}\r\n paginateBy={paginateBy}\r\n month={_month as Date}\r\n locale={finalLocale}\r\n minDate={minDate}\r\n maxDate={maxDate}\r\n enableHeaderLabel={enableHeaderLabel}\r\n daysRefs={daysRefs}\r\n style={style}\r\n dayClassName={dayClassName}\r\n dayStyle={dayStyle}\r\n disableOutOfMonth={disableOutOfMonth}\r\n disableDate={disableDate}\r\n hideWeekdays={hideWeekdays}\r\n preventFocus={preventFocus}\r\n firstDayOfWeek={firstDayOfWeek}\r\n value={value as Date \| Date[]}\r\n range={range}\r\n labelFormat={labelFormat}\r\n weekdayLabelFormat={weekdayLabelFormat}\r\n renderDay={renderDay}\r\n hideOutOfMonthDates={hideOutOfMonthDates}\r\n isDateInRange={isDateInRange}\r\n isDateFirstInRange={isDateFirstInRange}\r\n isDateLastInRange={isDateLastInRange}\r\n weekendDays={weekendDays}\r\n onMonthChange={setMonth}\r\n onNextLevel={(view) => setSelectionState(view)}\r\n onDayKeyDown={handleDayKeyDown}\r\n onChange={onChange}\r\n onDayMouseEnter={onDayMouseEnter}\r\n />\r\n )}\r\n </div>\r\n )\r\n}\r\n\r\nexport default CalendarBase\r\n"],"names":["CalendarBase","props","className","dateViewCount","dayClassName","dayStyle","defaultMonth","defaultView","disableDate","disableOutOfMonth","enableHeaderLabel","firstDayOfWeek","hideOutOfMonthDates","hideWeekdays","isDateFirstInRange","isDateInRange","isDateLastInRange","labelFormat","locale","maxDate","minDate","month","monthLabelFormat","onChange","onDayMouseEnter","onMonthChange","paginateBy","preventFocus","range","ref","renderDay","style","value","weekdayLabelFormat","weekendDays","yearLabelFormat","rest","themeLocale","useConfig","selectionState","setSelectionState","useState","finalLocale","daysRefs","useRef","_month","setMonth","useControllableState","yearSelection","setYearSelection","monthSelection","setMonthSelection","minYear","maxYear","daysPerRow","focusOnNextFocusableDay","direction","monthIndex","payload","n","changeRow","rowIndex","cellIndex","dayToFocus","handleDayKeyDown","event","_a","jsxs","classNames","jsx","YearTable","year","MonthTable","monthValue","DateTable","view"],"mappings":"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"}
1	+ {"version":3,"file":"CalendarBase.js","sources":["../../../../../lib/@ecme/components/ui/DatePicker/CalendarBase.tsx"],"sourcesContent":["import { useRef, useState } from 'react'\nimport classNames from 'classnames'\nimport useControllableState from '../hooks/useControllableState'\nimport { useConfig } from '../ConfigProvider'\nimport DateTable from './tables/DateTable'\nimport MonthTable from './tables/MonthTable'\nimport YearTable from './tables/YearTable'\nimport type { CommonProps } from '../@types/common'\nimport type { MonthBaseProps } from './tables/components/Month'\nimport type { DayKeydownPayload } from './tables/components/types'\nimport type { ReactNode, KeyboardEvent, MouseEvent, Ref } from 'react'\n\nexport interface CalendarSharedProps extends Omit<MonthBaseProps, 'value'> {\n dateViewCount?: number\n defaultView?: 'date' \| 'month' \| 'year'\n defaultMonth?: Date\n enableHeaderLabel?: boolean\n locale?: string\n labelFormat?: { month: string; year: string }\n monthLabelFormat?: string\n onDayMouseEnter?: (date: Date, event: MouseEvent) => void\n onMonthChange?: (month: Date) => void\n paginateBy?: number\n range?: [Date, Date]\n renderDay?: (date: Date) => ReactNode\n weekdayLabelFormat?: string\n yearLabelFormat?: string\n}\n\ninterface CalendarBaseProps extends CommonProps, CalendarSharedProps {\n ref?: Ref<HTMLDivElement>\n onChange?: (value: Date \| Date[]) => void\n value?: Date \| Date[] \| null\n}\n\nconst CalendarBase = (props: CalendarBaseProps) => {\n const {\n className,\n dateViewCount = 1,\n dayClassName,\n dayStyle,\n defaultMonth,\n defaultView = 'date',\n disableDate,\n disableOutOfMonth,\n enableHeaderLabel = true,\n firstDayOfWeek = 'monday',\n hideOutOfMonthDates,\n hideWeekdays,\n isDateFirstInRange,\n isDateInRange,\n isDateLastInRange,\n labelFormat = {\n month: 'MMM',\n year: 'YYYY',\n },\n locale,\n maxDate,\n minDate,\n month,\n monthLabelFormat = 'MMM',\n onChange,\n onDayMouseEnter,\n onMonthChange,\n paginateBy = dateViewCount,\n preventFocus,\n range,\n ref,\n renderDay,\n style,\n value,\n weekdayLabelFormat = 'dd',\n weekendDays,\n yearLabelFormat = 'YYYY',\n ...rest\n } = props\n\n const { locale: themeLocale } = useConfig()\n\n const [selectionState, setSelectionState] = useState(defaultView)\n\n const finalLocale = locale \|\| themeLocale\n\n const daysRefs = useRef<HTMLButtonElement[][][]>(\n Array(dateViewCount)\n .fill(0)\n .map(() => []),\n )\n\n const [_month, setMonth] = useControllableState({\n prop: month,\n defaultProp: defaultMonth !== undefined ? defaultMonth : new Date(),\n onChange: onMonthChange,\n })\n\n const [yearSelection, setYearSelection] = useState(_month?.getFullYear())\n const [monthSelection, setMonthSelection] = useState(_month?.getMonth())\n\n const minYear = minDate instanceof Date ? minDate.getFullYear() : 100\n const maxYear = maxDate instanceof Date ? maxDate.getFullYear() : 10000\n\n const daysPerRow = 6\n\n const focusOnNextFocusableDay = (\n direction: 'down' \| 'up' \| 'left' \| 'right',\n monthIndex: number,\n payload: DayKeydownPayload,\n n = 1,\n ) => {\n const changeRow = ['down', 'up'].includes(direction)\n\n const rowIndex = changeRow\n ? payload.rowIndex + (direction === 'down' ? n : -n)\n : payload.rowIndex\n\n const cellIndex = changeRow\n ? payload.cellIndex\n : payload.cellIndex + (direction === 'right' ? n : -n)\n\n const dayToFocus = daysRefs.current[monthIndex][rowIndex][cellIndex]\n\n if (!dayToFocus) {\n return\n }\n\n if (dayToFocus.disabled) {\n focusOnNextFocusableDay(direction, monthIndex, payload, n + 1)\n } else {\n dayToFocus.focus()\n }\n }\n\n const handleDayKeyDown = (\n monthIndex: number,\n payload: DayKeydownPayload,\n event: KeyboardEvent<HTMLButtonElement>,\n ) => {\n switch (event.key) {\n case 'ArrowDown': {\n event.preventDefault()\n\n const hasRowBelow =\n payload.rowIndex + 1 < daysRefs.current[monthIndex].length\n if (hasRowBelow) {\n focusOnNextFocusableDay('down', monthIndex, payload)\n }\n break\n }\n case 'ArrowUp': {\n event.preventDefault()\n\n const hasRowAbove = payload.rowIndex > 0\n if (hasRowAbove) {\n focusOnNextFocusableDay('up', monthIndex, payload)\n }\n break\n }\n case 'ArrowRight': {\n event.preventDefault()\n\n const isNotLastCell = payload.cellIndex !== daysPerRow\n if (isNotLastCell) {\n focusOnNextFocusableDay('right', monthIndex, payload)\n } else if (monthIndex + 1 < dateViewCount) {\n if (daysRefs.current[monthIndex + 1][payload.rowIndex]) {\n daysRefs.current[monthIndex + 1][\n payload.rowIndex\n ][0]?.focus()\n }\n }\n break\n }\n case 'ArrowLeft': {\n event.preventDefault()\n\n if (payload.cellIndex !== 0) {\n focusOnNextFocusableDay('left', monthIndex, payload)\n } else if (monthIndex > 0) {\n if (daysRefs.current[monthIndex - 1][payload.rowIndex]) {\n daysRefs.current[monthIndex - 1][payload.rowIndex][\n daysPerRow\n ].focus()\n }\n }\n break\n }\n default:\n break\n }\n }\n\n return (\n <div\n ref={ref}\n className={classNames('picker-view', className)}\n {...rest}\n >\n {selectionState === 'year' && (\n <YearTable\n value={yearSelection as number}\n minYear={minYear}\n maxYear={maxYear}\n className={className}\n preventFocus={preventFocus}\n yearLabelFormat={yearLabelFormat}\n onChange={(year) => {\n setMonth(new Date(year, monthSelection as number, 1))\n setYearSelection(year)\n setSelectionState('date')\n }}\n />\n )}\n {selectionState === 'month' && (\n <MonthTable\n value={{\n month: (_month as Date).getMonth(),\n year: (_month as Date).getFullYear(),\n }}\n year={yearSelection as number}\n locale={finalLocale}\n minDate={minDate}\n maxDate={maxDate}\n className={className}\n style={style}\n preventFocus={preventFocus}\n yearLabelFormat={yearLabelFormat}\n monthLabelFormat={monthLabelFormat}\n onYearChange={setYearSelection}\n onNextLevel={() => setSelectionState('year')}\n onChange={(monthValue) => {\n setMonth(\n new Date(yearSelection as number, monthValue, 1),\n )\n setMonthSelection(monthValue)\n setSelectionState('date')\n }}\n />\n )}\n {selectionState === 'date' && (\n <DateTable\n dateViewCount={dateViewCount}\n paginateBy={paginateBy}\n month={_month as Date}\n locale={finalLocale}\n minDate={minDate}\n maxDate={maxDate}\n enableHeaderLabel={enableHeaderLabel}\n daysRefs={daysRefs}\n style={style}\n dayClassName={dayClassName}\n dayStyle={dayStyle}\n disableOutOfMonth={disableOutOfMonth}\n disableDate={disableDate}\n hideWeekdays={hideWeekdays}\n preventFocus={preventFocus}\n firstDayOfWeek={firstDayOfWeek}\n value={value as Date \| Date[]}\n range={range}\n labelFormat={labelFormat}\n weekdayLabelFormat={weekdayLabelFormat}\n renderDay={renderDay}\n hideOutOfMonthDates={hideOutOfMonthDates}\n isDateInRange={isDateInRange}\n isDateFirstInRange={isDateFirstInRange}\n isDateLastInRange={isDateLastInRange}\n weekendDays={weekendDays}\n onMonthChange={setMonth}\n onNextLevel={(view) => setSelectionState(view)}\n onDayKeyDown={handleDayKeyDown}\n onChange={onChange}\n onDayMouseEnter={onDayMouseEnter}\n />\n )}\n </div>\n )\n}\n\nexport default CalendarBase\n"],"names":["CalendarBase","props","className","dateViewCount","dayClassName","dayStyle","defaultMonth","defaultView","disableDate","disableOutOfMonth","enableHeaderLabel","firstDayOfWeek","hideOutOfMonthDates","hideWeekdays","isDateFirstInRange","isDateInRange","isDateLastInRange","labelFormat","locale","maxDate","minDate","month","monthLabelFormat","onChange","onDayMouseEnter","onMonthChange","paginateBy","preventFocus","range","ref","renderDay","style","value","weekdayLabelFormat","weekendDays","yearLabelFormat","rest","themeLocale","useConfig","selectionState","setSelectionState","useState","finalLocale","daysRefs","useRef","_month","setMonth","useControllableState","yearSelection","setYearSelection","monthSelection","setMonthSelection","minYear","maxYear","daysPerRow","focusOnNextFocusableDay","direction","monthIndex","payload","n","changeRow","rowIndex","cellIndex","dayToFocus","handleDayKeyDown","event","_a","jsxs","classNames","jsx","YearTable","year","MonthTable","monthValue","DateTable","view"],"mappings":";;;;;;;;;AAmCA,MAAMA,KAAe,CAACC,MAA6B;AAC/C,QAAM;AAAA,IACF,WAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,aAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,mBAAAC,IAAoB;AAAA,IACpB,gBAAAC,IAAiB;AAAA,IACjB,qBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,MACV,OAAO;AAAA,MACP,MAAM;AAAA,IAAA;AAAA,IAEV,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,kBAAAC,IAAmB;AAAA,IACnB,UAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC,IAAavB;AAAA,IACb,cAAAwB;AAAA,IACA,OAAAC;AAAA,IACA,KAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,oBAAAC,IAAqB;AAAA,IACrB,aAAAC;AAAA,IACA,iBAAAC,IAAkB;AAAA,IAClB,GAAGC;AAAA,EAAA,IACHnC,GAEE,EAAE,QAAQoC,GAAA,IAAgBC,GAAA,GAE1B,CAACC,GAAgBC,CAAiB,IAAIC,EAASlC,CAAW,GAE1DmC,IAAcxB,KAAUmB,IAExBM,IAAWC;AAAA,IACb,MAAMzC,CAAa,EACd,KAAK,CAAC,EACN,IAAI,MAAM,CAAA,CAAE;AAAA,EAAA,GAGf,CAAC0C,GAAQC,CAAQ,IAAIC,GAAqB;AAAA,IAC5C,MAAM1B;AAAA,IACN,aAAaf,MAAiB,SAAYA,wBAAmB,KAAA;AAAA,IAC7D,UAAUmB;AAAA,EAAA,CACb,GAEK,CAACuB,GAAeC,CAAgB,IAAIR,EAASI,KAAA,gBAAAA,EAAQ,aAAa,GAClE,CAACK,IAAgBC,EAAiB,IAAIV,EAASI,KAAA,gBAAAA,EAAQ,UAAU,GAEjEO,KAAUhC,aAAmB,OAAOA,EAAQ,gBAAgB,KAC5DiC,KAAUlC,aAAmB,OAAOA,EAAQ,gBAAgB,KAE5DmC,IAAa,GAEbC,IAA0B,CAC5BC,GACAC,GACAC,GACAC,IAAI,MACH;AACD,UAAMC,IAAY,CAAC,QAAQ,IAAI,EAAE,SAASJ,CAAS,GAE7CK,KAAWD,IACXF,EAAQ,YAAYF,MAAc,SAASG,IAAI,CAACA,KAChDD,EAAQ,UAERI,KAAYF,IACZF,EAAQ,YACRA,EAAQ,aAAaF,MAAc,UAAUG,IAAI,CAACA,IAElDI,IAAapB,EAAS,QAAQc,CAAU,EAAEI,EAAQ,EAAEC,EAAS;AAEnE,IAAKC,MAIDA,EAAW,WACXR,EAAwBC,GAAWC,GAAYC,GAASC,IAAI,CAAC,IAE7DI,EAAW,MAAA;AAAA,EAEnB,GAEMC,KAAmB,CACrBP,GACAC,GACAO,MACC;;AACD,YAAQA,EAAM,KAAA;AAAA,MACV,KAAK,aAAa;AACd,QAAAA,EAAM,eAAA,GAGFP,EAAQ,WAAW,IAAIf,EAAS,QAAQc,CAAU,EAAE,UAEpDF,EAAwB,QAAQE,GAAYC,CAAO;AAEvD;AAAA,MACJ;AAAA,MACA,KAAK,WAAW;AACZ,QAAAO,EAAM,eAAA,GAEcP,EAAQ,WAAW,KAEnCH,EAAwB,MAAME,GAAYC,CAAO;AAErD;AAAA,MACJ;AAAA,MACA,KAAK,cAAc;AACf,QAAAO,EAAM,eAAA,GAEgBP,EAAQ,cAAcJ,IAExCC,EAAwB,SAASE,GAAYC,CAAO,IAC7CD,IAAa,IAAItD,KACpBwC,EAAS,QAAQc,IAAa,CAAC,EAAEC,EAAQ,QAAQ,OACjDQ,IAAAvB,EAAS,QAAQc,IAAa,CAAC,EAC3BC,EAAQ,QACZ,EAAE,CAAC,MAFH,QAAAQ,EAEM;AAGd;AAAA,MACJ;AAAA,MACA,KAAK,aAAa;AACd,QAAAD,EAAM,eAAA,GAEFP,EAAQ,cAAc,IACtBH,EAAwB,QAAQE,GAAYC,CAAO,IAC5CD,IAAa,KAChBd,EAAS,QAAQc,IAAa,CAAC,EAAEC,EAAQ,QAAQ,KACjDf,EAAS,QAAQc,IAAa,CAAC,EAAEC,EAAQ,QAAQ,EAC7CJ,CACJ,EAAE,MAAA;AAGV;AAAA,MACJ;AAAA,MACA;AACI;AAAA,IAAA;AAAA,EAEZ;AAEA,SACI,gBAAAa;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAtC;AAAA,MACA,WAAWuC,GAAW,eAAelE,CAAS;AAAA,MAC7C,GAAGkC;AAAA,MAEH,UAAA;AAAA,QAAAG,MAAmB,UAChB,gBAAA8B;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,OAAOtB;AAAA,YACP,SAAAI;AAAA,YACA,SAAAC;AAAA,YACA,WAAAnD;AAAA,YACA,cAAAyB;AAAA,YACA,iBAAAQ;AAAA,YACA,UAAU,CAACoC,MAAS;AAChB,cAAAzB,EAAS,IAAI,KAAKyB,GAAMrB,IAA0B,CAAC,CAAC,GACpDD,EAAiBsB,CAAI,GACrB/B,EAAkB,MAAM;AAAA,YAC5B;AAAA,UAAA;AAAA,QAAA;AAAA,QAGPD,MAAmB,WAChB,gBAAA8B;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,OAAO;AAAA,cACH,OAAQ3B,EAAgB,SAAA;AAAA,cACxB,MAAOA,EAAgB,YAAA;AAAA,YAAY;AAAA,YAEvC,MAAMG;AAAA,YACN,QAAQN;AAAA,YACR,SAAAtB;AAAA,YACA,SAAAD;AAAA,YACA,WAAAjB;AAAA,YACA,OAAA6B;AAAA,YACA,cAAAJ;AAAA,YACA,iBAAAQ;AAAA,YACA,kBAAAb;AAAA,YACA,cAAc2B;AAAA,YACd,aAAa,MAAMT,EAAkB,MAAM;AAAA,YAC3C,UAAU,CAACiC,MAAe;AACtB,cAAA3B;AAAA,gBACI,IAAI,KAAKE,GAAyByB,GAAY,CAAC;AAAA,cAAA,GAEnDtB,GAAkBsB,CAAU,GAC5BjC,EAAkB,MAAM;AAAA,YAC5B;AAAA,UAAA;AAAA,QAAA;AAAA,QAGPD,MAAmB,UAChB,gBAAA8B;AAAA,UAACK;AAAA,UAAA;AAAA,YACG,eAAAvE;AAAA,YACA,YAAAuB;AAAA,YACA,OAAOmB;AAAA,YACP,QAAQH;AAAA,YACR,SAAAtB;AAAA,YACA,SAAAD;AAAA,YACA,mBAAAT;AAAA,YACA,UAAAiC;AAAA,YACA,OAAAZ;AAAA,YACA,cAAA3B;AAAA,YACA,UAAAC;AAAA,YACA,mBAAAI;AAAA,YACA,aAAAD;AAAA,YACA,cAAAK;AAAA,YACA,cAAAc;AAAA,YACA,gBAAAhB;AAAA,YACA,OAAAqB;AAAA,YACA,OAAAJ;AAAA,YACA,aAAAX;AAAA,YACA,oBAAAgB;AAAA,YACA,WAAAH;AAAA,YACA,qBAAAlB;AAAA,YACA,eAAAG;AAAA,YACA,oBAAAD;AAAA,YACA,mBAAAE;AAAA,YACA,aAAAkB;AAAA,YACA,eAAeY;AAAA,YACf,aAAa,CAAC6B,MAASnC,EAAkBmC,CAAI;AAAA,YAC7C,cAAcX;AAAA,YACd,UAAAzC;AAAA,YACA,iBAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAAA,EAAA;AAIhB;"}

package/dist/@ecme/components/ui/DatePicker/DatePicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DatePicker.js","sources":["../../../../../lib/@ecme/components/ui/DatePicker/DatePicker.tsx"],"sourcesContent":["import { useState, useRef, useEffect } from 'react'\r\nimport dayjs from 'dayjs'\r\nimport useControllableState from '../hooks/useControllableState'\r\nimport useMergedRef from '../hooks/useMergeRef'\r\nimport Calendar from './Calendar'\r\nimport BasePicker from './BasePicker'\r\nimport { useConfig } from '../ConfigProvider'\r\nimport capitalize from '../utils/capitalize'\r\nimport type { CommonProps } from '../@types/common'\r\nimport type { CalendarSharedProps } from './CalendarBase'\r\nimport type { BasePickerSharedProps } from './BasePicker'\r\nimport type { FocusEvent, KeyboardEvent, ChangeEvent, Ref } from 'react'\r\n\r\nconst DEFAULT_INPUT_FORMAT = 'YYYY-MM-DD'\r\n\r\nexport interface DatePickerProps\r\n extends CommonProps,\r\n Omit<\r\n CalendarSharedProps,\r\n \| 'onMonthChange'\r\n \| 'onChange'\r\n \| 'isDateInRange'\r\n \| 'isDateFirstInRange'\r\n \| 'isDateLastInRange'\r\n \| 'month'\r\n >,\r\n BasePickerSharedProps {\r\n closePickerOnChange?: boolean\r\n defaultOpen?: boolean\r\n defaultValue?: Date \| null\r\n value?: Date \| null\r\n inputFormat?: string\r\n inputtableBlurClose?: boolean\r\n openPickerOnClear?: boolean\r\n onChange?: (value: Date \| null) => void\r\n ref?: Ref<HTMLInputElement>\r\n}\r\n\r\nconst DatePicker = (props: DatePickerProps) => {\r\n const {\r\n className,\r\n clearable = true,\r\n clearButton,\r\n closePickerOnChange = true,\r\n dateViewCount,\r\n dayClassName,\r\n dayStyle,\r\n defaultMonth,\r\n defaultOpen = false,\r\n defaultValue,\r\n defaultView,\r\n disabled = false,\r\n disableDate,\r\n enableHeaderLabel,\r\n disableOutOfMonth,\r\n firstDayOfWeek = 'monday',\r\n hideOutOfMonthDates,\r\n hideWeekdays,\r\n inputFormat,\r\n inputPrefix,\r\n inputSuffix,\r\n inputtable,\r\n labelFormat = {\r\n month: 'MMM',\r\n year: 'YYYY',\r\n },\r\n locale,\r\n maxDate,\r\n minDate,\r\n name = 'date',\r\n onBlur,\r\n onChange,\r\n onFocus,\r\n onDropdownClose,\r\n onDropdownOpen,\r\n openPickerOnClear = false,\r\n renderDay,\r\n ref = null,\r\n size,\r\n style,\r\n type,\r\n value,\r\n weekendDays,\r\n yearLabelFormat,\r\n ...rest\r\n } = props\r\n\r\n const { locale: themeLocale } = useConfig()\r\n const finalLocale = locale \|\| themeLocale\r\n\r\n const dateFormat =\r\n type === 'date'\r\n ? DEFAULT_INPUT_FORMAT\r\n : inputFormat \|\| DEFAULT_INPUT_FORMAT\r\n\r\n const [dropdownOpened, setDropdownOpened] = useState(defaultOpen)\r\n\r\n const inputRef = useRef<HTMLInputElement>(null)\r\n\r\n const [lastValidValue, setLastValidValue] = useState(defaultValue ?? null)\r\n\r\n const [_value, setValue] = useControllableState({\r\n prop: value,\r\n defaultProp: defaultValue,\r\n onChange,\r\n })\r\n\r\n const [calendarMonth, setCalendarMonth] = useState(\r\n _value \|\| defaultMonth \|\| new Date(),\r\n )\r\n\r\n const [focused, setFocused] = useState(false)\r\n\r\n const [inputState, setInputState] = useState(\r\n _value instanceof Date\r\n ? capitalize(dayjs(_value).locale(finalLocale).format(dateFormat))\r\n : '',\r\n )\r\n\r\n const closeDropdown = () => {\r\n setDropdownOpened(false)\r\n onDropdownClose?.()\r\n }\r\n\r\n const openDropdown = () => {\r\n setDropdownOpened(true)\r\n onDropdownOpen?.()\r\n }\r\n\r\n useEffect(() => {\r\n if (!_value) {\r\n if (maxDate && dayjs(calendarMonth).isAfter(maxDate)) {\r\n setCalendarMonth(maxDate)\r\n }\r\n\r\n if (minDate && dayjs(calendarMonth).isBefore(minDate)) {\r\n setCalendarMonth(minDate)\r\n }\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [minDate, maxDate])\r\n\r\n useEffect(() => {\r\n if (value === null && !focused) {\r\n setInputState('')\r\n }\r\n\r\n if (value instanceof Date && !focused) {\r\n setInputState(\r\n capitalize(dayjs(value).locale(finalLocale).format(dateFormat)),\r\n )\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [value, focused, themeLocale])\r\n\r\n useEffect(() => {\r\n if (defaultValue instanceof Date && inputState && !focused) {\r\n setInputState(\r\n capitalize(\r\n dayjs(_value).locale(finalLocale).format(dateFormat),\r\n ),\r\n )\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [themeLocale])\r\n\r\n const handleValueChange = (date: Date \| null) => {\r\n setValue(date)\r\n setInputState(\r\n capitalize(dayjs(date).locale(finalLocale).format(dateFormat)),\r\n )\r\n if (closePickerOnChange) {\r\n openDropdown()\r\n }\r\n window.setTimeout(() => inputRef.current?.focus(), 0)\r\n }\r\n\r\n const handleClear = () => {\r\n setValue(null)\r\n setLastValidValue(null)\r\n setInputState('')\r\n if (openPickerOnClear) {\r\n openDropdown()\r\n }\r\n inputRef.current?.focus()\r\n }\r\n\r\n const parseDate = (date: string) =>\r\n dayjs(date, dateFormat, finalLocale).toDate()\r\n\r\n const setDateFromInput = () => {\r\n let date = typeof _value === 'string' ? parseDate(_value) : _value\r\n\r\n if (maxDate && dayjs(date).isAfter(maxDate)) {\r\n date = maxDate\r\n }\r\n\r\n if (minDate && dayjs(date).isBefore(minDate)) {\r\n date = minDate\r\n }\r\n\r\n if (dayjs(date).isValid()) {\r\n setValue(date)\r\n setLastValidValue(date as Date)\r\n setInputState(\r\n capitalize(dayjs(date).locale(finalLocale).format(dateFormat)),\r\n )\r\n setCalendarMonth(date as Date)\r\n } else {\r\n setValue(lastValidValue)\r\n }\r\n }\r\n\r\n const handleInputBlur = (event: FocusEvent<HTMLInputElement, Element>) => {\r\n if (typeof onBlur === 'function') {\r\n onBlur(event)\r\n }\r\n setFocused(false)\r\n\r\n if (inputtable) {\r\n setDateFromInput()\r\n }\r\n }\r\n\r\n const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\r\n if (event.key === 'Enter' && inputtable) {\r\n closeDropdown()\r\n setDateFromInput()\r\n }\r\n }\r\n\r\n const handleInputFocus = (event: FocusEvent<HTMLInputElement, Element>) => {\r\n if (typeof onFocus === 'function') {\r\n onFocus(event)\r\n }\r\n setFocused(true)\r\n }\r\n\r\n const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\r\n openDropdown()\r\n\r\n const date = parseDate(event.target.value)\r\n if (dayjs(date).isValid()) {\r\n setValue(date)\r\n setLastValidValue(date)\r\n setInputState(event.target.value)\r\n setCalendarMonth(date)\r\n } else {\r\n setInputState(event.target.value)\r\n }\r\n }\r\n\r\n return (\r\n <BasePicker\r\n ref={useMergedRef(ref, inputRef)}\r\n inputtable={inputtable}\r\n dropdownOpened={dropdownOpened as boolean}\r\n setDropdownOpened={setDropdownOpened}\r\n size={size}\r\n style={style}\r\n className={className}\r\n name={name}\r\n inputLabel={inputState}\r\n clearable={\r\n type === 'date' ? false : clearable && !!_value && !disabled\r\n }\r\n clearButton={clearButton}\r\n disabled={disabled}\r\n type={type}\r\n inputPrefix={inputPrefix}\r\n inputSuffix={inputSuffix}\r\n onChange={handleChange}\r\n onBlur={handleInputBlur}\r\n onFocus={handleInputFocus}\r\n onKeyDown={handleKeyDown}\r\n onClear={handleClear}\r\n onDropdownClose={onDropdownClose}\r\n onDropdownOpen={onDropdownOpen}\r\n {...rest}\r\n >\r\n <Calendar\r\n locale={finalLocale}\r\n month={inputtable ? calendarMonth : undefined}\r\n defaultMonth={\r\n defaultMonth \|\|\r\n (_value instanceof Date ? _value : new Date())\r\n }\r\n value={\r\n _value instanceof Date\r\n ? _value\r\n : _value && dayjs(_value).toDate()\r\n }\r\n labelFormat={labelFormat}\r\n dayClassName={dayClassName}\r\n dayStyle={dayStyle}\r\n disableOutOfMonth={disableOutOfMonth}\r\n minDate={minDate}\r\n maxDate={maxDate}\r\n disableDate={disableDate}\r\n firstDayOfWeek={firstDayOfWeek}\r\n preventFocus={inputtable}\r\n dateViewCount={dateViewCount}\r\n enableHeaderLabel={enableHeaderLabel}\r\n defaultView={defaultView}\r\n hideOutOfMonthDates={hideOutOfMonthDates}\r\n hideWeekdays={hideWeekdays}\r\n renderDay={renderDay}\r\n weekendDays={weekendDays}\r\n yearLabelFormat={yearLabelFormat}\r\n onMonthChange={setCalendarMonth}\r\n onChange={handleValueChange}\r\n />\r\n </BasePicker>\r\n )\r\n}\r\n\r\nexport default DatePicker\r\n"],"names":["DEFAULT_INPUT_FORMAT","DatePicker","props","className","clearable","clearButton","closePickerOnChange","dateViewCount","dayClassName","dayStyle","defaultMonth","defaultOpen","defaultValue","defaultView","disabled","disableDate","enableHeaderLabel","disableOutOfMonth","firstDayOfWeek","hideOutOfMonthDates","hideWeekdays","inputFormat","inputPrefix","inputSuffix","inputtable","labelFormat","locale","maxDate","minDate","name","onBlur","onChange","onFocus","onDropdownClose","onDropdownOpen","openPickerOnClear","renderDay","ref","size","style","type","value","weekendDays","yearLabelFormat","rest","themeLocale","useConfig","finalLocale","dateFormat","dropdownOpened","setDropdownOpened","useState","inputRef","useRef","lastValidValue","setLastValidValue","_value","setValue","useControllableState","calendarMonth","setCalendarMonth","focused","setFocused","inputState","setInputState","capitalize","dayjs","closeDropdown","openDropdown","useEffect","handleValueChange","date","_a","handleClear","parseDate","setDateFromInput","handleInputBlur","event","handleKeyDown","handleInputFocus","handleChange","jsx","BasePicker","useMergedRef","Calendar"],"mappings":"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"}
1	+ {"version":3,"file":"DatePicker.js","sources":["../../../../../lib/@ecme/components/ui/DatePicker/DatePicker.tsx"],"sourcesContent":["import { useState, useRef, useEffect } from 'react'\nimport dayjs from 'dayjs'\nimport useControllableState from '../hooks/useControllableState'\nimport useMergedRef from '../hooks/useMergeRef'\nimport Calendar from './Calendar'\nimport BasePicker from './BasePicker'\nimport { useConfig } from '../ConfigProvider'\nimport capitalize from '../utils/capitalize'\nimport type { CommonProps } from '../@types/common'\nimport type { CalendarSharedProps } from './CalendarBase'\nimport type { BasePickerSharedProps } from './BasePicker'\nimport type { FocusEvent, KeyboardEvent, ChangeEvent, Ref } from 'react'\n\nconst DEFAULT_INPUT_FORMAT = 'YYYY-MM-DD'\n\nexport interface DatePickerProps\n extends CommonProps,\n Omit<\n CalendarSharedProps,\n \| 'onMonthChange'\n \| 'onChange'\n \| 'isDateInRange'\n \| 'isDateFirstInRange'\n \| 'isDateLastInRange'\n \| 'month'\n >,\n BasePickerSharedProps {\n closePickerOnChange?: boolean\n defaultOpen?: boolean\n defaultValue?: Date \| null\n value?: Date \| null\n inputFormat?: string\n inputtableBlurClose?: boolean\n openPickerOnClear?: boolean\n onChange?: (value: Date \| null) => void\n ref?: Ref<HTMLInputElement>\n}\n\nconst DatePicker = (props: DatePickerProps) => {\n const {\n className,\n clearable = true,\n clearButton,\n closePickerOnChange = true,\n dateViewCount,\n dayClassName,\n dayStyle,\n defaultMonth,\n defaultOpen = false,\n defaultValue,\n defaultView,\n disabled = false,\n disableDate,\n enableHeaderLabel,\n disableOutOfMonth,\n firstDayOfWeek = 'monday',\n hideOutOfMonthDates,\n hideWeekdays,\n inputFormat,\n inputPrefix,\n inputSuffix,\n inputtable,\n labelFormat = {\n month: 'MMM',\n year: 'YYYY',\n },\n locale,\n maxDate,\n minDate,\n name = 'date',\n onBlur,\n onChange,\n onFocus,\n onDropdownClose,\n onDropdownOpen,\n openPickerOnClear = false,\n renderDay,\n ref = null,\n size,\n style,\n type,\n value,\n weekendDays,\n yearLabelFormat,\n ...rest\n } = props\n\n const { locale: themeLocale } = useConfig()\n const finalLocale = locale \|\| themeLocale\n\n const dateFormat =\n type === 'date'\n ? DEFAULT_INPUT_FORMAT\n : inputFormat \|\| DEFAULT_INPUT_FORMAT\n\n const [dropdownOpened, setDropdownOpened] = useState(defaultOpen)\n\n const inputRef = useRef<HTMLInputElement>(null)\n\n const [lastValidValue, setLastValidValue] = useState(defaultValue ?? null)\n\n const [_value, setValue] = useControllableState({\n prop: value,\n defaultProp: defaultValue,\n onChange,\n })\n\n const [calendarMonth, setCalendarMonth] = useState(\n _value \|\| defaultMonth \|\| new Date(),\n )\n\n const [focused, setFocused] = useState(false)\n\n const [inputState, setInputState] = useState(\n _value instanceof Date\n ? capitalize(dayjs(_value).locale(finalLocale).format(dateFormat))\n : '',\n )\n\n const closeDropdown = () => {\n setDropdownOpened(false)\n onDropdownClose?.()\n }\n\n const openDropdown = () => {\n setDropdownOpened(true)\n onDropdownOpen?.()\n }\n\n useEffect(() => {\n if (!_value) {\n if (maxDate && dayjs(calendarMonth).isAfter(maxDate)) {\n setCalendarMonth(maxDate)\n }\n\n if (minDate && dayjs(calendarMonth).isBefore(minDate)) {\n setCalendarMonth(minDate)\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [minDate, maxDate])\n\n useEffect(() => {\n if (value === null && !focused) {\n setInputState('')\n }\n\n if (value instanceof Date && !focused) {\n setInputState(\n capitalize(dayjs(value).locale(finalLocale).format(dateFormat)),\n )\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [value, focused, themeLocale])\n\n useEffect(() => {\n if (defaultValue instanceof Date && inputState && !focused) {\n setInputState(\n capitalize(\n dayjs(_value).locale(finalLocale).format(dateFormat),\n ),\n )\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [themeLocale])\n\n const handleValueChange = (date: Date \| null) => {\n setValue(date)\n setInputState(\n capitalize(dayjs(date).locale(finalLocale).format(dateFormat)),\n )\n if (closePickerOnChange) {\n openDropdown()\n }\n window.setTimeout(() => inputRef.current?.focus(), 0)\n }\n\n const handleClear = () => {\n setValue(null)\n setLastValidValue(null)\n setInputState('')\n if (openPickerOnClear) {\n openDropdown()\n }\n inputRef.current?.focus()\n }\n\n const parseDate = (date: string) =>\n dayjs(date, dateFormat, finalLocale).toDate()\n\n const setDateFromInput = () => {\n let date = typeof _value === 'string' ? parseDate(_value) : _value\n\n if (maxDate && dayjs(date).isAfter(maxDate)) {\n date = maxDate\n }\n\n if (minDate && dayjs(date).isBefore(minDate)) {\n date = minDate\n }\n\n if (dayjs(date).isValid()) {\n setValue(date)\n setLastValidValue(date as Date)\n setInputState(\n capitalize(dayjs(date).locale(finalLocale).format(dateFormat)),\n )\n setCalendarMonth(date as Date)\n } else {\n setValue(lastValidValue)\n }\n }\n\n const handleInputBlur = (event: FocusEvent<HTMLInputElement, Element>) => {\n if (typeof onBlur === 'function') {\n onBlur(event)\n }\n setFocused(false)\n\n if (inputtable) {\n setDateFromInput()\n }\n }\n\n const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n if (event.key === 'Enter' && inputtable) {\n closeDropdown()\n setDateFromInput()\n }\n }\n\n const handleInputFocus = (event: FocusEvent<HTMLInputElement, Element>) => {\n if (typeof onFocus === 'function') {\n onFocus(event)\n }\n setFocused(true)\n }\n\n const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n openDropdown()\n\n const date = parseDate(event.target.value)\n if (dayjs(date).isValid()) {\n setValue(date)\n setLastValidValue(date)\n setInputState(event.target.value)\n setCalendarMonth(date)\n } else {\n setInputState(event.target.value)\n }\n }\n\n return (\n <BasePicker\n ref={useMergedRef(ref, inputRef)}\n inputtable={inputtable}\n dropdownOpened={dropdownOpened as boolean}\n setDropdownOpened={setDropdownOpened}\n size={size}\n style={style}\n className={className}\n name={name}\n inputLabel={inputState}\n clearable={\n type === 'date' ? false : clearable && !!_value && !disabled\n }\n clearButton={clearButton}\n disabled={disabled}\n type={type}\n inputPrefix={inputPrefix}\n inputSuffix={inputSuffix}\n onChange={handleChange}\n onBlur={handleInputBlur}\n onFocus={handleInputFocus}\n onKeyDown={handleKeyDown}\n onClear={handleClear}\n onDropdownClose={onDropdownClose}\n onDropdownOpen={onDropdownOpen}\n {...rest}\n >\n <Calendar\n locale={finalLocale}\n month={inputtable ? calendarMonth : undefined}\n defaultMonth={\n defaultMonth \|\|\n (_value instanceof Date ? _value : new Date())\n }\n value={\n _value instanceof Date\n ? _value\n : _value && dayjs(_value).toDate()\n }\n labelFormat={labelFormat}\n dayClassName={dayClassName}\n dayStyle={dayStyle}\n disableOutOfMonth={disableOutOfMonth}\n minDate={minDate}\n maxDate={maxDate}\n disableDate={disableDate}\n firstDayOfWeek={firstDayOfWeek}\n preventFocus={inputtable}\n dateViewCount={dateViewCount}\n enableHeaderLabel={enableHeaderLabel}\n defaultView={defaultView}\n hideOutOfMonthDates={hideOutOfMonthDates}\n hideWeekdays={hideWeekdays}\n renderDay={renderDay}\n weekendDays={weekendDays}\n yearLabelFormat={yearLabelFormat}\n onMonthChange={setCalendarMonth}\n onChange={handleValueChange}\n />\n </BasePicker>\n )\n}\n\nexport default DatePicker\n"],"names":["DEFAULT_INPUT_FORMAT","DatePicker","props","className","clearable","clearButton","closePickerOnChange","dateViewCount","dayClassName","dayStyle","defaultMonth","defaultOpen","defaultValue","defaultView","disabled","disableDate","enableHeaderLabel","disableOutOfMonth","firstDayOfWeek","hideOutOfMonthDates","hideWeekdays","inputFormat","inputPrefix","inputSuffix","inputtable","labelFormat","locale","maxDate","minDate","name","onBlur","onChange","onFocus","onDropdownClose","onDropdownOpen","openPickerOnClear","renderDay","ref","size","style","type","value","weekendDays","yearLabelFormat","rest","themeLocale","useConfig","finalLocale","dateFormat","dropdownOpened","setDropdownOpened","useState","inputRef","useRef","lastValidValue","setLastValidValue","_value","setValue","useControllableState","calendarMonth","setCalendarMonth","focused","setFocused","inputState","setInputState","capitalize","dayjs","closeDropdown","openDropdown","useEffect","handleValueChange","date","_a","handleClear","parseDate","setDateFromInput","handleInputBlur","event","handleKeyDown","handleInputFocus","handleChange","jsx","BasePicker","useMergedRef","Calendar"],"mappings":"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"}

package/dist/@ecme/components/ui/DatePicker/DatePickerRange.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DatePickerRange.js","sources":["../../../../../lib/@ecme/components/ui/DatePicker/DatePickerRange.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport { useState, useRef } from 'react'\r\nimport dayjs from 'dayjs'\r\nimport useControllableState from '../hooks/useControllableState'\r\nimport useMergedRef from '../hooks/useMergeRef'\r\nimport capitalize from '../utils/capitalize'\r\nimport RangeCalendar from './RangeCalendar'\r\nimport BasePicker from './BasePicker'\r\nimport { useConfig } from '../ConfigProvider'\r\nimport type { CommonProps } from '../@types/common'\r\nimport type { CalendarSharedProps } from './CalendarBase'\r\nimport type { BasePickerSharedProps } from './BasePicker'\r\nimport type { Ref } from 'react'\r\n\r\nexport type DatePickerRangeValue = [Date \| null, Date \| null]\r\n\r\nexport interface DatePickerRangeProps\r\n extends CommonProps,\r\n Omit<\r\n CalendarSharedProps,\r\n \| 'onMonthChange'\r\n \| 'onChange'\r\n \| 'isDateInRange'\r\n \| 'isDateFirstInRange'\r\n \| 'isDateLastInRange'\r\n \| 'month'\r\n >,\r\n BasePickerSharedProps {\r\n closePickerOnChange?: boolean\r\n defaultOpen?: boolean\r\n defaultValue?: DatePickerRangeValue\r\n inputFormat?: string\r\n separator?: string\r\n onChange?: (value: DatePickerRangeValue) => void\r\n openPickerOnClear?: boolean\r\n ref?: Ref<HTMLInputElement>\r\n singleDate?: boolean\r\n value?: DatePickerRangeValue\r\n}\r\n\r\nconst validationRule = (val: any) =>\r\n Array.isArray(val) &&\r\n val.length === 2 &&\r\n val.every((v) => v instanceof Date)\r\n\r\nconst isFirstDateSet = (val: any) =>\r\n Array.isArray(val) && val.length === 2 && val[0] instanceof Date\r\n\r\nconst DatePickerRange = (props: DatePickerRangeProps) => {\r\n const {\r\n className,\r\n clearable = true,\r\n clearButton,\r\n closePickerOnChange = true,\r\n dateViewCount = 1,\r\n dayClassName,\r\n dayStyle,\r\n defaultMonth,\r\n defaultOpen = false,\r\n defaultValue,\r\n defaultView,\r\n disabled,\r\n disableDate,\r\n enableHeaderLabel,\r\n disableOutOfMonth,\r\n firstDayOfWeek = 'monday',\r\n hideOutOfMonthDates,\r\n hideWeekdays,\r\n inputFormat,\r\n inputPrefix,\r\n inputSuffix,\r\n labelFormat = {\r\n month: 'MMM',\r\n year: 'YYYY',\r\n },\r\n separator = '~',\r\n locale,\r\n maxDate,\r\n minDate,\r\n onChange,\r\n onDropdownClose,\r\n onDropdownOpen,\r\n openPickerOnClear = false,\r\n ref = null,\r\n renderDay,\r\n singleDate = false,\r\n size,\r\n style,\r\n value,\r\n weekendDays,\r\n yearLabelFormat,\r\n ...rest\r\n } = props\r\n\r\n const { locale: themeLocale } = useConfig()\r\n\r\n const finalLocale = locale \|\| themeLocale\r\n\r\n const dateFormat = inputFormat \|\| 'YYYY-MM-DD'\r\n\r\n const [dropdownOpened, setDropdownOpened] = useState(defaultOpen)\r\n\r\n const inputRef = useRef<HTMLInputElement>(null)\r\n\r\n const [_value, setValue] = useControllableState<[Date \| null, Date \| null]>(\r\n {\r\n prop: value,\r\n defaultProp:\r\n defaultValue !== undefined ? defaultValue : [null, null],\r\n onChange,\r\n },\r\n )\r\n\r\n const handleValueChange = (range: [Date, Date]) => {\r\n setValue(range)\r\n if (closePickerOnChange && validationRule(range)) {\r\n setDropdownOpened(false)\r\n onDropdownClose?.()\r\n window.setTimeout(() => inputRef.current?.focus(), 0)\r\n }\r\n }\r\n\r\n const valueValid = validationRule(_value)\r\n const firstValueValid = isFirstDateSet(_value)\r\n\r\n const firstDateLabel = _value?.[0]\r\n ? capitalize(dayjs(_value[0]).locale(finalLocale).format(dateFormat))\r\n : ''\r\n\r\n const secondDateLabel = _value?.[1]\r\n ? capitalize(dayjs(_value[1]).locale(finalLocale).format(dateFormat))\r\n : ''\r\n\r\n const handleClear = () => {\r\n setValue([null, null])\r\n setDropdownOpened(true)\r\n openPickerOnClear && onDropdownOpen?.()\r\n inputRef.current?.focus()\r\n }\r\n\r\n const handleDropdownToggle = (isOpened: boolean) => {\r\n if (!isOpened && firstValueValid && _value?.[1] === null) {\r\n handleClear()\r\n }\r\n setDropdownOpened(isOpened)\r\n }\r\n\r\n return (\r\n <BasePicker\r\n ref={useMergedRef(ref, inputRef)}\r\n dropdownOpened={dropdownOpened as boolean}\r\n setDropdownOpened={handleDropdownToggle}\r\n size={size}\r\n style={style}\r\n className={className}\r\n inputLabel={\r\n firstValueValid\r\n ? `${firstDateLabel} ${separator} ${secondDateLabel}`\r\n : ''\r\n }\r\n clearable={clearable && firstValueValid}\r\n clearButton={clearButton}\r\n disabled={disabled}\r\n inputPrefix={inputPrefix}\r\n inputSuffix={inputSuffix}\r\n onClear={handleClear}\r\n onDropdownClose={onDropdownClose}\r\n onDropdownOpen={onDropdownOpen}\r\n {...rest}\r\n >\r\n <RangeCalendar\r\n locale={finalLocale}\r\n defaultMonth={(valueValid ? _value?.[0] : defaultMonth) as Date}\r\n value={_value as [Date \| null, Date \| null]}\r\n labelFormat={labelFormat}\r\n dayClassName={dayClassName}\r\n dayStyle={dayStyle}\r\n disableOutOfMonth={disableOutOfMonth}\r\n minDate={minDate}\r\n maxDate={maxDate}\r\n disableDate={disableDate}\r\n firstDayOfWeek={firstDayOfWeek}\r\n enableHeaderLabel={enableHeaderLabel}\r\n singleDate={singleDate}\r\n dateViewCount={dateViewCount}\r\n defaultView={defaultView}\r\n hideOutOfMonthDates={hideOutOfMonthDates}\r\n hideWeekdays={hideWeekdays}\r\n renderDay={renderDay}\r\n weekendDays={weekendDays}\r\n yearLabelFormat={yearLabelFormat}\r\n onChange={(date) => handleValueChange(date as [Date, Date])}\r\n />\r\n </BasePicker>\r\n )\r\n}\r\n\r\nexport default DatePickerRange\r\n"],"names":["validationRule","val","v","isFirstDateSet","DatePickerRange","props","className","clearable","clearButton","closePickerOnChange","dateViewCount","dayClassName","dayStyle","defaultMonth","defaultOpen","defaultValue","defaultView","disabled","disableDate","enableHeaderLabel","disableOutOfMonth","firstDayOfWeek","hideOutOfMonthDates","hideWeekdays","inputFormat","inputPrefix","inputSuffix","labelFormat","separator","locale","maxDate","minDate","onChange","onDropdownClose","onDropdownOpen","openPickerOnClear","ref","renderDay","singleDate","size","style","value","weekendDays","yearLabelFormat","rest","themeLocale","useConfig","finalLocale","dateFormat","dropdownOpened","setDropdownOpened","useState","inputRef","useRef","_value","setValue","useControllableState","handleValueChange","range","_a","valueValid","firstValueValid","firstDateLabel","capitalize","dayjs","secondDateLabel","handleClear","handleDropdownToggle","isOpened","jsx","BasePicker","useMergedRef","RangeCalendar","date"],"mappings":"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"}
1	+ {"version":3,"file":"DatePickerRange.js","sources":["../../../../../lib/@ecme/components/ui/DatePicker/DatePickerRange.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useState, useRef } from 'react'\nimport dayjs from 'dayjs'\nimport useControllableState from '../hooks/useControllableState'\nimport useMergedRef from '../hooks/useMergeRef'\nimport capitalize from '../utils/capitalize'\nimport RangeCalendar from './RangeCalendar'\nimport BasePicker from './BasePicker'\nimport { useConfig } from '../ConfigProvider'\nimport type { CommonProps } from '../@types/common'\nimport type { CalendarSharedProps } from './CalendarBase'\nimport type { BasePickerSharedProps } from './BasePicker'\nimport type { Ref } from 'react'\n\nexport type DatePickerRangeValue = [Date \| null, Date \| null]\n\nexport interface DatePickerRangeProps\n extends CommonProps,\n Omit<\n CalendarSharedProps,\n \| 'onMonthChange'\n \| 'onChange'\n \| 'isDateInRange'\n \| 'isDateFirstInRange'\n \| 'isDateLastInRange'\n \| 'month'\n >,\n BasePickerSharedProps {\n closePickerOnChange?: boolean\n defaultOpen?: boolean\n defaultValue?: DatePickerRangeValue\n inputFormat?: string\n separator?: string\n onChange?: (value: DatePickerRangeValue) => void\n openPickerOnClear?: boolean\n ref?: Ref<HTMLInputElement>\n singleDate?: boolean\n value?: DatePickerRangeValue\n}\n\nconst validationRule = (val: any) =>\n Array.isArray(val) &&\n val.length === 2 &&\n val.every((v) => v instanceof Date)\n\nconst isFirstDateSet = (val: any) =>\n Array.isArray(val) && val.length === 2 && val[0] instanceof Date\n\nconst DatePickerRange = (props: DatePickerRangeProps) => {\n const {\n className,\n clearable = true,\n clearButton,\n closePickerOnChange = true,\n dateViewCount = 1,\n dayClassName,\n dayStyle,\n defaultMonth,\n defaultOpen = false,\n defaultValue,\n defaultView,\n disabled,\n disableDate,\n enableHeaderLabel,\n disableOutOfMonth,\n firstDayOfWeek = 'monday',\n hideOutOfMonthDates,\n hideWeekdays,\n inputFormat,\n inputPrefix,\n inputSuffix,\n labelFormat = {\n month: 'MMM',\n year: 'YYYY',\n },\n separator = '~',\n locale,\n maxDate,\n minDate,\n onChange,\n onDropdownClose,\n onDropdownOpen,\n openPickerOnClear = false,\n ref = null,\n renderDay,\n singleDate = false,\n size,\n style,\n value,\n weekendDays,\n yearLabelFormat,\n ...rest\n } = props\n\n const { locale: themeLocale } = useConfig()\n\n const finalLocale = locale \|\| themeLocale\n\n const dateFormat = inputFormat \|\| 'YYYY-MM-DD'\n\n const [dropdownOpened, setDropdownOpened] = useState(defaultOpen)\n\n const inputRef = useRef<HTMLInputElement>(null)\n\n const [_value, setValue] = useControllableState<[Date \| null, Date \| null]>(\n {\n prop: value,\n defaultProp:\n defaultValue !== undefined ? defaultValue : [null, null],\n onChange,\n },\n )\n\n const handleValueChange = (range: [Date, Date]) => {\n setValue(range)\n if (closePickerOnChange && validationRule(range)) {\n setDropdownOpened(false)\n onDropdownClose?.()\n window.setTimeout(() => inputRef.current?.focus(), 0)\n }\n }\n\n const valueValid = validationRule(_value)\n const firstValueValid = isFirstDateSet(_value)\n\n const firstDateLabel = _value?.[0]\n ? capitalize(dayjs(_value[0]).locale(finalLocale).format(dateFormat))\n : ''\n\n const secondDateLabel = _value?.[1]\n ? capitalize(dayjs(_value[1]).locale(finalLocale).format(dateFormat))\n : ''\n\n const handleClear = () => {\n setValue([null, null])\n setDropdownOpened(true)\n openPickerOnClear && onDropdownOpen?.()\n inputRef.current?.focus()\n }\n\n const handleDropdownToggle = (isOpened: boolean) => {\n if (!isOpened && firstValueValid && _value?.[1] === null) {\n handleClear()\n }\n setDropdownOpened(isOpened)\n }\n\n return (\n <BasePicker\n ref={useMergedRef(ref, inputRef)}\n dropdownOpened={dropdownOpened as boolean}\n setDropdownOpened={handleDropdownToggle}\n size={size}\n style={style}\n className={className}\n inputLabel={\n firstValueValid\n ? `${firstDateLabel} ${separator} ${secondDateLabel}`\n : ''\n }\n clearable={clearable && firstValueValid}\n clearButton={clearButton}\n disabled={disabled}\n inputPrefix={inputPrefix}\n inputSuffix={inputSuffix}\n onClear={handleClear}\n onDropdownClose={onDropdownClose}\n onDropdownOpen={onDropdownOpen}\n {...rest}\n >\n <RangeCalendar\n locale={finalLocale}\n defaultMonth={(valueValid ? _value?.[0] : defaultMonth) as Date}\n value={_value as [Date \| null, Date \| null]}\n labelFormat={labelFormat}\n dayClassName={dayClassName}\n dayStyle={dayStyle}\n disableOutOfMonth={disableOutOfMonth}\n minDate={minDate}\n maxDate={maxDate}\n disableDate={disableDate}\n firstDayOfWeek={firstDayOfWeek}\n enableHeaderLabel={enableHeaderLabel}\n singleDate={singleDate}\n dateViewCount={dateViewCount}\n defaultView={defaultView}\n hideOutOfMonthDates={hideOutOfMonthDates}\n hideWeekdays={hideWeekdays}\n renderDay={renderDay}\n weekendDays={weekendDays}\n yearLabelFormat={yearLabelFormat}\n onChange={(date) => handleValueChange(date as [Date, Date])}\n />\n </BasePicker>\n )\n}\n\nexport default DatePickerRange\n"],"names":["validationRule","val","v","isFirstDateSet","DatePickerRange","props","className","clearable","clearButton","closePickerOnChange","dateViewCount","dayClassName","dayStyle","defaultMonth","defaultOpen","defaultValue","defaultView","disabled","disableDate","enableHeaderLabel","disableOutOfMonth","firstDayOfWeek","hideOutOfMonthDates","hideWeekdays","inputFormat","inputPrefix","inputSuffix","labelFormat","separator","locale","maxDate","minDate","onChange","onDropdownClose","onDropdownOpen","openPickerOnClear","ref","renderDay","singleDate","size","style","value","weekendDays","yearLabelFormat","rest","themeLocale","useConfig","finalLocale","dateFormat","dropdownOpened","setDropdownOpened","useState","inputRef","useRef","_value","setValue","useControllableState","handleValueChange","range","_a","valueValid","firstValueValid","firstDateLabel","capitalize","dayjs","secondDateLabel","handleClear","handleDropdownToggle","isOpened","jsx","BasePicker","useMergedRef","RangeCalendar","date"],"mappings":"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"}