@gbmtech/aurora-ui 0.6.3 → 0.6.4
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/cjs/components/command.cjs +1 -1
- package/dist/cjs/components/data-table/data-table-filter-list.cjs +1 -1
- package/dist/cjs/components/data-table/data-table-filter-menu.cjs +1 -1
- package/dist/cjs/components/data-table/data-table-range-filter.cjs +1 -1
- package/dist/cjs/components/data-table/data-table-slider-filter.cjs +1 -1
- package/dist/cjs/components/data-table/data-table-toolbar.cjs +1 -1
- package/dist/cjs/components/data-table/index.cjs +1 -1
- package/dist/cjs/components/dialog/dialog.cjs +2 -0
- package/dist/cjs/components/dialog/dialog.d.ts +39 -0
- package/dist/cjs/components/dialog/dialog.d.ts.map +1 -0
- package/dist/cjs/components/dialog/index.cjs +1 -0
- package/dist/cjs/components/dialog/index.d.ts +2 -0
- package/dist/cjs/components/dialog/index.d.ts.map +1 -0
- package/dist/cjs/components/input/index.cjs +1 -0
- package/dist/cjs/components/input/index.d.ts +3 -0
- package/dist/cjs/components/input/index.d.ts.map +1 -0
- package/dist/cjs/components/input/input-variants.cjs +1 -0
- package/dist/cjs/components/input/input-variants.d.ts +103 -0
- package/dist/cjs/components/input/input-variants.d.ts.map +1 -0
- package/dist/cjs/components/input/input.cjs +2 -0
- package/dist/cjs/components/input/input.d.ts +14 -0
- package/dist/cjs/components/input/input.d.ts.map +1 -0
- package/dist/cjs/components/input-otp/index.cjs +1 -0
- package/dist/cjs/components/input-otp/index.d.ts +2 -0
- package/dist/cjs/components/input-otp/index.d.ts.map +1 -0
- package/dist/cjs/components/input-otp/input-otp.cjs +2 -0
- package/dist/cjs/components/input-otp/input-otp.d.ts +16 -0
- package/dist/cjs/components/input-otp/input-otp.d.ts.map +1 -0
- package/dist/cjs/components/input-password/index.cjs +1 -0
- package/dist/cjs/components/input-password/index.d.ts +2 -0
- package/dist/cjs/components/input-password/index.d.ts.map +1 -0
- package/dist/cjs/components/input-password/input-password.cjs +2 -0
- package/dist/cjs/components/input-password/input-password.d.ts +8 -0
- package/dist/cjs/components/input-password/input-password.d.ts.map +1 -0
- package/dist/cjs/components/mask-input.cjs +1 -1
- package/dist/cjs/components/month-picker.cjs +1 -1
- package/dist/cjs/components/month-picker.d.ts +3 -2
- package/dist/cjs/components/month-picker.d.ts.map +1 -1
- package/dist/cjs/components/time-picker/time-picker-input.cjs +1 -1
- package/dist/cjs/hooks/use-data-table.cjs +1 -1
- package/dist/cjs/hooks/use-data-table.d.ts +1 -0
- package/dist/cjs/hooks/use-data-table.d.ts.map +1 -1
- package/dist/cjs/index.cjs +1 -1
- package/dist/cjs/primitives/input.d.ts.map +1 -0
- package/dist/esm/components/command.js +1 -1
- package/dist/esm/components/data-table/data-table-filter-list.js +1 -1
- package/dist/esm/components/data-table/data-table-filter-menu.js +1 -1
- package/dist/esm/components/data-table/data-table-range-filter.js +1 -1
- package/dist/esm/components/data-table/data-table-slider-filter.js +1 -1
- package/dist/esm/components/data-table/data-table-toolbar.js +1 -1
- package/dist/esm/components/dialog/dialog.d.ts +39 -0
- package/dist/esm/components/dialog/dialog.d.ts.map +1 -0
- package/dist/esm/components/dialog/dialog.js +2 -0
- package/dist/esm/components/dialog/index.d.ts +2 -0
- package/dist/esm/components/dialog/index.d.ts.map +1 -0
- package/dist/esm/components/dialog/index.js +1 -0
- package/dist/esm/components/input/index.d.ts +3 -0
- package/dist/esm/components/input/index.d.ts.map +1 -0
- package/dist/esm/components/input/index.js +1 -0
- package/dist/esm/components/input/input-variants.d.ts +103 -0
- package/dist/esm/components/input/input-variants.d.ts.map +1 -0
- package/dist/esm/components/input/input-variants.js +1 -0
- package/dist/esm/components/input/input.d.ts +14 -0
- package/dist/esm/components/input/input.d.ts.map +1 -0
- package/dist/esm/components/input/input.js +2 -0
- package/dist/esm/components/input-otp/index.d.ts +2 -0
- package/dist/esm/components/input-otp/index.d.ts.map +1 -0
- package/dist/esm/components/input-otp/index.js +1 -0
- package/dist/esm/components/input-otp/input-otp.d.ts +16 -0
- package/dist/esm/components/input-otp/input-otp.d.ts.map +1 -0
- package/dist/esm/components/input-otp/input-otp.js +2 -0
- package/dist/esm/components/input-password/index.d.ts +2 -0
- package/dist/esm/components/input-password/index.d.ts.map +1 -0
- package/dist/esm/components/input-password/index.js +1 -0
- package/dist/esm/components/input-password/input-password.d.ts +8 -0
- package/dist/esm/components/input-password/input-password.d.ts.map +1 -0
- package/dist/esm/components/input-password/input-password.js +2 -0
- package/dist/esm/components/mask-input.js +1 -1
- package/dist/esm/components/month-picker.d.ts +3 -2
- package/dist/esm/components/month-picker.d.ts.map +1 -1
- package/dist/esm/components/month-picker.js +1 -1
- package/dist/esm/components/time-picker/time-picker-input.js +1 -1
- package/dist/esm/hooks/use-data-table.d.ts +1 -0
- package/dist/esm/hooks/use-data-table.d.ts.map +1 -1
- package/dist/esm/hooks/use-data-table.js +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/primitives/input.d.ts.map +1 -0
- package/package.json +1 -1
- package/dist/cjs/components/dialog.cjs +0 -2
- package/dist/cjs/components/dialog.d.ts +0 -59
- package/dist/cjs/components/dialog.d.ts.map +0 -1
- package/dist/cjs/components/input-otp.cjs +0 -2
- package/dist/cjs/components/input-otp.d.ts +0 -23
- package/dist/cjs/components/input-otp.d.ts.map +0 -1
- package/dist/cjs/components/input-password.cjs +0 -2
- package/dist/cjs/components/input-password.d.ts +0 -10
- package/dist/cjs/components/input-password.d.ts.map +0 -1
- package/dist/cjs/components/input.cjs +0 -2
- package/dist/cjs/components/input.d.ts +0 -46
- package/dist/cjs/components/input.d.ts.map +0 -1
- package/dist/cjs/primitive/input.d.ts.map +0 -1
- package/dist/esm/components/dialog.d.ts +0 -59
- package/dist/esm/components/dialog.d.ts.map +0 -1
- package/dist/esm/components/dialog.js +0 -2
- package/dist/esm/components/input-otp.d.ts +0 -23
- package/dist/esm/components/input-otp.d.ts.map +0 -1
- package/dist/esm/components/input-otp.js +0 -2
- package/dist/esm/components/input-password.d.ts +0 -10
- package/dist/esm/components/input-password.d.ts.map +0 -1
- package/dist/esm/components/input-password.js +0 -2
- package/dist/esm/components/input.d.ts +0 -46
- package/dist/esm/components/input.d.ts.map +0 -1
- package/dist/esm/components/input.js +0 -2
- package/dist/esm/primitive/input.d.ts.map +0 -1
- /package/dist/cjs/{primitive → primitives}/input.cjs +0 -0
- /package/dist/cjs/{primitive → primitives}/input.d.ts +0 -0
- /package/dist/esm/{primitive → primitives}/input.d.ts +0 -0
- /package/dist/esm/{primitive → primitives}/input.js +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input-variants.d.ts","sourceRoot":"","sources":["../../../../src/components/input/input-variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAMpD,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAMjB,CAAA;AAEF,KAAK,aAAa,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAA;AAEvD,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAAkB,CAAA;AAM1C,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,CAAA;AAC5C,YAAY,EAAE,aAAa,EAAE,CAAA"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
'use client'
|
|
2
|
+
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,_)=>{for(var r in _)__webpack_require__.o(_,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:_[r]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Input:()=>Input});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_spinner_cjs_namespaceObject=require("../spinner.cjs"),input_cjs_namespaceObject=require("../../primitives/input.cjs"),external_input_variants_cjs_namespaceObject=require("./input-variants.cjs");function Input({className:e,disabled:_,loaderPosition:r,loading:t,prefix:a,readOnly:n,spinner:p,suffix:i,classNames:c,...s}){return(0,jsx_runtime_namespaceObject.jsx)(input_cjs_namespaceObject.Root,{className:external_input_variants_cjs_namespaceObject.inputVariantsSlots.root({className:[e,c?.wrapper]}),"data-slot":"input",disabled:_,loaderPosition:r,loading:t,prefix:a,readOnly:n,spinner:p||(0,jsx_runtime_namespaceObject.jsx)(external_spinner_cjs_namespaceObject.Spinner,{}),suffix:i,children:(0,jsx_runtime_namespaceObject.jsx)(input_cjs_namespaceObject.Field,{className:external_input_variants_cjs_namespaceObject.inputVariantsSlots.input({className:c?.input}),"data-slot":"input-item",...s})})}for(var __webpack_i__ in exports.Input=__webpack_exports__.Input,__webpack_exports__)-1===["Input"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ComponentProps } from 'react';
|
|
2
|
+
import * as InputPrimitive from '../../primitives/input';
|
|
3
|
+
import { InputVariants } from './input-variants';
|
|
4
|
+
type InputProps = ComponentProps<typeof InputPrimitive.Root> & Omit<ComponentProps<typeof InputPrimitive.Field>, 'prefix' | 'type'> & InputVariants & {
|
|
5
|
+
type?: string;
|
|
6
|
+
classNames?: {
|
|
7
|
+
wrapper?: string;
|
|
8
|
+
input?: string;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
declare function Input({ className, disabled, loaderPosition, loading, prefix, readOnly, spinner, suffix, classNames, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export { Input };
|
|
13
|
+
export type { InputProps };
|
|
14
|
+
//# sourceMappingURL=input.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../src/components/input/input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,cAAc,MAAM,oBAAoB,CAAA;AACpD,OAAO,EAAE,aAAa,EAAsB,MAAM,kBAAkB,CAAA;AAMpE,KAAK,UAAU,GAAG,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,GAC1D,IAAI,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC,GACpE,aAAa,GAAG;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,MAAM,CAAA;QAChB,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAA;CACF,CAAA;AAEH,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,QAAQ,EACR,cAAc,EACd,OAAO,EACP,MAAM,EACN,QAAQ,EACR,OAAO,EACP,MAAM,EACN,UAAU,EACV,GAAG,KAAK,EACT,EAAE,UAAU,2CAsBZ;AAMD,OAAO,EAAE,KAAK,EAAE,CAAA;AAChB,YAAY,EAAE,UAAU,EAAE,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_modules__={"./input-otp":function(_){_.exports=require("./input-otp.cjs")}},__webpack_module_cache__={};function __webpack_require__(_){var e=__webpack_module_cache__[_];if(void 0!==e)return e.exports;var r=__webpack_module_cache__[_]={exports:{}};return __webpack_modules__[_](r,r.exports,__webpack_require__),r.exports}__webpack_require__.n=_=>{var e=_&&_.__esModule?()=>_.default:()=>_;return __webpack_require__.d(e,{a:e}),e},__webpack_require__.d=(_,e)=>{for(var r in e)__webpack_require__.o(e,r)&&!__webpack_require__.o(_,r)&&Object.defineProperty(_,r,{enumerable:!0,get:e[r]})},__webpack_require__.o=(_,e)=>Object.prototype.hasOwnProperty.call(_,e),__webpack_require__.r=_=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(_,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(_,"__esModule",{value:!0})};var __webpack_exports__={};for(var __webpack_i__ in(()=>{__webpack_require__.r(__webpack_exports__);var _=__webpack_require__("./input-otp"),e={};for(var r in _)"default"!==r&&(e[r]=(function(e){return _[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,e)})(),__webpack_exports__)exports[__webpack_i__]=__webpack_exports__[__webpack_i__];Object.defineProperty(exports,"__esModule",{value:!0});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/input-otp/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
'use client'
|
|
2
|
+
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,t)=>{for(var _ in t)__webpack_require__.o(t,_)&&!__webpack_require__.o(e,_)&&Object.defineProperty(e,_,{enumerable:!0,get:t[_]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{REGEXP_ONLY_CHARS:()=>external_input_otp_namespaceObject.REGEXP_ONLY_CHARS,InputOTP:()=>InputOTP,REGEXP_ONLY_DIGITS_AND_CHARS:()=>external_input_otp_namespaceObject.REGEXP_ONLY_DIGITS_AND_CHARS,InputOTPGroup:()=>InputOTPGroup,InputOTPSeparator:()=>InputOTPSeparator,InputOTPSlot:()=>InputOTPSlot,REGEXP_ONLY_DIGITS:()=>external_input_otp_namespaceObject.REGEXP_ONLY_DIGITS});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_namespaceObject=require("@phosphor-icons/react"),external_input_otp_namespaceObject=require("input-otp"),external_react_namespaceObject=require("react"),utils_cjs_namespaceObject=require("../../lib/utils.cjs");function InputOTP({className:e,containerClassName:t,pattern:_,...r}){return(0,jsx_runtime_namespaceObject.jsx)(external_input_otp_namespaceObject.OTPInput,{"aria-label":"One-time password",className:(0,utils_cjs_namespaceObject.cn)("disabled:cursor-not-allowed",e),containerClassName:(0,utils_cjs_namespaceObject.cn)("flex items-center gap-2 has-[:disabled]:opacity-50",t),"data-slot":"input-otp",pattern:_||external_input_otp_namespaceObject.REGEXP_ONLY_DIGITS_AND_CHARS,...r})}function InputOTPGroup({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,utils_cjs_namespaceObject.cn)("flex items-center gap-1",e),"data-slot":"input-otp-group",role:"group",...t})}function InputOTPSlot({className:e,index:t,..._}){let{isActive:r,char:a,hasFakeCaret:p}=(0,external_react_namespaceObject.useContext)(external_input_otp_namespaceObject.OTPInputContext).slots[t];return(0,jsx_runtime_namespaceObject.jsxs)("div",{className:(0,utils_cjs_namespaceObject.cn)("relative flex h-12 w-11 items-center justify-center rounded border border-stroke border-y text-base shadow-sm transition-all data-[active=true]:z-10 data-[active=true]:ring-1 data-[active=true]:ring-ring",e),"data-active":r,"data-slot":"input-otp-slot",..._,children:[a,p&&(0,jsx_runtime_namespaceObject.jsx)("div",{className:"pointer-events-none absolute inset-0 flex items-center justify-center",children:(0,jsx_runtime_namespaceObject.jsx)("div",{className:"h-4 w-px animate-caret-blink bg-foreground duration-1000"})})]})}function InputOTPSeparator({...e}){return(0,jsx_runtime_namespaceObject.jsx)("div",{"data-slot":"input-otp-separator",...e,children:(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.MinusIcon,{})})}for(var __webpack_i__ in exports.InputOTP=__webpack_exports__.InputOTP,exports.InputOTPGroup=__webpack_exports__.InputOTPGroup,exports.InputOTPSeparator=__webpack_exports__.InputOTPSeparator,exports.InputOTPSlot=__webpack_exports__.InputOTPSlot,exports.REGEXP_ONLY_CHARS=__webpack_exports__.REGEXP_ONLY_CHARS,exports.REGEXP_ONLY_DIGITS=__webpack_exports__.REGEXP_ONLY_DIGITS,exports.REGEXP_ONLY_DIGITS_AND_CHARS=__webpack_exports__.REGEXP_ONLY_DIGITS_AND_CHARS,__webpack_exports__)-1===["InputOTP","InputOTPGroup","InputOTPSeparator","InputOTPSlot","REGEXP_ONLY_CHARS","REGEXP_ONLY_DIGITS","REGEXP_ONLY_DIGITS_AND_CHARS"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { OTPInput } from 'input-otp';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
type InputOTPProps = ComponentProps<typeof OTPInput>;
|
|
4
|
+
declare function InputOTP({ className, containerClassName, pattern, ...props }: InputOTPProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
type InputOTPGroupProps = ComponentProps<'div'>;
|
|
6
|
+
declare function InputOTPGroup({ className, ...props }: InputOTPGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
type InputOTPSlotProps = ComponentProps<'div'> & {
|
|
8
|
+
index: number;
|
|
9
|
+
};
|
|
10
|
+
declare function InputOTPSlot({ className, index, ...props }: InputOTPSlotProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
type InputOTPSeparatorProps = ComponentProps<'div'>;
|
|
12
|
+
declare function InputOTPSeparator({ ...props }: InputOTPSeparatorProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export { REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS, } from 'input-otp';
|
|
14
|
+
export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };
|
|
15
|
+
export type { InputOTPProps, InputOTPGroupProps, InputOTPSlotProps, InputOTPSeparatorProps, };
|
|
16
|
+
//# sourceMappingURL=input-otp.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input-otp.d.ts","sourceRoot":"","sources":["../../../../src/components/input-otp/input-otp.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,QAAQ,EAGT,MAAM,WAAW,CAAA;AAClB,OAAO,EAAE,cAAc,EAAc,MAAM,OAAO,CAAA;AAOlD,KAAK,aAAa,GAAG,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAA;AAEpD,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,kBAAkB,EAClB,OAAO,EACP,GAAG,KAAK,EACT,EAAE,aAAa,2CAcf;AAMD,KAAK,kBAAkB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAA;AAE/C,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CASjE;AAMD,KAAK,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/C,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAsBtE;AAMD,KAAK,sBAAsB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAA;AAEnD,iBAAS,iBAAiB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,2CAM9D;AAMD,OAAO,EACL,iBAAiB,EACjB,kBAAkB,EAClB,4BAA4B,GAC7B,MAAM,WAAW,CAAA;AAClB,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,iBAAiB,EAAE,YAAY,EAAE,CAAA;AACnE,YAAY,EACV,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,sBAAsB,GACvB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_modules__={"./input-password":function(_){_.exports=require("./input-password.cjs")}},__webpack_module_cache__={};function __webpack_require__(_){var e=__webpack_module_cache__[_];if(void 0!==e)return e.exports;var r=__webpack_module_cache__[_]={exports:{}};return __webpack_modules__[_](r,r.exports,__webpack_require__),r.exports}__webpack_require__.n=_=>{var e=_&&_.__esModule?()=>_.default:()=>_;return __webpack_require__.d(e,{a:e}),e},__webpack_require__.d=(_,e)=>{for(var r in e)__webpack_require__.o(e,r)&&!__webpack_require__.o(_,r)&&Object.defineProperty(_,r,{enumerable:!0,get:e[r]})},__webpack_require__.o=(_,e)=>Object.prototype.hasOwnProperty.call(_,e),__webpack_require__.r=_=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(_,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(_,"__esModule",{value:!0})};var __webpack_exports__={};for(var __webpack_i__ in(()=>{__webpack_require__.r(__webpack_exports__);var _=__webpack_require__("./input-password"),e={};for(var r in _)"default"!==r&&(e[r]=(function(e){return _[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,e)})(),__webpack_exports__)exports[__webpack_i__]=__webpack_exports__[__webpack_i__];Object.defineProperty(exports,"__esModule",{value:!0});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/input-password/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
'use client'
|
|
2
|
+
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,_)=>{for(var a in _)__webpack_require__.o(_,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:_[a]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{InputPassword:()=>InputPassword});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_namespaceObject=require("@phosphor-icons/react"),external_react_namespaceObject=require("react"),index_cjs_namespaceObject=require("../button/index.cjs"),external_input_index_cjs_namespaceObject=require("../input/index.cjs"),external_spinner_cjs_namespaceObject=require("../spinner.cjs"),input_cjs_namespaceObject=require("../../primitives/input.cjs");function InputPassword({className:e,disabled:_,loaderPosition:a,loading:s,prefix:t,readOnly:r,spinner:n,suffix:c,...p}){let[i,o]=(0,external_react_namespaceObject.useState)("password"),u=(0,external_react_namespaceObject.useCallback)(()=>{o(e=>"password"===e?"text":"password")},[]);return(0,jsx_runtime_namespaceObject.jsxs)(input_cjs_namespaceObject.Root,{className:external_input_index_cjs_namespaceObject.inputVariantsSlots.root({className:[!c&&"pr-1.5",e]}),"data-slot":"input-password",disabled:_,loaderPosition:a,loading:s,prefix:t,readOnly:r,spinner:n||(0,jsx_runtime_namespaceObject.jsx)(external_spinner_cjs_namespaceObject.Spinner,{}),suffix:c,children:[(0,jsx_runtime_namespaceObject.jsx)(input_cjs_namespaceObject.Field,{autoCapitalize:"none",className:external_input_index_cjs_namespaceObject.inputVariantsSlots.input(),"data-slot":"input-password-item",type:i,...p}),(0,jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Button,{"aria-label":"password"===i?"Show password":"Hide password",className:"full size-8 rounded-full focus-visible:ring-0","data-slot":"input-password-toggle",disabled:_,prefix:"password"===i?(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.EyeSlashIcon,{className:"size-6"}):(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.EyeIcon,{className:"size-6"}),size:"icon",variant:"ghost",onClick:u})]})}for(var __webpack_i__ in exports.InputPassword=__webpack_exports__.InputPassword,__webpack_exports__)-1===["InputPassword"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ComponentProps } from 'react';
|
|
2
|
+
import { InputVariants } from '../input';
|
|
3
|
+
import * as InputPrimitive from '../../primitives/input';
|
|
4
|
+
type InputPasswordProps = ComponentProps<typeof InputPrimitive.Root> & Omit<ComponentProps<typeof InputPrimitive.Field>, 'prefix' | 'type'> & InputVariants;
|
|
5
|
+
declare function InputPassword({ className, disabled, loaderPosition, loading, prefix, readOnly, spinner, suffix, ...props }: InputPasswordProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export { InputPassword };
|
|
7
|
+
export type { InputPasswordProps };
|
|
8
|
+
//# sourceMappingURL=input-password.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input-password.d.ts","sourceRoot":"","sources":["../../../../src/components/input-password/input-password.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAA4C,MAAM,OAAO,CAAA;AAEhF,OAAO,EAAE,aAAa,EAAsB,MAAM,oBAAoB,CAAA;AAEtE,OAAO,KAAK,cAAc,MAAM,oBAAoB,CAAA;AAMpD,KAAK,kBAAkB,GAAG,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,GAClE,IAAI,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC,GACpE,aAAa,CAAA;AAEf,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,cAAc,EACd,OAAO,EACP,MAAM,EACN,QAAQ,EACR,OAAO,EACP,MAAM,EACN,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAgDpB;AAMD,OAAO,EAAE,aAAa,EAAE,CAAA;AACxB,YAAY,EAAE,kBAAkB,EAAE,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client'
|
|
2
|
-
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,_)=>{for(var r in _)__webpack_require__.o(_,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:_[r]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{MaskInput:()=>MaskInput});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_react_namespaceObject=require("react"),utils_cjs_namespaceObject=require("../lib/utils.cjs"),
|
|
2
|
+
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,_)=>{for(var r in _)__webpack_require__.o(_,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:_[r]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{MaskInput:()=>MaskInput});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_react_namespaceObject=require("react"),utils_cjs_namespaceObject=require("../lib/utils.cjs"),index_cjs_namespaceObject=require("./input/index.cjs");function MaskInput({value:e,onChange:_,decimals:r=3,language:t="pt-BR",className:a,...c}){let n=10**r,[p,u]=(0,external_react_namespaceObject.useState)("");return(0,external_react_namespaceObject.useEffect)(()=>{"number"!=typeof e||Number.isNaN(e)||u(Math.round(e*n).toString())},[e,n]),(0,jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Input,{value:function(e){let _=Number(e)/n;return new Intl.NumberFormat(t,{style:"decimal",minimumFractionDigits:r,maximumFractionDigits:r}).format(_)}(p),onChange:function(e){let r=e.target.value,a=new Intl.NumberFormat(t).formatToParts(12345.6),c=a.find(e=>"group"===e.type)?.value||",",p=a.find(e=>"decimal"===e.type)?.value||".",i=r.replace(RegExp(`\\${c}`,"g"),"").replace(RegExp(`\\${p}`,"g"),"").replace(/\D/g,""),s=Number(i)/n;u(i),_(s)},className:(0,utils_cjs_namespaceObject.cn)("h-10",a),...c})}for(var __webpack_i__ in exports.MaskInput=__webpack_exports__.MaskInput,__webpack_exports__)-1===["MaskInput"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client'
|
|
2
|
-
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,t)=>{for(var a in t)__webpack_require__.o(t,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{MonthPicker:()=>MonthPicker});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_date_fns_namespaceObject=require("date-fns"),locale_namespaceObject=require("date-fns/locale"),external_react_namespaceObject=require("react"),
|
|
2
|
+
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,t)=>{for(var a in t)__webpack_require__.o(t,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{MonthPicker:()=>MonthPicker});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_namespaceObject=require("@phosphor-icons/react"),external_date_fns_namespaceObject=require("date-fns"),locale_namespaceObject=require("date-fns/locale"),external_react_namespaceObject=require("react"),index_cjs_namespaceObject=require("./button/index.cjs"),external_popover_cjs_namespaceObject=require("./popover.cjs"),utils_cjs_namespaceObject=require("../lib/utils.cjs");function MonthPicker({value:e,placeholder:t,className:a,disabled:c=!1,locale:r=locale_namespaceObject.ptBR,onChange:_}){let[n,s]=(0,external_react_namespaceObject.useState)(e),[i,o]=(0,external_react_namespaceObject.useState)(e?.getFullYear()??new Date().getFullYear()),p=(0,external_react_namespaceObject.useMemo)(()=>Array.from({length:12},(e,t)=>{let a=new Date(i,t,1),c=(0,external_date_fns_namespaceObject.format)(a,"MMMM",{locale:r});return{label:c.charAt(0).toUpperCase()+c.slice(1),index:t}}),[i,r]);return(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger,{asChild:!0,children:(0,jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Button,{id:"month",variant:"outline",className:(0,utils_cjs_namespaceObject.cn)("min-w-60 justify-between rounded-md px-4 text-left font-normal hover:bg-background",!n&&"text-muted-foreground",a),disabled:c,children:(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex flex-grow items-center",children:[(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CalendarBlankIcon,{className:"mr-2 size-4 text-foreground"}),n?(0,external_date_fns_namespaceObject.format)(n,"MMMM yyyy",{locale:r}):t||"Selecione o m\xeas"]})})}),(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverContent,{className:"w-auto p-0",align:"start",children:(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"w-64 p-4",children:[(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"mb-4 flex items-center justify-between",children:[(0,jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Button,{onClick:()=>o(e=>e-1),variant:"outline",size:"icon",children:(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CaretLeftIcon,{className:"size-4 text-foreground"})}),(0,jsx_runtime_namespaceObject.jsx)("span",{className:"font-medium text-lg",children:i}),(0,jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Button,{onClick:()=>o(e=>e+1),variant:"outline",size:"icon",children:(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CaretRightIcon,{className:"size-4 text-foreground"})})]}),(0,jsx_runtime_namespaceObject.jsx)("div",{className:"grid grid-cols-3 gap-2",children:p.map(e=>(0,jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Button,{variant:n?.getFullYear()===i&&n.getMonth()===e.index?"primary":"outline",className:(0,utils_cjs_namespaceObject.cn)("rounded-md px-4 text-xs transition-colors"),onClick:()=>(e=>{let t=new Date(i,e,1);s(t),_?.(t)})(e.index),children:e.label},e.index))})]})})]})}for(var __webpack_i__ in exports.MonthPicker=__webpack_exports__.MonthPicker,__webpack_exports__)-1===["MonthPicker"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { Locale } from 'date-fns';
|
|
2
2
|
interface MonthPickerProps {
|
|
3
|
-
|
|
3
|
+
value?: Date;
|
|
4
4
|
placeholder?: string;
|
|
5
5
|
className?: string;
|
|
6
6
|
disabled?: boolean;
|
|
7
7
|
locale?: Locale;
|
|
8
8
|
onChange?: (date: Date | undefined) => void;
|
|
9
9
|
}
|
|
10
|
-
declare function MonthPicker({
|
|
10
|
+
declare function MonthPicker({ value, placeholder, className, disabled, locale, onChange, }: MonthPickerProps): import("react/jsx-runtime").JSX.Element;
|
|
11
11
|
export { MonthPicker };
|
|
12
|
+
export type { MonthPickerProps };
|
|
12
13
|
//# sourceMappingURL=month-picker.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"month-picker.d.ts","sourceRoot":"","sources":["../../../src/components/month-picker.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"month-picker.d.ts","sourceRoot":"","sources":["../../../src/components/month-picker.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAU,MAAM,EAAE,MAAM,UAAU,CAAA;AAWzC,UAAU,gBAAgB;IACxB,KAAK,CAAC,EAAE,IAAI,CAAA;IACZ,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;CAC5C;AAED,iBAAS,WAAW,CAAC,EACnB,KAAK,EACL,WAAW,EACX,SAAS,EACT,QAAgB,EAChB,MAAa,EACb,QAAQ,GACT,EAAE,gBAAgB,2CAqFlB;AAMD,OAAO,EAAE,WAAW,EAAE,CAAA;AACtB,YAAY,EAAE,gBAAgB,EAAE,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client'
|
|
2
|
-
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,t)=>{for(var _ in t)__webpack_require__.o(t,_)&&!__webpack_require__.o(e,_)&&Object.defineProperty(e,_,{enumerable:!0,get:t[_]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{TimePickerInput:()=>TimePickerInput});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_react_namespaceObject=require("react"),index_cjs_namespaceObject=require("../../lib/index.cjs"),date_picker_cjs_namespaceObject=require("../../lib/date-picker.cjs"),
|
|
2
|
+
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,t)=>{for(var _ in t)__webpack_require__.o(t,_)&&!__webpack_require__.o(e,_)&&Object.defineProperty(e,_,{enumerable:!0,get:t[_]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{TimePickerInput:()=>TimePickerInput});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_react_namespaceObject=require("react"),index_cjs_namespaceObject=require("../../lib/index.cjs"),date_picker_cjs_namespaceObject=require("../../lib/date-picker.cjs"),external_input_index_cjs_namespaceObject=require("../input/index.cjs");function TimePickerInput({className:e,type:t="tel",value:_,id:r,name:a,date:c=new Date(new Date().setHours(0,0,0,0)),onDateChange:n,onChange:i,onKeyDown:p,picker:s,period:u,onLeftFocus:o,onRightFocus:b,...l}){let[m,k]=(0,external_react_namespaceObject.useState)(!1),[j,w]=(0,external_react_namespaceObject.useState)("0");(0,external_react_namespaceObject.useEffect)(()=>{if(m){let e=setTimeout(()=>{k(!1)},2e3);return()=>clearTimeout(e)}},[m]);let d=(0,external_react_namespaceObject.useMemo)(()=>(0,date_picker_cjs_namespaceObject.getDateByType)(c,s),[c,s]);return(0,jsx_runtime_namespaceObject.jsx)(external_input_index_cjs_namespaceObject.Input,{id:r||s,name:a||s,className:(0,index_cjs_namespaceObject.cn)("w-[48px] px-3 font-mono text-base tabular-nums caret-transparent focus:bg-accent focus:text-accent-foreground [&::-webkit-inner-spin-button]:appearance-none",e),classNames:{input:"text-center "},value:_||d,onChange:e=>{e.preventDefault(),i?.(e)},type:t,inputMode:"decimal",onKeyDown:e=>{p?.(e),(e=>{if("Tab"!==e.key){if(e.preventDefault(),"ArrowRight"===e.key&&b?.(),"ArrowLeft"===e.key&&o?.(),["ArrowUp","ArrowDown"].includes(e.key)){let t="ArrowUp"===e.key?1:-1,_=(0,date_picker_cjs_namespaceObject.getArrowByType)(d,t,s);m&&k(!1);let r=c?new Date(c):new Date;n?.((0,date_picker_cjs_namespaceObject.setDateByType)(r,_,s,u))}if(e.key>="0"&&e.key<="9"){var t;"12hours"===s&&w(e.key);let _=(t=e.key,"12hours"===s&&m&&"1"===d.slice(1,2)&&"0"===j?`0${t}`:m?d.slice(1,2)+t:`0${t}`);m&&b?.(),k(e=>!e);let r=c?new Date(c):new Date;n?.((0,date_picker_cjs_namespaceObject.setDateByType)(r,_,s,u))}}})(e)},...l})}for(var __webpack_i__ in TimePickerInput.displayName="TimePickerInput",exports.TimePickerInput=__webpack_exports__.TimePickerInput,__webpack_exports__)-1===["TimePickerInput"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client'
|
|
2
|
-
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,a)=>{for(var t in a)__webpack_require__.o(a,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:a[t]})},__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{useDataTable:()=>useDataTable});let react_table_namespaceObject=require("@tanstack/react-table"),external_nuqs_namespaceObject=require("nuqs"),external_react_namespaceObject=require("react"),external_use_debounced_callback_cjs_namespaceObject=require("./use-debounced-callback.cjs"),parsers_cjs_namespaceObject=require("../lib/parsers.cjs"),PAGE_KEY="page",PER_PAGE_KEY="perPage",SORT_KEY="sort",ARRAY_SEPARATOR=",",DEBOUNCE_MS=300,THROTTLE_MS=50;function useDataTable(e){let{columns:a,pageCount:t=-1,initialState:_,history:r="replace",debounceMs:c=300,throttleMs:n=50,clearOnDefault:s=!1,enableAdvancedFilter:l=!1,scroll:o=!1,shallow:i=!0,startTransition:u,globalFilter:p,...
|
|
2
|
+
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,a)=>{for(var t in a)__webpack_require__.o(a,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:a[t]})},__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{useDataTable:()=>useDataTable});let react_table_namespaceObject=require("@tanstack/react-table"),external_nuqs_namespaceObject=require("nuqs"),external_react_namespaceObject=require("react"),external_use_debounced_callback_cjs_namespaceObject=require("./use-debounced-callback.cjs"),parsers_cjs_namespaceObject=require("../lib/parsers.cjs"),PAGE_KEY="page",PER_PAGE_KEY="perPage",SORT_KEY="sort",ARRAY_SEPARATOR=",",DEBOUNCE_MS=300,THROTTLE_MS=50;function useDataTable(e){let{columns:a,pageCount:t=-1,initialState:_,history:r="replace",debounceMs:c=300,throttleMs:n=50,clearOnDefault:s=!1,enableAdvancedFilter:l=!1,scroll:o=!1,shallow:i=!0,startTransition:u,globalFilter:p,state:b,...m}=e,d=external_react_namespaceObject.useMemo(()=>({history:r,scroll:o,shallow:i,throttleMs:n,debounceMs:c,clearOnDefault:s,startTransition:u}),[r,o,i,n,c,s,u]),[O,j]=external_react_namespaceObject.useState(_?.rowSelection??{}),[g,w]=external_react_namespaceObject.useState(_?.columnVisibility??{}),[x,f]=(0,external_nuqs_namespaceObject.useQueryState)("page",external_nuqs_namespaceObject.parseAsInteger.withOptions(d).withDefault(1)),[S,q]=(0,external_nuqs_namespaceObject.useQueryState)("perPage",external_nuqs_namespaceObject.parseAsInteger.withOptions(d).withDefault(_?.pagination?.pageSize??10)),k=external_react_namespaceObject.useMemo(()=>({pageIndex:x-1,pageSize:S}),[x,S]),M=external_react_namespaceObject.useCallback(e=>{if("function"==typeof e){let a=e(k);f(a.pageIndex+1),q(a.pageSize)}else f(e.pageIndex+1),q(e.pageSize)},[k,f,q]),y=external_react_namespaceObject.useMemo(()=>new Set(a.map(e=>e.id).filter(Boolean)),[a]),[R,A]=(0,external_nuqs_namespaceObject.useQueryState)("sort",(0,parsers_cjs_namespaceObject.getSortingStateParser)(y).withOptions(d).withDefault(_?.sorting??[])),P=external_react_namespaceObject.useCallback(e=>{"function"==typeof e?A(e(R)):A(e)},[R,A]),h=external_react_namespaceObject.useMemo(()=>l?[]:a.filter(e=>e.enableColumnFilter),[a,l]),C=external_react_namespaceObject.useMemo(()=>l?{}:h.reduce((e,a)=>(a.meta?.options?e[a.id??""]=(0,external_nuqs_namespaceObject.parseAsArrayOf)(external_nuqs_namespaceObject.parseAsString,",").withOptions(d):e[a.id??""]=external_nuqs_namespaceObject.parseAsString.withOptions(d),e),{}),[h,d,l]),[T,D]=(0,external_nuqs_namespaceObject.useQueryStates)(C),F=(0,external_use_debounced_callback_cjs_namespaceObject.useDebouncedCallback)(e=>{f(1),D(e)},c),E=external_react_namespaceObject.useMemo(()=>l?[]:Object.entries(T).reduce((e,[a,t])=>{if(null!==t){let _=Array.isArray(t)?t:"string"==typeof t&&/[^a-zA-Z0-9]/.test(t)?t.split(/[^a-zA-Z0-9]+/).filter(Boolean):[t];e.push({id:a,value:_})}return e},[]),[T,l]),[v,z]=external_react_namespaceObject.useState(E),I=external_react_namespaceObject.useCallback(e=>{l||z(a=>{let t="function"==typeof e?e(a):e,_=t.reduce((e,a)=>(h.find(e=>e.id===a.id)&&(e[a.id]=a.value),e),{});for(let e of a)t.some(a=>a.id===e.id)||(_[e.id]=null);return F(_),t})},[F,h,l]);return{table:(0,react_table_namespaceObject.useReactTable)({...m,columns:a,initialState:_,pageCount:t,state:{pagination:k,sorting:R,columnVisibility:g,rowSelection:O,columnFilters:v,globalFilter:p,...b},defaultColumn:{...m.defaultColumn,enableColumnFilter:!1},enableRowSelection:!0,onRowSelectionChange:j,onPaginationChange:M,onSortingChange:P,onColumnFiltersChange:I,onColumnVisibilityChange:w,getCoreRowModel:(0,react_table_namespaceObject.getCoreRowModel)(),getFilteredRowModel:(0,react_table_namespaceObject.getFilteredRowModel)(),getPaginationRowModel:(0,react_table_namespaceObject.getPaginationRowModel)(),getSortedRowModel:(0,react_table_namespaceObject.getSortedRowModel)(),getFacetedRowModel:(0,react_table_namespaceObject.getFacetedRowModel)(),getFacetedUniqueValues:(0,react_table_namespaceObject.getFacetedUniqueValues)(),getFacetedMinMaxValues:(0,react_table_namespaceObject.getFacetedMinMaxValues)(),manualPagination:!0,manualSorting:!0,manualFiltering:!0}),shallow:i,debounceMs:c,throttleMs:n}}for(var __webpack_i__ in exports.useDataTable=__webpack_exports__.useDataTable,__webpack_exports__)-1===["useDataTable"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
|
|
@@ -14,6 +14,7 @@ interface UseDataTableProps<TData> extends Omit<TableOptions<TData>, 'state' | '
|
|
|
14
14
|
shallow?: boolean;
|
|
15
15
|
startTransition?: React.TransitionStartFunction;
|
|
16
16
|
globalFilter?: string | null;
|
|
17
|
+
state?: TableState;
|
|
17
18
|
}
|
|
18
19
|
export declare function useDataTable<TData>(props: UseDataTableProps<TData>): {
|
|
19
20
|
table: import("@tanstack/react-table").Table<TData>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-data-table.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-data-table.ts"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"use-data-table.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-data-table.ts"],"names":[],"mappings":"AAEA,OAAO,EAYL,KAAK,YAAY,EACjB,KAAK,UAAU,EAIhB,MAAM,uBAAuB,CAAA;AAU9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAS5D,UAAU,iBAAiB,CAAC,KAAK,CAC/B,SAAQ,IAAI,CACR,YAAY,CAAC,KAAK,CAAC,EACjB,OAAO,GACP,WAAW,GACX,iBAAiB,GACjB,iBAAiB,GACjB,kBAAkB,GAClB,eAAe,CAClB,EACD,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,CAAC;IAClD,YAAY,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,SAAS,CAAC,GAAG;QACpD,OAAO,CAAC,EAAE,kBAAkB,CAAC,KAAK,CAAC,EAAE,CAAA;KACtC,CAAA;IACD,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,eAAe,CAAC,EAAE,KAAK,CAAC,uBAAuB,CAAA;IAC/C,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,KAAK,CAAC,EAAE,UAAU,CAAA;CACnB;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC;;;;;EAuOlE"}
|
package/dist/cjs/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_modules__={"@/components/alert-dialog":function(e){e.exports=require("./components/alert-dialog/index.cjs")},"@/components/app-layout":function(e){e.exports=require("./components/app-layout/index.cjs")},"@/components/autocomplete":function(e){e.exports=require("./components/autocomplete/index.cjs")},"@/components/avatar":function(e){e.exports=require("./components/avatar/index.cjs")},"@/components/badge":function(e){e.exports=require("./components/badge/index.cjs")},"@/components/breadcrumb":function(e){e.exports=require("./components/breadcrumb.cjs")},"@/components/button":function(e){e.exports=require("./components/button/index.cjs")},"@/components/calendar":function(e){e.exports=require("./components/calendar.cjs")},"@/components/checkbox":function(e){e.exports=require("./components/checkbox/index.cjs")},"@/components/combobox":function(e){e.exports=require("./components/combobox.cjs")},"@/components/command":function(e){e.exports=require("./components/command.cjs")},"@/components/context-menu":function(e){e.exports=require("./components/context-menu.cjs")},"@/components/data-table":function(e){e.exports=require("./components/data-table/index.cjs")},"@/components/date-picker-with-range":function(e){e.exports=require("./components/date-picker-with-range.cjs")},"@/components/date-picker":function(e){e.exports=require("./components/date-picker/index.cjs")},"@/components/date-time-picker-with-range":function(e){e.exports=require("./components/date-time-picker-with-range.cjs")},"@/components/date-time-picker":function(e){e.exports=require("./components/date-time-picker/index.cjs")},"@/components/dialog":function(e){e.exports=require("./components/dialog.cjs")},"@/components/dropdown-menu":function(e){e.exports=require("./components/dropdown-menu.cjs")},"@/components/form":function(e){e.exports=require("./components/form.cjs")},"@/components/input-otp":function(e){e.exports=require("./components/input-otp.cjs")},"@/components/input-password":function(e){e.exports=require("./components/input-password.cjs")},"@/components/input":function(e){e.exports=require("./components/input.cjs")},"@/components/label":function(e){e.exports=require("./components/label.cjs")},"@/components/mask-input":function(e){e.exports=require("./components/mask-input.cjs")},"@/components/month-picker":function(e){e.exports=require("./components/month-picker.cjs")},"@/components/multi-select":function(e){e.exports=require("./components/multi-select.cjs")},"@/components/pagination":function(e){e.exports=require("./components/pagination.cjs")},"@/components/popover":function(e){e.exports=require("./components/popover.cjs")},"@/components/radio-group":function(e){e.exports=require("./components/radio-group.cjs")},"@/components/scroll-area":function(e){e.exports=require("./components/scroll-area.cjs")},"@/components/select":function(e){e.exports=require("./components/select.cjs")},"@/components/separator":function(e){e.exports=require("./components/separator.cjs")},"@/components/sheet":function(e){e.exports=require("./components/sheet/index.cjs")},"@/components/skeleton":function(e){e.exports=require("./components/skeleton/index.cjs")},"@/components/spinner":function(e){e.exports=require("./components/spinner.cjs")},"@/components/switch":function(e){e.exports=require("./components/switch/index.cjs")},"@/components/table-expandable":function(e){e.exports=require("./components/table-expandable.cjs")},"@/components/table":function(e){e.exports=require("./components/table.cjs")},"@/components/tabs":function(e){e.exports=require("./components/tabs/index.cjs")},"@/components/textarea":function(e){e.exports=require("./components/textarea.cjs")},"@/components/theme-provider":function(e){e.exports=require("./components/theme-provider.cjs")},"@/components/theme-toggle":function(e){e.exports=require("./components/theme-toggle.cjs")},"@/components/title":function(e){e.exports=require("./components/title.cjs")},"@/components/tokens-grid":function(e){e.exports=require("./components/tokens-grid.cjs")},"@/components/tooltip":function(e){e.exports=require("./components/tooltip/index.cjs")},"@/hooks/use-data-table":function(e){e.exports=require("./hooks/use-data-table.cjs")},"@/lib/data-table-config":function(e){e.exports=require("./lib/data-table-config.cjs")},"@/lib/format":function(e){e.exports=require("./lib/format.cjs")},"@/lib/utils":function(e){e.exports=require("./lib/utils.cjs")}},__webpack_module_cache__={};function __webpack_require__(e){var _=__webpack_module_cache__[e];if(void 0!==_)return _.exports;var r=__webpack_module_cache__[e]={exports:{}};return __webpack_modules__[e](r,r.exports,__webpack_require__),r.exports}__webpack_require__.n=e=>{var _=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(_,{a:_}),_},__webpack_require__.d=(e,_)=>{for(var r in _)__webpack_require__.o(_,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:_[r]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};for(var __webpack_i__ in(()=>{__webpack_require__.r(__webpack_exports__);var e=__webpack_require__("@/components/alert-dialog"),_={};for(var r in e)"default"!==r&&(_[r]=(function(_){return e[_]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var n=__webpack_require__("@/components/app-layout"),_={};for(var r in n)"default"!==r&&(_[r]=(function(e){return n[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var o=__webpack_require__("@/components/autocomplete"),_={};for(var r in o)"default"!==r&&(_[r]=(function(e){return o[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var t=__webpack_require__("@/components/avatar"),_={};for(var r in t)"default"!==r&&(_[r]=(function(e){return t[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var c=__webpack_require__("@/components/badge"),_={};for(var r in c)"default"!==r&&(_[r]=(function(e){return c[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var p=__webpack_require__("@/components/breadcrumb"),_={};for(var r in p)"default"!==r&&(_[r]=(function(e){return p[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var i=__webpack_require__("@/components/button"),_={};for(var r in i)"default"!==r&&(_[r]=(function(e){return i[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var a=__webpack_require__("@/components/calendar"),_={};for(var r in a)"default"!==r&&(_[r]=(function(e){return a[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var u=__webpack_require__("@/components/checkbox"),_={};for(var r in u)"default"!==r&&(_[r]=(function(e){return u[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var s=__webpack_require__("@/components/combobox"),_={};for(var r in s)"default"!==r&&(_[r]=(function(e){return s[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var b=__webpack_require__("@/components/command"),_={};for(var r in b)"default"!==r&&(_[r]=(function(e){return b[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var d=__webpack_require__("@/components/context-menu"),_={};for(var r in d)"default"!==r&&(_[r]=(function(e){return d[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var f=__webpack_require__("@/components/data-table"),_={};for(var r in f)"default"!==r&&(_[r]=(function(e){return f[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var m=__webpack_require__("@/components/date-picker"),_={};for(var r in m)"default"!==r&&(_[r]=(function(e){return m[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var k=__webpack_require__("@/components/date-picker-with-range"),_={};for(var r in k)"default"!==r&&(_[r]=(function(e){return k[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var w=__webpack_require__("@/components/date-time-picker"),_={};for(var r in w)"default"!==r&&(_[r]=(function(e){return w[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var q=__webpack_require__("@/components/date-time-picker-with-range"),_={};for(var r in q)"default"!==r&&(_[r]=(function(e){return q[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var l=__webpack_require__("@/components/dialog"),_={};for(var r in l)"default"!==r&&(_[r]=(function(e){return l[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var x=__webpack_require__("@/components/dropdown-menu"),_={};for(var r in x)"default"!==r&&(_[r]=(function(e){return x[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var v=__webpack_require__("@/components/form"),_={};for(var r in v)"default"!==r&&(_[r]=(function(e){return v[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var j=__webpack_require__("@/components/input"),_={};for(var r in j)"default"!==r&&(_[r]=(function(e){return j[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var g=__webpack_require__("@/components/input-otp"),_={};for(var r in g)"default"!==r&&(_[r]=(function(e){return g[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var h=__webpack_require__("@/components/input-password"),_={};for(var r in h)"default"!==r&&(_[r]=(function(e){return h[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var y=__webpack_require__("@/components/label"),_={};for(var r in y)"default"!==r&&(_[r]=(function(e){return y[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var S=__webpack_require__("@/components/mask-input"),_={};for(var r in S)"default"!==r&&(_[r]=(function(e){return S[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var O=__webpack_require__("@/components/month-picker"),_={};for(var r in O)"default"!==r&&(_[r]=(function(e){return O[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var P=__webpack_require__("@/components/multi-select"),_={};for(var r in P)"default"!==r&&(_[r]=(function(e){return P[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var M=__webpack_require__("@/components/pagination"),_={};for(var r in M)"default"!==r&&(_[r]=(function(e){return M[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var R=__webpack_require__("@/components/popover"),_={};for(var r in R)"default"!==r&&(_[r]=(function(e){return R[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var U=__webpack_require__("@/components/radio-group"),_={};for(var r in U)"default"!==r&&(_[r]=(function(e){return U[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var L=__webpack_require__("@/components/scroll-area"),_={};for(var r in L)"default"!==r&&(_[r]=(function(e){return L[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var T=__webpack_require__("@/components/select"),_={};for(var r in T)"default"!==r&&(_[r]=(function(e){return T[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var I=__webpack_require__("@/components/separator"),_={};for(var r in I)"default"!==r&&(_[r]=(function(e){return I[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var z=__webpack_require__("@/components/sheet"),_={};for(var r in z)"default"!==r&&(_[r]=(function(e){return z[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var A=__webpack_require__("@/components/skeleton"),_={};for(var r in A)"default"!==r&&(_[r]=(function(e){return A[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var B=__webpack_require__("@/components/spinner"),_={};for(var r in B)"default"!==r&&(_[r]=(function(e){return B[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var C=__webpack_require__("@/components/switch"),_={};for(var r in C)"default"!==r&&(_[r]=(function(e){return C[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var D=__webpack_require__("@/components/table"),_={};for(var r in D)"default"!==r&&(_[r]=(function(e){return D[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var E=__webpack_require__("@/components/table-expandable"),_={};for(var r in E)"default"!==r&&(_[r]=(function(e){return E[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var F=__webpack_require__("@/components/tabs"),_={};for(var r in F)"default"!==r&&(_[r]=(function(e){return F[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var G=__webpack_require__("@/components/textarea"),_={};for(var r in G)"default"!==r&&(_[r]=(function(e){return G[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var H=__webpack_require__("@/components/theme-provider"),_={};for(var r in H)"default"!==r&&(_[r]=(function(e){return H[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var J=__webpack_require__("@/components/theme-toggle"),_={};for(var r in J)"default"!==r&&(_[r]=(function(e){return J[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var K=__webpack_require__("@/components/title"),_={};for(var r in K)"default"!==r&&(_[r]=(function(e){return K[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var N=__webpack_require__("@/components/tokens-grid"),_={};for(var r in N)"default"!==r&&(_[r]=(function(e){return N[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var Q=__webpack_require__("@/components/tooltip"),_={};for(var r in Q)"default"!==r&&(_[r]=(function(e){return Q[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var V=__webpack_require__("@/hooks/use-data-table"),_={};for(var r in V)"default"!==r&&(_[r]=(function(e){return V[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var W=__webpack_require__("@/lib/data-table-config"),_={};for(var r in W)"default"!==r&&(_[r]=(function(e){return W[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var X=__webpack_require__("@/lib/format"),_={};for(var r in X)"default"!==r&&(_[r]=(function(e){return X[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var Y=__webpack_require__("@/lib/utils"),_={};for(var r in Y)"default"!==r&&(_[r]=(function(e){return Y[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_)})(),__webpack_exports__)exports[__webpack_i__]=__webpack_exports__[__webpack_i__];Object.defineProperty(exports,"__esModule",{value:!0});
|
|
1
|
+
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_modules__={"@/components/alert-dialog":function(e){e.exports=require("./components/alert-dialog/index.cjs")},"@/components/app-layout":function(e){e.exports=require("./components/app-layout/index.cjs")},"@/components/autocomplete":function(e){e.exports=require("./components/autocomplete/index.cjs")},"@/components/avatar":function(e){e.exports=require("./components/avatar/index.cjs")},"@/components/badge":function(e){e.exports=require("./components/badge/index.cjs")},"@/components/breadcrumb":function(e){e.exports=require("./components/breadcrumb.cjs")},"@/components/button":function(e){e.exports=require("./components/button/index.cjs")},"@/components/calendar":function(e){e.exports=require("./components/calendar.cjs")},"@/components/checkbox":function(e){e.exports=require("./components/checkbox/index.cjs")},"@/components/combobox":function(e){e.exports=require("./components/combobox.cjs")},"@/components/command":function(e){e.exports=require("./components/command.cjs")},"@/components/context-menu":function(e){e.exports=require("./components/context-menu.cjs")},"@/components/data-table":function(e){e.exports=require("./components/data-table/index.cjs")},"@/components/date-picker-with-range":function(e){e.exports=require("./components/date-picker-with-range.cjs")},"@/components/date-picker":function(e){e.exports=require("./components/date-picker/index.cjs")},"@/components/date-time-picker-with-range":function(e){e.exports=require("./components/date-time-picker-with-range.cjs")},"@/components/date-time-picker":function(e){e.exports=require("./components/date-time-picker/index.cjs")},"@/components/dialog":function(e){e.exports=require("./components/dialog/index.cjs")},"@/components/dropdown-menu":function(e){e.exports=require("./components/dropdown-menu.cjs")},"@/components/form":function(e){e.exports=require("./components/form.cjs")},"@/components/input-otp":function(e){e.exports=require("./components/input-otp/index.cjs")},"@/components/input-password":function(e){e.exports=require("./components/input-password/index.cjs")},"@/components/input":function(e){e.exports=require("./components/input/index.cjs")},"@/components/label":function(e){e.exports=require("./components/label.cjs")},"@/components/mask-input":function(e){e.exports=require("./components/mask-input.cjs")},"@/components/month-picker":function(e){e.exports=require("./components/month-picker.cjs")},"@/components/multi-select":function(e){e.exports=require("./components/multi-select.cjs")},"@/components/pagination":function(e){e.exports=require("./components/pagination.cjs")},"@/components/popover":function(e){e.exports=require("./components/popover.cjs")},"@/components/radio-group":function(e){e.exports=require("./components/radio-group.cjs")},"@/components/scroll-area":function(e){e.exports=require("./components/scroll-area.cjs")},"@/components/select":function(e){e.exports=require("./components/select.cjs")},"@/components/separator":function(e){e.exports=require("./components/separator.cjs")},"@/components/sheet":function(e){e.exports=require("./components/sheet/index.cjs")},"@/components/skeleton":function(e){e.exports=require("./components/skeleton/index.cjs")},"@/components/spinner":function(e){e.exports=require("./components/spinner.cjs")},"@/components/switch":function(e){e.exports=require("./components/switch/index.cjs")},"@/components/table-expandable":function(e){e.exports=require("./components/table-expandable.cjs")},"@/components/table":function(e){e.exports=require("./components/table.cjs")},"@/components/tabs":function(e){e.exports=require("./components/tabs/index.cjs")},"@/components/textarea":function(e){e.exports=require("./components/textarea.cjs")},"@/components/theme-provider":function(e){e.exports=require("./components/theme-provider.cjs")},"@/components/theme-toggle":function(e){e.exports=require("./components/theme-toggle.cjs")},"@/components/title":function(e){e.exports=require("./components/title.cjs")},"@/components/tokens-grid":function(e){e.exports=require("./components/tokens-grid.cjs")},"@/components/tooltip":function(e){e.exports=require("./components/tooltip/index.cjs")},"@/hooks/use-data-table":function(e){e.exports=require("./hooks/use-data-table.cjs")},"@/lib/data-table-config":function(e){e.exports=require("./lib/data-table-config.cjs")},"@/lib/format":function(e){e.exports=require("./lib/format.cjs")},"@/lib/utils":function(e){e.exports=require("./lib/utils.cjs")}},__webpack_module_cache__={};function __webpack_require__(e){var _=__webpack_module_cache__[e];if(void 0!==_)return _.exports;var r=__webpack_module_cache__[e]={exports:{}};return __webpack_modules__[e](r,r.exports,__webpack_require__),r.exports}__webpack_require__.n=e=>{var _=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(_,{a:_}),_},__webpack_require__.d=(e,_)=>{for(var r in _)__webpack_require__.o(_,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:_[r]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};for(var __webpack_i__ in(()=>{__webpack_require__.r(__webpack_exports__);var e=__webpack_require__("@/components/alert-dialog"),_={};for(var r in e)"default"!==r&&(_[r]=(function(_){return e[_]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var n=__webpack_require__("@/components/app-layout"),_={};for(var r in n)"default"!==r&&(_[r]=(function(e){return n[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var o=__webpack_require__("@/components/autocomplete"),_={};for(var r in o)"default"!==r&&(_[r]=(function(e){return o[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var t=__webpack_require__("@/components/avatar"),_={};for(var r in t)"default"!==r&&(_[r]=(function(e){return t[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var c=__webpack_require__("@/components/badge"),_={};for(var r in c)"default"!==r&&(_[r]=(function(e){return c[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var p=__webpack_require__("@/components/breadcrumb"),_={};for(var r in p)"default"!==r&&(_[r]=(function(e){return p[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var i=__webpack_require__("@/components/button"),_={};for(var r in i)"default"!==r&&(_[r]=(function(e){return i[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var a=__webpack_require__("@/components/calendar"),_={};for(var r in a)"default"!==r&&(_[r]=(function(e){return a[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var u=__webpack_require__("@/components/checkbox"),_={};for(var r in u)"default"!==r&&(_[r]=(function(e){return u[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var s=__webpack_require__("@/components/combobox"),_={};for(var r in s)"default"!==r&&(_[r]=(function(e){return s[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var b=__webpack_require__("@/components/command"),_={};for(var r in b)"default"!==r&&(_[r]=(function(e){return b[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var d=__webpack_require__("@/components/context-menu"),_={};for(var r in d)"default"!==r&&(_[r]=(function(e){return d[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var f=__webpack_require__("@/components/data-table"),_={};for(var r in f)"default"!==r&&(_[r]=(function(e){return f[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var m=__webpack_require__("@/components/date-picker"),_={};for(var r in m)"default"!==r&&(_[r]=(function(e){return m[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var k=__webpack_require__("@/components/date-picker-with-range"),_={};for(var r in k)"default"!==r&&(_[r]=(function(e){return k[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var w=__webpack_require__("@/components/date-time-picker"),_={};for(var r in w)"default"!==r&&(_[r]=(function(e){return w[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var q=__webpack_require__("@/components/date-time-picker-with-range"),_={};for(var r in q)"default"!==r&&(_[r]=(function(e){return q[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var l=__webpack_require__("@/components/dialog"),_={};for(var r in l)"default"!==r&&(_[r]=(function(e){return l[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var x=__webpack_require__("@/components/dropdown-menu"),_={};for(var r in x)"default"!==r&&(_[r]=(function(e){return x[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var v=__webpack_require__("@/components/form"),_={};for(var r in v)"default"!==r&&(_[r]=(function(e){return v[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var j=__webpack_require__("@/components/input"),_={};for(var r in j)"default"!==r&&(_[r]=(function(e){return j[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var g=__webpack_require__("@/components/input-otp"),_={};for(var r in g)"default"!==r&&(_[r]=(function(e){return g[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var h=__webpack_require__("@/components/input-password"),_={};for(var r in h)"default"!==r&&(_[r]=(function(e){return h[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var y=__webpack_require__("@/components/label"),_={};for(var r in y)"default"!==r&&(_[r]=(function(e){return y[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var S=__webpack_require__("@/components/mask-input"),_={};for(var r in S)"default"!==r&&(_[r]=(function(e){return S[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var O=__webpack_require__("@/components/month-picker"),_={};for(var r in O)"default"!==r&&(_[r]=(function(e){return O[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var P=__webpack_require__("@/components/multi-select"),_={};for(var r in P)"default"!==r&&(_[r]=(function(e){return P[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var M=__webpack_require__("@/components/pagination"),_={};for(var r in M)"default"!==r&&(_[r]=(function(e){return M[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var R=__webpack_require__("@/components/popover"),_={};for(var r in R)"default"!==r&&(_[r]=(function(e){return R[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var U=__webpack_require__("@/components/radio-group"),_={};for(var r in U)"default"!==r&&(_[r]=(function(e){return U[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var L=__webpack_require__("@/components/scroll-area"),_={};for(var r in L)"default"!==r&&(_[r]=(function(e){return L[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var T=__webpack_require__("@/components/select"),_={};for(var r in T)"default"!==r&&(_[r]=(function(e){return T[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var I=__webpack_require__("@/components/separator"),_={};for(var r in I)"default"!==r&&(_[r]=(function(e){return I[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var z=__webpack_require__("@/components/sheet"),_={};for(var r in z)"default"!==r&&(_[r]=(function(e){return z[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var A=__webpack_require__("@/components/skeleton"),_={};for(var r in A)"default"!==r&&(_[r]=(function(e){return A[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var B=__webpack_require__("@/components/spinner"),_={};for(var r in B)"default"!==r&&(_[r]=(function(e){return B[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var C=__webpack_require__("@/components/switch"),_={};for(var r in C)"default"!==r&&(_[r]=(function(e){return C[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var D=__webpack_require__("@/components/table"),_={};for(var r in D)"default"!==r&&(_[r]=(function(e){return D[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var E=__webpack_require__("@/components/table-expandable"),_={};for(var r in E)"default"!==r&&(_[r]=(function(e){return E[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var F=__webpack_require__("@/components/tabs"),_={};for(var r in F)"default"!==r&&(_[r]=(function(e){return F[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var G=__webpack_require__("@/components/textarea"),_={};for(var r in G)"default"!==r&&(_[r]=(function(e){return G[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var H=__webpack_require__("@/components/theme-provider"),_={};for(var r in H)"default"!==r&&(_[r]=(function(e){return H[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var J=__webpack_require__("@/components/theme-toggle"),_={};for(var r in J)"default"!==r&&(_[r]=(function(e){return J[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var K=__webpack_require__("@/components/title"),_={};for(var r in K)"default"!==r&&(_[r]=(function(e){return K[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var N=__webpack_require__("@/components/tokens-grid"),_={};for(var r in N)"default"!==r&&(_[r]=(function(e){return N[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var Q=__webpack_require__("@/components/tooltip"),_={};for(var r in Q)"default"!==r&&(_[r]=(function(e){return Q[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var V=__webpack_require__("@/hooks/use-data-table"),_={};for(var r in V)"default"!==r&&(_[r]=(function(e){return V[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var W=__webpack_require__("@/lib/data-table-config"),_={};for(var r in W)"default"!==r&&(_[r]=(function(e){return W[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var X=__webpack_require__("@/lib/format"),_={};for(var r in X)"default"!==r&&(_[r]=(function(e){return X[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var Y=__webpack_require__("@/lib/utils"),_={};for(var r in Y)"default"!==r&&(_[r]=(function(e){return Y[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_)})(),__webpack_exports__)exports[__webpack_i__]=__webpack_exports__[__webpack_i__];Object.defineProperty(exports,"__esModule",{value:!0});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/primitives/input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAA;AAEpD,OAAO,KAAK,EACV,cAAc,EACd,GAAG,EAEH,iBAAiB,EACjB,SAAS,EAEV,MAAM,OAAO,CAAA;AASd;;GAEG;AACH,KAAK,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAA;CACrB,CAAA;AAED,QAAA,MAA2B,gBAAgB,+CAAkC,CAAA;AAyB7E;;GAEG;AACH,UAAU,gBAAgB;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAA;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAA;IAEnB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAA;CACnB;AAED;;GAEG;AACH,UAAU,kBAAkB;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,cAAc,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAEpC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;GAEG;AACH,KAAK,UAAU,GAAG,iBAAiB,CAAC,kBAAkB,GAAG,gBAAgB,CAAC,CAAA;AAE1E,iBAAS,KAAK,CAAC,UAAU,EAAE,WAAW,CAAC,UAAU,CAAC,GAAG,GAAG,CAAC,OAAO,CA2F/D;AAQD;;GAEG;AACH,KAAK,eAAe,GAAG,cAAc,CAAC,OAAO,CAAC,CAAA;AAE9C,iBAAS,UAAU,CAAC,EAClB,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,WAAW,CAAC,eAAe,CAAC,GAAG,GAAG,CAAC,OAAO,CAuB5C;AAMD,OAAO,EACL,gBAAgB,EAChB,UAAU,IAAI,KAAK,EACnB,KAAK,EACL,UAAU,EACV,KAAK,IAAI,IAAI,GACd,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client'
|
|
2
|
-
import{jsx as
|
|
2
|
+
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{VisuallyHidden as a}from"@radix-ui/react-visually-hidden";import{Command as o}from"cmdk";import{Search as n}from"lucide-react";import{Dialog as d,DialogContent as r,DialogDescription as m,DialogTitle as i}from"./dialog/index.js";import{cn as c}from"../lib/utils.js";function s({className:t,...a}){return e(o,{className:c("flex flex-col overflow-hidden rounded-[inherit] bg-white text-foreground outline-hidden",t),"data-slot":"command",...a})}function l({children:o,...n}){return e(d,{"data-slot":"command-dialog",...n,children:t(r,{className:"rounded-t-lg sm:rounded-lg","data-slot":"command-dialog-content",children:[t(a,{children:[e(i,{children:"Search command"}),e(m,{children:"Use the search bar to find and select the desired command."})]}),e(s,{className:"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-gray-500 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input]]:h-12",children:o})]})})}function u({className:a,...d}){return t("div",{className:"flex items-center border-b px-3","cmdk-input-wrapper":"","data-slot":"command-input-wrapper",children:[e(n,{className:"mr-2 h-4 w-4 shrink-0 opacity-50"}),e(o.Input,{className:c("flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",a),"data-slot":"command-input",...d})]})}function p({className:t,...a}){return e(o.List,{className:c("max-h-75 overflow-y-auto overflow-x-hidden",t),"data-slot":"command-list",...a})}function g({className:t,...a}){return e(o.Empty,{className:c("py-6 text-center text-sm",t),"data-slot":"command-empty",...a})}function h({className:t,...a}){return e(o.Group,{className:c("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-gray-500 [&_[cmdk-group-heading]]:text-xs",t),"data-slot":"command-group",...a})}function f({className:t,...a}){return e(o.Separator,{className:c("-mx-1 h-px bg-stroke",t),"data-slot":"command-separator",...a})}function x({className:t,...a}){return e(o.Item,{className:c("group/command-item relative flex cursor-default select-none items-center gap-2 rounded-sm ata-[selected=true]:bg-accent px-2 py-1.5 text-sm outline-hidden data-[disabled=true]:pointer-events-none data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0",t),"data-slot":"command-item",...a})}function k({className:t,...a}){return e(o.Loading,{className:c("flex justify-center p-2",t),"data-slot":"command-loading",...a})}function y({className:t,...a}){return e("span",{className:c("ml-auto text-gray-500 text-xs tracking-widest",t),"data-slot":"command-shortcut",...a})}export{s as Command,l as CommandDialog,g as CommandEmpty,h as CommandGroup,u as CommandInput,x as CommandItem,p as CommandList,k as CommandLoading,f as CommandSeparator,y as CommandShortcut};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client'
|
|
2
|
-
import{jsx as e,jsxs as a}from"react/jsx-runtime";import{CalendarBlankIcon as l,CaretUpDownIcon as r,CheckIcon as t,DotsSixVerticalIcon as i,FunnelSimpleIcon as n,TrashIcon as o}from"@phosphor-icons/react";import{parseAsStringEnum as s,useQueryState as d}from"nuqs";import{useCallback as c,useEffect as m,useId as u,useMemo as p,useRef as h,useState as f}from"react";import{Badge as v}from"../badge/index.js";import{Button as g}from"../button/index.js";import{Calendar as b}from"../calendar.js";import{Command as x,CommandEmpty as w,CommandGroup as N,CommandInput as y,CommandItem as C,CommandList as D}from"../command.js";import{DataTableRangeFilter as I}from"./data-table-range-filter.js";import{Faceted as j,FacetedBadgeList as $,FacetedContent as k,FacetedEmpty as z,FacetedGroup as O,FacetedInput as S,FacetedItem as E,FacetedList as A,FacetedTrigger as T}from"../faceted.js";import{Input as L}from"../input.js";import{Popover as F,PopoverContent as B,PopoverTrigger as V}from"../popover.js";import{Select as K,SelectContent as M,SelectItem as H,SelectTrigger as q,SelectValue as R}from"../select.js";import{Sortable as U,SortableContent as J,SortableItem as G,SortableItemHandle as P,SortableOverlay as Q}from"../sortable.js";import{useDebouncedCallback as W}from"../../hooks/use-debounced-callback.js";import{getDefaultFilterOperator as X,getFilterOperators as Y}from"../../lib/data-table.js";import{dataTableConfig as Z}from"../../lib/data-table-config.js";import{formatDate as _}from"../../lib/format.js";import{generateId as ee}from"../../lib/id.js";import{getFiltersStateParser as ea}from"../../lib/parsers.js";import{cn as el}from"../../lib/utils.js";let er=["backspace","delete"];function et({table:l,debounceMs:r=300,throttleMs:t=50,shallow:i=!0,...o}){let b=u(),x=u(),w=u(),[N,y]=f(!1),C=h(null),D=p(()=>l.getAllColumns().filter(e=>e.columnDef.enableColumnFilter),[l]),[I,j]=d("filters",ea(D.map(e=>e.id)).withDefault([]).withOptions({clearOnDefault:!0,shallow:i,throttleMs:t})),$=W(j,r),[k,z]=d("joinOperator",s(["e","ou"]).withDefault("e").withOptions({clearOnDefault:!0,shallow:i})),O=c(()=>{let e=D[0];e&&$([...I,{id:e.id,value:"",variant:e.columnDef.meta?.variant??"text",operator:X(e.columnDef.meta?.variant??"text"),filterId:ee({length:8})}])},[D,I,$]),S=c((e,a)=>{$(l=>l.map(l=>l.filterId===e?{...l,...a}:l))},[$]),E=c(e=>{j(I.filter(a=>a.filterId!==e)),requestAnimationFrame(()=>{C.current?.focus()})},[I,j]),A=c(()=>{j(null),z("e")},[j,z]);m(()=>{function e(e){!(e.target instanceof HTMLInputElement||e.target instanceof HTMLTextAreaElement)&&("f"!==e.key.toLowerCase()||e.ctrlKey||e.metaKey||e.shiftKey||(e.preventDefault(),y(!0)),"f"===e.key.toLowerCase()&&e.shiftKey&&I.length>0&&(e.preventDefault(),E(I[I.length-1]?.filterId??"")))}return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[I,E]);let T=c(e=>{er.includes(e.key.toLowerCase())&&I.length>0&&(e.preventDefault(),E(I[I.length-1]?.filterId??""))},[I,E]);return a(U,{value:I,onValueChange:j,getItemValue:e=>e.filterId,children:[a(F,{open:N,onOpenChange:y,children:[e(V,{asChild:!0,children:a(g,{variant:"outline",size:"sm",onKeyDown:T,children:[e(n,{weight:"bold"}),"Filtro",I.length>0&&e(v,{variant:"secondary",className:"h-[18.24px] rounded-[3.2px] px-[5.12px] font-mono font-normal text-[10.4px]",children:I.length})]})}),a(B,{"aria-describedby":w,"aria-labelledby":x,className:"flex w-full max-w-[var(--radix-popover-content-available-width)] origin-[var(--radix-popover-content-transform-origin)] flex-col gap-3.5 p-4 sm:min-w-[380px]",...o,children:[a("div",{className:"flex flex-col gap-1",children:[e("h4",{id:x,className:"font-medium leading-none",children:I.length>0?"Filtros":"Nenhum filtro aplicado"}),e("p",{id:w,className:el("text-gray-400 text-sm",I.length>0&&"sr-only"),children:I.length>0?"Modifique os filtros para filtrar suas linhas.":"Adicione filtros para filtrar suas linhas."})]}),I.length>0?e(J,{asChild:!0,children:e("div",{role:"list",className:"flex max-h-[300px] flex-col gap-2 overflow-y-auto p-1",children:I.map((a,l)=>e(ei,{filter:a,index:l,filterItemId:`${b}-filter-${a.filterId}`,joinOperator:k,setJoinOperator:z,columns:D,onFilterUpdate:S,onFilterRemove:E},a.filterId))})}):null,a("div",{className:"flex w-full items-center gap-2",children:[e(g,{size:"sm",className:"rounded",ref:C,onClick:O,children:"Adicionar filtro"}),I.length>0?e(g,{variant:"outline",size:"sm",className:"rounded",onClick:A,children:"Resetar filtros"}):null]})]})]}),e(Q,{children:a("div",{className:"flex items-center gap-2",children:[e("div",{className:"h-10 min-w-[72px] rounded-sm bg-primary/10"}),e("div",{className:"h-10 w-32 rounded-sm bg-primary/10"}),e("div",{className:"h-10 w-32 rounded-sm bg-primary/10"}),e("div",{className:"h-10 min-w-36 flex-1 rounded-sm bg-primary/10"}),e("div",{className:"size-8 shrink-0 rounded-sm bg-primary/10"}),e("div",{className:"size-8 shrink-0 rounded-sm bg-primary/10"})]})})]})}function ei({filter:n,index:s,filterItemId:d,joinOperator:m,setJoinOperator:u,columns:p,onFilterUpdate:h,onFilterRemove:v}){let[U,J]=f(!1),[Q,W]=f(!1),[ee,ea]=f(!1),et=p.find(e=>e.id===n.id);if(!et)return null;let ei=`${d}-join-operator-listbox`,en=`${d}-field-listbox`,eo=`${d}-operator-listbox`,es=`${d}-input`,ed=et.columnDef.meta,ec=Y(n.variant),em=c(e=>{!(e.target instanceof HTMLInputElement||e.target instanceof HTMLTextAreaElement)&&(U||Q||ee||er.includes(e.key.toLowerCase())&&(e.preventDefault(),v(n.filterId)))},[n.filterId,U,Q,ee,v]);return e(G,{value:n.filterId,asChild:!0,children:a("div",{role:"listitem",id:d,tabIndex:-1,className:"flex items-center gap-2",onKeyDown:em,children:[e("div",{className:"min-w-[72px] text-center",children:0===s?e("span",{className:"text-gray-400 text-sm",children:"Onde"}):1===s?a(K,{value:m,onValueChange:e=>u(e),children:[e(q,{"aria-label":"Select join operator","aria-controls":ei,className:"h-10 rounded lowercase [&[data-size]]:h-10",children:e(R,{placeholder:m})}),e(M,{id:ei,position:"popper",className:"min-w-(--radix-select-trigger-width) lowercase",children:Z.joinOperators.map(a=>e(H,{value:a,children:a},a))})]}):e("span",{className:"text-gray-400 text-sm",children:m})}),a(F,{open:U,onOpenChange:J,children:[e(V,{asChild:!0,children:a(g,{role:"combobox","aria-controls":en,variant:"outline",size:"sm",className:"w-32 justify-between rounded font-normal",children:[e("span",{className:"truncate",children:p.find(e=>e.id===n.id)?.columnDef.meta?.label??"Selecione o campo"}),e(r,{className:"opacity-50"})]})}),e(B,{id:en,align:"start",className:"w-40 origin-[var(--radix-popover-content-transform-origin)] p-0",children:a(x,{children:[e(y,{placeholder:"Buscar campo..."}),a(D,{children:[e(w,{children:"Nenhum campo encontrado."}),e(N,{children:p.map(l=>a(C,{value:l.id,onSelect:e=>{h(n.filterId,{id:e,variant:l.columnDef.meta?.variant??"text",operator:X(l.columnDef.meta?.variant??"text"),value:""}),J(!1)},children:[e("span",{className:"truncate",children:l.columnDef.meta?.label}),e(t,{className:el("ml-auto",l.id===n.id?"opacity-100":"opacity-0")})]},l.id))})]})]})})]}),a(K,{open:Q,onOpenChange:W,value:n.operator,onValueChange:e=>h(n.filterId,{operator:e,value:"isEmpty"===e||"isNotEmpty"===e?"":n.value}),children:[e(q,{"aria-controls":eo,className:"h-10 w-32 rounded lowercase [&[data-size]]:h-10",children:e("div",{className:"truncate",children:e(R,{placeholder:n.operator})})}),e(M,{id:eo,className:"origin-[var(--radix-select-content-transform-origin)]",children:ec.map(a=>e(H,{value:a.value,className:"lowercase",children:a.label},a.value))})]}),e("div",{className:"min-w-36 flex-1",children:function({filter:r,inputId:t,column:i,columnMeta:n,onFilterUpdate:o,showValueSelector:s,setShowValueSelector:d}){if("isEmpty"===r.operator||"isNotEmpty"===r.operator)return e("div",{id:t,role:"status","aria-label":`${n?.label} filter is ${"isEmpty"===r.operator?"empty":"not empty"}`,"aria-live":"polite",className:"h-10 w-full rounded border bg-transparent dark:bg-input/30"});switch(r.variant){case"text":case"number":case"range":{if("range"===r.variant&&"isBetween"===r.operator||"isBetween"===r.operator)return e(I,{filter:r,column:i,inputId:t,onFilterUpdate:o});let a="number"===r.variant||"range"===r.variant;return e(L,{id:t,type:a?"number":r.variant,"aria-label":`${n?.label} filter value`,"aria-describedby":`${t}-description`,inputMode:a?"numeric":void 0,placeholder:n?.placeholder??"Enter a value...",className:"h-10 w-full rounded",defaultValue:"string"==typeof r.value?r.value:void 0,onChange:e=>o(r.filterId,{value:e.target.value})})}case"boolean":{if(Array.isArray(r.value))return null;let l=`${t}-listbox`;return a(K,{open:s,onOpenChange:d,value:r.value,onValueChange:e=>o(r.filterId,{value:e}),children:[e(q,{id:t,"aria-controls":l,"aria-label":`${n?.label} boolean filter`,className:"h-10 w-full rounded [&[data-size]]:h-10",children:e(R,{placeholder:r.value?"True":"False"})}),a(M,{id:l,children:[e(H,{value:"true",children:"True"}),e(H,{value:"false",children:"False"})]})]})}case"select":case"multiSelect":{let l=`${t}-listbox`,i="multiSelect"===r.variant;return a(j,{open:s,onOpenChange:d,value:i?Array.isArray(r.value)?r.value:[]:"string"==typeof r.value?r.value:void 0,onValueChange:e=>{o(r.filterId,{value:e})},multiple:i,children:[e(T,{asChild:!0,children:e(g,{id:t,"aria-controls":l,"aria-label":`${n?.label} filter value${i?"s":""}`,variant:"outline",size:"sm",className:"w-full rounded font-normal",children:e($,{options:n?.options,placeholder:n?.placeholder??`Select option${i?"s":""}...`})})}),a(k,{id:l,className:"w-[200px] origin-[var(--radix-popover-content-transform-origin)]",children:[e(S,{"aria-label":`Search ${n?.label} options`,placeholder:n?.placeholder??"Search options..."}),a(A,{children:[e(z,{children:"Nenhum resultado"}),e(O,{children:n?.options?.map(l=>a(E,{value:l.value,children:[l.icon&&e(l.icon,{}),e("span",{children:l.label}),l.count&&e("span",{className:"ml-auto font-mono text-xs",children:l.count})]},l.value))})]})]})]})}case"date":case"dateRange":{let i=`${t}-listbox`,c=Array.isArray(r.value)?r.value.filter(Boolean):[r.value,r.value].filter(Boolean),m="isBetween"===r.operator&&2===c.length?`${_(new Date(Number(c[0])))} - ${_(new Date(Number(c[1])))}`:c[0]?_(new Date(Number(c[0]))):"Escolha uma data";return a(F,{open:s,onOpenChange:d,children:[e(V,{asChild:!0,children:a(g,{id:t,"aria-controls":i,"aria-label":`${n?.label} date filter`,variant:"outline",size:"sm",className:el("w-full justify-start rounded text-left font-normal",!r.value&&"text-gray-400"),children:[e(l,{weight:"bold"}),e("span",{className:"truncate text-sm",children:m})]})}),e(B,{id:i,align:"start",className:"w-auto origin-[var(--radix-popover-content-transform-origin)] p-0",children:"isBetween"===r.operator?e(b,{"aria-label":`Select ${n?.label} date range`,mode:"range",selected:2===c.length?{from:new Date(Number(c[0])),to:new Date(Number(c[1]))}:{from:new Date,to:new Date},onSelect:e=>{o(r.filterId,{value:e?[(e.from?.getTime()??"").toString(),(e.to?.getTime()??"").toString()]:[]})}}):e(b,{"aria-label":`Select ${n?.label} date`,mode:"single",selected:c[0]?new Date(Number(c[0])):void 0,onSelect:e=>{o(r.filterId,{value:(e?.getTime()??"").toString()})}})})]})}default:return null}}({filter:n,inputId:es,column:et,columnMeta:ed,onFilterUpdate:h,showValueSelector:ee,setShowValueSelector:ea})}),e(g,{"aria-controls":d,variant:"outline",size:"icon",className:"size-8 rounded",onClick:()=>v(n.filterId),children:e(o,{weight:"bold"})}),e(P,{asChild:!0,children:e(g,{variant:"outline",size:"icon",className:"size-8 rounded",children:e(i,{weight:"bold"})})})]})})}export{et as DataTableFilterList};
|
|
2
|
+
import{jsx as e,jsxs as a}from"react/jsx-runtime";import{CalendarBlankIcon as l,CaretUpDownIcon as r,CheckIcon as t,DotsSixVerticalIcon as i,FunnelSimpleIcon as n,TrashIcon as o}from"@phosphor-icons/react";import{parseAsStringEnum as s,useQueryState as d}from"nuqs";import{useCallback as c,useEffect as m,useId as u,useMemo as p,useRef as h,useState as f}from"react";import{Badge as v}from"../badge/index.js";import{Button as g}from"../button/index.js";import{Calendar as b}from"../calendar.js";import{Command as x,CommandEmpty as w,CommandGroup as N,CommandInput as y,CommandItem as C,CommandList as D}from"../command.js";import{DataTableRangeFilter as I}from"./data-table-range-filter.js";import{Faceted as j,FacetedBadgeList as $,FacetedContent as k,FacetedEmpty as z,FacetedGroup as O,FacetedInput as S,FacetedItem as E,FacetedList as A,FacetedTrigger as T}from"../faceted.js";import{Input as L}from"../input/index.js";import{Popover as F,PopoverContent as B,PopoverTrigger as V}from"../popover.js";import{Select as K,SelectContent as M,SelectItem as H,SelectTrigger as q,SelectValue as R}from"../select.js";import{Sortable as U,SortableContent as J,SortableItem as G,SortableItemHandle as P,SortableOverlay as Q}from"../sortable.js";import{useDebouncedCallback as W}from"../../hooks/use-debounced-callback.js";import{getDefaultFilterOperator as X,getFilterOperators as Y}from"../../lib/data-table.js";import{dataTableConfig as Z}from"../../lib/data-table-config.js";import{formatDate as _}from"../../lib/format.js";import{generateId as ee}from"../../lib/id.js";import{getFiltersStateParser as ea}from"../../lib/parsers.js";import{cn as el}from"../../lib/utils.js";let er=["backspace","delete"];function et({table:l,debounceMs:r=300,throttleMs:t=50,shallow:i=!0,...o}){let b=u(),x=u(),w=u(),[N,y]=f(!1),C=h(null),D=p(()=>l.getAllColumns().filter(e=>e.columnDef.enableColumnFilter),[l]),[I,j]=d("filters",ea(D.map(e=>e.id)).withDefault([]).withOptions({clearOnDefault:!0,shallow:i,throttleMs:t})),$=W(j,r),[k,z]=d("joinOperator",s(["e","ou"]).withDefault("e").withOptions({clearOnDefault:!0,shallow:i})),O=c(()=>{let e=D[0];e&&$([...I,{id:e.id,value:"",variant:e.columnDef.meta?.variant??"text",operator:X(e.columnDef.meta?.variant??"text"),filterId:ee({length:8})}])},[D,I,$]),S=c((e,a)=>{$(l=>l.map(l=>l.filterId===e?{...l,...a}:l))},[$]),E=c(e=>{j(I.filter(a=>a.filterId!==e)),requestAnimationFrame(()=>{C.current?.focus()})},[I,j]),A=c(()=>{j(null),z("e")},[j,z]);m(()=>{function e(e){!(e.target instanceof HTMLInputElement||e.target instanceof HTMLTextAreaElement)&&("f"!==e.key.toLowerCase()||e.ctrlKey||e.metaKey||e.shiftKey||(e.preventDefault(),y(!0)),"f"===e.key.toLowerCase()&&e.shiftKey&&I.length>0&&(e.preventDefault(),E(I[I.length-1]?.filterId??"")))}return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[I,E]);let T=c(e=>{er.includes(e.key.toLowerCase())&&I.length>0&&(e.preventDefault(),E(I[I.length-1]?.filterId??""))},[I,E]);return a(U,{value:I,onValueChange:j,getItemValue:e=>e.filterId,children:[a(F,{open:N,onOpenChange:y,children:[e(V,{asChild:!0,children:a(g,{variant:"outline",size:"sm",onKeyDown:T,children:[e(n,{weight:"bold"}),"Filtro",I.length>0&&e(v,{variant:"secondary",className:"h-[18.24px] rounded-[3.2px] px-[5.12px] font-mono font-normal text-[10.4px]",children:I.length})]})}),a(B,{"aria-describedby":w,"aria-labelledby":x,className:"flex w-full max-w-[var(--radix-popover-content-available-width)] origin-[var(--radix-popover-content-transform-origin)] flex-col gap-3.5 p-4 sm:min-w-[380px]",...o,children:[a("div",{className:"flex flex-col gap-1",children:[e("h4",{id:x,className:"font-medium leading-none",children:I.length>0?"Filtros":"Nenhum filtro aplicado"}),e("p",{id:w,className:el("text-gray-400 text-sm",I.length>0&&"sr-only"),children:I.length>0?"Modifique os filtros para filtrar suas linhas.":"Adicione filtros para filtrar suas linhas."})]}),I.length>0?e(J,{asChild:!0,children:e("div",{role:"list",className:"flex max-h-[300px] flex-col gap-2 overflow-y-auto p-1",children:I.map((a,l)=>e(ei,{filter:a,index:l,filterItemId:`${b}-filter-${a.filterId}`,joinOperator:k,setJoinOperator:z,columns:D,onFilterUpdate:S,onFilterRemove:E},a.filterId))})}):null,a("div",{className:"flex w-full items-center gap-2",children:[e(g,{size:"sm",className:"rounded",ref:C,onClick:O,children:"Adicionar filtro"}),I.length>0?e(g,{variant:"outline",size:"sm",className:"rounded",onClick:A,children:"Resetar filtros"}):null]})]})]}),e(Q,{children:a("div",{className:"flex items-center gap-2",children:[e("div",{className:"h-10 min-w-[72px] rounded-sm bg-primary/10"}),e("div",{className:"h-10 w-32 rounded-sm bg-primary/10"}),e("div",{className:"h-10 w-32 rounded-sm bg-primary/10"}),e("div",{className:"h-10 min-w-36 flex-1 rounded-sm bg-primary/10"}),e("div",{className:"size-8 shrink-0 rounded-sm bg-primary/10"}),e("div",{className:"size-8 shrink-0 rounded-sm bg-primary/10"})]})})]})}function ei({filter:n,index:s,filterItemId:d,joinOperator:m,setJoinOperator:u,columns:p,onFilterUpdate:h,onFilterRemove:v}){let[U,J]=f(!1),[Q,W]=f(!1),[ee,ea]=f(!1),et=p.find(e=>e.id===n.id);if(!et)return null;let ei=`${d}-join-operator-listbox`,en=`${d}-field-listbox`,eo=`${d}-operator-listbox`,es=`${d}-input`,ed=et.columnDef.meta,ec=Y(n.variant),em=c(e=>{!(e.target instanceof HTMLInputElement||e.target instanceof HTMLTextAreaElement)&&(U||Q||ee||er.includes(e.key.toLowerCase())&&(e.preventDefault(),v(n.filterId)))},[n.filterId,U,Q,ee,v]);return e(G,{value:n.filterId,asChild:!0,children:a("div",{role:"listitem",id:d,tabIndex:-1,className:"flex items-center gap-2",onKeyDown:em,children:[e("div",{className:"min-w-[72px] text-center",children:0===s?e("span",{className:"text-gray-400 text-sm",children:"Onde"}):1===s?a(K,{value:m,onValueChange:e=>u(e),children:[e(q,{"aria-label":"Select join operator","aria-controls":ei,className:"h-10 rounded lowercase [&[data-size]]:h-10",children:e(R,{placeholder:m})}),e(M,{id:ei,position:"popper",className:"min-w-(--radix-select-trigger-width) lowercase",children:Z.joinOperators.map(a=>e(H,{value:a,children:a},a))})]}):e("span",{className:"text-gray-400 text-sm",children:m})}),a(F,{open:U,onOpenChange:J,children:[e(V,{asChild:!0,children:a(g,{role:"combobox","aria-controls":en,variant:"outline",size:"sm",className:"w-32 justify-between rounded font-normal",children:[e("span",{className:"truncate",children:p.find(e=>e.id===n.id)?.columnDef.meta?.label??"Selecione o campo"}),e(r,{className:"opacity-50"})]})}),e(B,{id:en,align:"start",className:"w-40 origin-[var(--radix-popover-content-transform-origin)] p-0",children:a(x,{children:[e(y,{placeholder:"Buscar campo..."}),a(D,{children:[e(w,{children:"Nenhum campo encontrado."}),e(N,{children:p.map(l=>a(C,{value:l.id,onSelect:e=>{h(n.filterId,{id:e,variant:l.columnDef.meta?.variant??"text",operator:X(l.columnDef.meta?.variant??"text"),value:""}),J(!1)},children:[e("span",{className:"truncate",children:l.columnDef.meta?.label}),e(t,{className:el("ml-auto",l.id===n.id?"opacity-100":"opacity-0")})]},l.id))})]})]})})]}),a(K,{open:Q,onOpenChange:W,value:n.operator,onValueChange:e=>h(n.filterId,{operator:e,value:"isEmpty"===e||"isNotEmpty"===e?"":n.value}),children:[e(q,{"aria-controls":eo,className:"h-10 w-32 rounded lowercase [&[data-size]]:h-10",children:e("div",{className:"truncate",children:e(R,{placeholder:n.operator})})}),e(M,{id:eo,className:"origin-[var(--radix-select-content-transform-origin)]",children:ec.map(a=>e(H,{value:a.value,className:"lowercase",children:a.label},a.value))})]}),e("div",{className:"min-w-36 flex-1",children:function({filter:r,inputId:t,column:i,columnMeta:n,onFilterUpdate:o,showValueSelector:s,setShowValueSelector:d}){if("isEmpty"===r.operator||"isNotEmpty"===r.operator)return e("div",{id:t,role:"status","aria-label":`${n?.label} filter is ${"isEmpty"===r.operator?"empty":"not empty"}`,"aria-live":"polite",className:"h-10 w-full rounded border bg-transparent dark:bg-input/30"});switch(r.variant){case"text":case"number":case"range":{if("range"===r.variant&&"isBetween"===r.operator||"isBetween"===r.operator)return e(I,{filter:r,column:i,inputId:t,onFilterUpdate:o});let a="number"===r.variant||"range"===r.variant;return e(L,{id:t,type:a?"number":r.variant,"aria-label":`${n?.label} filter value`,"aria-describedby":`${t}-description`,inputMode:a?"numeric":void 0,placeholder:n?.placeholder??"Enter a value...",className:"h-10 w-full rounded",defaultValue:"string"==typeof r.value?r.value:void 0,onChange:e=>o(r.filterId,{value:e.target.value})})}case"boolean":{if(Array.isArray(r.value))return null;let l=`${t}-listbox`;return a(K,{open:s,onOpenChange:d,value:r.value,onValueChange:e=>o(r.filterId,{value:e}),children:[e(q,{id:t,"aria-controls":l,"aria-label":`${n?.label} boolean filter`,className:"h-10 w-full rounded [&[data-size]]:h-10",children:e(R,{placeholder:r.value?"True":"False"})}),a(M,{id:l,children:[e(H,{value:"true",children:"True"}),e(H,{value:"false",children:"False"})]})]})}case"select":case"multiSelect":{let l=`${t}-listbox`,i="multiSelect"===r.variant;return a(j,{open:s,onOpenChange:d,value:i?Array.isArray(r.value)?r.value:[]:"string"==typeof r.value?r.value:void 0,onValueChange:e=>{o(r.filterId,{value:e})},multiple:i,children:[e(T,{asChild:!0,children:e(g,{id:t,"aria-controls":l,"aria-label":`${n?.label} filter value${i?"s":""}`,variant:"outline",size:"sm",className:"w-full rounded font-normal",children:e($,{options:n?.options,placeholder:n?.placeholder??`Select option${i?"s":""}...`})})}),a(k,{id:l,className:"w-[200px] origin-[var(--radix-popover-content-transform-origin)]",children:[e(S,{"aria-label":`Search ${n?.label} options`,placeholder:n?.placeholder??"Search options..."}),a(A,{children:[e(z,{children:"Nenhum resultado"}),e(O,{children:n?.options?.map(l=>a(E,{value:l.value,children:[l.icon&&e(l.icon,{}),e("span",{children:l.label}),l.count&&e("span",{className:"ml-auto font-mono text-xs",children:l.count})]},l.value))})]})]})]})}case"date":case"dateRange":{let i=`${t}-listbox`,c=Array.isArray(r.value)?r.value.filter(Boolean):[r.value,r.value].filter(Boolean),m="isBetween"===r.operator&&2===c.length?`${_(new Date(Number(c[0])))} - ${_(new Date(Number(c[1])))}`:c[0]?_(new Date(Number(c[0]))):"Escolha uma data";return a(F,{open:s,onOpenChange:d,children:[e(V,{asChild:!0,children:a(g,{id:t,"aria-controls":i,"aria-label":`${n?.label} date filter`,variant:"outline",size:"sm",className:el("w-full justify-start rounded text-left font-normal",!r.value&&"text-gray-400"),children:[e(l,{weight:"bold"}),e("span",{className:"truncate text-sm",children:m})]})}),e(B,{id:i,align:"start",className:"w-auto origin-[var(--radix-popover-content-transform-origin)] p-0",children:"isBetween"===r.operator?e(b,{"aria-label":`Select ${n?.label} date range`,mode:"range",selected:2===c.length?{from:new Date(Number(c[0])),to:new Date(Number(c[1]))}:{from:new Date,to:new Date},onSelect:e=>{o(r.filterId,{value:e?[(e.from?.getTime()??"").toString(),(e.to?.getTime()??"").toString()]:[]})}}):e(b,{"aria-label":`Select ${n?.label} date`,mode:"single",selected:c[0]?new Date(Number(c[0])):void 0,onSelect:e=>{o(r.filterId,{value:(e?.getTime()??"").toString()})}})})]})}default:return null}}({filter:n,inputId:es,column:et,columnMeta:ed,onFilterUpdate:h,showValueSelector:ee,setShowValueSelector:ea})}),e(g,{"aria-controls":d,variant:"outline",size:"icon",className:"size-8 rounded",onClick:()=>v(n.filterId),children:e(o,{weight:"bold"})}),e(P,{asChild:!0,children:e(g,{variant:"outline",size:"icon",className:"size-8 rounded",children:e(i,{weight:"bold"})})})]})})}export{et as DataTableFilterList};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client'
|
|
2
|
-
import{Fragment as e,jsx as n,jsxs as t}from"react/jsx-runtime";import{Calendar as a,Check as l,FunnelSimple as r,SealCheck as i,TextAlignLeft as o,X as c}from"@phosphor-icons/react";import{useQueryState as s}from"nuqs";import{useCallback as d,useEffect as u,useId as m,useMemo as p,useRef as f,useState as h}from"react";import{Button as v}from"../button/index.js";import{Calendar as g}from"../calendar.js";import{Command as b,CommandEmpty as N,CommandGroup as w,CommandInput as x,CommandItem as D,CommandList as y}from"../command.js";import{DataTableRangeFilter as S}from"./data-table-range-filter.js";import{Input as C}from"../input.js";import{Popover as I,PopoverContent as k,PopoverTrigger as T}from"../popover.js";import{Select as F,SelectContent as j,SelectItem as z,SelectTrigger as E,SelectValue as $}from"../select.js";import{useDebouncedCallback as L}from"../../hooks/use-debounced-callback.js";import{getDefaultFilterOperator as A,getFilterOperators as O}from"../../lib/data-table.js";import{formatDate as K}from"../../lib/format.js";import{generateId as _}from"../../lib/id.js";import{getFiltersStateParser as B}from"../../lib/parsers.js";import{cn as M}from"../../lib/utils.js";let H=["backspace","delete"];function R({table:a,debounceMs:l=300,throttleMs:i=50,shallow:o=!0,align:g="start",...S}){let C=m(),F=p(()=>a.getAllColumns().filter(e=>e.columnDef.enableColumnFilter),[a]),[j,z]=h(!1),[E,$]=h(null),[O,K]=h(""),R=f(null),U=f(null),P=d(e=>{z(e),e||setTimeout(()=>{$(null),K("")},100)},[]),G=d(e=>{H.includes(e.key.toLowerCase())&&!O&&E&&(e.preventDefault(),$(null))},[O,E]),[J,Q]=s("filters",B(F.map(e=>e.id)).withDefault([]).withOptions({clearOnDefault:!0,shallow:o,throttleMs:i})),W=L(Q,l),X=d((e,n)=>{if(!n.trim()&&e.columnDef.meta?.variant!=="boolean")return;let t=e.columnDef.meta?.variant==="multiSelect"?[n]:n;W([...J,{id:e.id,value:t,variant:e.columnDef.meta?.variant??"text",operator:A(e.columnDef.meta?.variant??"text"),filterId:_({length:8})}]),z(!1),setTimeout(()=>{$(null),K("")},100)},[J,W]),Y=d(e=>{W(J.filter(n=>n.filterId!==e)),requestAnimationFrame(()=>{R.current?.focus()})},[J,W]),Z=d((e,n)=>{W(t=>t.map(t=>t.filterId===e?{...t,...n}:t))},[W]),ee=d(()=>{W([])},[W]);u(()=>{function e(e){!(e.target instanceof HTMLInputElement||e.target instanceof HTMLTextAreaElement)&&("f"!==e.key.toLowerCase()||e.ctrlKey||e.metaKey||e.shiftKey||(e.preventDefault(),z(!0)),"f"===e.key.toLowerCase()&&e.shiftKey&&!j&&J.length>0&&(e.preventDefault(),Y(J[J.length-1]?.filterId??"")))}return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[j,J,Y]);let en=d(e=>{H.includes(e.key.toLowerCase())&&J.length>0&&(e.preventDefault(),Y(J[J.length-1]?.filterId??""))},[J,Y]);return t("div",{className:"flex flex-wrap items-center gap-2",children:[J.map(e=>n(V,{filter:e,filterItemId:`${C}-filter-${e.filterId}`,columns:F,onFilterUpdate:Z,onFilterRemove:Y},e.filterId)),J.length>0&&n(v,{"aria-label":"Reset all filters",variant:"outline",size:"icon",className:"size-8",onClick:ee,children:n(c,{})}),t(I,{open:j,onOpenChange:P,children:[n(T,{asChild:!0,children:t(v,{"aria-label":"Open filter command menu",variant:"outline",size:J.length>0?"icon":"sm",className:M(J.length>0&&"size-8","h-10"),ref:R,onKeyDown:en,children:[n(r,{}),J.length>0?null:"Filter"]})}),n(k,{align:g,className:"w-full max-w-[var(--radix-popover-content-available-width)] origin-[var(--radix-popover-content-transform-origin)] p-0",...S,children:t(b,{loop:!0,className:"[&_[cmdk-input-wrapper]_svg]:hidden",children:[n(x,{ref:U,placeholder:E?E.columnDef.meta?.label??E.id:"Search fields...",value:O,onValueChange:K,onKeyDown:G}),n(y,{children:E?t(e,{children:[E.columnDef.meta?.options&&n(N,{children:"No options found."}),n(q,{column:E,value:O,onSelect:e=>X(E,e)})]}):t(e,{children:[n(N,{children:"No fields found."}),n(w,{children:F.map(e=>t(D,{value:e.id,onSelect:()=>{$(e),K(""),requestAnimationFrame(()=>{U.current?.focus()})},children:[e.columnDef.meta?.icon&&n(e.columnDef.meta.icon,{}),n("span",{className:"truncate",children:e.columnDef.meta?.label??e.id})]},e.id))})]})})]})})]})]})}function V({filter:r,filterItemId:i,columns:o,onFilterUpdate:s,onFilterRemove:u}){{let[m,p]=h(!1),[f,L]=h(!1),[_,B]=h(!1),R=o.find(e=>e.id===r.id);if(!R)return null;let V=`${i}-operator-listbox`,q=`${i}-input`,U=R.columnDef.meta,P=O(r.variant);return t("div",{role:"listitem",id:i,className:"flex h-10 items-center rounded-md bg-background",onKeyDown:d(e=>{!(e.target instanceof HTMLInputElement||e.target instanceof HTMLTextAreaElement)&&(m||f||_||H.includes(e.key.toLowerCase())&&(e.preventDefault(),u(r.filterId)))},[r.filterId,m,f,_,u]),children:[t(I,{open:m,onOpenChange:p,children:[n(T,{asChild:!0,children:t(v,{variant:"ghost",size:"sm",className:"rounded-none rounded-l-md border border-r-0 font-normal dark:bg-input/30",children:[U?.icon&&n(U.icon,{className:"text-muted-foreground"}),U?.label??R.id]})}),n(k,{align:"start",className:"w-48 origin-[var(--radix-popover-content-transform-origin)] p-0",children:t(b,{loop:!0,children:[n(x,{placeholder:"Search fields..."}),t(y,{children:[n(N,{children:"No fields found."}),n(w,{children:o.map(e=>t(D,{value:e.id,onSelect:()=>{s(r.filterId,{id:e.id,variant:e.columnDef.meta?.variant??"text",operator:A(e.columnDef.meta?.variant??"text"),value:""}),p(!1)},children:[e.columnDef.meta?.icon&&n(e.columnDef.meta.icon,{}),n("span",{className:"truncate",children:e.columnDef.meta?.label??e.id}),n(l,{className:M("ml-auto",e.id===r.id?"opacity-100":"opacity-0")})]},e.id))})]})]})})]}),t(F,{open:f,onOpenChange:L,value:r.operator,onValueChange:e=>s(r.filterId,{operator:e,value:"isEmpty"===e||"isNotEmpty"===e?"":r.value}),children:[n(E,{"aria-controls":V,className:"h-10 rounded-none border-r-0 px-2.5 lowercase [&[data-size]]:h-10 [&_svg]:hidden",children:n($,{placeholder:r.operator})}),n(j,{id:V,className:"origin-[var(--radix-select-content-transform-origin)]",children:P.map(e=>n(z,{className:"lowercase",value:e.value,children:e.label},e.value))})]}),function({filter:r,column:i,inputId:o,onFilterUpdate:c,showValueSelector:s,setShowValueSelector:d}){if("isEmpty"===r.operator||"isNotEmpty"===r.operator)return n("div",{id:o,role:"status","aria-label":`${i.columnDef.meta?.label} filter is ${"isEmpty"===r.operator?"empty":"not empty"}`,"aria-live":"polite",className:"h-full w-16 rounded-none border bg-transparent px-1.5 py-0.5 text-muted-foreground dark:bg-input/30"});switch(r.variant){case"text":case"number":case"range":{if("range"===r.variant&&"isBetween"===r.operator||"isBetween"===r.operator)return n(S,{filter:r,column:i,inputId:o,onFilterUpdate:c,className:"size-full max-w-28 gap-0 [&_[data-slot='range-min']]:border-r-0 [&_input]:rounded-none [&_input]:px-1.5"});let e="number"===r.variant||"range"===r.variant;return n(C,{id:o,type:e?"number":"text",inputMode:e?"numeric":void 0,placeholder:i.columnDef.meta?.placeholder??"Enter value...",className:"h-full w-24 rounded-none px-1.5",defaultValue:"string"==typeof r.value?r.value:"",onChange:e=>c(r.filterId,{value:e.target.value})})}case"boolean":{let e=`${o}-listbox`;return t(F,{open:s,onOpenChange:d,value:"string"==typeof r.value?r.value:"true",onValueChange:e=>c(r.filterId,{value:e}),children:[n(E,{id:o,"aria-controls":e,className:"rounded-none bg-transparent px-1.5 py-0.5 [&_svg]:hidden",children:n($,{placeholder:r.value?"True":"False"})}),t(j,{id:e,children:[n(z,{value:"true",children:"True"}),n(z,{value:"false",children:"False"})]})]})}case"select":case"multiSelect":{let a=`${o}-listbox`,u=i.columnDef.meta?.options??[],m=Array.isArray(r.value)?r.value:[r.value],p=u.filter(e=>m.includes(e.value));return t(I,{open:s,onOpenChange:d,children:[n(T,{asChild:!0,children:n(v,{id:o,"aria-controls":a,variant:"ghost",size:"sm",className:"h-full min-w-16 rounded-none border px-1.5 font-normal dark:bg-input/30",children:0===p.length?"multiSelect"===r.variant?"Select options...":"Select option...":t(e,{children:[n("div",{className:"-space-x-2 flex items-center rtl:space-x-reverse",children:p.map(e=>e.icon?n("div",{className:"rounded-full border bg-background p-0.5",children:n(e.icon,{className:"size-3.5"})},e.value):null)}),n("span",{className:"truncate",children:p.length>1?`${p.length} selected`:p[0]?.label})]})})}),n(k,{id:a,align:"start",className:"w-48 origin-[var(--radix-popover-content-transform-origin)] p-0",children:t(b,{children:[n(x,{placeholder:"Search options..."}),t(y,{children:[n(N,{children:"No options found."}),n(w,{children:u.map(e=>t(D,{value:e.value,onSelect:()=>{let n="multiSelect"===r.variant?m.includes(e.value)?m.filter(n=>n!==e.value):[...m,e.value]:e.value;c(r.filterId,{value:n})},children:[e.icon&&n(e.icon,{}),n("span",{className:"truncate",children:e.label}),"multiSelect"===r.variant&&n(l,{className:M("ml-auto",m.includes(e.value)?"opacity-100":"opacity-0")})]},e.value))})]})]})})]})}case"date":case"dateRange":{let e=`${o}-listbox`,l=Array.isArray(r.value)?r.value.filter(Boolean):[r.value,r.value].filter(Boolean),i="isBetween"===r.operator&&2===l.length?`${K(new Date(Number(l[0])))} - ${K(new Date(Number(l[1])))}`:l[0]?K(new Date(Number(l[0]))):"Pick date...";return t(I,{open:s,onOpenChange:d,children:[n(T,{asChild:!0,children:t(v,{id:o,"aria-controls":e,variant:"ghost",size:"sm",className:M("h-full rounded-none border px-1.5 font-normal dark:bg-input/30",!r.value&&"text-muted-foreground"),children:[n(a,{className:"size-3.5"}),n("span",{className:"truncate",children:i})]})}),n(k,{id:e,align:"start",className:"w-auto origin-[var(--radix-popover-content-transform-origin)] p-0",children:"isBetween"===r.operator?n(g,{mode:"range",initialFocus:!0,selected:2===l.length?{from:new Date(Number(l[0])),to:new Date(Number(l[1]))}:{from:new Date,to:new Date},onSelect:e=>{c(r.filterId,{value:e?[(e.from?.getTime()??"").toString(),(e.to?.getTime()??"").toString()]:[]})}}):n(g,{mode:"single",initialFocus:!0,selected:l[0]?new Date(Number(l[0])):void 0,onSelect:e=>{c(r.filterId,{value:(e?.getTime()??"").toString()})}})})]})}default:return null}}({filter:r,column:R,inputId:q,onFilterUpdate:s,showValueSelector:_,setShowValueSelector:B}),n(v,{"aria-controls":i,variant:"ghost",size:"sm",className:"h-full rounded-none rounded-r-md border border-l-0 px-1.5 font-normal dark:bg-input/30",onClick:()=>u(r.filterId),children:n(c,{className:"size-3.5"})})]},r.filterId)}}function q({column:a,value:l,onSelect:r}){switch(a.columnDef.meta?.variant??"text"){case"boolean":return t(w,{children:[n(D,{value:"true",onSelect:()=>r("true"),children:"True"}),n(D,{value:"false",onSelect:()=>r("false"),children:"False"})]});case"select":case"multiSelect":return n(w,{children:a.columnDef.meta?.options?.map(e=>t(D,{value:e.value,onSelect:()=>r(e.value),children:[e.icon&&n(e.icon,{}),n("span",{className:"truncate",children:e.label}),e.count&&n("span",{className:"ml-auto font-mono text-xs",children:e.count})]},e.value))});case"date":case"dateRange":return n(g,{initialFocus:!0,mode:"single",selected:l?new Date(l):void 0,onSelect:e=>r(e?.getTime().toString()??"")});default:{let a=!l.trim();return n(w,{children:n(D,{value:l,onSelect:()=>r(l),disabled:a,children:a?t(e,{children:[n(o,{}),n("span",{children:"Type to add filter..."})]}):t(e,{children:[n(i,{}),t("span",{className:"truncate",children:['Filter by "',l,'"']})]})})})}}}export{R as DataTableFilterMenu};
|
|
2
|
+
import{Fragment as e,jsx as n,jsxs as t}from"react/jsx-runtime";import{Calendar as a,Check as l,FunnelSimple as r,SealCheck as i,TextAlignLeft as o,X as c}from"@phosphor-icons/react";import{useQueryState as s}from"nuqs";import{useCallback as d,useEffect as u,useId as m,useMemo as p,useRef as f,useState as h}from"react";import{Button as v}from"../button/index.js";import{Calendar as g}from"../calendar.js";import{Command as b,CommandEmpty as N,CommandGroup as w,CommandInput as x,CommandItem as D,CommandList as y}from"../command.js";import{DataTableRangeFilter as S}from"./data-table-range-filter.js";import{Input as C}from"../input/index.js";import{Popover as I,PopoverContent as k,PopoverTrigger as T}from"../popover.js";import{Select as F,SelectContent as j,SelectItem as z,SelectTrigger as E,SelectValue as $}from"../select.js";import{useDebouncedCallback as L}from"../../hooks/use-debounced-callback.js";import{getDefaultFilterOperator as A,getFilterOperators as O}from"../../lib/data-table.js";import{formatDate as K}from"../../lib/format.js";import{generateId as _}from"../../lib/id.js";import{getFiltersStateParser as B}from"../../lib/parsers.js";import{cn as M}from"../../lib/utils.js";let H=["backspace","delete"];function R({table:a,debounceMs:l=300,throttleMs:i=50,shallow:o=!0,align:g="start",...S}){let C=m(),F=p(()=>a.getAllColumns().filter(e=>e.columnDef.enableColumnFilter),[a]),[j,z]=h(!1),[E,$]=h(null),[O,K]=h(""),R=f(null),U=f(null),P=d(e=>{z(e),e||setTimeout(()=>{$(null),K("")},100)},[]),G=d(e=>{H.includes(e.key.toLowerCase())&&!O&&E&&(e.preventDefault(),$(null))},[O,E]),[J,Q]=s("filters",B(F.map(e=>e.id)).withDefault([]).withOptions({clearOnDefault:!0,shallow:o,throttleMs:i})),W=L(Q,l),X=d((e,n)=>{if(!n.trim()&&e.columnDef.meta?.variant!=="boolean")return;let t=e.columnDef.meta?.variant==="multiSelect"?[n]:n;W([...J,{id:e.id,value:t,variant:e.columnDef.meta?.variant??"text",operator:A(e.columnDef.meta?.variant??"text"),filterId:_({length:8})}]),z(!1),setTimeout(()=>{$(null),K("")},100)},[J,W]),Y=d(e=>{W(J.filter(n=>n.filterId!==e)),requestAnimationFrame(()=>{R.current?.focus()})},[J,W]),Z=d((e,n)=>{W(t=>t.map(t=>t.filterId===e?{...t,...n}:t))},[W]),ee=d(()=>{W([])},[W]);u(()=>{function e(e){!(e.target instanceof HTMLInputElement||e.target instanceof HTMLTextAreaElement)&&("f"!==e.key.toLowerCase()||e.ctrlKey||e.metaKey||e.shiftKey||(e.preventDefault(),z(!0)),"f"===e.key.toLowerCase()&&e.shiftKey&&!j&&J.length>0&&(e.preventDefault(),Y(J[J.length-1]?.filterId??"")))}return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[j,J,Y]);let en=d(e=>{H.includes(e.key.toLowerCase())&&J.length>0&&(e.preventDefault(),Y(J[J.length-1]?.filterId??""))},[J,Y]);return t("div",{className:"flex flex-wrap items-center gap-2",children:[J.map(e=>n(V,{filter:e,filterItemId:`${C}-filter-${e.filterId}`,columns:F,onFilterUpdate:Z,onFilterRemove:Y},e.filterId)),J.length>0&&n(v,{"aria-label":"Reset all filters",variant:"outline",size:"icon",className:"size-8",onClick:ee,children:n(c,{})}),t(I,{open:j,onOpenChange:P,children:[n(T,{asChild:!0,children:t(v,{"aria-label":"Open filter command menu",variant:"outline",size:J.length>0?"icon":"sm",className:M(J.length>0&&"size-8","h-10"),ref:R,onKeyDown:en,children:[n(r,{}),J.length>0?null:"Filter"]})}),n(k,{align:g,className:"w-full max-w-[var(--radix-popover-content-available-width)] origin-[var(--radix-popover-content-transform-origin)] p-0",...S,children:t(b,{loop:!0,className:"[&_[cmdk-input-wrapper]_svg]:hidden",children:[n(x,{ref:U,placeholder:E?E.columnDef.meta?.label??E.id:"Search fields...",value:O,onValueChange:K,onKeyDown:G}),n(y,{children:E?t(e,{children:[E.columnDef.meta?.options&&n(N,{children:"No options found."}),n(q,{column:E,value:O,onSelect:e=>X(E,e)})]}):t(e,{children:[n(N,{children:"No fields found."}),n(w,{children:F.map(e=>t(D,{value:e.id,onSelect:()=>{$(e),K(""),requestAnimationFrame(()=>{U.current?.focus()})},children:[e.columnDef.meta?.icon&&n(e.columnDef.meta.icon,{}),n("span",{className:"truncate",children:e.columnDef.meta?.label??e.id})]},e.id))})]})})]})})]})]})}function V({filter:r,filterItemId:i,columns:o,onFilterUpdate:s,onFilterRemove:u}){{let[m,p]=h(!1),[f,L]=h(!1),[_,B]=h(!1),R=o.find(e=>e.id===r.id);if(!R)return null;let V=`${i}-operator-listbox`,q=`${i}-input`,U=R.columnDef.meta,P=O(r.variant);return t("div",{role:"listitem",id:i,className:"flex h-10 items-center rounded-md bg-background",onKeyDown:d(e=>{!(e.target instanceof HTMLInputElement||e.target instanceof HTMLTextAreaElement)&&(m||f||_||H.includes(e.key.toLowerCase())&&(e.preventDefault(),u(r.filterId)))},[r.filterId,m,f,_,u]),children:[t(I,{open:m,onOpenChange:p,children:[n(T,{asChild:!0,children:t(v,{variant:"ghost",size:"sm",className:"rounded-none rounded-l-md border border-r-0 font-normal dark:bg-input/30",children:[U?.icon&&n(U.icon,{className:"text-muted-foreground"}),U?.label??R.id]})}),n(k,{align:"start",className:"w-48 origin-[var(--radix-popover-content-transform-origin)] p-0",children:t(b,{loop:!0,children:[n(x,{placeholder:"Search fields..."}),t(y,{children:[n(N,{children:"No fields found."}),n(w,{children:o.map(e=>t(D,{value:e.id,onSelect:()=>{s(r.filterId,{id:e.id,variant:e.columnDef.meta?.variant??"text",operator:A(e.columnDef.meta?.variant??"text"),value:""}),p(!1)},children:[e.columnDef.meta?.icon&&n(e.columnDef.meta.icon,{}),n("span",{className:"truncate",children:e.columnDef.meta?.label??e.id}),n(l,{className:M("ml-auto",e.id===r.id?"opacity-100":"opacity-0")})]},e.id))})]})]})})]}),t(F,{open:f,onOpenChange:L,value:r.operator,onValueChange:e=>s(r.filterId,{operator:e,value:"isEmpty"===e||"isNotEmpty"===e?"":r.value}),children:[n(E,{"aria-controls":V,className:"h-10 rounded-none border-r-0 px-2.5 lowercase [&[data-size]]:h-10 [&_svg]:hidden",children:n($,{placeholder:r.operator})}),n(j,{id:V,className:"origin-[var(--radix-select-content-transform-origin)]",children:P.map(e=>n(z,{className:"lowercase",value:e.value,children:e.label},e.value))})]}),function({filter:r,column:i,inputId:o,onFilterUpdate:c,showValueSelector:s,setShowValueSelector:d}){if("isEmpty"===r.operator||"isNotEmpty"===r.operator)return n("div",{id:o,role:"status","aria-label":`${i.columnDef.meta?.label} filter is ${"isEmpty"===r.operator?"empty":"not empty"}`,"aria-live":"polite",className:"h-full w-16 rounded-none border bg-transparent px-1.5 py-0.5 text-muted-foreground dark:bg-input/30"});switch(r.variant){case"text":case"number":case"range":{if("range"===r.variant&&"isBetween"===r.operator||"isBetween"===r.operator)return n(S,{filter:r,column:i,inputId:o,onFilterUpdate:c,className:"size-full max-w-28 gap-0 [&_[data-slot='range-min']]:border-r-0 [&_input]:rounded-none [&_input]:px-1.5"});let e="number"===r.variant||"range"===r.variant;return n(C,{id:o,type:e?"number":"text",inputMode:e?"numeric":void 0,placeholder:i.columnDef.meta?.placeholder??"Enter value...",className:"h-full w-24 rounded-none px-1.5",defaultValue:"string"==typeof r.value?r.value:"",onChange:e=>c(r.filterId,{value:e.target.value})})}case"boolean":{let e=`${o}-listbox`;return t(F,{open:s,onOpenChange:d,value:"string"==typeof r.value?r.value:"true",onValueChange:e=>c(r.filterId,{value:e}),children:[n(E,{id:o,"aria-controls":e,className:"rounded-none bg-transparent px-1.5 py-0.5 [&_svg]:hidden",children:n($,{placeholder:r.value?"True":"False"})}),t(j,{id:e,children:[n(z,{value:"true",children:"True"}),n(z,{value:"false",children:"False"})]})]})}case"select":case"multiSelect":{let a=`${o}-listbox`,u=i.columnDef.meta?.options??[],m=Array.isArray(r.value)?r.value:[r.value],p=u.filter(e=>m.includes(e.value));return t(I,{open:s,onOpenChange:d,children:[n(T,{asChild:!0,children:n(v,{id:o,"aria-controls":a,variant:"ghost",size:"sm",className:"h-full min-w-16 rounded-none border px-1.5 font-normal dark:bg-input/30",children:0===p.length?"multiSelect"===r.variant?"Select options...":"Select option...":t(e,{children:[n("div",{className:"-space-x-2 flex items-center rtl:space-x-reverse",children:p.map(e=>e.icon?n("div",{className:"rounded-full border bg-background p-0.5",children:n(e.icon,{className:"size-3.5"})},e.value):null)}),n("span",{className:"truncate",children:p.length>1?`${p.length} selected`:p[0]?.label})]})})}),n(k,{id:a,align:"start",className:"w-48 origin-[var(--radix-popover-content-transform-origin)] p-0",children:t(b,{children:[n(x,{placeholder:"Search options..."}),t(y,{children:[n(N,{children:"No options found."}),n(w,{children:u.map(e=>t(D,{value:e.value,onSelect:()=>{let n="multiSelect"===r.variant?m.includes(e.value)?m.filter(n=>n!==e.value):[...m,e.value]:e.value;c(r.filterId,{value:n})},children:[e.icon&&n(e.icon,{}),n("span",{className:"truncate",children:e.label}),"multiSelect"===r.variant&&n(l,{className:M("ml-auto",m.includes(e.value)?"opacity-100":"opacity-0")})]},e.value))})]})]})})]})}case"date":case"dateRange":{let e=`${o}-listbox`,l=Array.isArray(r.value)?r.value.filter(Boolean):[r.value,r.value].filter(Boolean),i="isBetween"===r.operator&&2===l.length?`${K(new Date(Number(l[0])))} - ${K(new Date(Number(l[1])))}`:l[0]?K(new Date(Number(l[0]))):"Pick date...";return t(I,{open:s,onOpenChange:d,children:[n(T,{asChild:!0,children:t(v,{id:o,"aria-controls":e,variant:"ghost",size:"sm",className:M("h-full rounded-none border px-1.5 font-normal dark:bg-input/30",!r.value&&"text-muted-foreground"),children:[n(a,{className:"size-3.5"}),n("span",{className:"truncate",children:i})]})}),n(k,{id:e,align:"start",className:"w-auto origin-[var(--radix-popover-content-transform-origin)] p-0",children:"isBetween"===r.operator?n(g,{mode:"range",initialFocus:!0,selected:2===l.length?{from:new Date(Number(l[0])),to:new Date(Number(l[1]))}:{from:new Date,to:new Date},onSelect:e=>{c(r.filterId,{value:e?[(e.from?.getTime()??"").toString(),(e.to?.getTime()??"").toString()]:[]})}}):n(g,{mode:"single",initialFocus:!0,selected:l[0]?new Date(Number(l[0])):void 0,onSelect:e=>{c(r.filterId,{value:(e?.getTime()??"").toString()})}})})]})}default:return null}}({filter:r,column:R,inputId:q,onFilterUpdate:s,showValueSelector:_,setShowValueSelector:B}),n(v,{"aria-controls":i,variant:"ghost",size:"sm",className:"h-full rounded-none rounded-r-md border border-l-0 px-1.5 font-normal dark:bg-input/30",onClick:()=>u(r.filterId),children:n(c,{className:"size-3.5"})})]},r.filterId)}}function q({column:a,value:l,onSelect:r}){switch(a.columnDef.meta?.variant??"text"){case"boolean":return t(w,{children:[n(D,{value:"true",onSelect:()=>r("true"),children:"True"}),n(D,{value:"false",onSelect:()=>r("false"),children:"False"})]});case"select":case"multiSelect":return n(w,{children:a.columnDef.meta?.options?.map(e=>t(D,{value:e.value,onSelect:()=>r(e.value),children:[e.icon&&n(e.icon,{}),n("span",{className:"truncate",children:e.label}),e.count&&n("span",{className:"ml-auto font-mono text-xs",children:e.count})]},e.value))});case"date":case"dateRange":return n(g,{initialFocus:!0,mode:"single",selected:l?new Date(l):void 0,onSelect:e=>r(e?.getTime().toString()??"")});default:{let a=!l.trim();return n(w,{children:n(D,{value:l,onSelect:()=>r(l),disabled:a,children:a?t(e,{children:[n(o,{}),n("span",{children:"Type to add filter..."})]}):t(e,{children:[n(i,{}),t("span",{className:"truncate",children:['Filter by "',l,'"']})]})})})}}}export{R as DataTableFilterMenu};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client'
|
|
2
|
-
import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useCallback as r,useMemo as l}from"react";import{Input as t}from"../input.js";import{cn as i}from"../../lib/utils.js";function u({filter:u,column:m,inputId:n,onFilterUpdate:o,className:d,...s}){let c=m.columnDef.meta,[v,f]=l(()=>{let e=m.columnDef.meta?.range;if(e)return e;let a=m.getFacetedMinMaxValues();return a?[a[0],a[1]]:[0,100]},[m]),g=r(e=>{if(void 0===e||""===e)return"";let a=Number(e);return Number.isNaN(a)?"":a.toLocaleString(void 0,{maximumFractionDigits:0})},[]),p=l(()=>Array.isArray(u.value)?u.value.map(g):[g(u.value),""],[u.value,g]),b=r((e,a)=>{let r=Number(e),l=Array.isArray(u.value)?u.value:["",""],t=a?l[1]??"":l[0]??"";(""===e||!Number.isNaN(r)&&(a?r>=v&&r<=(Number(t)||f):r<=f&&r>=(Number(t)||v)))&&o(u.filterId,{value:a?[e,t]:[t,e]})},[u.filterId,u.value,v,f,o]);return a("div",{"data-slot":"range",className:i("flex w-full items-center gap-2",d),...s,children:[e(t,{id:`${n}-min`,type:"number","aria-label":`${c?.label} minimum value`,"aria-valuemin":v,"aria-valuemax":f,"data-slot":"range-min",inputMode:"numeric",placeholder:v.toString(),min:v,max:f,className:"h-10 w-full rounded",defaultValue:p[0],onChange:e=>b(e.target.value,!0)}),e("span",{className:"sr-only shrink-0 text-muted-foreground",children:"to"}),e(t,{id:`${n}-max`,type:"number","aria-label":`${c?.label} maximum value`,"aria-valuemin":v,"aria-valuemax":f,"data-slot":"range-max",inputMode:"numeric",placeholder:f.toString(),min:v,max:f,className:"h-10 w-full rounded",defaultValue:p[1],onChange:e=>b(e.target.value)})]})}export{u as DataTableRangeFilter};
|
|
2
|
+
import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useCallback as r,useMemo as l}from"react";import{Input as t}from"../input/index.js";import{cn as i}from"../../lib/utils.js";function u({filter:u,column:m,inputId:n,onFilterUpdate:o,className:d,...s}){let c=m.columnDef.meta,[v,f]=l(()=>{let e=m.columnDef.meta?.range;if(e)return e;let a=m.getFacetedMinMaxValues();return a?[a[0],a[1]]:[0,100]},[m]),g=r(e=>{if(void 0===e||""===e)return"";let a=Number(e);return Number.isNaN(a)?"":a.toLocaleString(void 0,{maximumFractionDigits:0})},[]),p=l(()=>Array.isArray(u.value)?u.value.map(g):[g(u.value),""],[u.value,g]),b=r((e,a)=>{let r=Number(e),l=Array.isArray(u.value)?u.value:["",""],t=a?l[1]??"":l[0]??"";(""===e||!Number.isNaN(r)&&(a?r>=v&&r<=(Number(t)||f):r<=f&&r>=(Number(t)||v)))&&o(u.filterId,{value:a?[e,t]:[t,e]})},[u.filterId,u.value,v,f,o]);return a("div",{"data-slot":"range",className:i("flex w-full items-center gap-2",d),...s,children:[e(t,{id:`${n}-min`,type:"number","aria-label":`${c?.label} minimum value`,"aria-valuemin":v,"aria-valuemax":f,"data-slot":"range-min",inputMode:"numeric",placeholder:v.toString(),min:v,max:f,className:"h-10 w-full rounded",defaultValue:p[0],onChange:e=>b(e.target.value,!0)}),e("span",{className:"sr-only shrink-0 text-muted-foreground",children:"to"}),e(t,{id:`${n}-max`,type:"number","aria-label":`${c?.label} maximum value`,"aria-valuemin":v,"aria-valuemax":f,"data-slot":"range-max",inputMode:"numeric",placeholder:f.toString(),min:v,max:f,className:"h-10 w-full rounded",defaultValue:p[1],onChange:e=>b(e.target.value)})]})}export{u as DataTableRangeFilter};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client'
|
|
2
|
-
import{Fragment as e,jsx as r,jsxs as t}from"react/jsx-runtime";import{useCallback as a,useId as i,useMemo as l}from"react";import{Button as n}from"../button/index.js";import{Input as o}from"../input.js";import{Label as m}from"../label.js";import{Popover as s,PopoverContent as c,PopoverTrigger as u}from"../popover.js";import{Separator as d}from"../separator.js";import{Slider as p}from"../slider.js";import{cn as h}from"../../lib/utils.js";import{PlusCircle as f,XCircle as g}from"@phosphor-icons/react";function b(e){return Array.isArray(e)&&2===e.length&&"number"==typeof e[0]&&"number"==typeof e[1]}function v({column:v,title:x}){let N=i(),y=b(v.getFilterValue())?v.getFilterValue():void 0,F=v.columnDef.meta?.range,$=v.columnDef.meta?.unit,{min:j,max:C,step:V}=l(()=>{let e=0,r=100;if(F&&b(F))[e,r]=F;else{let t=v.getFacetedMinMaxValues();if(t&&Array.isArray(t)&&2===t.length){let[a,i]=t;"number"==typeof a&&"number"==typeof i&&(e=a,r=i)}}let t=r-e;return{min:e,max:r,step:t<=20?1:t<=100?Math.ceil(t/20):Math.ceil(t/50)}},[v,F]),M=l(()=>y??[j,C],[y,j,C]),A=a(e=>e.toLocaleString(void 0,{maximumFractionDigits:0}),[]),S=a(e=>{let r=Number(e.target.value);!Number.isNaN(r)&&r>=j&&r<=M[1]&&v.setFilterValue([r,M[1]])},[v,j,M]),D=a(e=>{let r=Number(e.target.value);!Number.isNaN(r)&&r<=C&&r>=M[0]&&v.setFilterValue([M[0],r])},[v,C,M]),w=a(e=>{Array.isArray(e)&&2===e.length&&v.setFilterValue(e)},[v]),L=a(e=>{e.target instanceof HTMLDivElement&&e.stopPropagation(),v.setFilterValue(void 0)},[v]);return t(s,{children:[r(u,{asChild:!0,children:t(n,{variant:"outline",size:"sm",children:[y?r("div",{role:"button","aria-label":`Clear ${x} filter`,tabIndex:0,className:"rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-gray-500",onClick:L,children:r(g,{})}):r(f,{}),r("span",{children:x}),y?t(e,{children:[r(d,{orientation:"vertical",className:"mx-0.5 data-[orientation=vertical]:h-4"}),A(y[0])," -"," ",A(y[1]),$?` ${$}`:""]}):null]})}),t(c,{align:"start",className:"flex w-auto flex-col gap-4",children:[t("div",{className:"flex flex-col gap-3",children:[r("p",{className:"font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",children:x}),t("div",{className:"flex items-center gap-4",children:[r(m,{htmlFor:`${N}-from`,className:"sr-only",children:"From"}),t("div",{className:"relative",children:[r(o,{id:`${N}-from`,type:"number","aria-valuemin":j,"aria-valuemax":C,inputMode:"numeric",pattern:"[0-9]*",placeholder:j.toString(),min:j,max:C,value:M[0]?.toString(),onChange:S,className:h("h-10 w-24",$&&"pr-8")}),$&&r("span",{className:"absolute top-0 right-0 bottom-0 flex items-center rounded-r-md bg-accent px-2 text-muted-foreground text-sm",children:$})]}),r(m,{htmlFor:`${N}-to`,className:"sr-only",children:"to"}),t("div",{className:"relative",children:[r(o,{id:`${N}-to`,type:"number","aria-valuemin":j,"aria-valuemax":C,inputMode:"numeric",pattern:"[0-9]*",placeholder:C.toString(),min:j,max:C,value:M[1]?.toString(),onChange:D,className:h("h-10 w-24",$&&"pr-8")}),$&&r("span",{className:"absolute top-0 right-0 bottom-0 flex items-center rounded-r-md bg-accent px-2 text-muted-foreground text-sm",children:$})]})]}),t(m,{htmlFor:`${N}-slider`,className:"sr-only",children:[x," slider"]}),r(p,{id:`${N}-slider`,min:j,max:C,step:V,value:M,onValueChange:w})]}),r(n,{"aria-label":`Clear ${x} filter`,variant:"outline",size:"sm",onClick:L,children:"Limpar"})]})]})}export{v as DataTableSliderFilter};
|
|
2
|
+
import{Fragment as e,jsx as r,jsxs as t}from"react/jsx-runtime";import{useCallback as a,useId as i,useMemo as l}from"react";import{Button as n}from"../button/index.js";import{Input as o}from"../input/index.js";import{Label as m}from"../label.js";import{Popover as s,PopoverContent as c,PopoverTrigger as u}from"../popover.js";import{Separator as d}from"../separator.js";import{Slider as p}from"../slider.js";import{cn as h}from"../../lib/utils.js";import{PlusCircle as f,XCircle as g}from"@phosphor-icons/react";function b(e){return Array.isArray(e)&&2===e.length&&"number"==typeof e[0]&&"number"==typeof e[1]}function v({column:v,title:x}){let N=i(),y=b(v.getFilterValue())?v.getFilterValue():void 0,F=v.columnDef.meta?.range,$=v.columnDef.meta?.unit,{min:j,max:C,step:V}=l(()=>{let e=0,r=100;if(F&&b(F))[e,r]=F;else{let t=v.getFacetedMinMaxValues();if(t&&Array.isArray(t)&&2===t.length){let[a,i]=t;"number"==typeof a&&"number"==typeof i&&(e=a,r=i)}}let t=r-e;return{min:e,max:r,step:t<=20?1:t<=100?Math.ceil(t/20):Math.ceil(t/50)}},[v,F]),M=l(()=>y??[j,C],[y,j,C]),A=a(e=>e.toLocaleString(void 0,{maximumFractionDigits:0}),[]),S=a(e=>{let r=Number(e.target.value);!Number.isNaN(r)&&r>=j&&r<=M[1]&&v.setFilterValue([r,M[1]])},[v,j,M]),D=a(e=>{let r=Number(e.target.value);!Number.isNaN(r)&&r<=C&&r>=M[0]&&v.setFilterValue([M[0],r])},[v,C,M]),w=a(e=>{Array.isArray(e)&&2===e.length&&v.setFilterValue(e)},[v]),L=a(e=>{e.target instanceof HTMLDivElement&&e.stopPropagation(),v.setFilterValue(void 0)},[v]);return t(s,{children:[r(u,{asChild:!0,children:t(n,{variant:"outline",size:"sm",children:[y?r("div",{role:"button","aria-label":`Clear ${x} filter`,tabIndex:0,className:"rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-gray-500",onClick:L,children:r(g,{})}):r(f,{}),r("span",{children:x}),y?t(e,{children:[r(d,{orientation:"vertical",className:"mx-0.5 data-[orientation=vertical]:h-4"}),A(y[0])," -"," ",A(y[1]),$?` ${$}`:""]}):null]})}),t(c,{align:"start",className:"flex w-auto flex-col gap-4",children:[t("div",{className:"flex flex-col gap-3",children:[r("p",{className:"font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",children:x}),t("div",{className:"flex items-center gap-4",children:[r(m,{htmlFor:`${N}-from`,className:"sr-only",children:"From"}),t("div",{className:"relative",children:[r(o,{id:`${N}-from`,type:"number","aria-valuemin":j,"aria-valuemax":C,inputMode:"numeric",pattern:"[0-9]*",placeholder:j.toString(),min:j,max:C,value:M[0]?.toString(),onChange:S,className:h("h-10 w-24",$&&"pr-8")}),$&&r("span",{className:"absolute top-0 right-0 bottom-0 flex items-center rounded-r-md bg-accent px-2 text-muted-foreground text-sm",children:$})]}),r(m,{htmlFor:`${N}-to`,className:"sr-only",children:"to"}),t("div",{className:"relative",children:[r(o,{id:`${N}-to`,type:"number","aria-valuemin":j,"aria-valuemax":C,inputMode:"numeric",pattern:"[0-9]*",placeholder:C.toString(),min:j,max:C,value:M[1]?.toString(),onChange:D,className:h("h-10 w-24",$&&"pr-8")}),$&&r("span",{className:"absolute top-0 right-0 bottom-0 flex items-center rounded-r-md bg-accent px-2 text-muted-foreground text-sm",children:$})]})]}),t(m,{htmlFor:`${N}-slider`,className:"sr-only",children:[x," slider"]}),r(p,{id:`${N}-slider`,min:j,max:C,step:V,value:M,onValueChange:w})]}),r(n,{"aria-label":`Clear ${x} filter`,variant:"outline",size:"sm",onClick:L,children:"Limpar"})]})]})}export{v as DataTableSliderFilter};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client'
|
|
2
|
-
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{XIcon as l}from"@phosphor-icons/react";import{useCallback as a,useMemo as r}from"react";import{Button as i}from"../button/index.js";import{DataTableDateFilter as n}from"./data-table-date-filter.js";import{DataTableFacetedFilter as o}from"./data-table-faceted-filter.js";import{DataTableSliderFilter as s}from"./data-table-slider-filter.js";import{DataTableViewOptions as m}from"./data-table-view-options.js";import{Input as u}from"../input.js";import{cn as c}from"../../lib/utils.js";function p({table:n,children:o,className:s,...u}){let p=n.getState().columnFilters.length>0,f=r(()=>n.getAllColumns().filter(e=>e.getCanFilter()),[n]),b=a(()=>{n.resetColumnFilters()},[n]);return t("div",{role:"toolbar","aria-orientation":"horizontal",className:c("flex w-full items-start justify-between gap-2",s),...u,children:[t("div",{className:"flex flex-1 flex-wrap items-center gap-2",children:[f.map(t=>e(d,{column:t},t.id)),p&&t(i,{"aria-label":"Reset filters",variant:"outline",size:"sm",onClick:b,children:[e(l,{}),"Limpar"]})]}),t("div",{className:"flex items-center gap-2",children:[o,e(m,{table:n})]})]})}function d({column:l}){{let r=l.columnDef.meta;return a(()=>{if(!r?.variant)return null;switch(r.variant){case"text":return e(u,{placeholder:r.placeholder??r.label,value:l.getFilterValue()??"",onChange:e=>l.setFilterValue(e.target.value),className:"h-9 w-40 lg:w-56",classNames:{input:"text-sm"}});case"number":return t("div",{className:"relative",children:[e(u,{type:"number",inputMode:"numeric",placeholder:r.placeholder??r.label,value:l.getFilterValue()??"",onChange:e=>l.setFilterValue(e.target.value),className:c("h-10 w-[120px]",r.unit&&"pr-8"),classNames:{input:"text-sm"}}),r.unit&&e("span",{className:"absolute top-0 right-0 bottom-0 flex items-center rounded-r-md bg-accent px-2 text-muted-foreground text-sm",children:r.unit})]});case"range":return e(s,{column:l,title:r.label??l.id});case"date":case"dateRange":return e(n,{column:l,title:r.label??l.id,multiple:"dateRange"===r.variant});case"select":case"multiSelect":return e(o,{column:l,title:r.label??l.id,options:r.options??[],multiple:"multiSelect"===r.variant});default:return null}},[l,r])()}}export{p as DataTableToolbar};
|
|
2
|
+
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{XIcon as l}from"@phosphor-icons/react";import{useCallback as a,useMemo as r}from"react";import{Button as i}from"../button/index.js";import{DataTableDateFilter as n}from"./data-table-date-filter.js";import{DataTableFacetedFilter as o}from"./data-table-faceted-filter.js";import{DataTableSliderFilter as s}from"./data-table-slider-filter.js";import{DataTableViewOptions as m}from"./data-table-view-options.js";import{Input as u}from"../input/index.js";import{cn as c}from"../../lib/utils.js";function p({table:n,children:o,className:s,...u}){let p=n.getState().columnFilters.length>0,f=r(()=>n.getAllColumns().filter(e=>e.getCanFilter()),[n]),b=a(()=>{n.resetColumnFilters()},[n]);return t("div",{role:"toolbar","aria-orientation":"horizontal",className:c("flex w-full items-start justify-between gap-2",s),...u,children:[t("div",{className:"flex flex-1 flex-wrap items-center gap-2",children:[f.map(t=>e(d,{column:t},t.id)),p&&t(i,{"aria-label":"Reset filters",variant:"outline",size:"sm",onClick:b,children:[e(l,{}),"Limpar"]})]}),t("div",{className:"flex items-center gap-2",children:[o,e(m,{table:n})]})]})}function d({column:l}){{let r=l.columnDef.meta;return a(()=>{if(!r?.variant)return null;switch(r.variant){case"text":return e(u,{placeholder:r.placeholder??r.label,value:l.getFilterValue()??"",onChange:e=>l.setFilterValue(e.target.value),className:"h-9 w-40 lg:w-56",classNames:{input:"text-sm"}});case"number":return t("div",{className:"relative",children:[e(u,{type:"number",inputMode:"numeric",placeholder:r.placeholder??r.label,value:l.getFilterValue()??"",onChange:e=>l.setFilterValue(e.target.value),className:c("h-10 w-[120px]",r.unit&&"pr-8"),classNames:{input:"text-sm"}}),r.unit&&e("span",{className:"absolute top-0 right-0 bottom-0 flex items-center rounded-r-md bg-accent px-2 text-muted-foreground text-sm",children:r.unit})]});case"range":return e(s,{column:l,title:r.label??l.id});case"date":case"dateRange":return e(n,{column:l,title:r.label??l.id,multiple:"dateRange"===r.variant});case"select":case"multiSelect":return e(o,{column:l,title:r.label??l.id,options:r.options??[],multiple:"multiSelect"===r.variant});default:return null}},[l,r])()}}export{p as DataTableToolbar};
|