@dgshahr/ui-kit 0.0.5 → 0.0.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 (73) hide show
  1. package/dist/Accordion/AccordionItem.d.ts.map +1 -1
  2. package/dist/Accordion/index.cjs +1 -11
  3. package/dist/Accordion/index.js +5 -1
  4. package/dist/AccordionItem-eMnIUJ1V.cjs +1 -0
  5. package/dist/AccordionItem-tKSPLNKs.js +91 -0
  6. package/dist/Alert/index.cjs +1 -242
  7. package/dist/Alert/index.d.ts.map +1 -1
  8. package/dist/Alert/index.js +141 -144
  9. package/dist/ArrowLeft2-B76dkC-C.cjs +1 -0
  10. package/dist/{ArrowLeft2-BURhvXT2.js → ArrowLeft2-jP2w1vwt.js} +7 -7
  11. package/dist/ArrowRight2-CYowPzS8.cjs +1 -0
  12. package/dist/{ArrowRight2-DCxJPvNC.js → ArrowRight2-CcHdxGRE.js} +7 -7
  13. package/dist/Badge/index.cjs +1 -72
  14. package/dist/Badge/index.d.ts.map +1 -1
  15. package/dist/Badge/index.js +46 -52
  16. package/dist/Breadcrumb/index.cjs +1 -34
  17. package/dist/Breadcrumb/index.d.ts.map +1 -1
  18. package/dist/Breadcrumb/index.js +39 -30
  19. package/dist/Button/index.cjs +1 -119
  20. package/dist/Button/index.d.ts.map +1 -1
  21. package/dist/Button/index.js +97 -104
  22. package/dist/Button/variants.d.ts.map +1 -1
  23. package/dist/Divider/index.cjs +1 -25
  24. package/dist/Divider/index.js +12 -16
  25. package/dist/Form/Checkbox/index.cjs +1 -72
  26. package/dist/Form/Checkbox/index.js +22 -26
  27. package/dist/Form/Input/index.cjs +1 -182
  28. package/dist/Form/Input/index.d.ts.map +1 -1
  29. package/dist/Form/Input/index.js +63 -71
  30. package/dist/Form/RadioButton/index.cjs +1 -22
  31. package/dist/Form/RadioButton/index.js +13 -13
  32. package/dist/Form/Textarea/index.cjs +1 -27
  33. package/dist/Form/Textarea/index.d.ts.map +1 -1
  34. package/dist/Form/Textarea/index.js +19 -19
  35. package/dist/Form/Wrappers/SelectableInputWrapper/SelectableInputWrapper.d.ts.map +1 -1
  36. package/dist/Pagination/index.cjs +1 -119
  37. package/dist/Pagination/index.d.ts.map +1 -1
  38. package/dist/Pagination/index.js +96 -107
  39. package/dist/SelectableInputWrapper-B3ylMTsl.js +76 -0
  40. package/dist/SelectableInputWrapper-C9x3IShC.cjs +1 -0
  41. package/dist/Slide-C506y48c.js +233 -0
  42. package/dist/Slide-Zmb0vKbn.cjs +1 -0
  43. package/dist/Slider/Navigation.d.ts +9 -0
  44. package/dist/Slider/Navigation.d.ts.map +1 -0
  45. package/dist/Slider/NavigationDot.d.ts +0 -3
  46. package/dist/Slider/NavigationDot.d.ts.map +1 -1
  47. package/dist/Slider/Slider.d.ts +2 -1
  48. package/dist/Slider/Slider.d.ts.map +1 -1
  49. package/dist/Slider/context.d.ts +3 -7
  50. package/dist/Slider/context.d.ts.map +1 -1
  51. package/dist/Slider/index.cjs +1 -11
  52. package/dist/Slider/index.js +5 -1
  53. package/dist/TextFieldWrapper-Cg4f8_zY.js +151 -0
  54. package/dist/TextFieldWrapper-Ci0-vx4J.cjs +1 -0
  55. package/dist/assets/Button.css +1 -1681
  56. package/dist/assets/styles.css +1 -1617
  57. package/dist/clsx-C11secjj.cjs +1 -0
  58. package/dist/clsx-OuTLNxxd.js +16 -0
  59. package/dist/index.cjs +1 -34
  60. package/dist/index.js +28 -12
  61. package/package.json +5 -4
  62. package/dist/AccordionItem-DN7bi5kw.js +0 -103
  63. package/dist/AccordionItem-lq6ehxKe.cjs +0 -106
  64. package/dist/ArrowLeft2-iZ0Au6Fn.cjs +0 -24
  65. package/dist/ArrowRight2-DTuru_sP.cjs +0 -27
  66. package/dist/SelectableInputWrapper-D2aYQb9J.cjs +0 -71
  67. package/dist/SelectableInputWrapper-DAj8v1nv.js +0 -69
  68. package/dist/Slide-BDD1_RXD.js +0 -215
  69. package/dist/Slide-Q5_7SCZR.cjs +0 -218
  70. package/dist/TextFieldWrapper--hxpmYuz.js +0 -167
  71. package/dist/TextFieldWrapper-DaoZxs1E.cjs +0 -169
  72. package/dist/clsx-BtxeOLZW.cjs +0 -5
  73. package/dist/clsx-ChV9xqsO.js +0 -3
@@ -1,25 +1,25 @@
1
- import { jsx } from 'react/jsx-runtime';
2
- import { c as clsx } from '../../clsx-ChV9xqsO.js';
3
- import { forwardRef } from 'react';
4
- import { T as TextFieldWrapper } from '../../TextFieldWrapper--hxpmYuz.js';
5
-
6
- const Textarea = forwardRef(function Textarea2(props, ref) {
7
- const { dir = "rtl", placeholderDir = dir, ...restProps } = props;
8
- return /* @__PURE__ */ jsx(TextFieldWrapper, { ...props, children: ({ handleChangeField }) => /* @__PURE__ */ jsx(
1
+ import { jsx as i } from "react/jsx-runtime";
2
+ import { c as o } from "../../clsx-OuTLNxxd.js";
3
+ import { forwardRef as d } from "react";
4
+ import { T as u } from "../../TextFieldWrapper-Cg4f8_zY.js";
5
+ const k = d(function(e, s) {
6
+ const { dir: r = "rtl", placeholderDir: a = r, ...t } = e;
7
+ return /* @__PURE__ */ i(u, { ...e, children: ({ handleChangeField: l }) => /* @__PURE__ */ i(
9
8
  "textarea",
10
9
  {
11
- ...restProps,
12
- ref,
13
- className: clsx(
14
- "text-gray-800 bg-transparent w-full h-full focus:outline-none ss02 flex-1 resize-none",
15
- dir === "rtl" ? "text-right" : "!text-left",
16
- placeholderDir === "rtl" ? "placeholder:text-right" : "placeholder:text-left",
17
- restProps.className
10
+ ...t,
11
+ ref: s,
12
+ className: o(
13
+ "dgs-ui-kit-text-gray-800 dgs-ui-kit-bg-transparent dgs-ui-kit-w-full dgs-ui-kit-h-full focus:dgs-ui-kit-outline-none ss02 dgs-ui-kit-flex-1 dgs-ui-kit-resize-none",
14
+ r === "rtl" ? "dgs-ui-kit-text-right" : "!dgs-ui-kit-text-left",
15
+ a === "rtl" ? "placeholder:dgs-ui-kit-text-right" : "placeholder:dgs-ui-kit-text-left",
16
+ t.className
18
17
  ),
19
- onChange: handleChangeField,
20
- rows: restProps.rows ?? 5
18
+ onChange: l,
19
+ rows: t.rows ?? 5
21
20
  }
22
21
  ) });
23
22
  });
24
-
25
- export { Textarea as default };
23
+ export {
24
+ k as default
25
+ };
@@ -1 +1 @@
1
- {"version":3,"file":"SelectableInputWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Wrappers/SelectableInputWrapper/SelectableInputWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,kBAAkB,CAAC;AAE1B,UAAU,wBAAwB;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,UAAU,uBAAwB,SAAQ,wBAAwB;IAChE,OAAO,EAAE,UAAU,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,UAAU,sBAAuB,SAAQ,wBAAwB;IAC/D,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC;CACd;AAED,MAAM,MAAM,6BAA6B,GAAG,uBAAuB,GAAG,sBAAsB,CAAC;AAE7F,KAAK,2BAA2B,GAAG,6BAA6B,GAAG;IACjE,QAAQ,EAAE,CAAC,UAAU,EAAE;QAAE,cAAc,EAAE,MAAM,CAAC;QAAC,qBAAqB,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC;CAChG,CAAC;AAEF,QAAA,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,CA0E3D,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
1
+ {"version":3,"file":"SelectableInputWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Wrappers/SelectableInputWrapper/SelectableInputWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,kBAAkB,CAAC;AAE1B,UAAU,wBAAwB;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,UAAU,uBAAwB,SAAQ,wBAAwB;IAChE,OAAO,EAAE,UAAU,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,UAAU,sBAAuB,SAAQ,wBAAwB;IAC/D,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC;CACd;AAED,MAAM,MAAM,6BAA6B,GAAG,uBAAuB,GAAG,sBAAsB,CAAC;AAE7F,KAAK,2BAA2B,GAAG,6BAA6B,GAAG;IACjE,QAAQ,EAAE,CAAC,UAAU,EAAE;QAAE,cAAc,EAAE,MAAM,CAAC;QAAC,qBAAqB,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC;CAChG,CAAC;AAEF,QAAA,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,CAgF3D,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
@@ -1,119 +1 @@
1
- 'use strict';
2
-
3
- require('../assets/styles.css');const jsxRuntime = require('react/jsx-runtime');
4
- const clsx = require('../clsx-BtxeOLZW.cjs');
5
- const react = require('react');
6
- const ArrowLeft2 = require('../ArrowLeft2-iZ0Au6Fn.cjs');
7
- const ArrowRight2 = require('../ArrowRight2-DTuru_sP.cjs');
8
- const Button = require('../Button/index.cjs');
9
- ;/* empty css */
10
-
11
- const DOTS = "...";
12
- function range(start, end) {
13
- const length = end - start + 1;
14
- return Array.from({ length }, (_, idx) => idx + start);
15
- }
16
- function getPaginationRange({
17
- totalCount,
18
- pageSize,
19
- siblingCount,
20
- currentPage
21
- }) {
22
- const totalPageCount = Math.ceil(totalCount / pageSize);
23
- const totalPageNumbers = siblingCount + 5;
24
- if (totalPageNumbers >= totalPageCount) {
25
- return range(1, totalPageCount);
26
- }
27
- const rightSiblingIndex = Math.max(currentPage - siblingCount, 1);
28
- const leftSiblingIndex = Math.min(currentPage + siblingCount, totalPageCount);
29
- const shouldShowRightDots = rightSiblingIndex > 2;
30
- const shouldShowLeftDots = leftSiblingIndex < totalPageCount - 1;
31
- const firstPageIndex = 1;
32
- const lastPageIndex = totalPageCount;
33
- if (!shouldShowRightDots && shouldShowLeftDots) {
34
- let rightItemCount = 2 + siblingCount;
35
- if (rightSiblingIndex > 1) rightItemCount += 1;
36
- const rightRange = range(1, rightItemCount);
37
- return [...rightRange, DOTS, totalPageCount];
38
- }
39
- if (shouldShowRightDots && !shouldShowLeftDots) {
40
- let leftItemCount = 2 + siblingCount;
41
- if (leftSiblingIndex < totalPageCount) leftItemCount += 1;
42
- const leftRange = range(totalPageCount - leftItemCount + 1, totalPageCount);
43
- return [firstPageIndex, DOTS, ...leftRange];
44
- }
45
- const middleRange = range(rightSiblingIndex, leftSiblingIndex);
46
- return [firstPageIndex, DOTS, ...middleRange, DOTS, lastPageIndex];
47
- }
48
-
49
- const Pagination = (props) => {
50
- const {
51
- totalCount,
52
- pageSize,
53
- onPageChange,
54
- siblingCount = 1,
55
- defaultCurrent = 1,
56
- navigationButtonsWithText = true,
57
- hideOnSinglePage,
58
- className
59
- } = props;
60
- const [currentPage, setCurrentPage] = react.useState(defaultCurrent);
61
- const paginationRange = getPaginationRange({
62
- totalCount,
63
- pageSize,
64
- siblingCount,
65
- currentPage
66
- });
67
- const lastPage = paginationRange[paginationRange.length - 1];
68
- if (hideOnSinglePage && paginationRange.length < 2) {
69
- return null;
70
- }
71
- function handlePageChange(page) {
72
- if (typeof onPageChange === "function") onPageChange(page);
73
- setCurrentPage(page);
74
- }
75
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx.clsx("flex justify-between w-full px-4 text-gray-600", className), children: [
76
- /* @__PURE__ */ jsxRuntime.jsx(
77
- Button,
78
- {
79
- disabled: currentPage === 1,
80
- onClick: () => handlePageChange(currentPage - 1),
81
- rightIcon: /* @__PURE__ */ jsxRuntime.jsx(ArrowRight2.ArrowRight2Icon, {}),
82
- variant: navigationButtonsWithText ? "text" : "secondary",
83
- size: navigationButtonsWithText ? "medium" : "small",
84
- children: navigationButtonsWithText && "صفحه قبل"
85
- }
86
- ),
87
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-x-1 tablet:gap-x-4", children: paginationRange.map((pageNumber) => {
88
- if (typeof pageNumber === "string") {
89
- return /* @__PURE__ */ jsxRuntime.jsx("div", { children: DOTS }, pageNumber);
90
- }
91
- return /* @__PURE__ */ jsxRuntime.jsx(
92
- "button",
93
- {
94
- className: clsx.clsx(
95
- "ss02 w-9 h-9 tablet:w-11 tablet:h-11 flex justify-center items-center font-h6-bold tablet:font-h5-bold transition border border-solid border-transparent rounded-lg",
96
- pageNumber === currentPage ? "bg-primary-500 text-white" : "hover:text-primary-500 hover:border-primary-200",
97
- className
98
- ),
99
- onClick: () => handlePageChange(pageNumber),
100
- children: pageNumber
101
- },
102
- pageNumber
103
- );
104
- }) }),
105
- /* @__PURE__ */ jsxRuntime.jsx(
106
- Button,
107
- {
108
- disabled: currentPage === lastPage,
109
- onClick: () => handlePageChange(currentPage + 1),
110
- leftIcon: /* @__PURE__ */ jsxRuntime.jsx(ArrowLeft2.ArrowLeft2Icon, {}),
111
- variant: navigationButtonsWithText ? "text" : "secondary",
112
- size: navigationButtonsWithText ? "medium" : "small",
113
- children: navigationButtonsWithText && "صفحه بعد"
114
- }
115
- )
116
- ] });
117
- };
118
-
119
- module.exports = Pagination;
1
+ "use strict";require('../assets/styles.css');const o=require("react/jsx-runtime"),P=require("../clsx-C11secjj.cjs"),w=require("react"),y=require("../ArrowLeft2-B76dkC-C.cjs"),I=require("../ArrowRight2-CYowPzS8.cjs"),j=require("../Button/index.cjs");;/* empty css */const h="...";function k(d,g){const n=g-d+1;return Array.from({length:n},(a,t)=>t+d)}function R({totalCount:d,pageSize:g,siblingCount:n,currentPage:a}){const t=Math.ceil(d/g);if(n+5>=t)return k(1,t);const e=Math.max(a-n,1),c=Math.min(a+n,t),l=e>2,s=c<t-1,f=1,u=t;if(!l&&s){let r=2+n;return e>1&&(r+=1),[...k(1,r),h,t]}if(l&&!s){let r=2+n;c<t&&(r+=1);const i=k(t-r+1,t);return[f,h,...i]}const x=k(e,c);return[f,h,...x,h,u]}const v=d=>{const{totalCount:g,pageSize:n,onPageChange:a,siblingCount:t=1,defaultCurrent:m=1,navigationButtonsWithText:e=!0,hideOnSinglePage:c,className:l}=d,[s,f]=w.useState(m),u=R({totalCount:g,pageSize:n,siblingCount:t,currentPage:s}),x=u[u.length-1];if(c&&u.length<2)return null;function r(i){typeof a=="function"&&a(i),f(i)}return o.jsxs("div",{className:P.clsx("dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-w-full dgs-ui-kit-px-4 dgs-ui-kit-text-gray-600",l),children:[o.jsx(j,{disabled:s===1,onClick:()=>r(s-1),rightIcon:o.jsx(I.ArrowRight2Icon,{}),variant:e?"text":"secondary",size:e?"medium":"small",children:e&&"صفحه قبل"}),o.jsx("div",{className:"dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-x-1 md:dgs-ui-kit-gap-x-4",children:u.map(i=>typeof i=="string"?o.jsx("div",{children:h},i):o.jsx("button",{className:P.clsx("ss02 dgs-ui-kit-w-9 dgs-ui-kit-h-9 md:dgs-ui-kit-w-11 md:dgs-ui-kit-h-11 dgs-ui-kit-flex dgs-ui-kit-justify-center dgs-ui-kit-items-center dgs-ui-kit-font-h6-bold md:dgs-ui-kit-font-h5-bold dgs-ui-kit-transition dgs-ui-kit-border dgs-ui-kit-border-solid dgs-ui-kit-border-transparent dgs-ui-kit-rounded-lg",i===s?"dgs-ui-kit-bg-primary-500 dgs-ui-kit-text-white":"hover:dgs-ui-kit-text-primary-500 hover:dgs-ui-kit-border-primary-200",l),onClick:()=>r(i),children:i},i))}),o.jsx(j,{disabled:s===x,onClick:()=>r(s+1),leftIcon:o.jsx(y.ArrowLeft2Icon,{}),variant:e?"text":"secondary",size:e?"medium":"small",children:e&&"صفحه بعد"})]})};module.exports=v;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Pagination/index.tsx"],"names":[],"mappings":"AAOA,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,UAAU,UAAW,eAAe,mDAyEzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Pagination/index.tsx"],"names":[],"mappings":"AAOA,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,UAAU,UAAW,eAAe,mDA8EzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
@@ -1,117 +1,106 @@
1
- import { jsxs, jsx } from 'react/jsx-runtime';
2
- import { c as clsx } from '../clsx-ChV9xqsO.js';
3
- import { useState } from 'react';
4
- import { A as ArrowLeft2Icon } from '../ArrowLeft2-BURhvXT2.js';
5
- import { A as ArrowRight2Icon } from '../ArrowRight2-DCxJPvNC.js';
6
- import Button from '../Button/index.js';
1
+ import { jsxs as y, jsx as r } from "react/jsx-runtime";
2
+ import { c as p } from "../clsx-OuTLNxxd.js";
3
+ import { useState as I } from "react";
4
+ import { A as w } from "../ArrowLeft2-jP2w1vwt.js";
5
+ import { A as v } from "../ArrowRight2-CcHdxGRE.js";
6
+ import P from "../Button/index.js";
7
7
  import '../assets/styles.css';/* empty css */
8
-
9
- const DOTS = "...";
10
- function range(start, end) {
11
- const length = end - start + 1;
12
- return Array.from({ length }, (_, idx) => idx + start);
8
+ const f = "...";
9
+ function h(d, u) {
10
+ const n = u - d + 1;
11
+ return Array.from({ length: n }, (a, t) => t + d);
13
12
  }
14
- function getPaginationRange({
15
- totalCount,
16
- pageSize,
17
- siblingCount,
18
- currentPage
13
+ function C({
14
+ totalCount: d,
15
+ pageSize: u,
16
+ siblingCount: n,
17
+ currentPage: a
19
18
  }) {
20
- const totalPageCount = Math.ceil(totalCount / pageSize);
21
- const totalPageNumbers = siblingCount + 5;
22
- if (totalPageNumbers >= totalPageCount) {
23
- return range(1, totalPageCount);
19
+ const t = Math.ceil(d / u);
20
+ if (n + 5 >= t)
21
+ return h(1, t);
22
+ const e = Math.max(a - n, 1), l = Math.min(a + n, t), c = e > 2, s = l < t - 1, m = 1, g = t;
23
+ if (!c && s) {
24
+ let o = 2 + n;
25
+ return e > 1 && (o += 1), [...h(1, o), f, t];
24
26
  }
25
- const rightSiblingIndex = Math.max(currentPage - siblingCount, 1);
26
- const leftSiblingIndex = Math.min(currentPage + siblingCount, totalPageCount);
27
- const shouldShowRightDots = rightSiblingIndex > 2;
28
- const shouldShowLeftDots = leftSiblingIndex < totalPageCount - 1;
29
- const firstPageIndex = 1;
30
- const lastPageIndex = totalPageCount;
31
- if (!shouldShowRightDots && shouldShowLeftDots) {
32
- let rightItemCount = 2 + siblingCount;
33
- if (rightSiblingIndex > 1) rightItemCount += 1;
34
- const rightRange = range(1, rightItemCount);
35
- return [...rightRange, DOTS, totalPageCount];
27
+ if (c && !s) {
28
+ let o = 2 + n;
29
+ l < t && (o += 1);
30
+ const i = h(t - o + 1, t);
31
+ return [m, f, ...i];
36
32
  }
37
- if (shouldShowRightDots && !shouldShowLeftDots) {
38
- let leftItemCount = 2 + siblingCount;
39
- if (leftSiblingIndex < totalPageCount) leftItemCount += 1;
40
- const leftRange = range(totalPageCount - leftItemCount + 1, totalPageCount);
41
- return [firstPageIndex, DOTS, ...leftRange];
42
- }
43
- const middleRange = range(rightSiblingIndex, leftSiblingIndex);
44
- return [firstPageIndex, DOTS, ...middleRange, DOTS, lastPageIndex];
33
+ const k = h(e, l);
34
+ return [m, f, ...k, f, g];
45
35
  }
46
-
47
- const Pagination = (props) => {
36
+ const M = (d) => {
48
37
  const {
49
- totalCount,
50
- pageSize,
51
- onPageChange,
52
- siblingCount = 1,
53
- defaultCurrent = 1,
54
- navigationButtonsWithText = true,
55
- hideOnSinglePage,
56
- className
57
- } = props;
58
- const [currentPage, setCurrentPage] = useState(defaultCurrent);
59
- const paginationRange = getPaginationRange({
60
- totalCount,
61
- pageSize,
62
- siblingCount,
63
- currentPage
64
- });
65
- const lastPage = paginationRange[paginationRange.length - 1];
66
- if (hideOnSinglePage && paginationRange.length < 2) {
38
+ totalCount: u,
39
+ pageSize: n,
40
+ onPageChange: a,
41
+ siblingCount: t = 1,
42
+ defaultCurrent: x = 1,
43
+ navigationButtonsWithText: e = !0,
44
+ hideOnSinglePage: l,
45
+ className: c
46
+ } = d, [s, m] = I(x), g = C({
47
+ totalCount: u,
48
+ pageSize: n,
49
+ siblingCount: t,
50
+ currentPage: s
51
+ }), k = g[g.length - 1];
52
+ if (l && g.length < 2)
67
53
  return null;
54
+ function o(i) {
55
+ typeof a == "function" && a(i), m(i);
68
56
  }
69
- function handlePageChange(page) {
70
- if (typeof onPageChange === "function") onPageChange(page);
71
- setCurrentPage(page);
72
- }
73
- return /* @__PURE__ */ jsxs("div", { className: clsx("flex justify-between w-full px-4 text-gray-600", className), children: [
74
- /* @__PURE__ */ jsx(
75
- Button,
76
- {
77
- disabled: currentPage === 1,
78
- onClick: () => handlePageChange(currentPage - 1),
79
- rightIcon: /* @__PURE__ */ jsx(ArrowRight2Icon, {}),
80
- variant: navigationButtonsWithText ? "text" : "secondary",
81
- size: navigationButtonsWithText ? "medium" : "small",
82
- children: navigationButtonsWithText && "صفحه قبل"
83
- }
84
- ),
85
- /* @__PURE__ */ jsx("div", { className: "flex items-center gap-x-1 tablet:gap-x-4", children: paginationRange.map((pageNumber) => {
86
- if (typeof pageNumber === "string") {
87
- return /* @__PURE__ */ jsx("div", { children: DOTS }, pageNumber);
88
- }
89
- return /* @__PURE__ */ jsx(
90
- "button",
91
- {
92
- className: clsx(
93
- "ss02 w-9 h-9 tablet:w-11 tablet:h-11 flex justify-center items-center font-h6-bold tablet:font-h5-bold transition border border-solid border-transparent rounded-lg",
94
- pageNumber === currentPage ? "bg-primary-500 text-white" : "hover:text-primary-500 hover:border-primary-200",
95
- className
96
- ),
97
- onClick: () => handlePageChange(pageNumber),
98
- children: pageNumber
99
- },
100
- pageNumber
101
- );
102
- }) }),
103
- /* @__PURE__ */ jsx(
104
- Button,
105
- {
106
- disabled: currentPage === lastPage,
107
- onClick: () => handlePageChange(currentPage + 1),
108
- leftIcon: /* @__PURE__ */ jsx(ArrowLeft2Icon, {}),
109
- variant: navigationButtonsWithText ? "text" : "secondary",
110
- size: navigationButtonsWithText ? "medium" : "small",
111
- children: navigationButtonsWithText && "صفحه بعد"
112
- }
113
- )
114
- ] });
57
+ return /* @__PURE__ */ y(
58
+ "div",
59
+ {
60
+ className: p(
61
+ "dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-w-full dgs-ui-kit-px-4 dgs-ui-kit-text-gray-600",
62
+ c
63
+ ),
64
+ children: [
65
+ /* @__PURE__ */ r(
66
+ P,
67
+ {
68
+ disabled: s === 1,
69
+ onClick: () => o(s - 1),
70
+ rightIcon: /* @__PURE__ */ r(v, {}),
71
+ variant: e ? "text" : "secondary",
72
+ size: e ? "medium" : "small",
73
+ children: e && "صفحه قبل"
74
+ }
75
+ ),
76
+ /* @__PURE__ */ r("div", { className: "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-x-1 md:dgs-ui-kit-gap-x-4", children: g.map((i) => typeof i == "string" ? /* @__PURE__ */ r("div", { children: f }, i) : /* @__PURE__ */ r(
77
+ "button",
78
+ {
79
+ className: p(
80
+ "ss02 dgs-ui-kit-w-9 dgs-ui-kit-h-9 md:dgs-ui-kit-w-11 md:dgs-ui-kit-h-11 dgs-ui-kit-flex dgs-ui-kit-justify-center dgs-ui-kit-items-center dgs-ui-kit-font-h6-bold md:dgs-ui-kit-font-h5-bold dgs-ui-kit-transition dgs-ui-kit-border dgs-ui-kit-border-solid dgs-ui-kit-border-transparent dgs-ui-kit-rounded-lg",
81
+ i === s ? "dgs-ui-kit-bg-primary-500 dgs-ui-kit-text-white" : "hover:dgs-ui-kit-text-primary-500 hover:dgs-ui-kit-border-primary-200",
82
+ c
83
+ ),
84
+ onClick: () => o(i),
85
+ children: i
86
+ },
87
+ i
88
+ )) }),
89
+ /* @__PURE__ */ r(
90
+ P,
91
+ {
92
+ disabled: s === k,
93
+ onClick: () => o(s + 1),
94
+ leftIcon: /* @__PURE__ */ r(w, {}),
95
+ variant: e ? "text" : "secondary",
96
+ size: e ? "medium" : "small",
97
+ children: e && "صفحه بعد"
98
+ }
99
+ )
100
+ ]
101
+ }
102
+ );
103
+ };
104
+ export {
105
+ M as default
115
106
  };
116
-
117
- export { Pagination as default };
@@ -0,0 +1,76 @@
1
+ import { jsxs as u, jsx as e } from "react/jsx-runtime";
2
+ import { c as t } from "./clsx-OuTLNxxd.js";
3
+ import './assets/styles.css';/* empty css */
4
+ const h = (o) => {
5
+ const {
6
+ children: a,
7
+ containerClassName: n,
8
+ errorMessage: r,
9
+ helperMessage: d,
10
+ isError: i,
11
+ label: g,
12
+ variant: s = "default"
13
+ } = o, k = o.icon;
14
+ return /* @__PURE__ */ u(
15
+ "label",
16
+ {
17
+ className: t(
18
+ "dgs-ui-kit-flex dgs-ui-kit-w-fit dgs-ui-kit-justify-between dgs-ui-kit-items-center dgs-ui-kit-group has-[:disabled]:dgs-ui-kit-opacity-40 has-[:disabled]:dgs-ui-kit-cursor-not-allowed dgs-ui-kit-transition",
19
+ {
20
+ "dgs-ui-kit-p-3 dgs-ui-kit-border dgs-ui-kit-w-full dgs-ui-kit-border-solid dgs-ui-kit-rounded-xl dgs-ui-kit-bg-white has-[:checked]:dgs-ui-kit-bg-primary-50": s === "bordered",
21
+ "has-[:checked]:dgs-ui-kit-border-primary-500 dgs-ui-kit-border-gray-200 hover:dgs-ui-kit-ring-4 hover:dgs-ui-kit-ring-gray-100 has-[:focus]:ring has-[:focus]:dgs-ui-kit-ring-primary-300 has-[:focus]:dgs-ui-kit-ring-offset-1 has-[:focus]:dgs-ui-kit-ring-offset-white": s === "bordered" && !i,
22
+ "dgs-ui-kit-border-error-500 hover:dgs-ui-kit-ring-4 hover:dgs-ui-kit-ring-error-50 has-[:focus]:ring has-[:focus]:dgs-ui-kit-ring-error-300 has-[:focus]:dgs-ui-kit-ring-offset-1 has-[:focus]:dgs-ui-kit-ring-offset-white": s === "bordered" && i
23
+ },
24
+ n
25
+ ),
26
+ children: [
27
+ /* @__PURE__ */ u(
28
+ "div",
29
+ {
30
+ className: t(
31
+ "dgs-ui-kit-flex dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse",
32
+ r ?? d ? "dgs-ui-kit-items-start" : "dgs-ui-kit-items-center"
33
+ ),
34
+ children: [
35
+ /* @__PURE__ */ e(
36
+ "div",
37
+ {
38
+ className: t("dgs-ui-kit-relative dgs-ui-kit-h-[18px] dgs-ui-kit-w-[18px]", {
39
+ "dgs-ui-kit-mt-1": g
40
+ }),
41
+ children: a({
42
+ inputClassName: t(
43
+ "dgs-ui-kit-peer dgs-ui-kit-w-full dgs-ui-kit-h-full disabled:dgs-ui-kit-bg-gray-200 dgs-ui-kit-appearance-none dgs-ui-kit-border dgs-ui-kit-border-gray-300 group-hover:dgs-ui-kit-border-primary-500 checked:dgs-ui-kit-bg-primary-500 checked:dgs-ui-kit-border-transparent dgs-ui-kit-transition-all",
44
+ {
45
+ "group-hover:dgs-ui-kit-ring-4 group-hover:dgs-ui-kit-ring-gray-100 focus:!dgs-ui-kit-ring focus:!dgs-ui-kit-ring-primary-300 focus:dgs-ui-kit-ring-offset-1 focus:dgs-ui-kit-ring-offset-white": s !== "bordered" && !i,
46
+ "!dgs-ui-kit-border-error-500 group-hover:dgs-ui-kit-ring-4 group-hover:dgs-ui-kit-ring-error-50 focus:!dgs-ui-kit-ring focus:!dgs-ui-kit-ring-error-300 focus:dgs-ui-kit-ring-offset-1 focus:dgs-ui-kit-ring-offset-white": s !== "bordered" && i
47
+ }
48
+ ),
49
+ checkedInputClassName: "dgs-ui-kit-absolute dgs-ui-kit-top-0 dgs-ui-kit-left-0 dgs-ui-kit-w-full dgs-ui-kit-h-full dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-justify-center dgs-ui-kit-text-white dgs-ui-kit-opacity-0 peer-checked:dgs-ui-kit-opacity-100 dgs-ui-kit-transition-opacity"
50
+ })
51
+ }
52
+ ),
53
+ !!g && /* @__PURE__ */ u("div", { className: "dgs-ui-kit-space-y-1", children: [
54
+ /* @__PURE__ */ e("div", { className: "dgs-ui-kit-font-p2-medium dgs-ui-kit-text-gray-700 dgs-ui-kit-transition group-hover:dgs-ui-kit-text-primary-500", children: g }),
55
+ !!(r ?? d) && /* @__PURE__ */ e(
56
+ "div",
57
+ {
58
+ className: t(
59
+ "dgs-ui-kit-font-p3-regular",
60
+ r && i ? "dgs-ui-kit-text-error-500" : "dgs-ui-kit-text-gray-500"
61
+ ),
62
+ children: i && r ? r : d
63
+ }
64
+ )
65
+ ] })
66
+ ]
67
+ }
68
+ ),
69
+ s === "bordered" && k ? /* @__PURE__ */ e("div", { className: "dgs-ui-kit-text-gray-600 group-hover:dgs-ui-kit-text-primary-500 group-checked:dgs-ui-kit-text-primary-500", children: k }) : null
70
+ ]
71
+ }
72
+ );
73
+ };
74
+ export {
75
+ h as S
76
+ };
@@ -0,0 +1 @@
1
+ "use strict";require('./assets/styles.css');const i=require("react/jsx-runtime"),e=require("./clsx-C11secjj.cjs");;/* empty css */const c=g=>{const{children:k,containerClassName:a,errorMessage:t,helperMessage:d,isError:s,label:u,variant:r="default"}=g,o=g.icon;return i.jsxs("label",{className:e.clsx("dgs-ui-kit-flex dgs-ui-kit-w-fit dgs-ui-kit-justify-between dgs-ui-kit-items-center dgs-ui-kit-group has-[:disabled]:dgs-ui-kit-opacity-40 has-[:disabled]:dgs-ui-kit-cursor-not-allowed dgs-ui-kit-transition",{"dgs-ui-kit-p-3 dgs-ui-kit-border dgs-ui-kit-w-full dgs-ui-kit-border-solid dgs-ui-kit-rounded-xl dgs-ui-kit-bg-white has-[:checked]:dgs-ui-kit-bg-primary-50":r==="bordered","has-[:checked]:dgs-ui-kit-border-primary-500 dgs-ui-kit-border-gray-200 hover:dgs-ui-kit-ring-4 hover:dgs-ui-kit-ring-gray-100 has-[:focus]:ring has-[:focus]:dgs-ui-kit-ring-primary-300 has-[:focus]:dgs-ui-kit-ring-offset-1 has-[:focus]:dgs-ui-kit-ring-offset-white":r==="bordered"&&!s,"dgs-ui-kit-border-error-500 hover:dgs-ui-kit-ring-4 hover:dgs-ui-kit-ring-error-50 has-[:focus]:ring has-[:focus]:dgs-ui-kit-ring-error-300 has-[:focus]:dgs-ui-kit-ring-offset-1 has-[:focus]:dgs-ui-kit-ring-offset-white":r==="bordered"&&s},a),children:[i.jsxs("div",{className:e.clsx("dgs-ui-kit-flex dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse",t??d?"dgs-ui-kit-items-start":"dgs-ui-kit-items-center"),children:[i.jsx("div",{className:e.clsx("dgs-ui-kit-relative dgs-ui-kit-h-[18px] dgs-ui-kit-w-[18px]",{"dgs-ui-kit-mt-1":u}),children:k({inputClassName:e.clsx("dgs-ui-kit-peer dgs-ui-kit-w-full dgs-ui-kit-h-full disabled:dgs-ui-kit-bg-gray-200 dgs-ui-kit-appearance-none dgs-ui-kit-border dgs-ui-kit-border-gray-300 group-hover:dgs-ui-kit-border-primary-500 checked:dgs-ui-kit-bg-primary-500 checked:dgs-ui-kit-border-transparent dgs-ui-kit-transition-all",{"group-hover:dgs-ui-kit-ring-4 group-hover:dgs-ui-kit-ring-gray-100 focus:!dgs-ui-kit-ring focus:!dgs-ui-kit-ring-primary-300 focus:dgs-ui-kit-ring-offset-1 focus:dgs-ui-kit-ring-offset-white":r!=="bordered"&&!s,"!dgs-ui-kit-border-error-500 group-hover:dgs-ui-kit-ring-4 group-hover:dgs-ui-kit-ring-error-50 focus:!dgs-ui-kit-ring focus:!dgs-ui-kit-ring-error-300 focus:dgs-ui-kit-ring-offset-1 focus:dgs-ui-kit-ring-offset-white":r!=="bordered"&&s}),checkedInputClassName:"dgs-ui-kit-absolute dgs-ui-kit-top-0 dgs-ui-kit-left-0 dgs-ui-kit-w-full dgs-ui-kit-h-full dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-justify-center dgs-ui-kit-text-white dgs-ui-kit-opacity-0 peer-checked:dgs-ui-kit-opacity-100 dgs-ui-kit-transition-opacity"})}),!!u&&i.jsxs("div",{className:"dgs-ui-kit-space-y-1",children:[i.jsx("div",{className:"dgs-ui-kit-font-p2-medium dgs-ui-kit-text-gray-700 dgs-ui-kit-transition group-hover:dgs-ui-kit-text-primary-500",children:u}),!!(t??d)&&i.jsx("div",{className:e.clsx("dgs-ui-kit-font-p3-regular",t&&s?"dgs-ui-kit-text-error-500":"dgs-ui-kit-text-gray-500"),children:s&&t?t:d})]})]}),r==="bordered"&&o?i.jsx("div",{className:"dgs-ui-kit-text-gray-600 group-hover:dgs-ui-kit-text-primary-500 group-checked:dgs-ui-kit-text-primary-500",children:o}):null]})};exports.SelectableInputWrapper=c;