lizaui 5.0.4 → 5.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/button/index.es.js +1 -1
- package/dist/calendar/index.es.js +1 -1
- package/dist/checkbox/index.es.js +1 -1
- package/dist/chunks/{button-DaCTNWTs.js → button-wlPPnoey.js} +2 -2
- package/dist/chunks/{button-DaCTNWTs.js.map → button-wlPPnoey.js.map} +1 -1
- package/dist/chunks/{checkbox-CJAWo52b.js → checkbox-DoMayXNj.js} +2 -2
- package/dist/chunks/{checkbox-CJAWo52b.js.map → checkbox-DoMayXNj.js.map} +1 -1
- package/dist/chunks/{index-Db2rLomN.js → index-Do-g2tEs.js} +3 -3
- package/dist/chunks/{index-Db2rLomN.js.map → index-Do-g2tEs.js.map} +1 -1
- package/dist/chunks/select-C25qmFpo.js +1321 -0
- package/dist/chunks/select-C25qmFpo.js.map +1 -0
- package/dist/chunks/select-DW1tRhcQ.js +2 -0
- package/dist/chunks/select-DW1tRhcQ.js.map +1 -0
- package/dist/chunks/textarea-ClUh9LtQ.js +3793 -0
- package/dist/chunks/textarea-ClUh9LtQ.js.map +1 -0
- package/dist/chunks/textarea-ZUAx_MBk.js +65 -0
- package/dist/chunks/textarea-ZUAx_MBk.js.map +1 -0
- package/dist/components/time-input/time-picker-input.d.ts +9 -1
- package/dist/components/time-input/time-picker-input.d.ts.map +1 -1
- package/dist/components/time-input/time-picker.styled.d.ts +3 -1
- package/dist/components/time-input/time-picker.styled.d.ts.map +1 -1
- package/dist/divider/index.es.js +1 -1
- package/dist/modal/index.es.js +1 -1
- package/dist/pagination/index.cjs.js +1 -1
- package/dist/pagination/index.cjs.js.map +1 -1
- package/dist/pagination/index.es.js +7 -6
- package/dist/pagination/index.es.js.map +1 -1
- package/dist/select-input/index.es.js +1 -1
- package/dist/table/index.es.js +1 -1
- package/dist/time-input/index.cjs.js +23 -18
- package/dist/time-input/index.cjs.js.map +1 -1
- package/dist/time-input/index.es.js +401 -357
- package/dist/time-input/index.es.js.map +1 -1
- package/dist/ui/index.cjs.js +4 -4
- package/dist/ui/index.cjs.js.map +1 -1
- package/dist/ui/index.es.js +344 -342
- package/dist/ui/index.es.js.map +1 -1
- package/package.json +1 -1
- package/dist/chunks/textarea-ELiVeST1.js +0 -5102
- package/dist/chunks/textarea-ELiVeST1.js.map +0 -1
- package/dist/chunks/textarea-xD71CEWT.js +0 -65
- package/dist/chunks/textarea-xD71CEWT.js.map +0 -1
|
@@ -1,10 +1,18 @@
|
|
|
1
1
|
import { TimePickerProps } from 'react-time-picker';
|
|
2
2
|
export interface TimePickerInputProps extends TimePickerProps {
|
|
3
|
+
id?: string;
|
|
3
4
|
onChange: (value: string | null) => void;
|
|
4
5
|
time: string | null;
|
|
5
6
|
name: string;
|
|
6
7
|
handleAddTime?: (e: any) => void;
|
|
7
8
|
disabled?: boolean;
|
|
9
|
+
label?: string;
|
|
10
|
+
required?: boolean;
|
|
11
|
+
isClearable?: boolean;
|
|
12
|
+
error?: string;
|
|
13
|
+
touched?: boolean;
|
|
14
|
+
isErrorText?: boolean;
|
|
15
|
+
onBlurField?: (name: string) => void;
|
|
8
16
|
}
|
|
9
|
-
export declare const TimePickerInput: ({ onChange, time, name, handleAddTime, disabled, ...rest }: TimePickerInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export declare const TimePickerInput: ({ onChange, time, name, handleAddTime, id, label, required, isClearable, error, touched, onBlurField, isErrorText, disabled, ...rest }: TimePickerInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
18
|
//# sourceMappingURL=time-picker-input.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"time-picker-input.d.ts","sourceRoot":"","sources":["../../../src/components/time-input/time-picker-input.tsx"],"names":[],"mappings":"AAAA,OAAmB,EAAE,KAAK,eAAe,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"time-picker-input.d.ts","sourceRoot":"","sources":["../../../src/components/time-input/time-picker-input.tsx"],"names":[],"mappings":"AAAA,OAAmB,EAAE,KAAK,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAMrE,MAAM,WAAW,oBAAqB,SAAQ,eAAe;IAC5D,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED,eAAO,MAAM,eAAe,GAAI,wIAe7B,oBAAoB,4CAsEtB,CAAC"}
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
-
export declare const TimePickerInputStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').
|
|
1
|
+
export declare const TimePickerInputStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
2
|
+
isInvalid?: boolean;
|
|
3
|
+
}>> & string;
|
|
2
4
|
//# sourceMappingURL=time-picker.styled.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"time-picker.styled.d.ts","sourceRoot":"","sources":["../../../src/components/time-input/time-picker.styled.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB,
|
|
1
|
+
{"version":3,"file":"time-picker.styled.d.ts","sourceRoot":"","sources":["../../../src/components/time-input/time-picker.styled.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB;gBAA4B,OAAO;YAiIpE,CAAC"}
|
package/dist/divider/index.es.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { j as c } from "../chunks/jsx-runtime-Cl_4eDuT.js";
|
|
2
2
|
import { useMemo as v, useCallback as m, forwardRef as f } from "react";
|
|
3
|
-
import { S as u } from "../chunks/index-
|
|
3
|
+
import { S as u } from "../chunks/index-Do-g2tEs.js";
|
|
4
4
|
import { t as h } from "../chunks/tv-CPk8h_lY.js";
|
|
5
5
|
function C(t) {
|
|
6
6
|
const {
|
package/dist/modal/index.es.js
CHANGED
|
@@ -2,7 +2,7 @@ import { j as e } from "../chunks/jsx-runtime-Cl_4eDuT.js";
|
|
|
2
2
|
import R from "react-dom";
|
|
3
3
|
import { forwardRef as y, useRef as A, useEffect as p } from "react";
|
|
4
4
|
import { c as n } from "../chunks/utils-BFAOD39w.js";
|
|
5
|
-
import { B as V } from "../chunks/button-
|
|
5
|
+
import { B as V } from "../chunks/button-wlPPnoey.js";
|
|
6
6
|
import { c as m } from "../chunks/index-D29mdTf5.js";
|
|
7
7
|
import { A as z, L as E } from "../chunks/index-DC9BfnBH.js";
|
|
8
8
|
import { m as h } from "../chunks/features-animation-BRAvwYFN.js";
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../chunks/jsx-runtime-BjzqJBtL.js"),p=require("../chunks/bundle-mjs-eyqxolf6.js"),R=require("../chunks/index-CeBD7F1N.js"),h=require("react"),g=require("../chunks/clsx-C11secjj.js")
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../chunks/jsx-runtime-BjzqJBtL.js"),p=require("../chunks/bundle-mjs-eyqxolf6.js"),R=require("../chunks/index-CeBD7F1N.js"),h=require("react"),g=require("../chunks/clsx-C11secjj.js");require("../chunks/textarea-ZUAx_MBk.js");const m=require("../chunks/select-DW1tRhcQ.js");require("../chunks/button-CuSv0p75.js");const j=({className:u,color:e="primary",active:t,children:o,text:r,onClick:l})=>{const c=g.clsx({"bg-primary":e==="primary"&&t,"bg-success":e==="success"&&t,"bg-danger":e==="danger"&&t,"bg-warning":e==="warning"&&t,"bg-default":e==="default"&&t,"dark:hover:bg-default-200 dark:hover:text-default-800":!t}),d=p.twMerge(g.clsx("text-sm",{"group-hover:text-primary-500 dark:group-hover:text-default-800":e==="primary"&&!t,"group-hover:text-success-500 dark:group-hover:text-default-800":e==="success"&&!t,"group-hover:text-danger-500 dark:group-hover:text-default-800":e==="danger"&&!t,"group-hover:text-warning-500 dark:group-hover:text-default-800":e==="warning"&&!t,"group-hover:text-default-500 dark:group-hover:text-default-800":e==="default"&&!t,"text-default-foreground":t&&e==="default","text-primary-foreground":t&&e==="primary","text-success-foreground":t&&e==="success","text-danger-foreground":t&&e==="danger","text-warning-foreground":t&&e==="warning"}));return s.jsxRuntimeExports.jsx("div",{className:p.twMerge("w-[33px] h-[32px] flex items-center justify-center group ",c,u),onClick:l,children:o||s.jsxRuntimeExports.jsx("p",{className:d,children:r})})},y=({page:u,total:e,siblings:t=1})=>{if(7+t>=e)return Array.from({length:e},(n,x)=>x+1);const r=Math.max(u-t,1),l=Math.min(u+t,e),c=r>2,d=l<e-2;if(!c&&d){const n=3+2*t;return[...Array.from({length:n},(i,f)=>f+1),"...",e]}else if(c&&!d){const n=3+2*t;return[1,"...",...Array.from({length:n},(i,f)=>e-n+f+1)]}else return[1,"...",...Array.from({length:l-r+1},(x,i)=>r+i),"...",e]},k=u=>u.map(e=>({id:e,name:e})),v=({className:u,color:e="primary",total:t,limit:o=20,page:r=1,siblings:l=1,isLimitSelect:c=!0,dataLimit:d=[10,15,20,50,100,200],onChange:n,translate:x={selectLimit:"Limites",rowPerPage:"Filas por pagina",of:"de"}})=>{const i=Math.ceil(t/o),f=y({page:r,siblings:l,total:i}),b=k(d),w=a=>{a!=="..."&&n&&n({limit:o,page:Number(a)})},E=()=>{r!==1&&n&&n({limit:o,page:r-1})},P=()=>{r===i||i===0||n&&n({limit:o,page:r+1})},N=a=>{n&&n({page:r,limit:a?Number(a):20})};return s.jsxRuntimeExports.jsxs("div",{className:p.twMerge("flex justify-between gap-x-2 items-center",u),children:[c?s.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-x-2.5",children:[s.jsxRuntimeExports.jsx("div",{children:s.jsxRuntimeExports.jsxs("span",{className:"text-sm text-default-500",children:[x?.rowPerPage||"Filas por pagina",":"]})}),s.jsxRuntimeExports.jsxs(m.Select,{value:o?.toString(),onValueChange:N,children:[s.jsxRuntimeExports.jsx(m.SelectTrigger,{className:"min-w-20",children:s.jsxRuntimeExports.jsx(m.SelectValue,{placeholder:"Select limit"})}),s.jsxRuntimeExports.jsx(m.SelectContent,{children:s.jsxRuntimeExports.jsxs(m.SelectGroup,{children:[s.jsxRuntimeExports.jsx(m.SelectLabel,{children:x?.selectLimit||"Limites"}),b.map(a=>s.jsxRuntimeExports.jsx(m.SelectItem,{value:a.id?.toString(),children:a.name},a.id))]})})]}),s.jsxRuntimeExports.jsxs("div",{className:"text-sm text-default-500",children:[s.jsxRuntimeExports.jsx("span",{className:"text-default-500",children:`${r} - ${o}`})," ",x?.of||"de"," ",s.jsxRuntimeExports.jsx("span",{className:"text-default-500",children:t})]})]}):null,i>1&&s.jsxRuntimeExports.jsxs("div",{className:"flex flex-nowrap h-fit max-w-fit relative items-center overflow-visible gap-0 border border-divider rounded-lg cursor-pointer dark:bg-default-100",children:[s.jsxRuntimeExports.jsx(j,{className:g.clsx(r===1&&"cursor-no-drop","rounded-tl-lg rounded-bl-lg "),onClick:E,children:s.jsxRuntimeExports.jsx(R.IoIosArrowBack,{className:p.twMerge("fill-default-500",g.clsx(r===1&&"fill-default-300"))})}),f.map((a,S)=>s.jsxRuntimeExports.jsx(j,{text:a,active:r===a,color:e,onClick:()=>w(a),className:"border-l border-divider "},S)),s.jsxRuntimeExports.jsx(j,{className:g.clsx("border-l border-divider rounded-tr-lg rounded-br-lg ",(r===i||i===0)&&"cursor-no-drop"),onClick:P,children:s.jsxRuntimeExports.jsx(R.IoIosArrowBack,{className:p.twMerge("fill-default-500 transform rotate-180 ",g.clsx((r===i||i===0)&&"fill-default-300"))})})]})]})},I=({initialPage:u=1,initialLimit:e=20})=>{const[t,o]=h.useState(u),[r,l]=h.useState(e);return{handleSetPagination:h.useCallback(({page:d,limit:n})=>{d!==t&&o(d),n!==r&&l(n)},[r,t]),page:t,limit:r}};exports.Pagination=v;exports.usePagination=I;
|
|
2
2
|
//# sourceMappingURL=index.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs.js","sources":["../../src/components/pagination/pagination-item.tsx","../../src/components/pagination/function/index.ts","../../src/components/pagination/pagination.tsx","../../src/components/pagination/hook/use-pagination.tsx"],"sourcesContent":["import { twMerge } from \"tailwind-merge\";\nimport { type PaginationItemProps } from \"./interface/pagination.interface\";\nimport clsx from \"clsx\";\n\nexport const PaginationItem = ({ className, color = \"primary\", active, children, text, onClick }: PaginationItemProps) => {\n\tconst bgClass = clsx(\n\t\t{\n\t\t\t\"bg-primary\": color === \"primary\" && active,\n\t\t\t\"bg-success\": color === \"success\" && active,\n\t\t\t\"bg-danger\": color === \"danger\" && active,\n\t\t\t\"bg-warning\": color === \"warning\" && active,\n\t\t\t\"bg-default\": color === \"default\" && active,\n \"dark:hover:bg-default-200 dark:hover:text-default-800\": !active,\n\t\t},\n\t);\n\tconst colorClass = twMerge(\n\t\tclsx(\"text-sm\", {\n\t\t\t\"group-hover:text-primary-500 dark:group-hover:text-default-800\": color === \"primary\" && !active,\n\t\t\t\"group-hover:text-success-500 dark:group-hover:text-default-800\": color === \"success\" && !active,\n\t\t\t\"group-hover:text-danger-500 dark:group-hover:text-default-800\": color === \"danger\" && !active,\n\t\t\t\"group-hover:text-warning-500 dark:group-hover:text-default-800\": color === \"warning\" && !active,\n\t\t\t\"group-hover:text-default-500 dark:group-hover:text-default-800\": color === \"default\" && !active,\n\n\t\t\t\"text-default-foreground\": active && color === \"default\",\n\t\t\t\"text-primary-foreground\": active && color === \"primary\",\n\t\t\t\"text-success-foreground\": active && color === \"success\",\n\t\t\t\"text-danger-foreground\": active && color === \"danger\",\n\t\t\t\"text-warning-foreground\": active && color === \"warning\",\n\t\t}),\n\t);\n\n\treturn (\n\t\t<div className={twMerge(\"w-[33px] h-[32px] flex items-center justify-center group \", bgClass, className)} onClick={onClick}>\n\t\t\t{children || <p className={colorClass}>{text}</p>}\n\t\t</div>\n\t);\n};\n","import { type PaginationValueProps } from \"../interface/pagination-share.interface\";\n\nexport const FormatPagePagination = ({\n\tpage,\n\ttotal,\n\tsiblings = 1,\n}: PaginationValueProps) => {\n\tconst totalPageNoInArray = 7 + siblings;\n\n\tif (totalPageNoInArray >= total) {\n\t\treturn Array.from({ length: total }, (_, i) => i + 1);\n\t}\n\n\tconst leftSiblingsIndex = Math.max(page - siblings, 1);\n\tconst rightSiblingsIndex = Math.min(page + siblings, total);\n\n\tconst showLeftDots = leftSiblingsIndex > 2;\n\tconst showRightDots = rightSiblingsIndex < total - 2;\n\n\tif (!showLeftDots && showRightDots) {\n\t\tconst leftItemsCount = 3 + 2 * siblings;\n\t\tconst leftRange = Array.from({ length: leftItemsCount }, (_, i) => i + 1);\n\t\treturn [...leftRange, \"...\", total];\n\t} else if (showLeftDots && !showRightDots) {\n\t\tconst rightItemsCount = 3 + 2 * siblings;\n\t\tconst rightRange = Array.from(\n\t\t\t{ length: rightItemsCount },\n\t\t\t(_, i) => total - rightItemsCount + i + 1\n\t\t);\n\t\treturn [1, \"...\", ...rightRange];\n\t} else {\n\t\tconst middleRange = Array.from(\n\t\t\t{ length: rightSiblingsIndex - leftSiblingsIndex + 1 },\n\t\t\t(_, i) => leftSiblingsIndex + i\n\t\t);\n\t\treturn [1, \"...\", ...middleRange, \"...\", total];\n\t}\n};\n\nexport const FormatLimitPagination = (data: number[]) => {\n\treturn data.map((el) => {\n\t\treturn {\n\t\t\tid: el,\n\t\t\tname: el,\n\t\t};\n\t});\n};\n","import { twMerge } from \"tailwind-merge\";\nimport { IoIosArrowBack } from \"react-icons/io\";\nimport { PaginationItem } from \"./pagination-item\";\nimport { type PaginationProps } from \"./interface/pagination.interface\";\nimport { FormatLimitPagination, FormatPagePagination } from \"./function\";\nimport clsx from \"clsx\";\nimport { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue } from \"../ui\";\n\nexport const Pagination = ({\n\tclassName,\n\tcolor = \"primary\",\n\n\ttotal,\n\tlimit = 20,\n\tpage = 1,\n\tsiblings = 1,\n\tisLimitSelect = true,\n\tdataLimit = [10, 15, 20, 50, 100, 200],\n\tonChange,\n\ttranslate = {\n\t\tselectLimit: \"Limites\",\n\t\trowPerPage: \"Filas por pagina\",\n\t\tof: \"de\",\n\t},\n}: PaginationProps) => {\n\tconst totalPagination = Math.ceil(total / limit);\n\n\tconst dataPageFormat = FormatPagePagination({\n\t\tlimit,\n\t\tpage,\n\t\tsiblings,\n\t\ttotal: totalPagination,\n\t});\n\tconst dataLimitFormat = FormatLimitPagination(dataLimit);\n\n\tconst handleChange = (value: number | string | null) => {\n\t\tif (value === \"...\") return;\n\t\tif (onChange)\n\t\t\tonChange({\n\t\t\t\tlimit,\n\t\t\t\tpage: Number(value),\n\t\t\t});\n\t};\n\n\tconst handlePrev = () => {\n\t\tif (page === 1) return;\n\n\t\tif (onChange)\n\t\t\tonChange({\n\t\t\t\tlimit,\n\t\t\t\tpage: page - 1,\n\t\t\t});\n\t};\n\n\tconst handleNext = () => {\n\t\tif (page === totalPagination || totalPagination === 0) return;\n\n\t\tif (onChange)\n\t\t\tonChange({\n\t\t\t\tlimit,\n\t\t\t\tpage: page + 1,\n\t\t\t});\n\t};\n\n\tconst handleChangeSelect = (value: string) => {\n\t\tif (onChange)\n\t\t\tonChange({\n\t\t\t\tpage,\n\t\t\t\tlimit: value ? Number(value) : 20,\n\t\t\t});\n\t};\n\n\treturn (\n\t\t<div className={twMerge(\"flex justify-between gap-x-2 items-center\", className)}>\n\t\t\t{isLimitSelect ? (\n\t\t\t\t<div className=\"flex items-center gap-x-2.5\">\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<span className=\"text-sm text-default-500\">{translate?.rowPerPage || \"Filas por pagina\"}:</span>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<Select value={limit?.toString()} onValueChange={handleChangeSelect}>\n\t\t\t\t\t\t<SelectTrigger className=\"min-w-20\">\n\t\t\t\t\t\t\t<SelectValue placeholder=\"Select limit\" />\n\t\t\t\t\t\t</SelectTrigger>\n\t\t\t\t\t\t<SelectContent>\n\t\t\t\t\t\t\t<SelectGroup>\n\t\t\t\t\t\t\t\t<SelectLabel>{translate?.selectLimit || \"Limites\"}</SelectLabel>\n\t\t\t\t\t\t\t\t{dataLimitFormat.map((item) => (\n\t\t\t\t\t\t\t\t\t<SelectItem key={item.id} value={item.id?.toString()}>\n\t\t\t\t\t\t\t\t\t\t{item.name}\n\t\t\t\t\t\t\t\t\t</SelectItem>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</SelectGroup>\n\t\t\t\t\t\t</SelectContent>\n\t\t\t\t\t</Select>\n\n\t\t\t\t\t<div className=\"text-sm text-default-500\">\n\t\t\t\t\t\t<span className=\"text-default-500\">{`${page} - ${limit}`}</span> {translate?.of || \"de\"}{\" \"}\n\t\t\t\t\t\t<span className=\"text-default-500\">{total}</span>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t) : null}\n\n\t\t\t{totalPagination > 1 && (\n\t\t\t\t<div className=\"flex flex-nowrap h-fit max-w-fit relative items-center overflow-visible gap-0 border border-divider rounded-lg cursor-pointer dark:bg-default-100\">\n\t\t\t\t\t<PaginationItem className={clsx(page === 1 && \"cursor-no-drop\", \"rounded-tl-lg rounded-bl-lg \")} onClick={handlePrev}>\n\t\t\t\t\t\t<IoIosArrowBack className={twMerge(\"fill-default-500\", clsx(page === 1 && \"fill-default-300\"))} />\n\t\t\t\t\t</PaginationItem>\n\n\t\t\t\t\t{dataPageFormat.map((el, i) => (\n\t\t\t\t\t\t<PaginationItem\n\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\ttext={el}\n\t\t\t\t\t\t\tactive={page === el}\n\t\t\t\t\t\t\tcolor={color}\n\t\t\t\t\t\t\tonClick={() => handleChange(el)}\n\t\t\t\t\t\t\tclassName=\"border-l border-divider \"\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\n\t\t\t\t\t<PaginationItem\n\t\t\t\t\t\tclassName={clsx(\n\t\t\t\t\t\t\t\"border-l border-divider rounded-tr-lg rounded-br-lg \",\n\t\t\t\t\t\t\t(page === totalPagination || totalPagination === 0) && \"cursor-no-drop\",\n\t\t\t\t\t\t)}\n\t\t\t\t\t\tonClick={handleNext}\n\t\t\t\t\t>\n\t\t\t\t\t\t<IoIosArrowBack\n\t\t\t\t\t\t\tclassName={twMerge(\n\t\t\t\t\t\t\t\t\"fill-default-500 transform rotate-180 \",\n\t\t\t\t\t\t\t\tclsx((page === totalPagination || totalPagination === 0) && \"fill-default-300\"),\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</PaginationItem>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n","import { useCallback, useState } from \"react\";\nimport { type PaginationHookProps, type UsePaginationProps } from \"../interface/pagination.interface\";\nimport { type PaginationSetValueProps } from \"../interface/pagination-share.interface\";\n\nexport const usePagination = ({ initialPage = 1, initialLimit = 20 }: UsePaginationProps): PaginationHookProps => {\n\tconst [pageCurrent, setPageCurrent] = useState<number>(initialPage);\n\tconst [limitCurrent, setLimitCurrent] = useState<number>(initialLimit);\n\n\tconst handleSetPagination = useCallback(\n\t\t({ page, limit }: PaginationSetValueProps) => {\n\t\t\tif (page !== pageCurrent) setPageCurrent(page);\n\t\t\tif (limit !== limitCurrent) setLimitCurrent(limit);\n\t\t},\n\t\t[limitCurrent, pageCurrent],\n\t);\n\n\treturn {\n\t\thandleSetPagination,\n\t\tpage: pageCurrent,\n\t\tlimit: limitCurrent,\n\t};\n};\n"],"names":["PaginationItem","className","color","active","children","text","onClick","bgClass","clsx","colorClass","twMerge","jsx","FormatPagePagination","page","total","siblings","_","i","leftSiblingsIndex","rightSiblingsIndex","showLeftDots","showRightDots","leftItemsCount","rightItemsCount","FormatLimitPagination","data","el","Pagination","limit","isLimitSelect","dataLimit","onChange","translate","totalPagination","dataPageFormat","dataLimitFormat","handleChange","value","handlePrev","handleNext","handleChangeSelect","jsxs","Select","SelectTrigger","SelectValue","SelectContent","SelectGroup","SelectLabel","item","SelectItem","IoIosArrowBack","usePagination","initialPage","initialLimit","pageCurrent","setPageCurrent","useState","limitCurrent","setLimitCurrent","useCallback"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":["../../src/components/pagination/pagination-item.tsx","../../src/components/pagination/function/index.ts","../../src/components/pagination/pagination.tsx","../../src/components/pagination/hook/use-pagination.tsx"],"sourcesContent":["import { twMerge } from \"tailwind-merge\";\nimport { type PaginationItemProps } from \"./interface/pagination.interface\";\nimport clsx from \"clsx\";\n\nexport const PaginationItem = ({ className, color = \"primary\", active, children, text, onClick }: PaginationItemProps) => {\n\tconst bgClass = clsx(\n\t\t{\n\t\t\t\"bg-primary\": color === \"primary\" && active,\n\t\t\t\"bg-success\": color === \"success\" && active,\n\t\t\t\"bg-danger\": color === \"danger\" && active,\n\t\t\t\"bg-warning\": color === \"warning\" && active,\n\t\t\t\"bg-default\": color === \"default\" && active,\n \"dark:hover:bg-default-200 dark:hover:text-default-800\": !active,\n\t\t},\n\t);\n\tconst colorClass = twMerge(\n\t\tclsx(\"text-sm\", {\n\t\t\t\"group-hover:text-primary-500 dark:group-hover:text-default-800\": color === \"primary\" && !active,\n\t\t\t\"group-hover:text-success-500 dark:group-hover:text-default-800\": color === \"success\" && !active,\n\t\t\t\"group-hover:text-danger-500 dark:group-hover:text-default-800\": color === \"danger\" && !active,\n\t\t\t\"group-hover:text-warning-500 dark:group-hover:text-default-800\": color === \"warning\" && !active,\n\t\t\t\"group-hover:text-default-500 dark:group-hover:text-default-800\": color === \"default\" && !active,\n\n\t\t\t\"text-default-foreground\": active && color === \"default\",\n\t\t\t\"text-primary-foreground\": active && color === \"primary\",\n\t\t\t\"text-success-foreground\": active && color === \"success\",\n\t\t\t\"text-danger-foreground\": active && color === \"danger\",\n\t\t\t\"text-warning-foreground\": active && color === \"warning\",\n\t\t}),\n\t);\n\n\treturn (\n\t\t<div className={twMerge(\"w-[33px] h-[32px] flex items-center justify-center group \", bgClass, className)} onClick={onClick}>\n\t\t\t{children || <p className={colorClass}>{text}</p>}\n\t\t</div>\n\t);\n};\n","import { type PaginationValueProps } from \"../interface/pagination-share.interface\";\n\nexport const FormatPagePagination = ({\n\tpage,\n\ttotal,\n\tsiblings = 1,\n}: PaginationValueProps) => {\n\tconst totalPageNoInArray = 7 + siblings;\n\n\tif (totalPageNoInArray >= total) {\n\t\treturn Array.from({ length: total }, (_, i) => i + 1);\n\t}\n\n\tconst leftSiblingsIndex = Math.max(page - siblings, 1);\n\tconst rightSiblingsIndex = Math.min(page + siblings, total);\n\n\tconst showLeftDots = leftSiblingsIndex > 2;\n\tconst showRightDots = rightSiblingsIndex < total - 2;\n\n\tif (!showLeftDots && showRightDots) {\n\t\tconst leftItemsCount = 3 + 2 * siblings;\n\t\tconst leftRange = Array.from({ length: leftItemsCount }, (_, i) => i + 1);\n\t\treturn [...leftRange, \"...\", total];\n\t} else if (showLeftDots && !showRightDots) {\n\t\tconst rightItemsCount = 3 + 2 * siblings;\n\t\tconst rightRange = Array.from(\n\t\t\t{ length: rightItemsCount },\n\t\t\t(_, i) => total - rightItemsCount + i + 1\n\t\t);\n\t\treturn [1, \"...\", ...rightRange];\n\t} else {\n\t\tconst middleRange = Array.from(\n\t\t\t{ length: rightSiblingsIndex - leftSiblingsIndex + 1 },\n\t\t\t(_, i) => leftSiblingsIndex + i\n\t\t);\n\t\treturn [1, \"...\", ...middleRange, \"...\", total];\n\t}\n};\n\nexport const FormatLimitPagination = (data: number[]) => {\n\treturn data.map((el) => {\n\t\treturn {\n\t\t\tid: el,\n\t\t\tname: el,\n\t\t};\n\t});\n};\n","import { twMerge } from \"tailwind-merge\";\nimport { IoIosArrowBack } from \"react-icons/io\";\nimport { PaginationItem } from \"./pagination-item\";\nimport { type PaginationProps } from \"./interface/pagination.interface\";\nimport { FormatLimitPagination, FormatPagePagination } from \"./function\";\nimport clsx from \"clsx\";\nimport { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue } from \"../ui\";\n\nexport const Pagination = ({\n\tclassName,\n\tcolor = \"primary\",\n\n\ttotal,\n\tlimit = 20,\n\tpage = 1,\n\tsiblings = 1,\n\tisLimitSelect = true,\n\tdataLimit = [10, 15, 20, 50, 100, 200],\n\tonChange,\n\ttranslate = {\n\t\tselectLimit: \"Limites\",\n\t\trowPerPage: \"Filas por pagina\",\n\t\tof: \"de\",\n\t},\n}: PaginationProps) => {\n\tconst totalPagination = Math.ceil(total / limit);\n\n\tconst dataPageFormat = FormatPagePagination({\n\t\tlimit,\n\t\tpage,\n\t\tsiblings,\n\t\ttotal: totalPagination,\n\t});\n\tconst dataLimitFormat = FormatLimitPagination(dataLimit);\n\n\tconst handleChange = (value: number | string | null) => {\n\t\tif (value === \"...\") return;\n\t\tif (onChange)\n\t\t\tonChange({\n\t\t\t\tlimit,\n\t\t\t\tpage: Number(value),\n\t\t\t});\n\t};\n\n\tconst handlePrev = () => {\n\t\tif (page === 1) return;\n\n\t\tif (onChange)\n\t\t\tonChange({\n\t\t\t\tlimit,\n\t\t\t\tpage: page - 1,\n\t\t\t});\n\t};\n\n\tconst handleNext = () => {\n\t\tif (page === totalPagination || totalPagination === 0) return;\n\n\t\tif (onChange)\n\t\t\tonChange({\n\t\t\t\tlimit,\n\t\t\t\tpage: page + 1,\n\t\t\t});\n\t};\n\n\tconst handleChangeSelect = (value: string) => {\n\t\tif (onChange)\n\t\t\tonChange({\n\t\t\t\tpage,\n\t\t\t\tlimit: value ? Number(value) : 20,\n\t\t\t});\n\t};\n\n\treturn (\n\t\t<div className={twMerge(\"flex justify-between gap-x-2 items-center\", className)}>\n\t\t\t{isLimitSelect ? (\n\t\t\t\t<div className=\"flex items-center gap-x-2.5\">\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<span className=\"text-sm text-default-500\">{translate?.rowPerPage || \"Filas por pagina\"}:</span>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<Select value={limit?.toString()} onValueChange={handleChangeSelect}>\n\t\t\t\t\t\t<SelectTrigger className=\"min-w-20\">\n\t\t\t\t\t\t\t<SelectValue placeholder=\"Select limit\" />\n\t\t\t\t\t\t</SelectTrigger>\n\t\t\t\t\t\t<SelectContent>\n\t\t\t\t\t\t\t<SelectGroup>\n\t\t\t\t\t\t\t\t<SelectLabel>{translate?.selectLimit || \"Limites\"}</SelectLabel>\n\t\t\t\t\t\t\t\t{dataLimitFormat.map((item) => (\n\t\t\t\t\t\t\t\t\t<SelectItem key={item.id} value={item.id?.toString()}>\n\t\t\t\t\t\t\t\t\t\t{item.name}\n\t\t\t\t\t\t\t\t\t</SelectItem>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</SelectGroup>\n\t\t\t\t\t\t</SelectContent>\n\t\t\t\t\t</Select>\n\n\t\t\t\t\t<div className=\"text-sm text-default-500\">\n\t\t\t\t\t\t<span className=\"text-default-500\">{`${page} - ${limit}`}</span> {translate?.of || \"de\"}{\" \"}\n\t\t\t\t\t\t<span className=\"text-default-500\">{total}</span>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t) : null}\n\n\t\t\t{totalPagination > 1 && (\n\t\t\t\t<div className=\"flex flex-nowrap h-fit max-w-fit relative items-center overflow-visible gap-0 border border-divider rounded-lg cursor-pointer dark:bg-default-100\">\n\t\t\t\t\t<PaginationItem className={clsx(page === 1 && \"cursor-no-drop\", \"rounded-tl-lg rounded-bl-lg \")} onClick={handlePrev}>\n\t\t\t\t\t\t<IoIosArrowBack className={twMerge(\"fill-default-500\", clsx(page === 1 && \"fill-default-300\"))} />\n\t\t\t\t\t</PaginationItem>\n\n\t\t\t\t\t{dataPageFormat.map((el, i) => (\n\t\t\t\t\t\t<PaginationItem\n\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\ttext={el}\n\t\t\t\t\t\t\tactive={page === el}\n\t\t\t\t\t\t\tcolor={color}\n\t\t\t\t\t\t\tonClick={() => handleChange(el)}\n\t\t\t\t\t\t\tclassName=\"border-l border-divider \"\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\n\t\t\t\t\t<PaginationItem\n\t\t\t\t\t\tclassName={clsx(\n\t\t\t\t\t\t\t\"border-l border-divider rounded-tr-lg rounded-br-lg \",\n\t\t\t\t\t\t\t(page === totalPagination || totalPagination === 0) && \"cursor-no-drop\",\n\t\t\t\t\t\t)}\n\t\t\t\t\t\tonClick={handleNext}\n\t\t\t\t\t>\n\t\t\t\t\t\t<IoIosArrowBack\n\t\t\t\t\t\t\tclassName={twMerge(\n\t\t\t\t\t\t\t\t\"fill-default-500 transform rotate-180 \",\n\t\t\t\t\t\t\t\tclsx((page === totalPagination || totalPagination === 0) && \"fill-default-300\"),\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</PaginationItem>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n","import { useCallback, useState } from \"react\";\nimport { type PaginationHookProps, type UsePaginationProps } from \"../interface/pagination.interface\";\nimport { type PaginationSetValueProps } from \"../interface/pagination-share.interface\";\n\nexport const usePagination = ({ initialPage = 1, initialLimit = 20 }: UsePaginationProps): PaginationHookProps => {\n\tconst [pageCurrent, setPageCurrent] = useState<number>(initialPage);\n\tconst [limitCurrent, setLimitCurrent] = useState<number>(initialLimit);\n\n\tconst handleSetPagination = useCallback(\n\t\t({ page, limit }: PaginationSetValueProps) => {\n\t\t\tif (page !== pageCurrent) setPageCurrent(page);\n\t\t\tif (limit !== limitCurrent) setLimitCurrent(limit);\n\t\t},\n\t\t[limitCurrent, pageCurrent],\n\t);\n\n\treturn {\n\t\thandleSetPagination,\n\t\tpage: pageCurrent,\n\t\tlimit: limitCurrent,\n\t};\n};\n"],"names":["PaginationItem","className","color","active","children","text","onClick","bgClass","clsx","colorClass","twMerge","jsx","FormatPagePagination","page","total","siblings","_","i","leftSiblingsIndex","rightSiblingsIndex","showLeftDots","showRightDots","leftItemsCount","rightItemsCount","FormatLimitPagination","data","el","Pagination","limit","isLimitSelect","dataLimit","onChange","translate","totalPagination","dataPageFormat","dataLimitFormat","handleChange","value","handlePrev","handleNext","handleChangeSelect","jsxs","Select","SelectTrigger","SelectValue","SelectContent","SelectGroup","SelectLabel","item","SelectItem","IoIosArrowBack","usePagination","initialPage","initialLimit","pageCurrent","setPageCurrent","useState","limitCurrent","setLimitCurrent","useCallback"],"mappings":"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"}
|
|
@@ -3,8 +3,9 @@ import { twMerge as x } from "../chunks/bundle-mjs-BcJXDvon.js";
|
|
|
3
3
|
import { I as p } from "../chunks/index-DK44x_HP.js";
|
|
4
4
|
import { useState as j, useCallback as k } from "react";
|
|
5
5
|
import { c as f } from "../chunks/clsx-OuTLNxxd.js";
|
|
6
|
-
import
|
|
7
|
-
import "../chunks/
|
|
6
|
+
import "../chunks/textarea-ClUh9LtQ.js";
|
|
7
|
+
import { S as v, a as I, b as C, c as L, d as R, e as A, f as F } from "../chunks/select-C25qmFpo.js";
|
|
8
|
+
import "../chunks/button-wlPPnoey.js";
|
|
8
9
|
const h = ({ className: o, color: e = "primary", active: r, children: i, text: t, onClick: u }) => {
|
|
9
10
|
const m = f(
|
|
10
11
|
{
|
|
@@ -55,7 +56,7 @@ const h = ({ className: o, color: e = "primary", active: r, children: i, text: t
|
|
|
55
56
|
}, _ = (o) => o.map((e) => ({
|
|
56
57
|
id: e,
|
|
57
58
|
name: e
|
|
58
|
-
})),
|
|
59
|
+
})), z = ({
|
|
59
60
|
className: o,
|
|
60
61
|
color: e = "primary",
|
|
61
62
|
total: r,
|
|
@@ -151,7 +152,7 @@ const h = ({ className: o, color: e = "primary", active: r, children: i, text: t
|
|
|
151
152
|
)
|
|
152
153
|
] })
|
|
153
154
|
] });
|
|
154
|
-
},
|
|
155
|
+
}, H = ({ initialPage: o = 1, initialLimit: e = 20 }) => {
|
|
155
156
|
const [r, i] = j(o), [t, u] = j(e);
|
|
156
157
|
return {
|
|
157
158
|
handleSetPagination: k(
|
|
@@ -165,7 +166,7 @@ const h = ({ className: o, color: e = "primary", active: r, children: i, text: t
|
|
|
165
166
|
};
|
|
166
167
|
};
|
|
167
168
|
export {
|
|
168
|
-
|
|
169
|
-
|
|
169
|
+
z as Pagination,
|
|
170
|
+
H as usePagination
|
|
170
171
|
};
|
|
171
172
|
//# sourceMappingURL=index.es.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es.js","sources":["../../src/components/pagination/pagination-item.tsx","../../src/components/pagination/function/index.ts","../../src/components/pagination/pagination.tsx","../../src/components/pagination/hook/use-pagination.tsx"],"sourcesContent":["import { twMerge } from \"tailwind-merge\";\nimport { type PaginationItemProps } from \"./interface/pagination.interface\";\nimport clsx from \"clsx\";\n\nexport const PaginationItem = ({ className, color = \"primary\", active, children, text, onClick }: PaginationItemProps) => {\n\tconst bgClass = clsx(\n\t\t{\n\t\t\t\"bg-primary\": color === \"primary\" && active,\n\t\t\t\"bg-success\": color === \"success\" && active,\n\t\t\t\"bg-danger\": color === \"danger\" && active,\n\t\t\t\"bg-warning\": color === \"warning\" && active,\n\t\t\t\"bg-default\": color === \"default\" && active,\n \"dark:hover:bg-default-200 dark:hover:text-default-800\": !active,\n\t\t},\n\t);\n\tconst colorClass = twMerge(\n\t\tclsx(\"text-sm\", {\n\t\t\t\"group-hover:text-primary-500 dark:group-hover:text-default-800\": color === \"primary\" && !active,\n\t\t\t\"group-hover:text-success-500 dark:group-hover:text-default-800\": color === \"success\" && !active,\n\t\t\t\"group-hover:text-danger-500 dark:group-hover:text-default-800\": color === \"danger\" && !active,\n\t\t\t\"group-hover:text-warning-500 dark:group-hover:text-default-800\": color === \"warning\" && !active,\n\t\t\t\"group-hover:text-default-500 dark:group-hover:text-default-800\": color === \"default\" && !active,\n\n\t\t\t\"text-default-foreground\": active && color === \"default\",\n\t\t\t\"text-primary-foreground\": active && color === \"primary\",\n\t\t\t\"text-success-foreground\": active && color === \"success\",\n\t\t\t\"text-danger-foreground\": active && color === \"danger\",\n\t\t\t\"text-warning-foreground\": active && color === \"warning\",\n\t\t}),\n\t);\n\n\treturn (\n\t\t<div className={twMerge(\"w-[33px] h-[32px] flex items-center justify-center group \", bgClass, className)} onClick={onClick}>\n\t\t\t{children || <p className={colorClass}>{text}</p>}\n\t\t</div>\n\t);\n};\n","import { type PaginationValueProps } from \"../interface/pagination-share.interface\";\n\nexport const FormatPagePagination = ({\n\tpage,\n\ttotal,\n\tsiblings = 1,\n}: PaginationValueProps) => {\n\tconst totalPageNoInArray = 7 + siblings;\n\n\tif (totalPageNoInArray >= total) {\n\t\treturn Array.from({ length: total }, (_, i) => i + 1);\n\t}\n\n\tconst leftSiblingsIndex = Math.max(page - siblings, 1);\n\tconst rightSiblingsIndex = Math.min(page + siblings, total);\n\n\tconst showLeftDots = leftSiblingsIndex > 2;\n\tconst showRightDots = rightSiblingsIndex < total - 2;\n\n\tif (!showLeftDots && showRightDots) {\n\t\tconst leftItemsCount = 3 + 2 * siblings;\n\t\tconst leftRange = Array.from({ length: leftItemsCount }, (_, i) => i + 1);\n\t\treturn [...leftRange, \"...\", total];\n\t} else if (showLeftDots && !showRightDots) {\n\t\tconst rightItemsCount = 3 + 2 * siblings;\n\t\tconst rightRange = Array.from(\n\t\t\t{ length: rightItemsCount },\n\t\t\t(_, i) => total - rightItemsCount + i + 1\n\t\t);\n\t\treturn [1, \"...\", ...rightRange];\n\t} else {\n\t\tconst middleRange = Array.from(\n\t\t\t{ length: rightSiblingsIndex - leftSiblingsIndex + 1 },\n\t\t\t(_, i) => leftSiblingsIndex + i\n\t\t);\n\t\treturn [1, \"...\", ...middleRange, \"...\", total];\n\t}\n};\n\nexport const FormatLimitPagination = (data: number[]) => {\n\treturn data.map((el) => {\n\t\treturn {\n\t\t\tid: el,\n\t\t\tname: el,\n\t\t};\n\t});\n};\n","import { twMerge } from \"tailwind-merge\";\nimport { IoIosArrowBack } from \"react-icons/io\";\nimport { PaginationItem } from \"./pagination-item\";\nimport { type PaginationProps } from \"./interface/pagination.interface\";\nimport { FormatLimitPagination, FormatPagePagination } from \"./function\";\nimport clsx from \"clsx\";\nimport { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue } from \"../ui\";\n\nexport const Pagination = ({\n\tclassName,\n\tcolor = \"primary\",\n\n\ttotal,\n\tlimit = 20,\n\tpage = 1,\n\tsiblings = 1,\n\tisLimitSelect = true,\n\tdataLimit = [10, 15, 20, 50, 100, 200],\n\tonChange,\n\ttranslate = {\n\t\tselectLimit: \"Limites\",\n\t\trowPerPage: \"Filas por pagina\",\n\t\tof: \"de\",\n\t},\n}: PaginationProps) => {\n\tconst totalPagination = Math.ceil(total / limit);\n\n\tconst dataPageFormat = FormatPagePagination({\n\t\tlimit,\n\t\tpage,\n\t\tsiblings,\n\t\ttotal: totalPagination,\n\t});\n\tconst dataLimitFormat = FormatLimitPagination(dataLimit);\n\n\tconst handleChange = (value: number | string | null) => {\n\t\tif (value === \"...\") return;\n\t\tif (onChange)\n\t\t\tonChange({\n\t\t\t\tlimit,\n\t\t\t\tpage: Number(value),\n\t\t\t});\n\t};\n\n\tconst handlePrev = () => {\n\t\tif (page === 1) return;\n\n\t\tif (onChange)\n\t\t\tonChange({\n\t\t\t\tlimit,\n\t\t\t\tpage: page - 1,\n\t\t\t});\n\t};\n\n\tconst handleNext = () => {\n\t\tif (page === totalPagination || totalPagination === 0) return;\n\n\t\tif (onChange)\n\t\t\tonChange({\n\t\t\t\tlimit,\n\t\t\t\tpage: page + 1,\n\t\t\t});\n\t};\n\n\tconst handleChangeSelect = (value: string) => {\n\t\tif (onChange)\n\t\t\tonChange({\n\t\t\t\tpage,\n\t\t\t\tlimit: value ? Number(value) : 20,\n\t\t\t});\n\t};\n\n\treturn (\n\t\t<div className={twMerge(\"flex justify-between gap-x-2 items-center\", className)}>\n\t\t\t{isLimitSelect ? (\n\t\t\t\t<div className=\"flex items-center gap-x-2.5\">\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<span className=\"text-sm text-default-500\">{translate?.rowPerPage || \"Filas por pagina\"}:</span>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<Select value={limit?.toString()} onValueChange={handleChangeSelect}>\n\t\t\t\t\t\t<SelectTrigger className=\"min-w-20\">\n\t\t\t\t\t\t\t<SelectValue placeholder=\"Select limit\" />\n\t\t\t\t\t\t</SelectTrigger>\n\t\t\t\t\t\t<SelectContent>\n\t\t\t\t\t\t\t<SelectGroup>\n\t\t\t\t\t\t\t\t<SelectLabel>{translate?.selectLimit || \"Limites\"}</SelectLabel>\n\t\t\t\t\t\t\t\t{dataLimitFormat.map((item) => (\n\t\t\t\t\t\t\t\t\t<SelectItem key={item.id} value={item.id?.toString()}>\n\t\t\t\t\t\t\t\t\t\t{item.name}\n\t\t\t\t\t\t\t\t\t</SelectItem>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</SelectGroup>\n\t\t\t\t\t\t</SelectContent>\n\t\t\t\t\t</Select>\n\n\t\t\t\t\t<div className=\"text-sm text-default-500\">\n\t\t\t\t\t\t<span className=\"text-default-500\">{`${page} - ${limit}`}</span> {translate?.of || \"de\"}{\" \"}\n\t\t\t\t\t\t<span className=\"text-default-500\">{total}</span>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t) : null}\n\n\t\t\t{totalPagination > 1 && (\n\t\t\t\t<div className=\"flex flex-nowrap h-fit max-w-fit relative items-center overflow-visible gap-0 border border-divider rounded-lg cursor-pointer dark:bg-default-100\">\n\t\t\t\t\t<PaginationItem className={clsx(page === 1 && \"cursor-no-drop\", \"rounded-tl-lg rounded-bl-lg \")} onClick={handlePrev}>\n\t\t\t\t\t\t<IoIosArrowBack className={twMerge(\"fill-default-500\", clsx(page === 1 && \"fill-default-300\"))} />\n\t\t\t\t\t</PaginationItem>\n\n\t\t\t\t\t{dataPageFormat.map((el, i) => (\n\t\t\t\t\t\t<PaginationItem\n\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\ttext={el}\n\t\t\t\t\t\t\tactive={page === el}\n\t\t\t\t\t\t\tcolor={color}\n\t\t\t\t\t\t\tonClick={() => handleChange(el)}\n\t\t\t\t\t\t\tclassName=\"border-l border-divider \"\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\n\t\t\t\t\t<PaginationItem\n\t\t\t\t\t\tclassName={clsx(\n\t\t\t\t\t\t\t\"border-l border-divider rounded-tr-lg rounded-br-lg \",\n\t\t\t\t\t\t\t(page === totalPagination || totalPagination === 0) && \"cursor-no-drop\",\n\t\t\t\t\t\t)}\n\t\t\t\t\t\tonClick={handleNext}\n\t\t\t\t\t>\n\t\t\t\t\t\t<IoIosArrowBack\n\t\t\t\t\t\t\tclassName={twMerge(\n\t\t\t\t\t\t\t\t\"fill-default-500 transform rotate-180 \",\n\t\t\t\t\t\t\t\tclsx((page === totalPagination || totalPagination === 0) && \"fill-default-300\"),\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</PaginationItem>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n","import { useCallback, useState } from \"react\";\nimport { type PaginationHookProps, type UsePaginationProps } from \"../interface/pagination.interface\";\nimport { type PaginationSetValueProps } from \"../interface/pagination-share.interface\";\n\nexport const usePagination = ({ initialPage = 1, initialLimit = 20 }: UsePaginationProps): PaginationHookProps => {\n\tconst [pageCurrent, setPageCurrent] = useState<number>(initialPage);\n\tconst [limitCurrent, setLimitCurrent] = useState<number>(initialLimit);\n\n\tconst handleSetPagination = useCallback(\n\t\t({ page, limit }: PaginationSetValueProps) => {\n\t\t\tif (page !== pageCurrent) setPageCurrent(page);\n\t\t\tif (limit !== limitCurrent) setLimitCurrent(limit);\n\t\t},\n\t\t[limitCurrent, pageCurrent],\n\t);\n\n\treturn {\n\t\thandleSetPagination,\n\t\tpage: pageCurrent,\n\t\tlimit: limitCurrent,\n\t};\n};\n"],"names":["PaginationItem","className","color","active","children","text","onClick","bgClass","clsx","colorClass","twMerge","jsx","FormatPagePagination","page","total","siblings","_","i","leftSiblingsIndex","rightSiblingsIndex","showLeftDots","showRightDots","leftItemsCount","rightItemsCount","FormatLimitPagination","data","el","Pagination","limit","isLimitSelect","dataLimit","onChange","translate","totalPagination","dataPageFormat","dataLimitFormat","handleChange","value","handlePrev","handleNext","handleChangeSelect","jsxs","Select","SelectTrigger","SelectValue","SelectContent","SelectGroup","SelectLabel","item","SelectItem","IoIosArrowBack","usePagination","initialPage","initialLimit","pageCurrent","setPageCurrent","useState","limitCurrent","setLimitCurrent","useCallback"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":["../../src/components/pagination/pagination-item.tsx","../../src/components/pagination/function/index.ts","../../src/components/pagination/pagination.tsx","../../src/components/pagination/hook/use-pagination.tsx"],"sourcesContent":["import { twMerge } from \"tailwind-merge\";\nimport { type PaginationItemProps } from \"./interface/pagination.interface\";\nimport clsx from \"clsx\";\n\nexport const PaginationItem = ({ className, color = \"primary\", active, children, text, onClick }: PaginationItemProps) => {\n\tconst bgClass = clsx(\n\t\t{\n\t\t\t\"bg-primary\": color === \"primary\" && active,\n\t\t\t\"bg-success\": color === \"success\" && active,\n\t\t\t\"bg-danger\": color === \"danger\" && active,\n\t\t\t\"bg-warning\": color === \"warning\" && active,\n\t\t\t\"bg-default\": color === \"default\" && active,\n \"dark:hover:bg-default-200 dark:hover:text-default-800\": !active,\n\t\t},\n\t);\n\tconst colorClass = twMerge(\n\t\tclsx(\"text-sm\", {\n\t\t\t\"group-hover:text-primary-500 dark:group-hover:text-default-800\": color === \"primary\" && !active,\n\t\t\t\"group-hover:text-success-500 dark:group-hover:text-default-800\": color === \"success\" && !active,\n\t\t\t\"group-hover:text-danger-500 dark:group-hover:text-default-800\": color === \"danger\" && !active,\n\t\t\t\"group-hover:text-warning-500 dark:group-hover:text-default-800\": color === \"warning\" && !active,\n\t\t\t\"group-hover:text-default-500 dark:group-hover:text-default-800\": color === \"default\" && !active,\n\n\t\t\t\"text-default-foreground\": active && color === \"default\",\n\t\t\t\"text-primary-foreground\": active && color === \"primary\",\n\t\t\t\"text-success-foreground\": active && color === \"success\",\n\t\t\t\"text-danger-foreground\": active && color === \"danger\",\n\t\t\t\"text-warning-foreground\": active && color === \"warning\",\n\t\t}),\n\t);\n\n\treturn (\n\t\t<div className={twMerge(\"w-[33px] h-[32px] flex items-center justify-center group \", bgClass, className)} onClick={onClick}>\n\t\t\t{children || <p className={colorClass}>{text}</p>}\n\t\t</div>\n\t);\n};\n","import { type PaginationValueProps } from \"../interface/pagination-share.interface\";\n\nexport const FormatPagePagination = ({\n\tpage,\n\ttotal,\n\tsiblings = 1,\n}: PaginationValueProps) => {\n\tconst totalPageNoInArray = 7 + siblings;\n\n\tif (totalPageNoInArray >= total) {\n\t\treturn Array.from({ length: total }, (_, i) => i + 1);\n\t}\n\n\tconst leftSiblingsIndex = Math.max(page - siblings, 1);\n\tconst rightSiblingsIndex = Math.min(page + siblings, total);\n\n\tconst showLeftDots = leftSiblingsIndex > 2;\n\tconst showRightDots = rightSiblingsIndex < total - 2;\n\n\tif (!showLeftDots && showRightDots) {\n\t\tconst leftItemsCount = 3 + 2 * siblings;\n\t\tconst leftRange = Array.from({ length: leftItemsCount }, (_, i) => i + 1);\n\t\treturn [...leftRange, \"...\", total];\n\t} else if (showLeftDots && !showRightDots) {\n\t\tconst rightItemsCount = 3 + 2 * siblings;\n\t\tconst rightRange = Array.from(\n\t\t\t{ length: rightItemsCount },\n\t\t\t(_, i) => total - rightItemsCount + i + 1\n\t\t);\n\t\treturn [1, \"...\", ...rightRange];\n\t} else {\n\t\tconst middleRange = Array.from(\n\t\t\t{ length: rightSiblingsIndex - leftSiblingsIndex + 1 },\n\t\t\t(_, i) => leftSiblingsIndex + i\n\t\t);\n\t\treturn [1, \"...\", ...middleRange, \"...\", total];\n\t}\n};\n\nexport const FormatLimitPagination = (data: number[]) => {\n\treturn data.map((el) => {\n\t\treturn {\n\t\t\tid: el,\n\t\t\tname: el,\n\t\t};\n\t});\n};\n","import { twMerge } from \"tailwind-merge\";\nimport { IoIosArrowBack } from \"react-icons/io\";\nimport { PaginationItem } from \"./pagination-item\";\nimport { type PaginationProps } from \"./interface/pagination.interface\";\nimport { FormatLimitPagination, FormatPagePagination } from \"./function\";\nimport clsx from \"clsx\";\nimport { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue } from \"../ui\";\n\nexport const Pagination = ({\n\tclassName,\n\tcolor = \"primary\",\n\n\ttotal,\n\tlimit = 20,\n\tpage = 1,\n\tsiblings = 1,\n\tisLimitSelect = true,\n\tdataLimit = [10, 15, 20, 50, 100, 200],\n\tonChange,\n\ttranslate = {\n\t\tselectLimit: \"Limites\",\n\t\trowPerPage: \"Filas por pagina\",\n\t\tof: \"de\",\n\t},\n}: PaginationProps) => {\n\tconst totalPagination = Math.ceil(total / limit);\n\n\tconst dataPageFormat = FormatPagePagination({\n\t\tlimit,\n\t\tpage,\n\t\tsiblings,\n\t\ttotal: totalPagination,\n\t});\n\tconst dataLimitFormat = FormatLimitPagination(dataLimit);\n\n\tconst handleChange = (value: number | string | null) => {\n\t\tif (value === \"...\") return;\n\t\tif (onChange)\n\t\t\tonChange({\n\t\t\t\tlimit,\n\t\t\t\tpage: Number(value),\n\t\t\t});\n\t};\n\n\tconst handlePrev = () => {\n\t\tif (page === 1) return;\n\n\t\tif (onChange)\n\t\t\tonChange({\n\t\t\t\tlimit,\n\t\t\t\tpage: page - 1,\n\t\t\t});\n\t};\n\n\tconst handleNext = () => {\n\t\tif (page === totalPagination || totalPagination === 0) return;\n\n\t\tif (onChange)\n\t\t\tonChange({\n\t\t\t\tlimit,\n\t\t\t\tpage: page + 1,\n\t\t\t});\n\t};\n\n\tconst handleChangeSelect = (value: string) => {\n\t\tif (onChange)\n\t\t\tonChange({\n\t\t\t\tpage,\n\t\t\t\tlimit: value ? Number(value) : 20,\n\t\t\t});\n\t};\n\n\treturn (\n\t\t<div className={twMerge(\"flex justify-between gap-x-2 items-center\", className)}>\n\t\t\t{isLimitSelect ? (\n\t\t\t\t<div className=\"flex items-center gap-x-2.5\">\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<span className=\"text-sm text-default-500\">{translate?.rowPerPage || \"Filas por pagina\"}:</span>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<Select value={limit?.toString()} onValueChange={handleChangeSelect}>\n\t\t\t\t\t\t<SelectTrigger className=\"min-w-20\">\n\t\t\t\t\t\t\t<SelectValue placeholder=\"Select limit\" />\n\t\t\t\t\t\t</SelectTrigger>\n\t\t\t\t\t\t<SelectContent>\n\t\t\t\t\t\t\t<SelectGroup>\n\t\t\t\t\t\t\t\t<SelectLabel>{translate?.selectLimit || \"Limites\"}</SelectLabel>\n\t\t\t\t\t\t\t\t{dataLimitFormat.map((item) => (\n\t\t\t\t\t\t\t\t\t<SelectItem key={item.id} value={item.id?.toString()}>\n\t\t\t\t\t\t\t\t\t\t{item.name}\n\t\t\t\t\t\t\t\t\t</SelectItem>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</SelectGroup>\n\t\t\t\t\t\t</SelectContent>\n\t\t\t\t\t</Select>\n\n\t\t\t\t\t<div className=\"text-sm text-default-500\">\n\t\t\t\t\t\t<span className=\"text-default-500\">{`${page} - ${limit}`}</span> {translate?.of || \"de\"}{\" \"}\n\t\t\t\t\t\t<span className=\"text-default-500\">{total}</span>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t) : null}\n\n\t\t\t{totalPagination > 1 && (\n\t\t\t\t<div className=\"flex flex-nowrap h-fit max-w-fit relative items-center overflow-visible gap-0 border border-divider rounded-lg cursor-pointer dark:bg-default-100\">\n\t\t\t\t\t<PaginationItem className={clsx(page === 1 && \"cursor-no-drop\", \"rounded-tl-lg rounded-bl-lg \")} onClick={handlePrev}>\n\t\t\t\t\t\t<IoIosArrowBack className={twMerge(\"fill-default-500\", clsx(page === 1 && \"fill-default-300\"))} />\n\t\t\t\t\t</PaginationItem>\n\n\t\t\t\t\t{dataPageFormat.map((el, i) => (\n\t\t\t\t\t\t<PaginationItem\n\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\ttext={el}\n\t\t\t\t\t\t\tactive={page === el}\n\t\t\t\t\t\t\tcolor={color}\n\t\t\t\t\t\t\tonClick={() => handleChange(el)}\n\t\t\t\t\t\t\tclassName=\"border-l border-divider \"\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\n\t\t\t\t\t<PaginationItem\n\t\t\t\t\t\tclassName={clsx(\n\t\t\t\t\t\t\t\"border-l border-divider rounded-tr-lg rounded-br-lg \",\n\t\t\t\t\t\t\t(page === totalPagination || totalPagination === 0) && \"cursor-no-drop\",\n\t\t\t\t\t\t)}\n\t\t\t\t\t\tonClick={handleNext}\n\t\t\t\t\t>\n\t\t\t\t\t\t<IoIosArrowBack\n\t\t\t\t\t\t\tclassName={twMerge(\n\t\t\t\t\t\t\t\t\"fill-default-500 transform rotate-180 \",\n\t\t\t\t\t\t\t\tclsx((page === totalPagination || totalPagination === 0) && \"fill-default-300\"),\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</PaginationItem>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n","import { useCallback, useState } from \"react\";\nimport { type PaginationHookProps, type UsePaginationProps } from \"../interface/pagination.interface\";\nimport { type PaginationSetValueProps } from \"../interface/pagination-share.interface\";\n\nexport const usePagination = ({ initialPage = 1, initialLimit = 20 }: UsePaginationProps): PaginationHookProps => {\n\tconst [pageCurrent, setPageCurrent] = useState<number>(initialPage);\n\tconst [limitCurrent, setLimitCurrent] = useState<number>(initialLimit);\n\n\tconst handleSetPagination = useCallback(\n\t\t({ page, limit }: PaginationSetValueProps) => {\n\t\t\tif (page !== pageCurrent) setPageCurrent(page);\n\t\t\tif (limit !== limitCurrent) setLimitCurrent(limit);\n\t\t},\n\t\t[limitCurrent, pageCurrent],\n\t);\n\n\treturn {\n\t\thandleSetPagination,\n\t\tpage: pageCurrent,\n\t\tlimit: limitCurrent,\n\t};\n};\n"],"names":["PaginationItem","className","color","active","children","text","onClick","bgClass","clsx","colorClass","twMerge","jsx","FormatPagePagination","page","total","siblings","_","i","leftSiblingsIndex","rightSiblingsIndex","showLeftDots","showRightDots","leftItemsCount","rightItemsCount","FormatLimitPagination","data","el","Pagination","limit","isLimitSelect","dataLimit","onChange","translate","totalPagination","dataPageFormat","dataLimitFormat","handleChange","value","handlePrev","handleNext","handleChangeSelect","jsxs","Select","SelectTrigger","SelectValue","SelectContent","SelectGroup","SelectLabel","item","SelectItem","IoIosArrowBack","usePagination","initialPage","initialLimit","pageCurrent","setPageCurrent","useState","limitCurrent","setLimitCurrent","useCallback"],"mappings":"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"}
|
|
@@ -5,7 +5,7 @@ import { createPortal as gr } from "react-dom";
|
|
|
5
5
|
import { q as br } from "../chunks/floating-ui.dom-DvdgQsph.js";
|
|
6
6
|
import { a as pr, b as fr } from "../chunks/index-DK44x_HP.js";
|
|
7
7
|
import { G as Et } from "../chunks/iconBase-DSKTHwal.js";
|
|
8
|
-
import { C as Ir } from "../chunks/checkbox-
|
|
8
|
+
import { C as Ir } from "../chunks/checkbox-DoMayXNj.js";
|
|
9
9
|
import { twMerge as gn } from "../chunks/bundle-mjs-BcJXDvon.js";
|
|
10
10
|
import { v as mr } from "../chunks/pattern-CdQavADx.js";
|
|
11
11
|
import "../chunks/assertion-CrT8p68K.js";
|
package/dist/table/index.es.js
CHANGED
|
@@ -3,7 +3,7 @@ import m, { useMemo as x, isValidElement as w, createContext as L, useContext as
|
|
|
3
3
|
import { twMerge as j } from "../chunks/bundle-mjs-BcJXDvon.js";
|
|
4
4
|
import { T as O } from "../chunks/tooltip-Dr3-8t1q.js";
|
|
5
5
|
import { c as P } from "../chunks/clsx-OuTLNxxd.js";
|
|
6
|
-
import { C as A } from "../chunks/checkbox-
|
|
6
|
+
import { C as A } from "../chunks/checkbox-DoMayXNj.js";
|
|
7
7
|
import { v as E } from "../chunks/v4-CKZ6klMF.js";
|
|
8
8
|
import { A as _, L as q } from "../chunks/index-DC9BfnBH.js";
|
|
9
9
|
const B = m.memo(({ children: t, className: r, ...s }) => {
|
|
@@ -1,12 +1,10 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../chunks/jsx-runtime-BjzqJBtL.js"),f=require("react"),qe=require("react-dom"),pe=require("../chunks/clsx-C11secjj.js"),l=require("../chunks/styled-components.browser.esm-DwaG9BxE.js");function Le(e){var t=e.angle,r=t===void 0?0:t,i=e.name,o=e.length,a=o===void 0?100:o,u=e.oppositeLength,c=u===void 0?10:u,d=e.width,h=d===void 0?1:d;return s.jsxRuntimeExports.jsx("div",{className:"react-clock__hand react-clock__".concat(i,"-hand"),style:{transform:"rotate(".concat(r,"deg)")},children:s.jsxRuntimeExports.jsx("div",{className:"react-clock__hand__body react-clock__".concat(i,"-hand__body"),style:{width:"".concat(h,"px"),top:"".concat(50-a/2,"%"),bottom:"".concat(50-c/2,"%")}})})}var Ce=f.memo(function(t){var r=t.angle,i=r===void 0?0:r,o=t.length,a=o===void 0?10:o,u=t.name,c=t.width,d=c===void 0?1:c;return s.jsxRuntimeExports.jsx("div",{className:"react-clock__mark react-clock__".concat(u,"-mark"),style:{transform:"rotate(".concat(i,"deg)")},children:s.jsxRuntimeExports.jsx("div",{className:"react-clock__mark__body react-clock__".concat(u,"-mark__body"),style:{width:"".concat(d,"px"),top:0,bottom:"".concat(100-a/2,"%")}})})}),Ge=f.memo(function(t){var r=t.angle,i=r===void 0?0:r,o=t.length,a=o===void 0?10:o,u=t.name,c=t.number;return s.jsxRuntimeExports.jsx("div",{className:"react-clock__mark react-clock__".concat(u,"-mark"),style:{transform:"rotate(".concat(i,"deg)")},children:s.jsxRuntimeExports.jsx("div",{className:"react-clock__mark__number",style:{transform:"rotate(-".concat(i,"deg)"),top:"".concat(a/2,"%")},children:c})})});function Ue(e,t){return t.toLocaleString(e||l.getUserLocale()||void 0)}function Be(e){return e!==null&&e!==!1&&!Number.isNaN(Number(e))}function Te(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return Math.max.apply(Math,e.filter(Be))}function Je(e){var t=e.className,r=e.formatHour,i=r===void 0?Ue:r,o=e.hourHandLength,a=o===void 0?50:o,u=e.hourHandOppositeLength,c=e.hourHandWidth,d=c===void 0?4:c,h=e.hourMarksLength,_=h===void 0?10:h,b=e.hourMarksWidth,w=b===void 0?3:b,H=e.locale,S=e.minuteHandLength,A=S===void 0?70:S,v=e.minuteHandOppositeLength,C=e.minuteHandWidth,Z=C===void 0?2:C,O=e.minuteMarksLength,ne=O===void 0?6:O,B=e.minuteMarksWidth,T=B===void 0?1:B,K=e.renderHourMarks,F=K===void 0?!0:K,M=e.renderMinuteHand,q=M===void 0?!0:M,W=e.renderMinuteMarks,J=W===void 0?!0:W,Q=e.renderNumbers,re=e.renderSecondHand,X=re===void 0?!0:re,D=e.secondHandLength,oe=D===void 0?90:D,se=e.secondHandOppositeLength,z=e.secondHandWidth,Y=z===void 0?1:z,G=e.size,E=G===void 0?150:G,P=e.useMillisecondPrecision,x=e.value;function ie(){if(!J)return null;for(var j=[],k=1;k<=60;k+=1){var te=F&&!(k%5);te||j.push(s.jsxRuntimeExports.jsx(Ce,{angle:k*6,length:ne,name:"minute",width:T},"minute_".concat(k)))}return j}function ue(){if(!F)return null;for(var j=[],k=1;k<=12;k+=1)j.push(s.jsxRuntimeExports.jsx(Ce,{angle:k*30,length:_,name:"hour",width:w},"hour_".concat(k)));return j}function I(){if(!Q)return null;for(var j=[],k=1;k<=12;k+=1)j.push(s.jsxRuntimeExports.jsx(Ge,{angle:k*30,length:Te(F&&_,J&&ne,0),name:"number",number:i(H,k)},"number_".concat(k)));return j}function le(){return s.jsxRuntimeExports.jsxs("div",{className:"react-clock__face",children:[ie(),ue(),I()]})}function ae(){var j=x?l.getHours(x)*30+l.getMinutes(x)/2+l.getSeconds(x)/120+(P?l.getMilliseconds(x)/12e4:0):0;return s.jsxRuntimeExports.jsx(Le,{angle:j,length:a,name:"hour",oppositeLength:u,width:d})}function de(){if(!q)return null;var j=x?l.getHours(x)*360+l.getMinutes(x)*6+l.getSeconds(x)/10+(P?l.getMilliseconds(x)/1e4:0):0;return s.jsxRuntimeExports.jsx(Le,{angle:j,length:A,name:"minute",oppositeLength:v,width:Z})}function ee(){if(!X)return null;var j=x?l.getMinutes(x)*360+l.getSeconds(x)*6+(P?l.getMilliseconds(x)*.006:0):0;return s.jsxRuntimeExports.jsx(Le,{angle:j,length:oe,name:"second",oppositeLength:se,width:Y})}return s.jsxRuntimeExports.jsxs("time",{className:pe.clsx("react-clock",t),dateTime:x instanceof Date?x.toLocaleTimeString("en",{hourCycle:"h23",hour:"2-digit",minute:q?"2-digit":void 0,second:X?"2-digit":void 0}):x||void 0,style:{width:E,height:E},children:[le(),ae(),de(),ee()]})}function Qe({children:e}){return s.jsxRuntimeExports.jsx("span",{className:"react-time-picker__inputGroup__divider",children:e})}function Me(e,t){let r=Number(e);return t==="am"&&r===12?r=0:t==="pm"&&r<12&&(r+=12),r}function ce(e){return[Number(e)%12||12,Number(e)<12?"am":"pm"]}const Re=new Map;function Ae(e){return function(r,i){const o=r||l.getUserLocale();Re.has(o)||Re.set(o,new Map);const a=Re.get(o);return a.has(e)||a.set(e,new Intl.DateTimeFormat(o||void 0,e).format),a.get(e)(i)}}const He=new Map;function Xe(e){return(t,r)=>{const i=t||l.getUserLocale();He.has(i)||He.set(i,new Map);const o=He.get(i);return o.has(e)||o.set(e,new Intl.NumberFormat(i||void 0,e).format),o.get(e)(r)}}const Ye=["9","٩"],Ie=new RegExp(`[${Ye.join("")}]`),Fe=Ae({hour:"numeric"});function Oe(e){const t=Fe(e,new Date(2017,0,1,9)),r=Fe(e,new Date(2017,0,1,21)),[i,o]=t.split(Ie),[a,u]=r.split(Ie);if(u!==void 0){if(i!==a)return[i,a].map(c=>c.trim());if(o!==u)return[o,u].map(c=>c.trim())}return["AM","PM"]}function We(e){return e!==null&&e!==!1&&!Number.isNaN(Number(e))}function be(...e){return Math.min(...e.filter(We))}function ke(...e){return Math.max(...e.filter(We))}function et({ariaLabel:e,autoFocus:t,className:r,disabled:i,inputRef:o,locale:a,maxTime:u,minTime:c,onChange:d,onKeyDown:h,required:_,value:b}){const w=c?ce(l.getHours(c))[1]==="pm":!1,H=u?ce(l.getHours(u))[1]==="am":!1,S="amPm",[A,v]=Oe(a);return s.jsxRuntimeExports.jsxs("select",{"aria-label":e,autoFocus:t,className:pe.clsx(`${r}__input`,`${r}__${S}`),"data-input":"true","data-select":"true",disabled:i,name:S,onChange:d,onKeyDown:h,ref:o,required:_,value:b!==null?b:"",children:[!b&&s.jsxRuntimeExports.jsx("option",{value:"",children:"--"}),s.jsxRuntimeExports.jsx("option",{disabled:w,value:"am",children:A}),s.jsxRuntimeExports.jsx("option",{disabled:H,value:"pm",children:v})]})}const Se=typeof window<"u",tt=Se?f.useLayoutEffect:f.useEffect,nt=Se&&/(MSIE|Trident\/|Edge\/)/.test(navigator.userAgent),rt=Se&&/Firefox/.test(navigator.userAgent);function ot(e){const{target:t}=e;nt?requestAnimationFrame(()=>t.select()):t.select()}function st(e){if(document.readyState==="complete")return;function t(){l.updateInputWidth(e)}window.addEventListener("load",t)}function it(e){if(!document.fonts)return;const t=l.getFontShorthand(e);if(!t||document.fonts.check(t))return;function i(){l.updateInputWidth(e)}document.fonts.addEventListener("loadingdone",i)}function ut(e){if(e&&"selectionStart"in e&&e.selectionStart!==null&&"selectionEnd"in e&&e.selectionEnd!==null)return e.value.slice(e.selectionStart,e.selectionEnd);if("getSelection"in window){const t=window.getSelection();return t?.toString()}return null}function at(e){if(e!==null)return function(r){if(rt)return;const{key:i,target:o}=r,{value:a}=o,u=i.length===1&&/\d/.test(i),c=ut(o);(!u||!(c||a.length<e))&&r.preventDefault()}}function ve({ariaLabel:e,autoFocus:t,className:r,disabled:i,inputRef:o,max:a,min:u,name:c,nameForClass:d,onChange:h,onKeyDown:_,onKeyUp:b,placeholder:w="--",required:H,showLeadingZeros:S,step:A,value:v}){tt(()=>{!o||!o.current||(l.updateInputWidth(o.current),st(o.current),it(o.current))},[o,v]);const C=S&&v&&Number(v)<10&&(v==="0"||!v.toString().startsWith("0")),Z=a?a.toString().length:null;return s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[C?s.jsxRuntimeExports.jsx("span",{className:`${r}__leadingZero`,children:"0"}):null,s.jsxRuntimeExports.jsx("input",{"aria-label":e,autoComplete:"off",autoFocus:t,className:pe.clsx(`${r}__input`,`${r}__${d||c}`,C&&`${r}__input--hasLeadingZero`),"data-input":"true",disabled:i,inputMode:"numeric",max:a,min:u,name:c,onChange:h,onFocus:ot,onKeyDown:_,onKeyPress:at(Z),onKeyUp:O=>{l.updateInputWidth(O.target),b&&b(O)},placeholder:w,ref:o,required:H,step:A,type:"number",value:v!==null?v:""})]})}function ct({amPm:e,maxTime:t,minTime:r,value:i,...o}){const a=be(12,t&&(()=>{const[d,h]=ce(l.getHours(t));return h!==e?null:d})()),u=ke(1,r&&(()=>{const[d,h]=ce(l.getHours(r));return h!==e||d===12?null:d})()),c=i?ce(i)[0].toString():"";return s.jsxRuntimeExports.jsx(ve,{max:a,min:u,name:"hour12",nameForClass:"hour",value:c,...o})}function lt({maxTime:e,minTime:t,...r}){const i=be(23,e&&l.getHours(e)),o=ke(0,t&&l.getHours(t));return s.jsxRuntimeExports.jsx(ve,{max:i,min:o,name:"hour24",nameForClass:"hour",...r})}function dt({hour:e,maxTime:t,minTime:r,showLeadingZeros:i=!0,...o}){function a(d){return e===l.getHours(d).toString()}const u=be(59,t&&a(t)&&l.getMinutes(t)),c=ke(0,r&&a(r)&&l.getMinutes(r));return s.jsxRuntimeExports.jsx(ve,{max:u,min:c,name:"minute",showLeadingZeros:i,...o})}function mt({ariaLabel:e,disabled:t,maxTime:r,minTime:i,name:o,onChange:a,required:u,value:c,valueType:d}){const h=(()=>{switch(d){case"hour":return w=>`${l.getHours(w)}:00`;case"minute":return l.getHoursMinutes;case"second":return l.getHoursMinutesSeconds;default:throw new Error("Invalid valueType")}})(),_=(()=>{switch(d){case"hour":return 3600;case"minute":return 60;case"second":return 1;default:throw new Error("Invalid valueType")}})();function b(w){w.stopPropagation()}return s.jsxRuntimeExports.jsx("input",{"aria-label":e,disabled:t,hidden:!0,max:r?h(r):void 0,min:i?h(i):void 0,name:o,onChange:a,onFocus:b,required:u,step:_,style:{visibility:"hidden",position:"absolute",zIndex:"-999"},type:"time",value:c?h(c):""})}function pt({hour:e,maxTime:t,minTime:r,minute:i,showLeadingZeros:o=!0,...a}){function u(h){return e===l.getHours(h).toString()&&i===l.getMinutes(h).toString()}const c=be(59,t&&u(t)&&l.getSeconds(t)),d=ke(0,r&&u(r)&&l.getSeconds(r));return s.jsxRuntimeExports.jsx(ve,{max:c,min:d,name:"second",showLeadingZeros:o,...a})}const Pe={},ft=["hour","minute","second"];function ht(e){return e.dataset.input==="true"}function $e(e,t){let r=e;do r=r[t];while(r&&!ht(r));return r}function Ne(e){e&&e.focus()}function gt(e,t,r){const i=[],o=new RegExp(Object.keys(t).map(u=>`${u}+`).join("|"),"g"),a=e.match(o);return e.split(o).reduce((u,c,d)=>{const h=c&&s.jsxRuntimeExports.jsx(Qe,{children:c},`separator_${d}`);u.push(h);const _=a?.[d];if(_){const b=t[_]||t[Object.keys(t).find(w=>_.match(w))];if(!b)return u;!r&&i.includes(b)?u.push(_):(u.push(b(_,d)),i.push(b))}return u},[])}const xe=Xe({useGrouping:!1});function xt({amPmAriaLabel:e,autoFocus:t,className:r,disabled:i,format:o,hourAriaLabel:a,hourPlaceholder:u,isClockOpen:c=null,locale:d,maxDetail:h="minute",maxTime:_,minTime:b,minuteAriaLabel:w,minutePlaceholder:H,name:S="time",nativeInputAriaLabel:A,onChange:v,onInvalidChange:C,required:Z,secondAriaLabel:O,secondPlaceholder:ne,value:B}){const[T,K]=f.useState(null),[F,M]=f.useState(null),[q,W]=f.useState(null),[J,Q]=f.useState(null),[re,X]=f.useState(null),D=f.useRef(null),oe=f.useRef(null),se=f.useRef(null),z=f.useRef(null),Y=f.useRef(null),[G,E]=f.useState(c),P=f.useRef(void 0);f.useEffect(()=>{E(c)},[c]),f.useEffect(()=>{const n=B;n?(K(ce(l.getHours(n))[1]),M(l.getHours(n).toString()),W(l.getMinutes(n).toString()),Q(l.getSeconds(n).toString()),X(n)):(K(null),M(null),W(null),Q(null),X(null))},[B,b,_,h,G]);const x=h,ie=(()=>{const n=ft.indexOf(h),m=Pe[n]||(()=>{const p={hour:"numeric"};return n>=1&&(p.minute="numeric"),n>=2&&(p.second="numeric"),Pe[n]=p,p})();return Ae(m)})();function ue(n){return(()=>{switch(x){case"hour":case"minute":return l.getHoursMinutes;case"second":return l.getHoursMinutesSeconds;default:throw new Error("Invalid valueType")}})()(n)}const I=o||(()=>{const we=new Date(2017,0,1,21,13,14);return ie(d,we).replace(xe(d,9),"h").replace(xe(d,21),"H").replace(xe(d,13),"mm").replace(xe(d,14),"ss").replace(new RegExp(Oe(d).join("|")),"a")})(),le=(()=>{const n=I.match(/[^0-9a-z]/i);return n?n[0]:null})();function ae(n){if(n.target===n.currentTarget){const m=n.target.children[1];Ne(m)}}function de(n){switch(P.current=n.key,n.key){case"ArrowLeft":case"ArrowRight":case le:{n.preventDefault();const{target:m}=n,p=n.key==="ArrowLeft"?"previousElementSibling":"nextElementSibling",N=$e(m,p);Ne(N);break}}}function ee(n){const{key:m,target:p}=n;if(!(P.current===m)||!!Number.isNaN(Number(m)))return;const me=p.getAttribute("max");if(!me)return;const{value:ge}=p;if(Number(ge)*10>Number(me)||ge.length>=me.length){const Ee=$e(p,"nextElementSibling");Ne(Ee)}}function j(){if(!v)return;function n(y){return!!y}const m=[D.current,oe.current,se.current,z.current,Y.current].filter(n),p=m.slice(1),N={};for(const y of m)N[y.name]=y.type==="number"?y.valueAsNumber:y.value;if(p.every(y=>!y.value)){v(null,!1);return}const me=m.every(y=>y.value),ge=m.every(y=>y.validity.valid);if(me&&ge){const y=Number(N.hour24||N.hour12&&N.amPm&&Me(N.hour12,N.amPm)||0),Ee=Number(N.minute||0),ze=Number(N.second||0),ye=Ke=>`0${Ke}`.slice(-2),Ve=`${ye(y)}:${ye(Ee)}:${ye(ze)}`,Ze=ue(Ve);v(Ze,!1);return}C&&C()}function k(n){const{name:m,value:p}=n.target;switch(m){case"amPm":K(p);break;case"hour12":M(p?Me(p,T||"am").toString():"");break;case"hour24":M(p);break;case"minute":W(p);break;case"second":Q(p);break}j()}function te(n){const{value:m}=n.target;if(!v)return;v(m||null,!1)}const V={className:r,disabled:i,maxTime:_,minTime:b,onChange:k,onKeyDown:de,onKeyUp:ee,required:!!(Z||G)};function _e(n,m){if(n&&n.length>2)throw new Error(`Unsupported token: ${n}`);const p=n?n.length===2:!1;return s.jsxRuntimeExports.jsx(ct,{...V,amPm:T,ariaLabel:a,autoFocus:m===0&&t,inputRef:oe,placeholder:u,showLeadingZeros:p,value:F},"hour12")}function je(n,m){if(n&&n.length>2)throw new Error(`Unsupported token: ${n}`);const p=n?n.length===2:!1;return s.jsxRuntimeExports.jsx(lt,{...V,ariaLabel:a,autoFocus:m===0&&t,inputRef:se,placeholder:u,showLeadingZeros:p,value:F},"hour24")}function fe(n,m){return/h/.test(n)?_e(n,m):je(n,m)}function g(n,m){if(n&&n.length>2)throw new Error(`Unsupported token: ${n}`);const p=n?n.length===2:!1;return s.jsxRuntimeExports.jsx(dt,{...V,ariaLabel:w,autoFocus:m===0&&t,hour:F,inputRef:z,placeholder:H,showLeadingZeros:p,value:q},"minute")}function L(n,m){if(n&&n.length>2)throw new Error(`Unsupported token: ${n}`);const p=n?n.length===2:!0;return s.jsxRuntimeExports.jsx(pt,{...V,ariaLabel:O,autoFocus:m===0&&t,hour:F,inputRef:Y,minute:q,placeholder:ne,showLeadingZeros:p,value:J},"second")}function $(n,m){return s.jsxRuntimeExports.jsx(et,{...V,ariaLabel:e,autoFocus:m===0&&t,inputRef:D,locale:d,onChange:k,value:T},"ampm")}function U(){return gt(I,{h:fe,H:fe,m:g,s:L,a:$},typeof o<"u")}function he(){return s.jsxRuntimeExports.jsx(mt,{ariaLabel:A,disabled:i,maxTime:_,minTime:b,name:S,onChange:te,required:Z,value:re,valueType:x},"time")}return s.jsxRuntimeExports.jsxs("div",{className:r,onClick:ae,children:[he(),U()]})}const R="react-time-picker",bt=["mousedown","focusin","touchstart"],De={xmlns:"http://www.w3.org/2000/svg",width:19,height:19,viewBox:"0 0 19 19",stroke:"black",strokeWidth:2},kt=s.jsxRuntimeExports.jsxs("svg",{...De,"aria-hidden":"true",className:`${R}__clock-button__icon ${R}__button__icon`,fill:"none",children:[s.jsxRuntimeExports.jsx("circle",{cx:"9.5",cy:"9.5",r:"7.5"}),s.jsxRuntimeExports.jsx("path",{d:"M9.5 4.5 v5 h4"})]}),vt=s.jsxRuntimeExports.jsxs("svg",{...De,"aria-hidden":"true",className:`${R}__clear-button__icon ${R}__button__icon`,children:[s.jsxRuntimeExports.jsx("line",{x1:"4",x2:"15",y1:"4",y2:"15"}),s.jsxRuntimeExports.jsx("line",{x1:"15",x2:"4",y1:"4",y2:"15"})]});function _t(e){const{amPmAriaLabel:t,autoFocus:r,className:i,clearAriaLabel:o,clearIcon:a=vt,clockAriaLabel:u,clockIcon:c=kt,closeClock:d=!0,"data-testid":h,hourAriaLabel:_,hourPlaceholder:b,disableClock:w,disabled:H,format:S,id:A,isOpen:v=null,locale:C,maxTime:Z,maxDetail:O="minute",minTime:ne,minuteAriaLabel:B,minutePlaceholder:T,name:K="time",nativeInputAriaLabel:F,onClockClose:M,onClockOpen:q,onChange:W,onFocus:J,onInvalidChange:Q,openClockOnFocus:re=!0,required:X,value:D,secondAriaLabel:oe,secondPlaceholder:se,shouldCloseClock:z,shouldOpenClock:Y,...G}=e,[E,P]=f.useState(v),x=f.useRef(null),ie=f.useRef(null);f.useEffect(()=>{P(v)},[v]);function ue({reason:g}){Y&&!Y({reason:g})||(P(!0),q&&q())}const I=f.useCallback(({reason:g})=>{z&&!z({reason:g})||(P(!1),M&&M())},[M,z]);function le(){E?I({reason:"buttonClick"}):ue({reason:"buttonClick"})}function ae(g,L=d){L&&I({reason:"select"}),W&&W(g)}function de(g){J&&J(g),!(H||E||!re||g.target.dataset.select==="true")&&ue({reason:"focus"})}const ee=f.useCallback(g=>{g.key==="Escape"&&I({reason:"escape"})},[I]);function j(){ae(null)}function k(g){g.stopPropagation()}const te=f.useCallback(g=>{const{current:L}=x,{current:$}=ie,U="composedPath"in g?g.composedPath()[0]:g.target;U&&L&&!L.contains(U)&&(!$||!$.contains(U))&&I({reason:"outsideAction"})},[I]),V=f.useCallback((g=E)=>{for(const L of bt)g?document.addEventListener(L,te):document.removeEventListener(L,te);g?document.addEventListener("keydown",ee):document.removeEventListener("keydown",ee)},[E,te,ee]);f.useEffect(()=>(V(),()=>{V(!1)}),[V]);function _e(){const[g]=Array.isArray(D)?D:[D],L={amPmAriaLabel:t,hourAriaLabel:_,minuteAriaLabel:B,nativeInputAriaLabel:F,secondAriaLabel:oe},$={hourPlaceholder:b,minutePlaceholder:T,secondPlaceholder:se};return s.jsxRuntimeExports.jsxs("div",{className:`${R}__wrapper`,children:[s.jsxRuntimeExports.jsx(xt,{...L,...$,autoFocus:r,className:`${R}__inputGroup`,disabled:H,format:S,isClockOpen:E,locale:C,maxDetail:O,maxTime:Z,minTime:ne,name:K,onChange:ae,onInvalidChange:Q,required:X,value:g}),a!==null&&s.jsxRuntimeExports.jsx("button",{"aria-label":o,className:`${R}__clear-button ${R}__button`,disabled:H,onClick:j,onFocus:k,type:"button",children:typeof a=="function"?f.createElement(a):a}),c!==null&&!w&&s.jsxRuntimeExports.jsx("button",{"aria-expanded":E||!1,"aria-label":u,className:`${R}__clock-button ${R}__button`,disabled:H,onClick:le,onFocus:k,type:"button",children:typeof c=="function"?f.createElement(c):c})]})}function je(){if(E===null||w)return null;const{clockProps:g,portalContainer:L,value:$}=e,U=`${R}__clock`,he=pe.clsx(U,`${U}--${E?"open":"closed"}`),[n]=Array.isArray($)?$:[$],m=s.jsxRuntimeExports.jsx(Je,{locale:C,value:n,...g});return L?qe.createPortal(s.jsxRuntimeExports.jsx("div",{ref:ie,className:he,children:m}),L):s.jsxRuntimeExports.jsx(l.Fit,{children:s.jsxRuntimeExports.jsx("div",{ref:p=>{p&&!E&&p.removeAttribute("style")},className:he,children:m})})}const fe=f.useMemo(()=>l.makeEventProps(G),[G]);return s.jsxRuntimeExports.jsxs("div",{className:pe.clsx(R,`${R}--${E?"open":"closed"}`,`${R}--${H?"disabled":"enabled"}`,i),"data-testid":h,id:A,...fe,onFocus:de,ref:x,children:[_e(),je()]})}const jt=l.dt.div`
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../chunks/jsx-runtime-BjzqJBtL.js"),p=require("react"),Ke=require("react-dom"),pe=require("../chunks/clsx-C11secjj.js"),l=require("../chunks/styled-components.browser.esm-DwaG9BxE.js"),Ge=require("../chunks/utils-BRdagWxe.js");require("../chunks/textarea-ZUAx_MBk.js");const Ue=require("../chunks/label-error-01rbhr3C.js");require("../chunks/button-CuSv0p75.js");function Le(e){var t=e.angle,n=t===void 0?0:t,i=e.name,s=e.length,u=s===void 0?100:s,a=e.oppositeLength,c=a===void 0?10:a,d=e.width,h=d===void 0?1:d;return o.jsxRuntimeExports.jsx("div",{className:"react-clock__hand react-clock__".concat(i,"-hand"),style:{transform:"rotate(".concat(n,"deg)")},children:o.jsxRuntimeExports.jsx("div",{className:"react-clock__hand__body react-clock__".concat(i,"-hand__body"),style:{width:"".concat(h,"px"),top:"".concat(50-u/2,"%"),bottom:"".concat(50-c/2,"%")}})})}var Ce=p.memo(function(t){var n=t.angle,i=n===void 0?0:n,s=t.length,u=s===void 0?10:s,a=t.name,c=t.width,d=c===void 0?1:c;return o.jsxRuntimeExports.jsx("div",{className:"react-clock__mark react-clock__".concat(a,"-mark"),style:{transform:"rotate(".concat(i,"deg)")},children:o.jsxRuntimeExports.jsx("div",{className:"react-clock__mark__body react-clock__".concat(a,"-mark__body"),style:{width:"".concat(d,"px"),top:0,bottom:"".concat(100-u/2,"%")}})})}),Be=p.memo(function(t){var n=t.angle,i=n===void 0?0:n,s=t.length,u=s===void 0?10:s,a=t.name,c=t.number;return o.jsxRuntimeExports.jsx("div",{className:"react-clock__mark react-clock__".concat(a,"-mark"),style:{transform:"rotate(".concat(i,"deg)")},children:o.jsxRuntimeExports.jsx("div",{className:"react-clock__mark__number",style:{transform:"rotate(-".concat(i,"deg)"),top:"".concat(u/2,"%")},children:c})})});function Te(e,t){return t.toLocaleString(e||l.getUserLocale()||void 0)}function Je(e){return e!==null&&e!==!1&&!Number.isNaN(Number(e))}function Qe(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return Math.max.apply(Math,e.filter(Je))}function Xe(e){var t=e.className,n=e.formatHour,i=n===void 0?Te:n,s=e.hourHandLength,u=s===void 0?50:s,a=e.hourHandOppositeLength,c=e.hourHandWidth,d=c===void 0?4:c,h=e.hourMarksLength,v=h===void 0?10:h,g=e.hourMarksWidth,j=g===void 0?3:g,y=e.locale,w=e.minuteHandLength,M=w===void 0?70:w,b=e.minuteHandOppositeLength,H=e.minuteHandWidth,$=H===void 0?2:H,C=e.minuteMarksLength,A=C===void 0?6:C,T=e.minuteMarksWidth,J=T===void 0?1:T,K=e.renderHourMarks,O=K===void 0?!0:K,F=e.renderMinuteHand,G=F===void 0?!0:F,q=e.renderMinuteMarks,Q=q===void 0?!0:q,X=e.renderNumbers,re=e.renderSecondHand,Y=re===void 0?!0:re,z=e.secondHandLength,oe=z===void 0?90:z,se=e.secondHandOppositeLength,V=e.secondHandWidth,ee=V===void 0?1:V,U=e.size,L=U===void 0?150:U,W=e.useMillisecondPrecision,k=e.value;function ie(){if(!Q)return null;for(var E=[],_=1;_<=60;_+=1){var ne=O&&!(_%5);ne||E.push(o.jsxRuntimeExports.jsx(Ce,{angle:_*6,length:A,name:"minute",width:J},"minute_".concat(_)))}return E}function ue(){if(!O)return null;for(var E=[],_=1;_<=12;_+=1)E.push(o.jsxRuntimeExports.jsx(Ce,{angle:_*30,length:v,name:"hour",width:j},"hour_".concat(_)));return E}function P(){if(!X)return null;for(var E=[],_=1;_<=12;_+=1)E.push(o.jsxRuntimeExports.jsx(Be,{angle:_*30,length:Qe(O&&v,Q&&A,0),name:"number",number:i(y,_)},"number_".concat(_)));return E}function le(){return o.jsxRuntimeExports.jsxs("div",{className:"react-clock__face",children:[ie(),ue(),P()]})}function ae(){var E=k?l.getHours(k)*30+l.getMinutes(k)/2+l.getSeconds(k)/120+(W?l.getMilliseconds(k)/12e4:0):0;return o.jsxRuntimeExports.jsx(Le,{angle:E,length:u,name:"hour",oppositeLength:a,width:d})}function de(){if(!G)return null;var E=k?l.getHours(k)*360+l.getMinutes(k)*6+l.getSeconds(k)/10+(W?l.getMilliseconds(k)/1e4:0):0;return o.jsxRuntimeExports.jsx(Le,{angle:E,length:M,name:"minute",oppositeLength:b,width:$})}function te(){if(!Y)return null;var E=k?l.getMinutes(k)*360+l.getSeconds(k)*6+(W?l.getMilliseconds(k)*.006:0):0;return o.jsxRuntimeExports.jsx(Le,{angle:E,length:oe,name:"second",oppositeLength:se,width:ee})}return o.jsxRuntimeExports.jsxs("time",{className:pe.clsx("react-clock",t),dateTime:k instanceof Date?k.toLocaleTimeString("en",{hourCycle:"h23",hour:"2-digit",minute:G?"2-digit":void 0,second:Y?"2-digit":void 0}):k||void 0,style:{width:L,height:L},children:[le(),ae(),de(),te()]})}function Ye({children:e}){return o.jsxRuntimeExports.jsx("span",{className:"react-time-picker__inputGroup__divider",children:e})}function Ie(e,t){let n=Number(e);return t==="am"&&n===12?n=0:t==="pm"&&n<12&&(n+=12),n}function ce(e){return[Number(e)%12||12,Number(e)<12?"am":"pm"]}const Re=new Map;function Ae(e){return function(n,i){const s=n||l.getUserLocale();Re.has(s)||Re.set(s,new Map);const u=Re.get(s);return u.has(e)||u.set(e,new Intl.DateTimeFormat(s||void 0,e).format),u.get(e)(i)}}const He=new Map;function et(e){return(t,n)=>{const i=t||l.getUserLocale();He.has(i)||He.set(i,new Map);const s=He.get(i);return s.has(e)||s.set(e,new Intl.NumberFormat(i||void 0,e).format),s.get(e)(n)}}const tt=["9","٩"],Me=new RegExp(`[${tt.join("")}]`),Fe=Ae({hour:"numeric"});function Oe(e){const t=Fe(e,new Date(2017,0,1,9)),n=Fe(e,new Date(2017,0,1,21)),[i,s]=t.split(Me),[u,a]=n.split(Me);if(a!==void 0){if(i!==u)return[i,u].map(c=>c.trim());if(s!==a)return[s,a].map(c=>c.trim())}return["AM","PM"]}function We(e){return e!==null&&e!==!1&&!Number.isNaN(Number(e))}function be(...e){return Math.min(...e.filter(We))}function ke(...e){return Math.max(...e.filter(We))}function nt({ariaLabel:e,autoFocus:t,className:n,disabled:i,inputRef:s,locale:u,maxTime:a,minTime:c,onChange:d,onKeyDown:h,required:v,value:g}){const j=c?ce(l.getHours(c))[1]==="pm":!1,y=a?ce(l.getHours(a))[1]==="am":!1,w="amPm",[M,b]=Oe(u);return o.jsxRuntimeExports.jsxs("select",{"aria-label":e,autoFocus:t,className:pe.clsx(`${n}__input`,`${n}__${w}`),"data-input":"true","data-select":"true",disabled:i,name:w,onChange:d,onKeyDown:h,ref:s,required:v,value:g!==null?g:"",children:[!g&&o.jsxRuntimeExports.jsx("option",{value:"",children:"--"}),o.jsxRuntimeExports.jsx("option",{disabled:j,value:"am",children:M}),o.jsxRuntimeExports.jsx("option",{disabled:y,value:"pm",children:b})]})}const Se=typeof window<"u",rt=Se?p.useLayoutEffect:p.useEffect,ot=Se&&/(MSIE|Trident\/|Edge\/)/.test(navigator.userAgent),st=Se&&/Firefox/.test(navigator.userAgent);function it(e){const{target:t}=e;ot?requestAnimationFrame(()=>t.select()):t.select()}function ut(e){if(document.readyState==="complete")return;function t(){l.updateInputWidth(e)}window.addEventListener("load",t)}function at(e){if(!document.fonts)return;const t=l.getFontShorthand(e);if(!t||document.fonts.check(t))return;function i(){l.updateInputWidth(e)}document.fonts.addEventListener("loadingdone",i)}function ct(e){if(e&&"selectionStart"in e&&e.selectionStart!==null&&"selectionEnd"in e&&e.selectionEnd!==null)return e.value.slice(e.selectionStart,e.selectionEnd);if("getSelection"in window){const t=window.getSelection();return t?.toString()}return null}function lt(e){if(e!==null)return function(n){if(st)return;const{key:i,target:s}=n,{value:u}=s,a=i.length===1&&/\d/.test(i),c=ct(s);(!a||!(c||u.length<e))&&n.preventDefault()}}function ve({ariaLabel:e,autoFocus:t,className:n,disabled:i,inputRef:s,max:u,min:a,name:c,nameForClass:d,onChange:h,onKeyDown:v,onKeyUp:g,placeholder:j="--",required:y,showLeadingZeros:w,step:M,value:b}){rt(()=>{!s||!s.current||(l.updateInputWidth(s.current),ut(s.current),at(s.current))},[s,b]);const H=w&&b&&Number(b)<10&&(b==="0"||!b.toString().startsWith("0")),$=u?u.toString().length:null;return o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[H?o.jsxRuntimeExports.jsx("span",{className:`${n}__leadingZero`,children:"0"}):null,o.jsxRuntimeExports.jsx("input",{"aria-label":e,autoComplete:"off",autoFocus:t,className:pe.clsx(`${n}__input`,`${n}__${d||c}`,H&&`${n}__input--hasLeadingZero`),"data-input":"true",disabled:i,inputMode:"numeric",max:u,min:a,name:c,onChange:h,onFocus:it,onKeyDown:v,onKeyPress:lt($),onKeyUp:C=>{l.updateInputWidth(C.target),g&&g(C)},placeholder:j,ref:s,required:y,step:M,type:"number",value:b!==null?b:""})]})}function dt({amPm:e,maxTime:t,minTime:n,value:i,...s}){const u=be(12,t&&(()=>{const[d,h]=ce(l.getHours(t));return h!==e?null:d})()),a=ke(1,n&&(()=>{const[d,h]=ce(l.getHours(n));return h!==e||d===12?null:d})()),c=i?ce(i)[0].toString():"";return o.jsxRuntimeExports.jsx(ve,{max:u,min:a,name:"hour12",nameForClass:"hour",value:c,...s})}function mt({maxTime:e,minTime:t,...n}){const i=be(23,e&&l.getHours(e)),s=ke(0,t&&l.getHours(t));return o.jsxRuntimeExports.jsx(ve,{max:i,min:s,name:"hour24",nameForClass:"hour",...n})}function pt({hour:e,maxTime:t,minTime:n,showLeadingZeros:i=!0,...s}){function u(d){return e===l.getHours(d).toString()}const a=be(59,t&&u(t)&&l.getMinutes(t)),c=ke(0,n&&u(n)&&l.getMinutes(n));return o.jsxRuntimeExports.jsx(ve,{max:a,min:c,name:"minute",showLeadingZeros:i,...s})}function ft({ariaLabel:e,disabled:t,maxTime:n,minTime:i,name:s,onChange:u,required:a,value:c,valueType:d}){const h=(()=>{switch(d){case"hour":return j=>`${l.getHours(j)}:00`;case"minute":return l.getHoursMinutes;case"second":return l.getHoursMinutesSeconds;default:throw new Error("Invalid valueType")}})(),v=(()=>{switch(d){case"hour":return 3600;case"minute":return 60;case"second":return 1;default:throw new Error("Invalid valueType")}})();function g(j){j.stopPropagation()}return o.jsxRuntimeExports.jsx("input",{"aria-label":e,disabled:t,hidden:!0,max:n?h(n):void 0,min:i?h(i):void 0,name:s,onChange:u,onFocus:g,required:a,step:v,style:{visibility:"hidden",position:"absolute",zIndex:"-999"},type:"time",value:c?h(c):""})}function ht({hour:e,maxTime:t,minTime:n,minute:i,showLeadingZeros:s=!0,...u}){function a(h){return e===l.getHours(h).toString()&&i===l.getMinutes(h).toString()}const c=be(59,t&&a(t)&&l.getSeconds(t)),d=ke(0,n&&a(n)&&l.getSeconds(n));return o.jsxRuntimeExports.jsx(ve,{max:c,min:d,name:"second",showLeadingZeros:s,...u})}const Pe={},xt=["hour","minute","second"];function gt(e){return e.dataset.input==="true"}function $e(e,t){let n=e;do n=n[t];while(n&&!gt(n));return n}function Ne(e){e&&e.focus()}function bt(e,t,n){const i=[],s=new RegExp(Object.keys(t).map(a=>`${a}+`).join("|"),"g"),u=e.match(s);return e.split(s).reduce((a,c,d)=>{const h=c&&o.jsxRuntimeExports.jsx(Ye,{children:c},`separator_${d}`);a.push(h);const v=u?.[d];if(v){const g=t[v]||t[Object.keys(t).find(j=>v.match(j))];if(!g)return a;!n&&i.includes(g)?a.push(v):(a.push(g(v,d)),i.push(g))}return a},[])}const ge=et({useGrouping:!1});function kt({amPmAriaLabel:e,autoFocus:t,className:n,disabled:i,format:s,hourAriaLabel:u,hourPlaceholder:a,isClockOpen:c=null,locale:d,maxDetail:h="minute",maxTime:v,minTime:g,minuteAriaLabel:j,minutePlaceholder:y,name:w="time",nativeInputAriaLabel:M,onChange:b,onInvalidChange:H,required:$,secondAriaLabel:C,secondPlaceholder:A,value:T}){const[J,K]=p.useState(null),[O,F]=p.useState(null),[G,q]=p.useState(null),[Q,X]=p.useState(null),[re,Y]=p.useState(null),z=p.useRef(null),oe=p.useRef(null),se=p.useRef(null),V=p.useRef(null),ee=p.useRef(null),[U,L]=p.useState(c),W=p.useRef(void 0);p.useEffect(()=>{L(c)},[c]),p.useEffect(()=>{const r=T;r?(K(ce(l.getHours(r))[1]),F(l.getHours(r).toString()),q(l.getMinutes(r).toString()),X(l.getSeconds(r).toString()),Y(r)):(K(null),F(null),q(null),X(null),Y(null))},[T,g,v,h,U]);const k=h,ie=(()=>{const r=xt.indexOf(h),m=Pe[r]||(()=>{const f={hour:"numeric"};return r>=1&&(f.minute="numeric"),r>=2&&(f.second="numeric"),Pe[r]=f,f})();return Ae(m)})();function ue(r){return(()=>{switch(k){case"hour":case"minute":return l.getHoursMinutes;case"second":return l.getHoursMinutesSeconds;default:throw new Error("Invalid valueType")}})()(r)}const P=s||(()=>{const Ee=new Date(2017,0,1,21,13,14);return ie(d,Ee).replace(ge(d,9),"h").replace(ge(d,21),"H").replace(ge(d,13),"mm").replace(ge(d,14),"ss").replace(new RegExp(Oe(d).join("|")),"a")})(),le=(()=>{const r=P.match(/[^0-9a-z]/i);return r?r[0]:null})();function ae(r){if(r.target===r.currentTarget){const m=r.target.children[1];Ne(m)}}function de(r){switch(W.current=r.key,r.key){case"ArrowLeft":case"ArrowRight":case le:{r.preventDefault();const{target:m}=r,f=r.key==="ArrowLeft"?"previousElementSibling":"nextElementSibling",I=$e(m,f);Ne(I);break}}}function te(r){const{key:m,target:f}=r;if(!(W.current===m)||!!Number.isNaN(Number(m)))return;const me=f.getAttribute("max");if(!me)return;const{value:xe}=f;if(Number(xe)*10>Number(me)||xe.length>=me.length){const we=$e(f,"nextElementSibling");Ne(we)}}function E(){if(!b)return;function r(R){return!!R}const m=[z.current,oe.current,se.current,V.current,ee.current].filter(r),f=m.slice(1),I={};for(const R of m)I[R.name]=R.type==="number"?R.valueAsNumber:R.value;if(f.every(R=>!R.value)){b(null,!1);return}const me=m.every(R=>R.value),xe=m.every(R=>R.validity.valid);if(me&&xe){const R=Number(I.hour24||I.hour12&&I.amPm&&Ie(I.hour12,I.amPm)||0),we=Number(I.minute||0),qe=Number(I.second||0),ye=Ze=>`0${Ze}`.slice(-2),ze=`${ye(R)}:${ye(we)}:${ye(qe)}`,Ve=ue(ze);b(Ve,!1);return}H&&H()}function _(r){const{name:m,value:f}=r.target;switch(m){case"amPm":K(f);break;case"hour12":F(f?Ie(f,J||"am").toString():"");break;case"hour24":F(f);break;case"minute":q(f);break;case"second":X(f);break}E()}function ne(r){const{value:m}=r.target;if(!b)return;b(m||null,!1)}const Z={className:n,disabled:i,maxTime:v,minTime:g,onChange:_,onKeyDown:de,onKeyUp:te,required:!!($||U)};function _e(r,m){if(r&&r.length>2)throw new Error(`Unsupported token: ${r}`);const f=r?r.length===2:!1;return o.jsxRuntimeExports.jsx(dt,{...Z,amPm:J,ariaLabel:u,autoFocus:m===0&&t,inputRef:oe,placeholder:a,showLeadingZeros:f,value:O},"hour12")}function je(r,m){if(r&&r.length>2)throw new Error(`Unsupported token: ${r}`);const f=r?r.length===2:!1;return o.jsxRuntimeExports.jsx(mt,{...Z,ariaLabel:u,autoFocus:m===0&&t,inputRef:se,placeholder:a,showLeadingZeros:f,value:O},"hour24")}function fe(r,m){return/h/.test(r)?_e(r,m):je(r,m)}function x(r,m){if(r&&r.length>2)throw new Error(`Unsupported token: ${r}`);const f=r?r.length===2:!1;return o.jsxRuntimeExports.jsx(pt,{...Z,ariaLabel:j,autoFocus:m===0&&t,hour:O,inputRef:V,placeholder:y,showLeadingZeros:f,value:G},"minute")}function N(r,m){if(r&&r.length>2)throw new Error(`Unsupported token: ${r}`);const f=r?r.length===2:!0;return o.jsxRuntimeExports.jsx(ht,{...Z,ariaLabel:C,autoFocus:m===0&&t,hour:O,inputRef:ee,minute:G,placeholder:A,showLeadingZeros:f,value:Q},"second")}function D(r,m){return o.jsxRuntimeExports.jsx(nt,{...Z,ariaLabel:e,autoFocus:m===0&&t,inputRef:z,locale:d,onChange:_,value:J},"ampm")}function B(){return bt(P,{h:fe,H:fe,m:x,s:N,a:D},typeof s<"u")}function he(){return o.jsxRuntimeExports.jsx(ft,{ariaLabel:M,disabled:i,maxTime:v,minTime:g,name:w,onChange:ne,required:$,value:re,valueType:k},"time")}return o.jsxRuntimeExports.jsxs("div",{className:n,onClick:ae,children:[he(),B()]})}const S="react-time-picker",vt=["mousedown","focusin","touchstart"],De={xmlns:"http://www.w3.org/2000/svg",width:19,height:19,viewBox:"0 0 19 19",stroke:"black",strokeWidth:2},_t=o.jsxRuntimeExports.jsxs("svg",{...De,"aria-hidden":"true",className:`${S}__clock-button__icon ${S}__button__icon`,fill:"none",children:[o.jsxRuntimeExports.jsx("circle",{cx:"9.5",cy:"9.5",r:"7.5"}),o.jsxRuntimeExports.jsx("path",{d:"M9.5 4.5 v5 h4"})]}),jt=o.jsxRuntimeExports.jsxs("svg",{...De,"aria-hidden":"true",className:`${S}__clear-button__icon ${S}__button__icon`,children:[o.jsxRuntimeExports.jsx("line",{x1:"4",x2:"15",y1:"4",y2:"15"}),o.jsxRuntimeExports.jsx("line",{x1:"15",x2:"4",y1:"4",y2:"15"})]});function Et(e){const{amPmAriaLabel:t,autoFocus:n,className:i,clearAriaLabel:s,clearIcon:u=jt,clockAriaLabel:a,clockIcon:c=_t,closeClock:d=!0,"data-testid":h,hourAriaLabel:v,hourPlaceholder:g,disableClock:j,disabled:y,format:w,id:M,isOpen:b=null,locale:H,maxTime:$,maxDetail:C="minute",minTime:A,minuteAriaLabel:T,minutePlaceholder:J,name:K="time",nativeInputAriaLabel:O,onClockClose:F,onClockOpen:G,onChange:q,onFocus:Q,onInvalidChange:X,openClockOnFocus:re=!0,required:Y,value:z,secondAriaLabel:oe,secondPlaceholder:se,shouldCloseClock:V,shouldOpenClock:ee,...U}=e,[L,W]=p.useState(b),k=p.useRef(null),ie=p.useRef(null);p.useEffect(()=>{W(b)},[b]);function ue({reason:x}){ee&&!ee({reason:x})||(W(!0),G&&G())}const P=p.useCallback(({reason:x})=>{V&&!V({reason:x})||(W(!1),F&&F())},[F,V]);function le(){L?P({reason:"buttonClick"}):ue({reason:"buttonClick"})}function ae(x,N=d){N&&P({reason:"select"}),q&&q(x)}function de(x){Q&&Q(x),!(y||L||!re||x.target.dataset.select==="true")&&ue({reason:"focus"})}const te=p.useCallback(x=>{x.key==="Escape"&&P({reason:"escape"})},[P]);function E(){ae(null)}function _(x){x.stopPropagation()}const ne=p.useCallback(x=>{const{current:N}=k,{current:D}=ie,B="composedPath"in x?x.composedPath()[0]:x.target;B&&N&&!N.contains(B)&&(!D||!D.contains(B))&&P({reason:"outsideAction"})},[P]),Z=p.useCallback((x=L)=>{for(const N of vt)x?document.addEventListener(N,ne):document.removeEventListener(N,ne);x?document.addEventListener("keydown",te):document.removeEventListener("keydown",te)},[L,ne,te]);p.useEffect(()=>(Z(),()=>{Z(!1)}),[Z]);function _e(){const[x]=Array.isArray(z)?z:[z],N={amPmAriaLabel:t,hourAriaLabel:v,minuteAriaLabel:T,nativeInputAriaLabel:O,secondAriaLabel:oe},D={hourPlaceholder:g,minutePlaceholder:J,secondPlaceholder:se};return o.jsxRuntimeExports.jsxs("div",{className:`${S}__wrapper`,children:[o.jsxRuntimeExports.jsx(kt,{...N,...D,autoFocus:n,className:`${S}__inputGroup`,disabled:y,format:w,isClockOpen:L,locale:H,maxDetail:C,maxTime:$,minTime:A,name:K,onChange:ae,onInvalidChange:X,required:Y,value:x}),u!==null&&o.jsxRuntimeExports.jsx("button",{"aria-label":s,className:`${S}__clear-button ${S}__button`,disabled:y,onClick:E,onFocus:_,type:"button",children:typeof u=="function"?p.createElement(u):u}),c!==null&&!j&&o.jsxRuntimeExports.jsx("button",{"aria-expanded":L||!1,"aria-label":a,className:`${S}__clock-button ${S}__button`,disabled:y,onClick:le,onFocus:_,type:"button",children:typeof c=="function"?p.createElement(c):c})]})}function je(){if(L===null||j)return null;const{clockProps:x,portalContainer:N,value:D}=e,B=`${S}__clock`,he=pe.clsx(B,`${B}--${L?"open":"closed"}`),[r]=Array.isArray(D)?D:[D],m=o.jsxRuntimeExports.jsx(Xe,{locale:H,value:r,...x});return N?Ke.createPortal(o.jsxRuntimeExports.jsx("div",{ref:ie,className:he,children:m}),N):o.jsxRuntimeExports.jsx(l.Fit,{children:o.jsxRuntimeExports.jsx("div",{ref:f=>{f&&!L&&f.removeAttribute("style")},className:he,children:m})})}const fe=p.useMemo(()=>l.makeEventProps(U),[U]);return o.jsxRuntimeExports.jsxs("div",{className:pe.clsx(S,`${S}--${L?"open":"closed"}`,`${S}--${y?"disabled":"enabled"}`,i),"data-testid":h,id:M,...fe,onFocus:de,ref:k,children:[_e(),je()]})}const wt=l.dt.div`
|
|
2
2
|
width: auto;
|
|
3
3
|
|
|
4
4
|
.react-time-picker {
|
|
5
5
|
display: inline-flex;
|
|
6
6
|
position: relative;
|
|
7
|
-
width: 86px;
|
|
8
|
-
min-width: 86px;
|
|
9
|
-
max-width: 86px;
|
|
7
|
+
min-width: 86px;
|
|
10
8
|
}
|
|
11
9
|
|
|
12
10
|
.react-time-picker,
|
|
@@ -25,18 +23,25 @@
|
|
|
25
23
|
display: flex;
|
|
26
24
|
flex-grow: 1;
|
|
27
25
|
flex-shrink: 0;
|
|
28
|
-
border: 1px solid var(--input);
|
|
26
|
+
border: 1px solid ${({isInvalid:e})=>e?"var(--color-danger-default)":"var(--input)"};
|
|
29
27
|
background-color: white;
|
|
30
28
|
border-radius: var(--radius-medium);
|
|
31
29
|
width: 100%;
|
|
32
30
|
height: var(--input-default);
|
|
33
31
|
padding: 0 6px;
|
|
32
|
+
transition: border-color 120ms ease;
|
|
33
|
+
|
|
34
|
+
&:focus-within {
|
|
35
|
+
border-color: ${({isInvalid:e})=>e?"var(--color-danger-default)":"var(--color-primary-default)"};
|
|
36
|
+
box-shadow: 0 0 0 3px
|
|
37
|
+
${({isInvalid:e})=>e?"color-mix(in srgb, var(--color-danger-default) 20%, transparent)":"color-mix(in srgb, var(--color-primary-default) 20%, transparent)"};
|
|
38
|
+
}
|
|
34
39
|
}
|
|
35
40
|
.react-time-picker__inputGroup {
|
|
36
41
|
padding: 0;
|
|
37
42
|
min-width: unset;
|
|
38
|
-
|
|
39
|
-
|
|
43
|
+
display: flex;
|
|
44
|
+
align-items: center;
|
|
40
45
|
}
|
|
41
46
|
.react-time-picker__inputGroup__divider {
|
|
42
47
|
padding: 1px 0;
|
|
@@ -45,7 +50,7 @@
|
|
|
45
50
|
.react-time-picker__inputGroup__leadingZero {
|
|
46
51
|
font-weight: 400;
|
|
47
52
|
font-size: 14px;
|
|
48
|
-
|
|
53
|
+
color: inherit;
|
|
49
54
|
}
|
|
50
55
|
.react-time-picker__inputGroup__input {
|
|
51
56
|
min-width: 0.54em;
|
|
@@ -59,9 +64,9 @@
|
|
|
59
64
|
-moz-appearance: textfield;
|
|
60
65
|
font-weight: 400;
|
|
61
66
|
font-size: 14px;
|
|
62
|
-
|
|
67
|
+
color: inherit;
|
|
63
68
|
outline: none;
|
|
64
|
-
|
|
69
|
+
border-radius: var(--radius-small);
|
|
65
70
|
}
|
|
66
71
|
.react-time-picker__inputGroup__input::-webkit-outer-spin-button,
|
|
67
72
|
.react-time-picker__inputGroup__input::-webkit-inner-spin-button {
|
|
@@ -84,18 +89,18 @@
|
|
|
84
89
|
border: 0;
|
|
85
90
|
background: transparent;
|
|
86
91
|
padding: 2px 2px;
|
|
87
|
-
|
|
88
|
-
|
|
92
|
+
margin-left: auto;
|
|
93
|
+
width: 20px;
|
|
89
94
|
}
|
|
90
95
|
.react-time-picker__button:enabled {
|
|
91
96
|
cursor: pointer;
|
|
92
|
-
|
|
97
|
+
opacity: 0.7;
|
|
93
98
|
}
|
|
94
99
|
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
100
|
+
.react-time-picker__button:enabled:hover,
|
|
101
|
+
.react-time-picker__button:enabled:focus {
|
|
102
|
+
opacity: 1;
|
|
103
|
+
}
|
|
99
104
|
.react-time-picker__button:enabled:hover .react-time-picker__button__icon,
|
|
100
105
|
.react-time-picker__button:enabled:focus .react-time-picker__button__icon {
|
|
101
106
|
opacity: 1;
|
|
@@ -121,5 +126,5 @@
|
|
|
121
126
|
.react-time-picker__clock--closed {
|
|
122
127
|
display: none;
|
|
123
128
|
}
|
|
124
|
-
`,
|
|
129
|
+
`,yt=({onChange:e,time:t,name:n,handleAddTime:i,id:s,label:u,required:a=!1,isClearable:c=!0,error:d,touched:h,onBlurField:v,isErrorText:g=!0,disabled:j=!1,...y})=>{const w=p.useRef(null),M=p.useId(),b=s||M,H=!j&&!!d&&h,$=Ge.cn("form-control-label block font-normal text-sm text-foreground mb-1",{"text-danger":H});return p.useEffect(()=>{const C=A=>{A.key==="Enter"&&(A.preventDefault(),i&&i(A))};return w.current&&w.current.addEventListener("keydown",C),()=>{w.current&&w.current.removeEventListener("keydown",C)}},[i,n]),o.jsxRuntimeExports.jsxs(wt,{ref:w,isInvalid:H,className:"time-picker-input relative flex flex-col",onBlurCapture:()=>v?.(n),children:[u&&o.jsxRuntimeExports.jsxs("label",{htmlFor:b,className:$,children:[u," ",a&&o.jsxRuntimeExports.jsx("span",{className:"text-danger",children:"*"})]}),o.jsxRuntimeExports.jsx(Et,{id:b,name:n,value:t,onChange:e,amPmAriaLabel:"n/a",disableClock:!0,format:"HH:mm a",hourPlaceholder:"hh",minutePlaceholder:"mm",disabled:j,required:a,clearIcon:c?o.jsxRuntimeExports.jsx("svg",{"aria-hidden":"true",focusable:"false",height:"1em",role:"presentation",viewBox:"0 0 24 24",width:"1em",children:o.jsxRuntimeExports.jsx("path",{d:"M12 2a10 10 0 1010 10A10.016 10.016 0 0012 2zm3.36 12.3a.754.754 0 010 1.06.748.748 0 01-1.06 0l-2.3-2.3-2.3 2.3a.748.748 0 01-1.06 0 .754.754 0 010-1.06l2.3-2.3-2.3-2.3A.75.75 0 019.7 8.64l2.3 2.3 2.3-2.3a.75.75 0 011.06 1.06l-2.3 2.3z",fill:"currentColor"})}):null,...y}),!j&&d&&h&&g&&o.jsxRuntimeExports.jsx(Ue.LabelError,{text:d})]})};exports.TimePickerInput=yt;
|
|
125
130
|
//# sourceMappingURL=index.cjs.js.map
|