period-ui 0.4.5 → 0.4.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (80) hide show
  1. package/dist/components/atoms/skeleton/index.d.ts +3 -0
  2. package/dist/components/atoms/skeleton/index.d.ts.map +1 -0
  3. package/dist/components/atoms/skeleton/index.js +19 -0
  4. package/dist/components/atoms/skeleton/index.js.map +1 -0
  5. package/dist/components/atoms/skeleton/skeleton-styles.d.ts +4 -0
  6. package/dist/components/atoms/skeleton/skeleton-styles.d.ts.map +1 -0
  7. package/dist/components/atoms/skeleton/skeleton-styles.js +17 -0
  8. package/dist/components/atoms/skeleton/skeleton-styles.js.map +1 -0
  9. package/dist/components/atoms/skeleton/skeleton-types.d.ts +6 -0
  10. package/dist/components/atoms/skeleton/skeleton-types.d.ts.map +1 -0
  11. package/dist/components/atoms/skeleton/skeleton-types.js +10 -0
  12. package/dist/components/atoms/skeleton/skeleton-types.js.map +1 -0
  13. package/dist/components/atoms/skeleton/skeleton.d.ts +10 -0
  14. package/dist/components/atoms/skeleton/skeleton.d.ts.map +1 -0
  15. package/dist/components/atoms/skeleton/skeleton.js +12 -0
  16. package/dist/components/atoms/skeleton/skeleton.js.map +1 -0
  17. package/dist/components/index.d.ts +2 -0
  18. package/dist/components/index.d.ts.map +1 -1
  19. package/dist/components/index.js +2 -0
  20. package/dist/components/index.js.map +1 -1
  21. package/dist/components/molecules/password-field/password-field.d.ts.map +1 -1
  22. package/dist/components/molecules/password-field/password-field.js +1 -1
  23. package/dist/components/molecules/password-field/password-field.js.map +1 -1
  24. package/dist/components/molecules/table/components/pagination/index.d.ts +3 -0
  25. package/dist/components/molecules/table/components/pagination/index.d.ts.map +1 -0
  26. package/dist/components/molecules/table/components/pagination/index.js +19 -0
  27. package/dist/components/molecules/table/components/pagination/index.js.map +1 -0
  28. package/dist/components/molecules/table/components/pagination/pagination-constants.d.ts +5 -0
  29. package/dist/components/molecules/table/components/pagination/pagination-constants.d.ts.map +1 -0
  30. package/dist/components/molecules/table/components/pagination/pagination-constants.js +8 -0
  31. package/dist/components/molecules/table/components/pagination/pagination-constants.js.map +1 -0
  32. package/dist/components/molecules/table/components/pagination/pagination-styles.d.ts +9 -0
  33. package/dist/components/molecules/table/components/pagination/pagination-styles.d.ts.map +1 -0
  34. package/dist/components/molecules/table/components/pagination/pagination-styles.js +21 -0
  35. package/dist/components/molecules/table/components/pagination/pagination-styles.js.map +1 -0
  36. package/dist/components/molecules/table/components/pagination/pagination-types.d.ts +12 -0
  37. package/dist/components/molecules/table/components/pagination/pagination-types.d.ts.map +1 -0
  38. package/dist/components/molecules/table/components/pagination/pagination-types.js +3 -0
  39. package/dist/components/molecules/table/components/pagination/pagination-types.js.map +1 -0
  40. package/dist/components/molecules/table/components/pagination/pagination.d.ts +3 -0
  41. package/dist/components/molecules/table/components/pagination/pagination.d.ts.map +1 -0
  42. package/dist/components/molecules/table/components/pagination/pagination.js +40 -0
  43. package/dist/components/molecules/table/components/pagination/pagination.js.map +1 -0
  44. package/dist/components/molecules/table/components/pagination/use-pagination.d.ts +11 -0
  45. package/dist/components/molecules/table/components/pagination/use-pagination.d.ts.map +1 -0
  46. package/dist/components/molecules/table/components/pagination/use-pagination.js +44 -0
  47. package/dist/components/molecules/table/components/pagination/use-pagination.js.map +1 -0
  48. package/dist/components/molecules/table/index.d.ts +3 -0
  49. package/dist/components/molecules/table/index.d.ts.map +1 -0
  50. package/dist/components/molecules/table/index.js +19 -0
  51. package/dist/components/molecules/table/index.js.map +1 -0
  52. package/dist/components/molecules/table/table-constants.d.ts +6 -0
  53. package/dist/components/molecules/table/table-constants.d.ts.map +1 -0
  54. package/dist/components/molecules/table/table-constants.js +12 -0
  55. package/dist/components/molecules/table/table-constants.js.map +1 -0
  56. package/dist/components/molecules/table/table-styles.d.ts +28 -0
  57. package/dist/components/molecules/table/table-styles.d.ts.map +1 -0
  58. package/dist/components/molecules/table/table-styles.js +38 -0
  59. package/dist/components/molecules/table/table-styles.js.map +1 -0
  60. package/dist/components/molecules/table/table-types.d.ts +39 -0
  61. package/dist/components/molecules/table/table-types.d.ts.map +1 -0
  62. package/dist/components/molecules/table/table-types.js +15 -0
  63. package/dist/components/molecules/table/table-types.js.map +1 -0
  64. package/dist/components/molecules/table/table.d.ts +3 -0
  65. package/dist/components/molecules/table/table.d.ts.map +1 -0
  66. package/dist/components/molecules/table/table.js +75 -0
  67. package/dist/components/molecules/table/table.js.map +1 -0
  68. package/dist/components/molecules/table/use-table-overflow.d.ts +5 -0
  69. package/dist/components/molecules/table/use-table-overflow.d.ts.map +1 -0
  70. package/dist/components/molecules/table/use-table-overflow.js +23 -0
  71. package/dist/components/molecules/table/use-table-overflow.js.map +1 -0
  72. package/dist/components/molecules/text-field/text-field.d.ts.map +1 -1
  73. package/dist/components/molecules/text-field/text-field.js +3 -1
  74. package/dist/components/molecules/text-field/text-field.js.map +1 -1
  75. package/dist/index.d.ts +3 -3
  76. package/dist/index.d.ts.map +1 -1
  77. package/dist/index.js +7 -2
  78. package/dist/index.js.map +1 -1
  79. package/dist/index.mjs +7647 -7299
  80. package/package.json +1 -1
@@ -0,0 +1,3 @@
1
+ export * from './skeleton';
2
+ export * from './skeleton-types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/skeleton/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC"}
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ __exportStar(require("./skeleton"), exports);
18
+ __exportStar(require("./skeleton-types"), exports);
19
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/atoms/skeleton/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA2B;AAC3B,mDAAiC"}
@@ -0,0 +1,4 @@
1
+ export declare const skeletonStyles: (props?: ({
2
+ variant?: "circle" | "text" | "rectangle" | null | undefined;
3
+ } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
4
+ //# sourceMappingURL=skeleton-styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"skeleton-styles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/skeleton/skeleton-styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;;mFAWzB,CAAC"}
@@ -0,0 +1,17 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.skeletonStyles = void 0;
4
+ const class_variance_authority_1 = require("class-variance-authority");
5
+ exports.skeletonStyles = (0, class_variance_authority_1.cva)(['animate-pulse', 'bg-gray-04'], {
6
+ variants: {
7
+ variant: {
8
+ text: 'h-4 w-full rounded',
9
+ rectangle: 'rounded-lg',
10
+ circle: 'rounded-full',
11
+ },
12
+ },
13
+ defaultVariants: {
14
+ variant: 'text',
15
+ },
16
+ });
17
+ //# sourceMappingURL=skeleton-styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"skeleton-styles.js","sourceRoot":"","sources":["../../../../src/components/atoms/skeleton/skeleton-styles.ts"],"names":[],"mappings":";;;AAAA,uEAA+C;AAElC,QAAA,cAAc,GAAG,IAAA,8BAAG,EAAC,CAAC,eAAe,EAAE,YAAY,CAAC,EAAE;IACjE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,oBAAoB;YAC1B,SAAS,EAAE,YAAY;YACvB,MAAM,EAAE,cAAc;SACvB;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,MAAM;KAChB;CACF,CAAC,CAAC"}
@@ -0,0 +1,6 @@
1
+ export declare enum SkeletonVariant {
2
+ TEXT = "text",
3
+ RECTANGLE = "rectangle",
4
+ CIRCLE = "circle"
5
+ }
6
+ //# sourceMappingURL=skeleton-types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"skeleton-types.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/skeleton/skeleton-types.ts"],"names":[],"mappings":"AAAA,oBAAY,eAAe;IACzB,IAAI,SAAS;IACb,SAAS,cAAc;IACvB,MAAM,WAAW;CAClB"}
@@ -0,0 +1,10 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.SkeletonVariant = void 0;
4
+ var SkeletonVariant;
5
+ (function (SkeletonVariant) {
6
+ SkeletonVariant["TEXT"] = "text";
7
+ SkeletonVariant["RECTANGLE"] = "rectangle";
8
+ SkeletonVariant["CIRCLE"] = "circle";
9
+ })(SkeletonVariant || (exports.SkeletonVariant = SkeletonVariant = {}));
10
+ //# sourceMappingURL=skeleton-types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"skeleton-types.js","sourceRoot":"","sources":["../../../../src/components/atoms/skeleton/skeleton-types.ts"],"names":[],"mappings":";;;AAAA,IAAY,eAIX;AAJD,WAAY,eAAe;IACzB,gCAAa,CAAA;IACb,0CAAuB,CAAA;IACvB,oCAAiB,CAAA;AACnB,CAAC,EAJW,eAAe,+BAAf,eAAe,QAI1B"}
@@ -0,0 +1,10 @@
1
+ import { ComponentProps } from 'react';
2
+ import { VariantProps } from 'class-variance-authority';
3
+ import { skeletonStyles } from './skeleton-styles';
4
+ type Props = ComponentProps<'div'> & VariantProps<typeof skeletonStyles> & {
5
+ width?: string | number;
6
+ height?: string | number;
7
+ };
8
+ export declare const Skeleton: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
9
+ export type { Props as SkeletonProps };
10
+ //# sourceMappingURL=skeleton.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/skeleton/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGxD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,KAAK,KAAK,GAAG,cAAc,CAAC,KAAK,CAAC,GAChC,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B,CAAC;AAEJ,eAAO,MAAM,QAAQ,+GAanB,CAAC;AAEH,YAAY,EAAE,KAAK,IAAI,aAAa,EAAE,CAAC"}
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Skeleton = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const react_1 = require("react");
6
+ const tailwind_utils_1 = require("../../../utils/tailwind-utils");
7
+ const skeleton_types_1 = require("./skeleton-types");
8
+ const skeleton_styles_1 = require("./skeleton-styles");
9
+ exports.Skeleton = (0, react_1.forwardRef)(function Skeleton({ variant = skeleton_types_1.SkeletonVariant.TEXT, width, height, className, style, ...props }, forwardedRef) {
10
+ return ((0, jsx_runtime_1.jsx)("div", { ref: forwardedRef, "aria-hidden": true, className: (0, tailwind_utils_1.tailwind)((0, skeleton_styles_1.skeletonStyles)({ variant }), className), style: { width, height, ...style }, ...props }));
11
+ });
12
+ //# sourceMappingURL=skeleton.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../../../../src/components/atoms/skeleton/skeleton.tsx"],"names":[],"mappings":";;;;AAAA,iCAAmD;AAEnD,kEAAyD;AACzD,qDAAmD;AACnD,uDAAmD;AAQtC,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAAwB,SAAS,QAAQ,CACzE,EAAE,OAAO,GAAG,gCAAe,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAC7E,YAAY;IAEZ,OAAO,CACL,gCACE,GAAG,EAAE,YAAY,uBAEjB,SAAS,EAAE,IAAA,yBAAQ,EAAC,IAAA,gCAAc,EAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,EAC3D,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,KAC9B,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}
@@ -1,4 +1,5 @@
1
1
  export * from './atoms/signature';
2
+ export * from './atoms/skeleton';
2
3
  export * from './atoms/base-input';
3
4
  export * from './atoms/badge';
4
5
  export * from './atoms/billo-icon';
@@ -32,6 +33,7 @@ export * from './molecules/form/form-password-field';
32
33
  export * from './molecules/form/form-phone-field';
33
34
  export * from './molecules/callout';
34
35
  export * from './molecules/empty-state';
36
+ export * from './molecules/table';
35
37
  export * from './molecules/accordion';
36
38
  export * from './molecules/search-bar';
37
39
  export * from './molecules/pop-over';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mCAAmC,CAAC;AAClD,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,mCAAmC,CAAC;AAClD,cAAc,oBAAoB,CAAC;AACnC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,sCAAsC,CAAC;AACrD,cAAc,mCAAmC,CAAC;AAClD,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAG3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mCAAmC,CAAC;AAClD,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,mCAAmC,CAAC;AAClD,cAAc,oBAAoB,CAAC;AACnC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,sCAAsC,CAAC;AACrD,cAAc,mCAAmC,CAAC;AAClD,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAG3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC"}
@@ -15,6 +15,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
15
15
  };
16
16
  Object.defineProperty(exports, "__esModule", { value: true });
17
17
  __exportStar(require("./atoms/signature"), exports);
18
+ __exportStar(require("./atoms/skeleton"), exports);
18
19
  __exportStar(require("./atoms/base-input"), exports);
19
20
  __exportStar(require("./atoms/badge"), exports);
20
21
  __exportStar(require("./atoms/billo-icon"), exports);
@@ -48,6 +49,7 @@ __exportStar(require("./molecules/form/form-password-field"), exports);
48
49
  __exportStar(require("./molecules/form/form-phone-field"), exports);
49
50
  __exportStar(require("./molecules/callout"), exports);
50
51
  __exportStar(require("./molecules/empty-state"), exports);
52
+ __exportStar(require("./molecules/table"), exports);
51
53
  __exportStar(require("./molecules/accordion"), exports);
52
54
  __exportStar(require("./molecules/search-bar"), exports);
53
55
  __exportStar(require("./molecules/pop-over"), exports);
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AACA,oDAAkC;AAClC,qDAAmC;AACnC,gDAA8B;AAC9B,qDAAmC;AACnC,iDAA+B;AAC/B,oDAAkC;AAClC,uDAAqC;AACrC,oDAAkC;AAClC,0DAAwC;AACxC,yDAAuC;AACvC,oEAAkD;AAClD,sDAAoC;AACpC,+CAA6B;AAC7B,sDAAoC;AACpC,6DAA2C;AAC3C,kDAAgC;AAChC,sDAAoC;AAGpC,mDAAiC;AACjC,oDAAkC;AAClC,qDAAmC;AACnC,+DAA6C;AAC7C,mEAAiD;AACjD,iEAA+C;AAC/C,qEAAmD;AACnD,oEAAkD;AAClD,qDAAmC;AACnC,8DAA4C;AAC5C,yDAAuC;AACvC,6DAA2C;AAC3C,0DAAwC;AACxC,uEAAqD;AACrD,oEAAkD;AAClD,sDAAoC;AACpC,0DAAwC;AACxC,wDAAsC;AACtC,yDAAuC;AACvC,uDAAqC;AACrC,6DAA2C;AAG3C,uDAAqC;AACrC,2DAAyC;AACzC,8DAA4C;AAC5C,6DAA2C"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AACA,oDAAkC;AAClC,mDAAiC;AACjC,qDAAmC;AACnC,gDAA8B;AAC9B,qDAAmC;AACnC,iDAA+B;AAC/B,oDAAkC;AAClC,uDAAqC;AACrC,oDAAkC;AAClC,0DAAwC;AACxC,yDAAuC;AACvC,oEAAkD;AAClD,sDAAoC;AACpC,+CAA6B;AAC7B,sDAAoC;AACpC,6DAA2C;AAC3C,kDAAgC;AAChC,sDAAoC;AAGpC,mDAAiC;AACjC,oDAAkC;AAClC,qDAAmC;AACnC,+DAA6C;AAC7C,mEAAiD;AACjD,iEAA+C;AAC/C,qEAAmD;AACnD,oEAAkD;AAClD,qDAAmC;AACnC,8DAA4C;AAC5C,yDAAuC;AACvC,6DAA2C;AAC3C,0DAAwC;AACxC,uEAAqD;AACrD,oEAAkD;AAClD,sDAAoC;AACpC,0DAAwC;AACxC,oDAAkC;AAClC,wDAAsC;AACtC,yDAAuC;AACvC,uDAAqC;AACrC,6DAA2C;AAG3C,uDAAqC;AACrC,2DAAyC;AACzC,8DAA4C;AAC5C,6DAA2C"}
@@ -1 +1 @@
1
- {"version":3,"file":"password-field.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/password-field/password-field.tsx"],"names":[],"mappings":"AACA,OAAO,EAAqC,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAExF,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,iBAAiB,CAAC,GAAG;IAClF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,aAAa;wBAJJ,MAAM;wBACN,MAAM;oDAmC1B,CAAC"}
1
+ {"version":3,"file":"password-field.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/password-field/password-field.tsx"],"names":[],"mappings":"AACA,OAAO,EAAqC,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAExF,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,iBAAiB,CAAC,GAAG;IAClF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,aAAa;wBAJJ,MAAM;wBACN,MAAM;oDAoC1B,CAAC"}
@@ -9,6 +9,6 @@ exports.PasswordField = (0, react_1.forwardRef)(function PasswordField({ isDisab
9
9
  function togglePasswordVisibility() {
10
10
  setIsPasswordVisible((previousVisibility) => !previousVisibility);
11
11
  }
12
- return ((0, jsx_runtime_1.jsx)(components_1.TextField, { ...textFieldProps, ref: ref, isDisabled: isDisabled, type: isPasswordVisible ? 'text' : 'password', trailingElement: (0, jsx_runtime_1.jsx)(components_1.IconButton, { isDisabled: isDisabled, isClickable: !isDisabled, "aria-label": isPasswordVisible ? hidePasswordLabel : showPasswordLabel, icon: isPasswordVisible ? components_1.IconSymbol.EYE_SLASH : components_1.IconSymbol.EYE, onClick: togglePasswordVisibility }) }));
12
+ return ((0, jsx_runtime_1.jsx)(components_1.TextField, { ...textFieldProps, ref: ref, isDisabled: isDisabled, type: isPasswordVisible ? 'text' : 'password', trailingElement: (0, jsx_runtime_1.jsx)(components_1.IconButton, { isDisabled: isDisabled, isClickable: !isDisabled, icon: isPasswordVisible ? components_1.IconSymbol.EYE_SLASH : components_1.IconSymbol.EYE, onClick: togglePasswordVisibility, "aria-label": isPasswordVisible ? hidePasswordLabel : showPasswordLabel, className: "-mr-2" }) }));
13
13
  });
14
14
  //# sourceMappingURL=password-field.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"password-field.js","sourceRoot":"","sources":["../../../../src/components/molecules/password-field/password-field.tsx"],"names":[],"mappings":";;;;AAAA,iCAA2D;AAC3D,oDAAwF;AAO3E,QAAA,aAAa,GAAG,IAAA,kBAAU,EAAC,SAAS,aAAa,CAC5D,EACE,UAAU,EACV,iBAAiB,GAAG,eAAe,EACnC,iBAAiB,GAAG,eAAe,EACnC,GAAG,cAAc,EACE,EACrB,GAAmC;IAEnC,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAElE,SAAS,wBAAwB;QAC/B,oBAAoB,CAAC,CAAC,kBAAkB,EAAE,EAAE,CAAC,CAAC,kBAAkB,CAAC,CAAC;IACpE,CAAC;IAED,OAAO,CACL,uBAAC,sBAAS,OACJ,cAAc,EAClB,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EAC7C,eAAe,EACb,uBAAC,uBAAU,IACT,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,CAAC,UAAU,gBACZ,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,EACrE,IAAI,EAAE,iBAAiB,CAAC,CAAC,CAAC,uBAAU,CAAC,SAAS,CAAC,CAAC,CAAC,uBAAU,CAAC,GAAG,EAC/D,OAAO,EAAE,wBAAwB,GACjC,GAEJ,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}
1
+ {"version":3,"file":"password-field.js","sourceRoot":"","sources":["../../../../src/components/molecules/password-field/password-field.tsx"],"names":[],"mappings":";;;;AAAA,iCAA2D;AAC3D,oDAAwF;AAO3E,QAAA,aAAa,GAAG,IAAA,kBAAU,EAAC,SAAS,aAAa,CAC5D,EACE,UAAU,EACV,iBAAiB,GAAG,eAAe,EACnC,iBAAiB,GAAG,eAAe,EACnC,GAAG,cAAc,EACE,EACrB,GAAmC;IAEnC,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAElE,SAAS,wBAAwB;QAC/B,oBAAoB,CAAC,CAAC,kBAAkB,EAAE,EAAE,CAAC,CAAC,kBAAkB,CAAC,CAAC;IACpE,CAAC;IAED,OAAO,CACL,uBAAC,sBAAS,OACJ,cAAc,EAClB,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EAC7C,eAAe,EACb,uBAAC,uBAAU,IACT,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,CAAC,UAAU,EACxB,IAAI,EAAE,iBAAiB,CAAC,CAAC,CAAC,uBAAU,CAAC,SAAS,CAAC,CAAC,CAAC,uBAAU,CAAC,GAAG,EAC/D,OAAO,EAAE,wBAAwB,gBACrB,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,EACrE,SAAS,EAAC,OAAO,GACjB,GAEJ,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}
@@ -0,0 +1,3 @@
1
+ export * from './pagination';
2
+ export * from './pagination-types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/molecules/table/components/pagination/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC"}
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ __exportStar(require("./pagination"), exports);
18
+ __exportStar(require("./pagination-types"), exports);
19
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/molecules/table/components/pagination/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B;AAC7B,qDAAmC"}
@@ -0,0 +1,5 @@
1
+ export declare const DEFAULT_SIBLING_COUNT = 1;
2
+ export declare const MOBILE_SIBLING_COUNT = 0;
3
+ export declare const PAGINATION_DOTS = "dots";
4
+ export declare const PAGINATION_DOTS_LABEL = "\u2026";
5
+ //# sourceMappingURL=pagination-constants.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"pagination-constants.d.ts","sourceRoot":"","sources":["../../../../../../src/components/molecules/table/components/pagination/pagination-constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,IAAI,CAAC;AAEvC,eAAO,MAAM,oBAAoB,IAAI,CAAC;AAEtC,eAAO,MAAM,eAAe,SAAS,CAAC;AAEtC,eAAO,MAAM,qBAAqB,WAAM,CAAC"}
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.PAGINATION_DOTS_LABEL = exports.PAGINATION_DOTS = exports.MOBILE_SIBLING_COUNT = exports.DEFAULT_SIBLING_COUNT = void 0;
4
+ exports.DEFAULT_SIBLING_COUNT = 1;
5
+ exports.MOBILE_SIBLING_COUNT = 0;
6
+ exports.PAGINATION_DOTS = 'dots';
7
+ exports.PAGINATION_DOTS_LABEL = '…';
8
+ //# sourceMappingURL=pagination-constants.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"pagination-constants.js","sourceRoot":"","sources":["../../../../../../src/components/molecules/table/components/pagination/pagination-constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,qBAAqB,GAAG,CAAC,CAAC;AAE1B,QAAA,oBAAoB,GAAG,CAAC,CAAC;AAEzB,QAAA,eAAe,GAAG,MAAM,CAAC;AAEzB,QAAA,qBAAqB,GAAG,GAAG,CAAC"}
@@ -0,0 +1,9 @@
1
+ export declare const paginationStyles: {
2
+ container: string;
3
+ arrow: string;
4
+ dots: string;
5
+ };
6
+ export declare const pageButtonStyles: (props?: ({
7
+ isActive?: boolean | null | undefined;
8
+ } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
9
+ //# sourceMappingURL=pagination-styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"pagination-styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/molecules/table/components/pagination/pagination-styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB;;;;CAI5B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;mFAa5B,CAAC"}
@@ -0,0 +1,21 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.pageButtonStyles = exports.paginationStyles = void 0;
4
+ const class_variance_authority_1 = require("class-variance-authority");
5
+ exports.paginationStyles = {
6
+ container: 'flex items-center justify-end gap-2',
7
+ arrow: 'inline-flex items-center justify-center p-1 disabled:cursor-not-allowed',
8
+ dots: 'h-8 min-w-8 inline-flex items-center justify-center select-none',
9
+ };
10
+ exports.pageButtonStyles = (0, class_variance_authority_1.cva)(['h-8 min-w-8 px-2 rounded-lg', 'inline-flex items-center justify-center', 'transition-colors'], {
11
+ variants: {
12
+ isActive: {
13
+ true: 'bg-blue-04 border border-blue-03',
14
+ false: 'hover:bg-gray-05',
15
+ },
16
+ },
17
+ defaultVariants: {
18
+ isActive: false,
19
+ },
20
+ });
21
+ //# sourceMappingURL=pagination-styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"pagination-styles.js","sourceRoot":"","sources":["../../../../../../src/components/molecules/table/components/pagination/pagination-styles.ts"],"names":[],"mappings":";;;AAAA,uEAA+C;AAElC,QAAA,gBAAgB,GAAG;IAC9B,SAAS,EAAE,qCAAqC;IAChD,KAAK,EAAE,yEAAyE;IAChF,IAAI,EAAE,iEAAiE;CACxE,CAAC;AAEW,QAAA,gBAAgB,GAAG,IAAA,8BAAG,EACjC,CAAC,6BAA6B,EAAE,yCAAyC,EAAE,mBAAmB,CAAC,EAC/F;IACE,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,IAAI,EAAE,kCAAkC;YACxC,KAAK,EAAE,kBAAkB;SAC1B;KACF;IACD,eAAe,EAAE;QACf,QAAQ,EAAE,KAAK;KAChB;CACF,CACF,CAAC"}
@@ -0,0 +1,12 @@
1
+ export type PaginationProps = {
2
+ currentPage: number;
3
+ totalCount: number;
4
+ pageLimit: number;
5
+ onPageChange: (page: number) => void;
6
+ siblingCount?: number;
7
+ label?: string;
8
+ previousLabel?: string;
9
+ nextLabel?: string;
10
+ className?: string;
11
+ };
12
+ //# sourceMappingURL=pagination-types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"pagination-types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/molecules/table/components/pagination/pagination-types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=pagination-types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"pagination-types.js","sourceRoot":"","sources":["../../../../../../src/components/molecules/table/components/pagination/pagination-types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,3 @@
1
+ import { PaginationProps } from './pagination-types';
2
+ export declare function Pagination({ currentPage, totalCount, pageLimit, onPageChange, siblingCount, label, previousLabel, nextLabel, className, }: PaginationProps): import("react/jsx-runtime").JSX.Element | null;
3
+ //# sourceMappingURL=pagination.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../../../../src/components/molecules/table/components/pagination/pagination.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAUrD,wBAAgB,UAAU,CAAC,EACzB,WAAW,EACX,UAAU,EACV,SAAS,EACT,YAAY,EACZ,YAAoC,EACpC,KAAoB,EACpB,aAA+B,EAC/B,SAAuB,EACvB,SAAS,GACV,EAAE,eAAe,kDAoFjB"}
@@ -0,0 +1,40 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Pagination = Pagination;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const tailwind_utils_1 = require("../../../../../utils/tailwind-utils");
6
+ const window_dimensions_utils_1 = require("../../../../../utils/window-dimensions-utils");
7
+ const components_1 = require("../../../../../components");
8
+ const text_1 = require("../../../../atoms/text");
9
+ const pagination_styles_1 = require("./pagination-styles");
10
+ const pagination_constants_1 = require("./pagination-constants");
11
+ const use_pagination_1 = require("./use-pagination");
12
+ function Pagination({ currentPage, totalCount, pageLimit, onPageChange, siblingCount = pagination_constants_1.DEFAULT_SIBLING_COUNT, label = 'Pagination', previousLabel = 'Previous page', nextLabel = 'Next page', className, }) {
13
+ const { isMobile } = (0, window_dimensions_utils_1.useWindowDimensions)();
14
+ const effectiveSiblingCount = isMobile ? pagination_constants_1.MOBILE_SIBLING_COUNT : siblingCount;
15
+ const totalPageCount = Math.ceil(totalCount / pageLimit);
16
+ const paginationRange = (0, use_pagination_1.usePagination)({
17
+ totalCount,
18
+ pageLimit,
19
+ siblingCount: effectiveSiblingCount,
20
+ currentPage,
21
+ });
22
+ if (totalPageCount <= 1) {
23
+ return null;
24
+ }
25
+ const isFirstPage = currentPage <= 1;
26
+ const isLastPage = currentPage >= totalPageCount;
27
+ const goToPage = (page) => {
28
+ if (page !== currentPage && page >= 1 && page <= totalPageCount) {
29
+ onPageChange(page);
30
+ }
31
+ };
32
+ return ((0, jsx_runtime_1.jsxs)("nav", { className: (0, tailwind_utils_1.tailwind)(pagination_styles_1.paginationStyles.container, className), "aria-label": label, children: [(0, jsx_runtime_1.jsx)("button", { type: "button", onClick: () => goToPage(currentPage - 1), disabled: isFirstPage, "aria-label": previousLabel, className: pagination_styles_1.paginationStyles.arrow, children: (0, jsx_runtime_1.jsx)(components_1.BilloIcon, { icon: components_1.IconSymbol.ARROW_LEFT, size: components_1.IconSize.XL, color: isFirstPage ? components_1.IconColor.GRAY_04 : components_1.IconColor.BLUE_01 }) }), paginationRange.map((item, index) => {
33
+ if (item === pagination_constants_1.PAGINATION_DOTS) {
34
+ return ((0, jsx_runtime_1.jsx)("span", { className: pagination_styles_1.paginationStyles.dots, "aria-hidden": true, children: (0, jsx_runtime_1.jsx)(text_1.Text, { as: "span", variant: text_1.TextVariant.BODY, color: text_1.TextColors.BLACK_03, children: pagination_constants_1.PAGINATION_DOTS_LABEL }) }, `dots-${index}`));
35
+ }
36
+ const isActive = item === currentPage;
37
+ return ((0, jsx_runtime_1.jsx)("button", { type: "button", onClick: () => goToPage(item), "aria-current": isActive ? 'page' : undefined, className: (0, pagination_styles_1.pageButtonStyles)({ isActive }), children: (0, jsx_runtime_1.jsx)(text_1.Text, { as: "span", variant: text_1.TextVariant.BODY, color: text_1.TextColors.BLACK, children: item }) }, item));
38
+ }), (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: () => goToPage(currentPage + 1), disabled: isLastPage, "aria-label": nextLabel, className: pagination_styles_1.paginationStyles.arrow, children: (0, jsx_runtime_1.jsx)(components_1.BilloIcon, { icon: components_1.IconSymbol.ARROW_RIGHT, size: components_1.IconSize.XL, color: isLastPage ? components_1.IconColor.GRAY_04 : components_1.IconColor.BLUE_01 }) })] }));
39
+ }
40
+ //# sourceMappingURL=pagination.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../../../../../src/components/molecules/table/components/pagination/pagination.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,11 @@
1
+ import { PAGINATION_DOTS } from './pagination-constants';
2
+ type UsePaginationParams = {
3
+ totalCount: number;
4
+ pageLimit: number;
5
+ siblingCount: number;
6
+ currentPage: number;
7
+ };
8
+ export type PaginationItem = number | typeof PAGINATION_DOTS;
9
+ export declare function usePagination({ totalCount, pageLimit, siblingCount, currentPage, }: UsePaginationParams): PaginationItem[];
10
+ export {};
11
+ //# sourceMappingURL=use-pagination.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-pagination.d.ts","sourceRoot":"","sources":["../../../../../../src/components/molecules/table/components/pagination/use-pagination.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,KAAK,mBAAmB,GAAG;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,eAAe,CAAC;AAQ7D,wBAAgB,aAAa,CAAC,EAC5B,UAAU,EACV,SAAS,EACT,YAAY,EACZ,WAAW,GACZ,EAAE,mBAAmB,GAAG,cAAc,EAAE,CA0CxC"}
@@ -0,0 +1,44 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.usePagination = usePagination;
4
+ const react_1 = require("react");
5
+ const pagination_constants_1 = require("./pagination-constants");
6
+ function range(start, end) {
7
+ const length = end - start + 1;
8
+ return Array.from({ length }, (_, index) => start + index);
9
+ }
10
+ function usePagination({ totalCount, pageLimit, siblingCount, currentPage, }) {
11
+ return (0, react_1.useMemo)(() => {
12
+ const totalPageCount = Math.ceil(totalCount / pageLimit);
13
+ const totalPageNumbers = siblingCount + 5;
14
+ if (totalPageNumbers >= totalPageCount) {
15
+ return range(1, totalPageCount);
16
+ }
17
+ const leftSiblingIndex = Math.max(currentPage - siblingCount, 1);
18
+ const rightSiblingIndex = Math.min(currentPage + siblingCount, totalPageCount);
19
+ const shouldShowLeftDots = leftSiblingIndex > 2;
20
+ const shouldShowRightDots = rightSiblingIndex < totalPageCount - 2;
21
+ const firstPageIndex = 1;
22
+ const lastPageIndex = totalPageCount;
23
+ if (!shouldShowLeftDots && shouldShowRightDots) {
24
+ const leftItemCount = 3 + 2 * siblingCount;
25
+ return [...range(1, leftItemCount), pagination_constants_1.PAGINATION_DOTS, lastPageIndex];
26
+ }
27
+ if (shouldShowLeftDots && !shouldShowRightDots) {
28
+ const rightItemCount = 3 + 2 * siblingCount;
29
+ return [
30
+ firstPageIndex,
31
+ pagination_constants_1.PAGINATION_DOTS,
32
+ ...range(totalPageCount - rightItemCount + 1, totalPageCount),
33
+ ];
34
+ }
35
+ return [
36
+ firstPageIndex,
37
+ pagination_constants_1.PAGINATION_DOTS,
38
+ ...range(leftSiblingIndex, rightSiblingIndex),
39
+ pagination_constants_1.PAGINATION_DOTS,
40
+ lastPageIndex,
41
+ ];
42
+ }, [totalCount, pageLimit, siblingCount, currentPage]);
43
+ }
44
+ //# sourceMappingURL=use-pagination.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-pagination.js","sourceRoot":"","sources":["../../../../../../src/components/molecules/table/components/pagination/use-pagination.ts"],"names":[],"mappings":";;AAkBA,sCA+CC;AAjED,iCAAgC;AAChC,iEAAyD;AAWzD,SAAS,KAAK,CAAC,KAAa,EAAE,GAAW;IACvC,MAAM,MAAM,GAAG,GAAG,GAAG,KAAK,GAAG,CAAC,CAAC;IAE/B,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC;AAC7D,CAAC;AAED,SAAgB,aAAa,CAAC,EAC5B,UAAU,EACV,SAAS,EACT,YAAY,EACZ,WAAW,GACS;IACpB,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE;QAClB,MAAM,cAAc,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC,CAAC;QACzD,MAAM,gBAAgB,GAAG,YAAY,GAAG,CAAC,CAAC;QAE1C,IAAI,gBAAgB,IAAI,cAAc,EAAE,CAAC;YACvC,OAAO,KAAK,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC;QAClC,CAAC;QAED,MAAM,gBAAgB,GAAG,IAAI,CAAC,GAAG,CAAC,WAAW,GAAG,YAAY,EAAE,CAAC,CAAC,CAAC;QACjE,MAAM,iBAAiB,GAAG,IAAI,CAAC,GAAG,CAAC,WAAW,GAAG,YAAY,EAAE,cAAc,CAAC,CAAC;QAE/E,MAAM,kBAAkB,GAAG,gBAAgB,GAAG,CAAC,CAAC;QAChD,MAAM,mBAAmB,GAAG,iBAAiB,GAAG,cAAc,GAAG,CAAC,CAAC;QAEnE,MAAM,cAAc,GAAG,CAAC,CAAC;QACzB,MAAM,aAAa,GAAG,cAAc,CAAC;QAErC,IAAI,CAAC,kBAAkB,IAAI,mBAAmB,EAAE,CAAC;YAC/C,MAAM,aAAa,GAAG,CAAC,GAAG,CAAC,GAAG,YAAY,CAAC;YAE3C,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC,EAAE,aAAa,CAAC,EAAE,sCAAe,EAAE,aAAa,CAAC,CAAC;QACtE,CAAC;QAED,IAAI,kBAAkB,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAC/C,MAAM,cAAc,GAAG,CAAC,GAAG,CAAC,GAAG,YAAY,CAAC;YAE5C,OAAO;gBACL,cAAc;gBACd,sCAAe;gBACf,GAAG,KAAK,CAAC,cAAc,GAAG,cAAc,GAAG,CAAC,EAAE,cAAc,CAAC;aAC9D,CAAC;QACJ,CAAC;QAED,OAAO;YACL,cAAc;YACd,sCAAe;YACf,GAAG,KAAK,CAAC,gBAAgB,EAAE,iBAAiB,CAAC;YAC7C,sCAAe;YACf,aAAa;SACd,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC;AACzD,CAAC"}
@@ -0,0 +1,3 @@
1
+ export * from './table';
2
+ export * from './table-types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/table/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC"}
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ __exportStar(require("./table"), exports);
18
+ __exportStar(require("./table-types"), exports);
19
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/molecules/table/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB;AACxB,gDAA8B"}
@@ -0,0 +1,6 @@
1
+ import { HeaderWidth, TableColumnAlign } from './table-types';
2
+ export declare const DEFAULT_COLUMN_ALIGN = TableColumnAlign.LEFT;
3
+ export declare const TABLE_ACTIONS_COLUMN_KEY = "__actions__";
4
+ export declare const DEFAULT_LOADING_ROW_COUNT = 5;
5
+ export declare const HEADER_MIN_WIDTH_PX: Record<HeaderWidth, number>;
6
+ //# sourceMappingURL=table-constants.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"table-constants.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/table/table-constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAE9D,eAAO,MAAM,oBAAoB,wBAAwB,CAAC;AAE1D,eAAO,MAAM,wBAAwB,gBAAgB,CAAC;AAEtD,eAAO,MAAM,yBAAyB,IAAI,CAAC;AAE3C,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAG3D,CAAC"}
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.HEADER_MIN_WIDTH_PX = exports.DEFAULT_LOADING_ROW_COUNT = exports.TABLE_ACTIONS_COLUMN_KEY = exports.DEFAULT_COLUMN_ALIGN = void 0;
4
+ const table_types_1 = require("./table-types");
5
+ exports.DEFAULT_COLUMN_ALIGN = table_types_1.TableColumnAlign.LEFT;
6
+ exports.TABLE_ACTIONS_COLUMN_KEY = '__actions__';
7
+ exports.DEFAULT_LOADING_ROW_COUNT = 5;
8
+ exports.HEADER_MIN_WIDTH_PX = {
9
+ [table_types_1.HeaderWidth.ONE_COLUMN]: 48,
10
+ [table_types_1.HeaderWidth.TWO_COLUMN]: 192,
11
+ };
12
+ //# sourceMappingURL=table-constants.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"table-constants.js","sourceRoot":"","sources":["../../../../src/components/molecules/table/table-constants.ts"],"names":[],"mappings":";;;AAAA,+CAA8D;AAEjD,QAAA,oBAAoB,GAAG,8BAAgB,CAAC,IAAI,CAAC;AAE7C,QAAA,wBAAwB,GAAG,aAAa,CAAC;AAEzC,QAAA,yBAAyB,GAAG,CAAC,CAAC;AAE9B,QAAA,mBAAmB,GAAgC;IAC9D,CAAC,yBAAW,CAAC,UAAU,CAAC,EAAE,EAAE;IAC5B,CAAC,yBAAW,CAAC,UAAU,CAAC,EAAE,GAAG;CAC9B,CAAC"}
@@ -0,0 +1,28 @@
1
+ import { HeaderWidth, TableColumnAlign } from './table-types';
2
+ export declare const tableStyles: {
3
+ wrapper: string;
4
+ pagination: string;
5
+ scrollContainer: string;
6
+ scrollOverflowing: string;
7
+ scrollVisible: string;
8
+ actionsCell: string;
9
+ table: string;
10
+ headerRow: string;
11
+ headerCell: string;
12
+ headerText: string;
13
+ body: string;
14
+ bodyRow: string;
15
+ bodyRowClickable: string;
16
+ bodyCell: string;
17
+ bodyText: string;
18
+ cardList: string;
19
+ card: string;
20
+ cardClickable: string;
21
+ cardRow: string;
22
+ cardLabel: string;
23
+ cardValue: string;
24
+ cardValueFull: string;
25
+ };
26
+ export declare const tableAlignClass: Record<TableColumnAlign, string>;
27
+ export declare const headerWidthClass: Record<HeaderWidth, string>;
28
+ //# sourceMappingURL=table-styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"table-styles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/table/table-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAE9D,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;CAuBvB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAI5D,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAGxD,CAAC"}
@@ -0,0 +1,38 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.headerWidthClass = exports.tableAlignClass = exports.tableStyles = void 0;
4
+ const table_types_1 = require("./table-types");
5
+ exports.tableStyles = {
6
+ wrapper: 'w-full',
7
+ pagination: 'mt-8',
8
+ scrollContainer: 'w-full',
9
+ scrollOverflowing: 'overflow-x-auto',
10
+ scrollVisible: 'overflow-x-visible',
11
+ actionsCell: 'flex justify-end',
12
+ table: 'w-full table-auto border-b border-gray-04',
13
+ headerRow: 'bg-gray-05',
14
+ headerCell: 'px-6 py-4 first:rounded-l-lg last:rounded-r-lg',
15
+ headerText: 'block truncate',
16
+ body: 'divide-y divide-gray-04',
17
+ bodyRow: 'bg-white transition-colors',
18
+ bodyRowClickable: 'cursor-pointer hover:bg-gray-05',
19
+ bodyCell: 'px-6 py-4',
20
+ bodyText: 'block truncate',
21
+ cardList: 'flex flex-col gap-3',
22
+ card: 'flex flex-col gap-2 rounded-lg border border-gray-04 bg-white p-4',
23
+ cardClickable: 'cursor-pointer transition-shadow hover:shadow-sm',
24
+ cardRow: 'flex items-start justify-between gap-4',
25
+ cardLabel: 'shrink-0',
26
+ cardValue: 'min-w-0 flex-1 text-right',
27
+ cardValueFull: 'min-w-0',
28
+ };
29
+ exports.tableAlignClass = {
30
+ [table_types_1.TableColumnAlign.LEFT]: 'text-left',
31
+ [table_types_1.TableColumnAlign.CENTER]: 'text-center',
32
+ [table_types_1.TableColumnAlign.RIGHT]: 'text-right',
33
+ };
34
+ exports.headerWidthClass = {
35
+ [table_types_1.HeaderWidth.ONE_COLUMN]: 'min-w-12',
36
+ [table_types_1.HeaderWidth.TWO_COLUMN]: 'min-w-48 max-w-[17rem]',
37
+ };
38
+ //# sourceMappingURL=table-styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"table-styles.js","sourceRoot":"","sources":["../../../../src/components/molecules/table/table-styles.ts"],"names":[],"mappings":";;;AAAA,+CAA8D;AAEjD,QAAA,WAAW,GAAG;IACzB,OAAO,EAAE,QAAQ;IACjB,UAAU,EAAE,MAAM;IAClB,eAAe,EAAE,QAAQ;IACzB,iBAAiB,EAAE,iBAAiB;IACpC,aAAa,EAAE,oBAAoB;IACnC,WAAW,EAAE,kBAAkB;IAC/B,KAAK,EAAE,2CAA2C;IAClD,SAAS,EAAE,YAAY;IACvB,UAAU,EAAE,gDAAgD;IAC5D,UAAU,EAAE,gBAAgB;IAC5B,IAAI,EAAE,yBAAyB;IAC/B,OAAO,EAAE,4BAA4B;IACrC,gBAAgB,EAAE,iCAAiC;IACnD,QAAQ,EAAE,WAAW;IACrB,QAAQ,EAAE,gBAAgB;IAC1B,QAAQ,EAAE,qBAAqB;IAC/B,IAAI,EAAE,mEAAmE;IACzE,aAAa,EAAE,kDAAkD;IACjE,OAAO,EAAE,wCAAwC;IACjD,SAAS,EAAE,UAAU;IACrB,SAAS,EAAE,2BAA2B;IACtC,aAAa,EAAE,SAAS;CACzB,CAAC;AAEW,QAAA,eAAe,GAAqC;IAC/D,CAAC,8BAAgB,CAAC,IAAI,CAAC,EAAE,WAAW;IACpC,CAAC,8BAAgB,CAAC,MAAM,CAAC,EAAE,aAAa;IACxC,CAAC,8BAAgB,CAAC,KAAK,CAAC,EAAE,YAAY;CACvC,CAAC;AAEW,QAAA,gBAAgB,GAAgC;IAC3D,CAAC,yBAAW,CAAC,UAAU,CAAC,EAAE,UAAU;IACpC,CAAC,yBAAW,CAAC,UAAU,CAAC,EAAE,wBAAwB;CACnD,CAAC"}