@gbmtech/aurora-ui 0.6.3 → 0.6.5
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/app-layout/index.cjs +1 -1
- package/dist/cjs/components/app-layout/sidebar/index.cjs +1 -1
- package/dist/cjs/components/{theme-provider.cjs → aurora-provider/aurora-provider.cjs} +1 -1
- package/dist/cjs/components/aurora-provider/aurora-provider.d.ts +7 -0
- package/dist/cjs/components/aurora-provider/aurora-provider.d.ts.map +1 -0
- package/dist/cjs/components/aurora-provider/index.cjs +1 -0
- package/dist/cjs/components/aurora-provider/index.d.ts +2 -0
- package/dist/cjs/components/aurora-provider/index.d.ts.map +1 -0
- package/dist/cjs/components/button/button.cjs +1 -1
- package/dist/cjs/components/command.cjs +1 -1
- package/dist/cjs/components/data-table/data-table-action-bar.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/data-table.d.ts.map +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/spinner/index.cjs +1 -0
- package/dist/cjs/components/spinner/index.d.ts +2 -0
- package/dist/cjs/components/spinner/index.d.ts.map +1 -0
- package/dist/cjs/components/spinner/spinner.cjs +1 -0
- package/dist/cjs/components/{spinner.d.ts → spinner/spinner.d.ts} +4 -2
- package/dist/cjs/components/spinner/spinner.d.ts.map +1 -0
- 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 -1
- package/dist/cjs/hooks/use-data-table.d.ts.map +1 -1
- package/dist/cjs/index.cjs +1 -1
- package/dist/cjs/index.d.ts +0 -1
- package/dist/cjs/index.d.ts.map +1 -1
- package/dist/cjs/lib/index.cjs +1 -1
- package/dist/cjs/primitives/input.d.ts.map +1 -0
- package/dist/esm/components/aurora-provider/aurora-provider.d.ts +7 -0
- package/dist/esm/components/aurora-provider/aurora-provider.d.ts.map +1 -0
- package/dist/esm/components/{theme-provider.js → aurora-provider/aurora-provider.js} +1 -1
- package/dist/esm/components/aurora-provider/index.d.ts +2 -0
- package/dist/esm/components/aurora-provider/index.d.ts.map +1 -0
- package/dist/esm/components/aurora-provider/index.js +1 -0
- package/dist/esm/components/button/button.js +1 -1
- package/dist/esm/components/command.js +1 -1
- package/dist/esm/components/data-table/data-table-action-bar.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/data-table/data-table.d.ts.map +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/spinner/index.d.ts +2 -0
- package/dist/esm/components/spinner/index.d.ts.map +1 -0
- package/dist/esm/components/spinner/index.js +1 -0
- package/dist/esm/components/{spinner.d.ts → spinner/spinner.d.ts} +4 -2
- package/dist/esm/components/spinner/spinner.d.ts.map +1 -0
- package/dist/esm/components/spinner/spinner.js +1 -0
- package/dist/esm/components/time-picker/time-picker-input.js +1 -1
- package/dist/esm/hooks/use-data-table.d.ts +1 -1
- 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.d.ts +0 -1
- package/dist/esm/index.d.ts.map +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/components/spinner.cjs +0 -1
- package/dist/cjs/components/spinner.d.ts.map +0 -1
- package/dist/cjs/components/theme-provider.d.ts +0 -5
- package/dist/cjs/components/theme-provider.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/components/spinner.d.ts.map +0 -1
- package/dist/esm/components/spinner.js +0 -1
- package/dist/esm/components/theme-provider.d.ts +0 -5
- package/dist/esm/components/theme-provider.d.ts.map +0 -1
- 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
package/dist/cjs/index.d.ts
CHANGED
|
@@ -39,7 +39,6 @@ export * from './components/table';
|
|
|
39
39
|
export * from './components/table-expandable';
|
|
40
40
|
export * from './components/tabs';
|
|
41
41
|
export * from './components/textarea';
|
|
42
|
-
export * from './components/theme-provider';
|
|
43
42
|
export * from './components/theme-toggle';
|
|
44
43
|
export * from './components/title';
|
|
45
44
|
export * from './components/tokens-grid';
|
package/dist/cjs/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,2BAA2B,CAAA;AACzC,cAAc,yBAAyB,CAAA;AACvC,cAAc,2BAA2B,CAAA;AACzC,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA;AAClC,cAAc,yBAAyB,CAAA;AACvC,cAAc,qBAAqB,CAAA;AACnC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,2BAA2B,CAAA;AACzC,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,qCAAqC,CAAA;AACnD,cAAc,+BAA+B,CAAA;AAC7C,cAAc,0CAA0C,CAAA;AACxD,cAAc,qBAAqB,CAAA;AACnC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,mBAAmB,CAAA;AACjC,cAAc,oBAAoB,CAAA;AAClC,cAAc,wBAAwB,CAAA;AACtC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,oBAAoB,CAAA;AAClC,cAAc,yBAAyB,CAAA;AACvC,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,yBAAyB,CAAA;AACvC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,qBAAqB,CAAA;AACnC,cAAc,wBAAwB,CAAA;AACtC,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA;AAClC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,2BAA2B,CAAA;AACzC,cAAc,yBAAyB,CAAA;AACvC,cAAc,2BAA2B,CAAA;AACzC,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA;AAClC,cAAc,yBAAyB,CAAA;AACvC,cAAc,qBAAqB,CAAA;AACnC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,2BAA2B,CAAA;AACzC,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,qCAAqC,CAAA;AACnD,cAAc,+BAA+B,CAAA;AAC7C,cAAc,0CAA0C,CAAA;AACxD,cAAc,qBAAqB,CAAA;AACnC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,mBAAmB,CAAA;AACjC,cAAc,oBAAoB,CAAA;AAClC,cAAc,wBAAwB,CAAA;AACtC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,oBAAoB,CAAA;AAClC,cAAc,yBAAyB,CAAA;AACvC,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,yBAAyB,CAAA;AACvC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,qBAAqB,CAAA;AACnC,cAAc,wBAAwB,CAAA;AACtC,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA;AAClC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,2BAA2B,CAAA;AACzC,cAAc,oBAAoB,CAAA;AAClC,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,cAAc,wBAAwB,CAAA;AACtC,cAAc,yBAAyB,CAAA;AACvC,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA"}
|
package/dist/cjs/lib/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__={"
|
|
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__={"@/lib/data-table-config?d4b5":function(_){_.exports=require("./data-table-config.cjs")},"./format":function(_){_.exports=require("./format.cjs")},"./utils":function(_){_.exports=require("./utils.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__("./format"),e={};for(var r in _)"default"!==r&&(e[r]=(function(e){return _[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,e);var a=__webpack_require__("./utils"),e={};for(var r in a)"default"!==r&&(e[r]=(function(_){return a[_]}).bind(0,r));__webpack_require__.d(__webpack_exports__,e);var t=__webpack_require__("@/lib/data-table-config?d4b5"),e={};for(var r in t)"default"!==r&&(e[r]=(function(_){return t[_]}).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":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ThemeProvider as NextThemesProvider } from 'next-themes';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
type AuroraProviderProps = ComponentProps<typeof NextThemesProvider>;
|
|
4
|
+
declare function AuroraProvider({ children, ...props }: AuroraProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export { AuroraProvider };
|
|
6
|
+
export type { AuroraProviderProps };
|
|
7
|
+
//# sourceMappingURL=aurora-provider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"aurora-provider.d.ts","sourceRoot":"","sources":["../../../../src/components/aurora-provider/aurora-provider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,IAAI,kBAAkB,EAAE,MAAM,aAAa,CAAA;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAMtC,KAAK,mBAAmB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAEpE,iBAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAYlE;AAMD,OAAO,EAAE,cAAc,EAAE,CAAA;AACzB,YAAY,EAAE,mBAAmB,EAAE,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client'
|
|
2
|
-
import{jsx as e}from"react/jsx-runtime";import{ThemeProvider as r}from"next-themes";function t({children:t,...
|
|
2
|
+
import{jsx as e}from"react/jsx-runtime";import{ThemeProvider as r}from"next-themes";function t({children:t,...n}){return e(r,{attribute:"class",defaultTheme:"system",enableSystem:!0,disableTransitionOnChange:!0,...n,children:t})}export{t as AuroraProvider};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/aurora-provider/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export*from"./aurora-provider.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Slot as t,Slottable as s}from"@radix-ui/react-slot";import{Spinner as o}from"../spinner.js";import{cn as i,tv as a}from"../../lib/utils.js";let n=a({base:"flex cursor-pointer items-center justify-center whitespace-nowrap rounded-md font-medium text-sm transition-colors focus-visible:border-primary focus-visible:outline-none",variants:{variant:{primary:"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",secondary:"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",tertiary:"border bg-background text-primary shadow-xs hover:bg-accent dark:border-input dark:bg-input/30 dark:hover:bg-input/50",destructive:"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",success:"bg-success text-white shadow-xs hover:bg-success/90 focus-visible:ring-success/20 dark:bg-success/60 dark:focus-visible:ring-success/40",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline"},size:{xxs:"h-7 gap-1 rounded px-[0.4375rem] text-[0.8125rem]",xs:"h-8 gap-1 px-2.5 text-xs",sm:"h-9 gap-1.5 p-3 text-sm",default:"h-10 gap-4 p-3",lg:"h-11 gap-6 p-3.5 text-lg",icon:"size-10"},rounded:{true:"rounded-full"},loading:{true:"pointer-events-none",false:""},disabled:{true:"pointer-events-none opacity-50",false:""}},defaultVariants:{variant:"primary",size:"default",rounded:!1,loading:!1}});function d({children:a,className:d,disabled:u,loaderPosition:c,loading:b,prefix:g,size:p,spinner:l,suffix:
|
|
1
|
+
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Slot as t,Slottable as s}from"@radix-ui/react-slot";import{Spinner as o}from"../spinner/index.js";import{cn as i,tv as a}from"../../lib/utils.js";let n=a({base:"flex cursor-pointer items-center justify-center whitespace-nowrap rounded-md font-medium text-sm transition-colors focus-visible:border-primary focus-visible:outline-none",variants:{variant:{primary:"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",secondary:"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",tertiary:"border bg-background text-primary shadow-xs hover:bg-accent dark:border-input dark:bg-input/30 dark:hover:bg-input/50",destructive:"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",success:"bg-success text-white shadow-xs hover:bg-success/90 focus-visible:ring-success/20 dark:bg-success/60 dark:focus-visible:ring-success/40",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline"},size:{xxs:"h-7 gap-1 rounded px-[0.4375rem] text-[0.8125rem]",xs:"h-8 gap-1 px-2.5 text-xs",sm:"h-9 gap-1.5 p-3 text-sm",default:"h-10 gap-4 p-3",lg:"h-11 gap-6 p-3.5 text-lg",icon:"size-10"},rounded:{true:"rounded-full"},loading:{true:"pointer-events-none",false:""},disabled:{true:"pointer-events-none opacity-50",false:""}},defaultVariants:{variant:"primary",size:"default",rounded:!1,loading:!1}});function d({children:a,className:d,disabled:u,loaderPosition:c,loading:b,prefix:g,size:p,spinner:l,suffix:x,variant:v,asChild:h,rounded:f,...m}){return r(h?t:"button",{className:i(n({variant:v,size:p,rounded:f,loading:b,className:d,disabled:b||u})),"data-slot":"button","data-variant":v,disabled:b||u,type:"button",...m,children:[b&&"prefix"===c?l||e(o,{}):g,e(s,{children:b&&!c?e(o,{}):a}),b&&"suffix"===c?l||e(o,{}):x]})}export{d as Button,n as buttonVariants};
|
|
@@ -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 t}from"react/jsx-runtime";import{X as o}from"@phosphor-icons/react";import{AnimatePresence as r,motion as i}from"motion/react";import{useCallback as n,useEffect as a,useLayoutEffect as l,useState as s}from"react";import{createPortal as d}from"react-dom";import{Button as c}from"../button/index.js";import{Separator as m}from"../separator.js";import{Tooltip as p,TooltipContent as h,TooltipTrigger as f}from"../tooltip/tooltip.js";import{cn as u}from"../../lib/utils.js";import{Spinner as g}from"../spinner.js";function b({table:t,visible:o,container:n,children:c,className:m,...p}){let[h,f]=s(!1);l(()=>{f(!0)},[]),a(()=>{function e(e){"Escape"===e.key&&t.toggleAllRowsSelected(!1)}return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[t]);let g=n??(h?globalThis.document?.body:null);return g?d(e(r,{children:(o??t.getFilteredSelectedRowModel().rows.length>0)&&e(i.div,{role:"toolbar","aria-orientation":"horizontal",initial:{opacity:0,y:20},animate:{opacity:1,y:0},exit:{opacity:0,y:20},transition:{duration:.2,ease:"easeInOut"},className:u("fixed inset-x-0 bottom-6 z-50 mx-auto flex w-fit flex-wrap items-center justify-center gap-2 rounded-md border bg-background p-2 text-foreground shadow-sm",m),...p,children:c})}),g):null}function x({size:o="sm",tooltip:r,isPending:i,disabled:n,className:a,children:l,...s}){let d=e(c,{variant:"outline",size:o,className:u("gap-1.5 [&>svg]:size-3.5","icon"===o?"size-8":"h-8",a),disabled:n||i,...s,children:i?e(g,{}):l});return r?t(p,{children:[e(f,{asChild:!0,children:d}),e(h,{sideOffset:6,className:"[&>span]:hidden",children:e("p",{children:r})})]}):d}function w({table:r}){let i=n(()=>{r.toggleAllRowsSelected(!1)},[r]);return t("div",{className:"flex h-8 items-center rounded-md border pr-1 pl-2.5",children:[t("span",{className:"whitespace-nowrap text-xs",children:[r.getFilteredSelectedRowModel().rows.length," ",1===r.getFilteredSelectedRowModel().rows.length?"selecionado":"selecionados"]}),e(m,{orientation:"vertical",className:"mr-1 ml-2 data-[orientation=vertical]:h-4"}),t(p,{children:[e(f,{asChild:!0,children:e(c,{variant:"ghost",size:"icon",className:"size-5",onClick:i,children:e(o,{className:"size-4"})})}),t(h,{sideOffset:10,className:"flex items-center gap-2 border bg-gray-50 px-2 py-1 font-semibold text-foreground [&>span]:hidden",children:[e("p",{children:"Limpar sele\xe7\xe3o"}),e("kbd",{className:"select-none rounded border bg-background px-1.5 py-px font-mono font-normal text-[0.7rem] text-foreground shadow-xs",children:e("abbr",{title:"Escape",className:"no-underline",children:"Esc"})})]})]})]})}export{b as DataTableActionBar,x as DataTableActionBarAction,w as DataTableActionBarSelection};
|
|
2
|
+
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{X as o}from"@phosphor-icons/react";import{AnimatePresence as r,motion as i}from"motion/react";import{useCallback as n,useEffect as a,useLayoutEffect as l,useState as s}from"react";import{createPortal as d}from"react-dom";import{Button as c}from"../button/index.js";import{Separator as m}from"../separator.js";import{Tooltip as p,TooltipContent as h,TooltipTrigger as f}from"../tooltip/tooltip.js";import{cn as u}from"../../lib/utils.js";import{Spinner as g}from"../spinner/index.js";function b({table:t,visible:o,container:n,children:c,className:m,...p}){let[h,f]=s(!1);l(()=>{f(!0)},[]),a(()=>{function e(e){"Escape"===e.key&&t.toggleAllRowsSelected(!1)}return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[t]);let g=n??(h?globalThis.document?.body:null);return g?d(e(r,{children:(o??t.getFilteredSelectedRowModel().rows.length>0)&&e(i.div,{role:"toolbar","aria-orientation":"horizontal",initial:{opacity:0,y:20},animate:{opacity:1,y:0},exit:{opacity:0,y:20},transition:{duration:.2,ease:"easeInOut"},className:u("fixed inset-x-0 bottom-6 z-50 mx-auto flex w-fit flex-wrap items-center justify-center gap-2 rounded-md border bg-background p-2 text-foreground shadow-sm",m),...p,children:c})}),g):null}function x({size:o="sm",tooltip:r,isPending:i,disabled:n,className:a,children:l,...s}){let d=e(c,{variant:"outline",size:o,className:u("gap-1.5 [&>svg]:size-3.5","icon"===o?"size-8":"h-8",a),disabled:n||i,...s,children:i?e(g,{}):l});return r?t(p,{children:[e(f,{asChild:!0,children:d}),e(h,{sideOffset:6,className:"[&>span]:hidden",children:e("p",{children:r})})]}):d}function w({table:r}){let i=n(()=>{r.toggleAllRowsSelected(!1)},[r]);return t("div",{className:"flex h-8 items-center rounded-md border pr-1 pl-2.5",children:[t("span",{className:"whitespace-nowrap text-xs",children:[r.getFilteredSelectedRowModel().rows.length," ",1===r.getFilteredSelectedRowModel().rows.length?"selecionado":"selecionados"]}),e(m,{orientation:"vertical",className:"mr-1 ml-2 data-[orientation=vertical]:h-4"}),t(p,{children:[e(f,{asChild:!0,children:e(c,{variant:"ghost",size:"icon",className:"size-5",onClick:i,children:e(o,{className:"size-4"})})}),t(h,{sideOffset:10,className:"flex items-center gap-2 border bg-gray-50 px-2 py-1 font-semibold text-foreground [&>span]:hidden",children:[e("p",{children:"Limpar sele\xe7\xe3o"}),e("kbd",{className:"select-none rounded border bg-background px-1.5 py-px font-mono font-normal text-[0.7rem] text-foreground shadow-xs",children:e("abbr",{title:"Escape",className:"no-underline",children:"Esc"})})]})]})]})}export{b as DataTableActionBar,x as DataTableActionBarAction,w as DataTableActionBarSelection};
|
|
@@ -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};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../../../src/components/data-table/data-table.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../../../src/components/data-table/data-table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,KAAK,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAC/E,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAmBnC,UAAU,cAAc,CAAC,KAAK,CAAE,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACjE,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,CAAA;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAA;IACjC,kBAAkB,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,EAAE,CAAA;IAC7E,UAAU,CAAC,EAAE;QACX,KAAK,CAAC,EAAE;YACN,OAAO,CAAC,EAAE,MAAM,CAAA;YAChB,MAAM,CAAC,EAAE,MAAM,CAAA;YACf,IAAI,CAAC,EAAE,MAAM,CAAA;YACb,GAAG,CAAC,EAAE,MAAM,CAAA;YACZ,IAAI,CAAC,EAAE,MAAM,CAAA;SACd,CAAA;KACF,CAAA;IACD,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,EAC/B,KAAK,EACL,SAAS,EACT,UAAU,EACV,kBAAkB,EAClB,QAAQ,EACR,SAAS,EACT,UAAU,EACV,aAAoB,EACpB,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,2CAmGvB"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
import { buttonVariants } from '../button';
|
|
4
|
+
import { VariantProps } from '../../lib/utils';
|
|
5
|
+
type DialogProps = ComponentProps<typeof DialogPrimitive.Root>;
|
|
6
|
+
declare function Dialog(props: DialogProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
type DialogTriggerProps = ComponentProps<typeof DialogPrimitive.Trigger>;
|
|
8
|
+
declare function DialogTrigger(props: DialogTriggerProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
type DialogPortalProps = ComponentProps<typeof DialogPrimitive.Portal>;
|
|
10
|
+
declare function DialogPortal({ ...props }: DialogPortalProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
type DialogCloseProps = Omit<ComponentProps<typeof DialogPrimitive.Close>, 'ref'> & {
|
|
12
|
+
className?: string;
|
|
13
|
+
size?: VariantProps<typeof buttonVariants>['size'];
|
|
14
|
+
variant?: VariantProps<typeof buttonVariants>['variant'];
|
|
15
|
+
};
|
|
16
|
+
declare function DialogClose({ className, size, variant, ...props }: DialogCloseProps): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
type DialogOverlayProps = ComponentProps<typeof DialogPrimitive.Overlay>;
|
|
18
|
+
declare function DialogOverlay({ className, ...props }: DialogOverlayProps): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
type DialogContentProps = ComponentProps<typeof DialogPrimitive.Content> & {
|
|
20
|
+
classNames?: {
|
|
21
|
+
close?: string;
|
|
22
|
+
content?: string;
|
|
23
|
+
overlay?: string;
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
declare function DialogContent({ children, className, classNames, ...props }: DialogContentProps): import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
type DialogHeaderProps = ComponentProps<'div'>;
|
|
28
|
+
declare function DialogHeader({ className, ...props }: DialogHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
type DialogBodyProps = ComponentProps<'div'>;
|
|
30
|
+
declare function DialogBody({ className, ...props }: DialogBodyProps): import("react/jsx-runtime").JSX.Element;
|
|
31
|
+
type DialogFooterProps = ComponentProps<'div'>;
|
|
32
|
+
declare function DialogFooter({ className, ...props }: DialogFooterProps): import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
type DialogTitleProps = ComponentProps<typeof DialogPrimitive.Title>;
|
|
34
|
+
declare function DialogTitle({ className, ...props }: DialogTitleProps): import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
type DialogDescriptionProps = ComponentProps<typeof DialogPrimitive.Description>;
|
|
36
|
+
declare function DialogDescription({ className, ...props }: DialogDescriptionProps): import("react/jsx-runtime").JSX.Element;
|
|
37
|
+
export { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogBody, DialogFooter, DialogTitle, DialogDescription, DialogClose, DialogPortal, DialogOverlay, };
|
|
38
|
+
export type { DialogProps, DialogTriggerProps, DialogContentProps, DialogHeaderProps, DialogBodyProps, DialogFooterProps, DialogTitleProps, DialogDescriptionProps, DialogCloseProps, DialogPortalProps, DialogOverlayProps, };
|
|
39
|
+
//# sourceMappingURL=dialog.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/dialog.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAM,YAAY,EAAE,MAAM,aAAa,CAAA;AAM9C,KAAK,WAAW,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,CAAA;AAE9D,iBAAS,MAAM,CAAC,KAAK,EAAE,WAAW,2CAEjC;AAMD,KAAK,kBAAkB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,CAAA;AAExE,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAE/C;AAMD,KAAK,iBAAiB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,CAAA;AAEtE,iBAAS,YAAY,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAEpD;AAMD,KAAK,gBAAgB,GAAG,IAAI,CAC1B,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,EAC5C,KAAK,CACN,GAAG;IACF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAA;IAClD,OAAO,CAAC,EAAE,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,SAAS,CAAC,CAAA;CACzD,CAAA;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,IAAI,EACJ,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAQlB;AAMD,KAAK,kBAAkB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,CAAA;AAExE,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAWjE;AAMD,KAAK,kBAAkB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACzE,UAAU,CAAC,EAAE;QACX,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,OAAO,CAAC,EAAE,MAAM,CAAA;QAChB,OAAO,CAAC,EAAE,MAAM,CAAA;KACjB,CAAA;CACF,CAAA;AAED,iBAAS,aAAa,CAAC,EACrB,QAAQ,EACR,SAAS,EACT,UAAU,EACV,GAAG,KAAK,EACT,EAAE,kBAAkB,2CA2BpB;AAMD,KAAK,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAA;AAE9C,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAW/D;AAMD,KAAK,eAAe,GAAG,cAAc,CAAC,KAAK,CAAC,CAAA;AAE5C,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAQ3D;AAMD,KAAK,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAA;AAE9C,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAW/D;AAMD,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAA;AAEpE,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAW7D;AAMD,KAAK,sBAAsB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,CAAA;AAEhF,iBAAS,iBAAiB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,2CAQzE;AAMD,OAAO,EACL,MAAM,EACN,aAAa,EACb,aAAa,EACb,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,aAAa,GACd,CAAA;AACD,YAAY,EACV,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,GACnB,CAAA"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
'use client'
|
|
2
|
+
import{jsx as a,jsxs as t}from"react/jsx-runtime";import{XIcon as e}from"@phosphor-icons/react";import{Close as o,Content as l,Description as s,Overlay as i,Portal as n,Root as r,Title as d,Trigger as c}from"@radix-ui/react-dialog";import{buttonVariants as g}from"../button/index.js";import{cn as m}from"../../lib/utils.js";function u(t){return a(r,{"data-slot":"dialog",...t})}function f(t){return a(c,{"data-slot":"dialog-trigger",...t})}function p({...t}){return a(n,{"data-slot":"dialog-portal",...t})}function x({className:t,size:e,variant:l="outline",...s}){return a(o,{className:g({className:t,size:e,variant:l}),"data-slot":"dialog-close",...s})}function N({className:t,...e}){return a(i,{className:m("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=open]:animate-in",t),"data-slot":"dialog-overlay",...e})}function D({children:s,className:i,classNames:n,...r}){return t(p,{children:[a(N,{className:n?.overlay}),t(l,{className:m("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=closed]:animate-out data-[state=open]:animate-in sm:max-w-lg sm:rounded-lg",i,n?.content),"data-slot":"dialog-content-wrapper",...r,children:[s,t(o,{className:g({className:["absolute top-2.5 right-2.5 size-7",n?.close],size:"icon",variant:"ghost"}),children:[a(e,{className:"size-4"}),a("span",{className:"sr-only",children:"Close"})]})]})]})}function h({className:t,...e}){return a("div",{className:m("flex flex-col space-y-1.5 text-center sm:text-left",t),"data-slot":"dialog-header",...e})}function y({className:t,...e}){return a("main",{className:m("py-2",t),"data-slot":"dialog-body",...e})}function b({className:t,...e}){return a("footer",{className:m("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",t),"data-slot":"dialog-footer",...e})}function z({className:t,...e}){return a(d,{className:m("font-semibold text-lg leading-none tracking-tight",t),"data-slot":"dialog-title",...e})}function v({className:t,...e}){return a(s,{className:m("text-gray-600 text-sm",t),"data-slot":"dialog-description",...e})}export{u as Dialog,y as DialogBody,x as DialogClose,D as DialogContent,v as DialogDescription,b as DialogFooter,h as DialogHeader,N as DialogOverlay,p as DialogPortal,z as DialogTitle,f as DialogTrigger};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export*from"./dialog.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/input/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,kBAAkB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export*from"./input.js";export*from"./input-variants.js";
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
import { VariantProps } from 'tailwind-variants';
|
|
2
|
+
declare const inputVariants: import("tailwind-variants").TVReturnType<{
|
|
3
|
+
[key: string]: {
|
|
4
|
+
[key: string]: import("tailwind-variants").ClassValue | {
|
|
5
|
+
input?: import("tailwind-variants").ClassValue;
|
|
6
|
+
root?: import("tailwind-variants").ClassValue;
|
|
7
|
+
};
|
|
8
|
+
};
|
|
9
|
+
} | {
|
|
10
|
+
[x: string]: {
|
|
11
|
+
[x: string]: import("tailwind-variants").ClassValue | {
|
|
12
|
+
input?: import("tailwind-variants").ClassValue;
|
|
13
|
+
root?: import("tailwind-variants").ClassValue;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
} | {}, {
|
|
17
|
+
root: string;
|
|
18
|
+
input: string;
|
|
19
|
+
}, undefined, {
|
|
20
|
+
[key: string]: {
|
|
21
|
+
[key: string]: import("tailwind-variants").ClassValue | {
|
|
22
|
+
input?: import("tailwind-variants").ClassValue;
|
|
23
|
+
root?: import("tailwind-variants").ClassValue;
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
} | {}, {
|
|
27
|
+
root: string;
|
|
28
|
+
input: string;
|
|
29
|
+
}, import("tailwind-variants").TVReturnType<unknown, {
|
|
30
|
+
root: string;
|
|
31
|
+
input: string;
|
|
32
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
33
|
+
type InputVariants = VariantProps<typeof inputVariants>;
|
|
34
|
+
declare const inputVariantsSlots: {
|
|
35
|
+
root: (slotProps?: ({
|
|
36
|
+
[x: string]: string | number | undefined;
|
|
37
|
+
[x: number]: string | number | undefined;
|
|
38
|
+
} & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | ({
|
|
39
|
+
[x: string]: string | number | undefined;
|
|
40
|
+
[x: number]: string | number | undefined;
|
|
41
|
+
} & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | ({
|
|
42
|
+
[x: string]: string | number | undefined;
|
|
43
|
+
[x: number]: string | number | undefined;
|
|
44
|
+
} & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | ({
|
|
45
|
+
[x: string]: string | number | undefined;
|
|
46
|
+
[x: number]: string | number | undefined;
|
|
47
|
+
} & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | ({
|
|
48
|
+
[x: string]: string | number | undefined;
|
|
49
|
+
[x: number]: string | number | undefined;
|
|
50
|
+
} & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | ({} & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
|
|
51
|
+
input: (slotProps?: ({
|
|
52
|
+
[x: string]: string | number | undefined;
|
|
53
|
+
[x: number]: string | number | undefined;
|
|
54
|
+
} & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | ({
|
|
55
|
+
[x: string]: string | number | undefined;
|
|
56
|
+
[x: number]: string | number | undefined;
|
|
57
|
+
} & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | ({
|
|
58
|
+
[x: string]: string | number | undefined;
|
|
59
|
+
[x: number]: string | number | undefined;
|
|
60
|
+
} & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | ({
|
|
61
|
+
[x: string]: string | number | undefined;
|
|
62
|
+
[x: number]: string | number | undefined;
|
|
63
|
+
} & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | ({
|
|
64
|
+
[x: string]: string | number | undefined;
|
|
65
|
+
[x: number]: string | number | undefined;
|
|
66
|
+
} & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | ({} & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
|
|
67
|
+
} & {
|
|
68
|
+
root: (slotProps?: ({
|
|
69
|
+
[x: string]: string | number | undefined;
|
|
70
|
+
[x: number]: string | number | undefined;
|
|
71
|
+
} & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | ({
|
|
72
|
+
[x: string]: string | number | undefined;
|
|
73
|
+
[x: number]: string | number | undefined;
|
|
74
|
+
} & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | ({
|
|
75
|
+
[x: string]: string | number | undefined;
|
|
76
|
+
[x: number]: string | number | undefined;
|
|
77
|
+
} & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | ({
|
|
78
|
+
[x: string]: string | number | undefined;
|
|
79
|
+
[x: number]: string | number | undefined;
|
|
80
|
+
} & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | ({
|
|
81
|
+
[x: string]: string | number | undefined;
|
|
82
|
+
[x: number]: string | number | undefined;
|
|
83
|
+
} & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | ({} & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
|
|
84
|
+
input: (slotProps?: ({
|
|
85
|
+
[x: string]: string | number | undefined;
|
|
86
|
+
[x: number]: string | number | undefined;
|
|
87
|
+
} & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | ({
|
|
88
|
+
[x: string]: string | number | undefined;
|
|
89
|
+
[x: number]: string | number | undefined;
|
|
90
|
+
} & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | ({
|
|
91
|
+
[x: string]: string | number | undefined;
|
|
92
|
+
[x: number]: string | number | undefined;
|
|
93
|
+
} & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | ({
|
|
94
|
+
[x: string]: string | number | undefined;
|
|
95
|
+
[x: number]: string | number | undefined;
|
|
96
|
+
} & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | ({
|
|
97
|
+
[x: string]: string | number | undefined;
|
|
98
|
+
[x: number]: string | number | undefined;
|
|
99
|
+
} & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | ({} & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
|
|
100
|
+
} & {};
|
|
101
|
+
export { inputVariants, inputVariantsSlots };
|
|
102
|
+
export type { InputVariants };
|
|
103
|
+
//# sourceMappingURL=input-variants.d.ts.map
|
|
@@ -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 @@
|
|
|
1
|
+
import{tv as e}from"tailwind-variants";let t=e({slots:{root:"flex h-10 w-full items-center gap-4 rounded-md border border-input bg-background px-4 shadow-xs placeholder:text-muted-foreground focus-within:border-primary focus-within:outline-none data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50",input:"peer h-full w-full flex-1 overflow-hidden bg-transparent text-sm outline-none placeholder:text-muted-foreground"}}),r=t();export{t as inputVariants,r as inputVariantsSlots};
|
|
@@ -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,2 @@
|
|
|
1
|
+
'use client'
|
|
2
|
+
import{jsx as i}from"react/jsx-runtime";import{Spinner as t}from"../spinner/index.js";import{Field as r,Root as n}from"../../primitives/input.js";import{inputVariantsSlots as s}from"./input-variants.js";function a({className:a,disabled:e,loaderPosition:o,loading:p,prefix:m,readOnly:l,spinner:u,suffix:d,classNames:f,...c}){return i(n,{className:s.root({className:[a,f?.wrapper]}),"data-slot":"input",disabled:e,loaderPosition:o,loading:p,prefix:m,readOnly:l,spinner:u||i(t,{}),suffix:d,children:i(r,{className:s.input({className:f?.input}),"data-slot":"input-item",...c})})}export{a as Input};
|
|
@@ -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 @@
|
|
|
1
|
+
export*from"./input-otp.js";
|
|
@@ -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,2 @@
|
|
|
1
|
+
'use client'
|
|
2
|
+
import{jsx as t,jsxs as e}from"react/jsx-runtime";import{MinusIcon as r}from"@phosphor-icons/react";import{OTPInput as a,OTPInputContext as o,REGEXP_ONLY_CHARS as i,REGEXP_ONLY_DIGITS as n,REGEXP_ONLY_DIGITS_AND_CHARS as s}from"input-otp";import{useContext as l}from"react";import{cn as p}from"../../lib/utils.js";function u({className:e,containerClassName:r,pattern:o,...i}){return t(a,{"aria-label":"One-time password",className:p("disabled:cursor-not-allowed",e),containerClassName:p("flex items-center gap-2 has-[:disabled]:opacity-50",r),"data-slot":"input-otp",pattern:o||s,...i})}function c({className:e,...r}){return t("div",{className:p("flex items-center gap-1",e),"data-slot":"input-otp-group",role:"group",...r})}function d({className:r,index:a,...i}){let{isActive:n,char:s,hasFakeCaret:u}=l(o).slots[a];return e("div",{className:p("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",r),"data-active":n,"data-slot":"input-otp-slot",...i,children:[s,u&&t("div",{className:"pointer-events-none absolute inset-0 flex items-center justify-center",children:t("div",{className:"h-4 w-px animate-caret-blink bg-foreground duration-1000"})})]})}function m({...e}){return t("div",{"data-slot":"input-otp-separator",...e,children:t(r,{})})}export{u as InputOTP,c as InputOTPGroup,m as InputOTPSeparator,d as InputOTPSlot,i as REGEXP_ONLY_CHARS,n as REGEXP_ONLY_DIGITS,s as REGEXP_ONLY_DIGITS_AND_CHARS};
|