mosuk-ui 1.0.7 → 1.0.9

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 (37) hide show
  1. package/components/collections/breadcrumbs/component/.partials/styles/style.module.css +60 -0
  2. package/components/collections/breadcrumbs/skeleton/.partials/styles/style.module.css +56 -0
  3. package/components/display/image/component/styles/styles.module.css +15 -0
  4. package/components/display/image/skeleton/index.d.ts +2 -2
  5. package/components/layouts/header/component/.partials/styles/style.module.css +17 -0
  6. package/components/layouts/tabbar/component/.partials/styles/style.module.css +23 -0
  7. package/package.json +1 -11
  8. package/components/containers/hr/component/component.d.ts +0 -3
  9. package/components/containers/hr/component/component.interface.d.ts +0 -3
  10. package/components/containers/hr/component/component.interface.js +0 -1
  11. package/components/containers/hr/component/component.js +0 -29
  12. package/components/containers/hr/component/component.module.css +0 -7
  13. package/components/containers/hr/component/index.d.ts +0 -5
  14. package/components/containers/hr/component/index.js +0 -4
  15. package/components/overlays/dropdown/(pagination)/sort/component/component.d.ts +0 -4
  16. package/components/overlays/dropdown/(pagination)/sort/component/component.interface.d.ts +0 -10
  17. package/components/overlays/dropdown/(pagination)/sort/component/component.interface.js +0 -1
  18. package/components/overlays/dropdown/(pagination)/sort/component/component.js +0 -49
  19. package/components/overlays/dropdown/(pagination)/sort/component/component.module.css +0 -108
  20. package/components/overlays/dropdown/(pagination)/sort/component/dropdown/component.d.ts +0 -3
  21. package/components/overlays/dropdown/(pagination)/sort/component/dropdown/component.interface.d.ts +0 -3
  22. package/components/overlays/dropdown/(pagination)/sort/component/dropdown/component.interface.js +0 -1
  23. package/components/overlays/dropdown/(pagination)/sort/component/dropdown/component.js +0 -36
  24. package/components/overlays/dropdown/(pagination)/sort/component/dropdown/content/button/component.d.ts +0 -3
  25. package/components/overlays/dropdown/(pagination)/sort/component/dropdown/content/button/component.interface.d.ts +0 -4
  26. package/components/overlays/dropdown/(pagination)/sort/component/dropdown/content/button/component.interface.js +0 -1
  27. package/components/overlays/dropdown/(pagination)/sort/component/dropdown/content/button/component.js +0 -43
  28. package/components/overlays/dropdown/(pagination)/sort/component/dropdown/content/component.d.ts +0 -3
  29. package/components/overlays/dropdown/(pagination)/sort/component/dropdown/content/component.interface.d.ts +0 -3
  30. package/components/overlays/dropdown/(pagination)/sort/component/dropdown/content/component.interface.js +0 -1
  31. package/components/overlays/dropdown/(pagination)/sort/component/dropdown/content/component.js +0 -35
  32. package/components/overlays/dropdown/(pagination)/sort/component/index.d.ts +0 -33
  33. package/components/overlays/dropdown/(pagination)/sort/component/index.js +0 -13
  34. package/components/overlays/dropdown/(pagination)/sort/component/trigger/component.d.ts +0 -3
  35. package/components/overlays/dropdown/(pagination)/sort/component/trigger/component.interface.d.ts +0 -3
  36. package/components/overlays/dropdown/(pagination)/sort/component/trigger/component.interface.js +0 -1
  37. package/components/overlays/dropdown/(pagination)/sort/component/trigger/component.js +0 -33
@@ -0,0 +1,60 @@
1
+ @layer mosuk-ui {
2
+ @layer index-14 {
3
+ .slide {
4
+ width: fit-content;
5
+ height: calc(var(--spacing, .25rem) * 6);
6
+
7
+ display: flex;
8
+ align-items: center;
9
+ justify-content: start;
10
+ }
11
+
12
+ .icon {
13
+ width: calc(var(--spacing, .25rem) * 6);
14
+ height: calc(var(--spacing, .25rem) * 6);
15
+ min-width: calc(var(--spacing, .25rem) * 6);
16
+ min-height: calc(var(--spacing, .25rem) * 6);
17
+
18
+ padding: calc(var(--spacing, .25rem) * 1.75);
19
+
20
+ font-size: var(--text-sm, 0.875rem);
21
+ }
22
+
23
+ .button {
24
+ height: calc(var(--spacing, 0.25rem) * 6);
25
+
26
+ display: flex;
27
+ align-items: center;
28
+ justify-content: center;
29
+ gap: calc(var(--spacing, 0.25rem) * 1.75);
30
+
31
+ font-size: var(--text-xs, 0.75rem);
32
+
33
+ padding-left: calc(var(--spacing, 0.25rem) * 2.75);
34
+ padding-right: calc(var(--spacing, 0.25rem) * 2.75);
35
+
36
+ & svg {
37
+ width: calc(var(--spacing, 0.25rem) * 2.5);
38
+ height: calc(var(--spacing, 0.25rem) * 2.5);
39
+ min-width: calc(var(--spacing, 0.25rem) * 2.5);
40
+ min-height: calc(var(--spacing, 0.25rem) * 2.5);
41
+ }
42
+ }
43
+
44
+ .breadcrumbs {
45
+ .slide {
46
+ &:last-child {
47
+ .icon {
48
+ background-color: var(--color-gray-100, oklch(0.967 0.003 264.542));
49
+ color: var(--color-primary-500, #0074e7);
50
+ }
51
+
52
+ .button {
53
+ background-color: var(--color-gray-100, oklch(0.967 0.003 264.542));
54
+ color: var(--color-primary-500, #0074e7);
55
+ }
56
+ }
57
+ }
58
+ }
59
+ }
60
+ }
@@ -0,0 +1,56 @@
1
+ @layer mosuk-ui {
2
+ @layer index-14 {
3
+ .breadcrumbs {
4
+ overflow: visible;
5
+
6
+ height: calc(var(--spacing, .25rem) * 6);
7
+
8
+ display: flex;
9
+ align-items: center;
10
+ justify-content: start;
11
+ gap: calc(var(--spacing, .25rem) * 4);
12
+ }
13
+
14
+ .slide {
15
+ width: fit-content;
16
+ height: calc(var(--spacing, .25rem) * 6);
17
+
18
+ display: flex;
19
+ align-items: center;
20
+ justify-content: start;
21
+ }
22
+
23
+ .icon {
24
+ width: calc(var(--spacing, .25rem) * 3);
25
+ height: calc(var(--spacing, .25rem) * 3);
26
+ min-width: calc(var(--spacing, .25rem) * 3);
27
+ min-height: calc(var(--spacing, .25rem) * 3);
28
+
29
+ padding: calc(var(--spacing, .25rem) * 1.75);
30
+
31
+ font-size: var(--text-sm, 0.875rem);
32
+ }
33
+
34
+ .button {
35
+ width: calc(var(--spacing, 0.25rem) * 18);
36
+ height: calc(var(--spacing, 0.25rem) * 3);
37
+
38
+ display: flex;
39
+ align-items: center;
40
+ justify-content: center;
41
+ gap: calc(var(--spacing, 0.25rem) * 1.75);
42
+
43
+ font-size: var(--text-xs, 0.75rem);
44
+
45
+ padding-left: calc(var(--spacing, 0.25rem) * 2.75);
46
+ padding-right: calc(var(--spacing, 0.25rem) * 2.75);
47
+
48
+ & svg {
49
+ width: calc(var(--spacing, 0.25rem) * 2.5);
50
+ height: calc(var(--spacing, 0.25rem) * 2.5);
51
+ min-width: calc(var(--spacing, 0.25rem) * 2.5);
52
+ min-height: calc(var(--spacing, 0.25rem) * 2.5);
53
+ }
54
+ }
55
+ }
56
+ }
@@ -0,0 +1,15 @@
1
+ @layer mosuk-ui {
2
+ @layer index-12 {
3
+ .image {
4
+ width: 100%;
5
+ height: 100%;
6
+
7
+ object-fit: contain;
8
+ object-position: center;
9
+
10
+ user-select: none;
11
+
12
+ transition: all 200ms ease-in-out;
13
+ }
14
+ }
15
+ }
@@ -1,6 +1,6 @@
1
- import { ImagesSkeletonProps } from '../(images)/skeleton/component.interface';
2
1
  import { ImageSkeleton as ImageSkeletonComponent } from './components/component';
2
+ import { ImageSkeletonProps } from './components/component.interface';
3
3
  export declare const ImageSkeleton: typeof ImageSkeletonComponent;
4
4
  export declare namespace ImageSkeleton {
5
- type Props = ImagesSkeletonProps;
5
+ type Props = ImageSkeletonProps;
6
6
  }
@@ -0,0 +1,17 @@
1
+ @layer mosuk-ui {
2
+ @layer index-16 {
3
+ .header {
4
+ position: fixed;
5
+ top: 0;
6
+ right: 0;
7
+ bottom: auto;
8
+ left: 0;
9
+ z-index: 100;
10
+
11
+ width: fit-content;
12
+ height: fit-content;
13
+
14
+ margin: auto;
15
+ }
16
+ }
17
+ }
@@ -0,0 +1,23 @@
1
+ @layer mosuk-ui {
2
+ @layer index-16 {
3
+ .tabbar {
4
+ position: fixed;
5
+ top: auto;
6
+ right: 0;
7
+ bottom: 0;
8
+ left: 0;
9
+ z-index: 100;
10
+
11
+ width: 100%;
12
+ height: calc(var(--spacing, .25rem) * 16);
13
+
14
+ margin: auto;
15
+ }
16
+
17
+ @media (min-width: 1024px) {
18
+ .tabbar {
19
+ display: none;
20
+ }
21
+ }
22
+ }
23
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mosuk-ui",
3
- "version": "1.0.7",
3
+ "version": "1.0.9",
4
4
  "author": "mosuk",
5
5
  "license": "MIT",
6
6
  "private": false,
@@ -207,11 +207,6 @@
207
207
  "default": "./components/containers/grid/component/index.js"
208
208
  }
209
209
  },
210
- "./components/containers/hr/component": {
211
- "import": {
212
- "default": "./components/containers/hr/component/index.js"
213
- }
214
- },
215
210
  "./components/containers/section/component": {
216
211
  "import": {
217
212
  "default": "./components/containers/section/component/index.js"
@@ -352,11 +347,6 @@
352
347
  "default": "./components/overlays/drawer/component/index.js"
353
348
  }
354
349
  },
355
- "./components/overlays/dropdown/(pagination)/sort/component": {
356
- "import": {
357
- "default": "./components/overlays/dropdown/(pagination)/sort/component/index.js"
358
- }
359
- },
360
350
  "./components/overlays/dropdown/component": {
361
351
  "import": {
362
352
  "default": "./components/overlays/dropdown/component/index.js"
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { HrProps } from './component.interface';
3
- export declare function Hr({ ...props }: HrProps): React.JSX.Element;
@@ -1,3 +0,0 @@
1
- import { HTMLAttributes } from 'react';
2
- export interface HrProps extends HTMLAttributes<HTMLHRElement> {
3
- }
@@ -1,29 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- var __rest = (this && this.__rest) || function (s, e) {
13
- var t = {};
14
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
- t[p] = s[p];
16
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
- t[p[i]] = s[p[i]];
20
- }
21
- return t;
22
- };
23
- import React from 'react';
24
- import styles from './component.module.css';
25
- export function Hr(_a) {
26
- var _b;
27
- var props = __rest(_a, []);
28
- return (React.createElement("hr", __assign({}, props, { className: "mosuk-hr ".concat(styles['hr'], " ").concat((_b = props === null || props === void 0 ? void 0 : props.className) !== null && _b !== void 0 ? _b : '') })));
29
- }
@@ -1,7 +0,0 @@
1
- @layer mosuk-ui {
2
- @layer index-13 {
3
- .hr {
4
- border-color: var(--color-gray-100, oklch(0.967 0.003 264.542));
5
- }
6
- }
7
- }
@@ -1,5 +0,0 @@
1
- import type { HrProps } from './component.interface';
2
- export declare function Hr(props: HrProps): import("react").JSX.Element;
3
- export declare namespace Hr {
4
- type Props = HrProps;
5
- }
@@ -1,4 +0,0 @@
1
- import { Hr as BaseHr } from './component';
2
- export function Hr(props) {
3
- return BaseHr(props);
4
- }
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { DropdownPaginationSortContextProps, DropdownPaginationSortProps } from './component.interface';
3
- export declare const DropdownPaginationSortContext: React.Context<DropdownPaginationSortContextProps>;
4
- export declare function DropdownPaginationSort({ params, updateParams, ...props }: DropdownPaginationSortProps): React.JSX.Element;
@@ -1,10 +0,0 @@
1
- import { DropdownProps } from '../../../component/component.interface';
2
- export interface DropdownPaginationSortContextProps {
3
- currentSort: string | undefined;
4
- currentOrder: 'asc' | 'desc' | undefined;
5
- handleSort: (sort: string) => void;
6
- }
7
- export interface DropdownPaginationSortProps extends DropdownProps {
8
- params?: Record<string, any>;
9
- updateParams?: (params: Record<string, any>) => void;
10
- }
@@ -1,49 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- var __rest = (this && this.__rest) || function (s, e) {
13
- var t = {};
14
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
- t[p] = s[p];
16
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
- t[p[i]] = s[p[i]];
20
- }
21
- return t;
22
- };
23
- import React, { createContext } from 'react';
24
- import { Dropdown } from '../../../component';
25
- export var DropdownPaginationSortContext = createContext({
26
- currentSort: undefined,
27
- currentOrder: undefined,
28
- handleSort: function () { },
29
- });
30
- export function DropdownPaginationSort(_a) {
31
- var params = _a.params, updateParams = _a.updateParams, props = __rest(_a, ["params", "updateParams"]);
32
- var currentSort = (params === null || params === void 0 ? void 0 : params.sort) || 'id';
33
- var currentOrder = (params === null || params === void 0 ? void 0 : params.order) || 'asc';
34
- var handleSort = function (sort) {
35
- if (sort === currentSort) {
36
- var newOrder = currentOrder === 'asc' ? 'desc' : 'asc';
37
- if (newOrder !== currentOrder) {
38
- var _a = params, page = _a.page, restParams = __rest(_a, ["page"]);
39
- updateParams === null || updateParams === void 0 ? void 0 : updateParams(__assign(__assign({}, restParams), { order: newOrder }));
40
- }
41
- }
42
- else {
43
- var restParams = __rest(params, []);
44
- updateParams === null || updateParams === void 0 ? void 0 : updateParams(__assign(__assign({}, restParams), { sort: sort, order: 'asc' }));
45
- }
46
- };
47
- return (React.createElement(DropdownPaginationSortContext.Provider, { value: { currentSort: currentSort, currentOrder: currentOrder, handleSort: handleSort } },
48
- React.createElement(Dropdown, __assign({}, props), props === null || props === void 0 ? void 0 : props.children)));
49
- }
@@ -1,108 +0,0 @@
1
- @layer mosuk-ui {
2
- @layer index-17 {
3
-
4
- /* ? Icon */
5
- .icon {
6
- &.active {
7
- background-color: var(--color-primary-100, #e0f2ff);
8
- color: var(--color-primary-500, #0074e7);
9
-
10
- & svg {
11
- color: var(--color-primary-500, #0074e7);
12
- }
13
- }
14
- }
15
-
16
- /* ? Content */
17
- .dropdown {
18
- .dropdownContent {
19
- display: flex;
20
- flex-direction: column;
21
- gap: 0.25rem;
22
-
23
- .button {
24
- overflow: hidden;
25
-
26
- width: 100%;
27
- height: calc(var(--spacing, .25rem) * 8);
28
-
29
- display: flex;
30
- align-items: center;
31
- justify-content: start;
32
- gap: calc(var(--spacing, .25rem) * 2);
33
-
34
- background-color: transparent;
35
- color: var(--color-black, #000);
36
- font-size: var(--text-xs, .75rem);
37
- text-wrap: nowrap;
38
- text-overflow: ellipsis;
39
-
40
- padding-left: calc(var(--spacing, .25rem) * 3);
41
- padding-right: calc(var(--spacing, .25rem) * 3);
42
- border-radius: calc(infinity * 1px);
43
- outline: none;
44
-
45
- cursor: pointer;
46
- transition: all 0.2s ease-in-out;
47
-
48
- & svg {
49
- width: calc(var(--spacing, .25rem) * 3.5);
50
- height: calc(var(--spacing, .25rem) * 3.5);
51
- min-width: calc(var(--spacing, .25rem) * 3.5);
52
- min-height: calc(var(--spacing, .25rem) * 3.5);
53
-
54
- color: var(--color-gray-500, oklch(0.551 0.027 264.364));
55
-
56
- transition: all 200ms ease-in-out;
57
- }
58
-
59
- .arrow {
60
- width: calc(var(--spacing, .25rem) * 3);
61
- height: calc(var(--spacing, .25rem) * 3);
62
- min-width: calc(var(--spacing, .25rem) * 3);
63
- min-height: calc(var(--spacing, .25rem) * 3);
64
-
65
- margin-left: auto;
66
-
67
- opacity: 0;
68
- }
69
-
70
- &:hover {
71
- background-color: var(--color-gray-100, oklch(0.967 0.003 264.542));
72
- color: var(--color-primary-500, #0074e7);
73
-
74
- & svg {
75
- color: var(--color-primary-500, #0074e7);
76
- }
77
- }
78
-
79
- &.asc {
80
- .arrow {
81
- transform: rotate(0deg);
82
- }
83
- }
84
-
85
- &.desc {
86
- .arrow {
87
- transform: rotate(180deg);
88
- }
89
- }
90
-
91
-
92
- &.active {
93
- background-color: var(--color-gray-100, oklch(0.967 0.003 264.542));
94
- color: var(--color-primary-500, #0074e7);
95
-
96
- & svg {
97
- color: var(--color-primary-500, #0074e7);
98
- }
99
-
100
- .arrow {
101
- opacity: 1;
102
- }
103
- }
104
- }
105
- }
106
- }
107
- }
108
- }
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { DropdownPaginationSortDropdownProps } from './component.interface';
3
- export declare function DropdownPaginationSortDropdown({ ...rest }: DropdownPaginationSortDropdownProps): React.JSX.Element;
@@ -1,3 +0,0 @@
1
- import { DropdownDropdownProps } from '../../../../component/component.interface';
2
- export interface DropdownPaginationSortDropdownProps extends DropdownDropdownProps {
3
- }
@@ -1,36 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- var __rest = (this && this.__rest) || function (s, e) {
13
- var t = {};
14
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
- t[p] = s[p];
16
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
- t[p[i]] = s[p[i]];
20
- }
21
- return t;
22
- };
23
- import classNames from 'classnames';
24
- import React, { useContext } from 'react';
25
- import { DropdownDropdown } from '../../../../component/component';
26
- import { DropdownPaginationSortContext } from '../component';
27
- import styles from '../component.module.css';
28
- export function DropdownPaginationSortDropdown(_a) {
29
- var _b;
30
- var rest = __rest(_a, []);
31
- var context = useContext(DropdownPaginationSortContext);
32
- if (!context) {
33
- throw new Error('DropdownPaginationSort.Dropdown must be used within an DropdownPaginationSort component.');
34
- }
35
- return (React.createElement(DropdownDropdown, __assign({}, rest, { align: (_b = rest === null || rest === void 0 ? void 0 : rest.align) !== null && _b !== void 0 ? _b : 'end', className: classNames(styles.dropdown, rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
36
- }
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { DropdownPaginationSortDropdownContentButtonProps } from './component.interface';
3
- export declare function DropdownPaginationSortDropdownContentButton({ sort, ...rest }: DropdownPaginationSortDropdownContentButtonProps): React.JSX.Element;
@@ -1,4 +0,0 @@
1
- import { ButtonProps } from '../../../../../../../../actions/button/component/component.interface';
2
- export interface DropdownPaginationSortDropdownContentButtonProps extends ButtonProps {
3
- sort: string;
4
- }
@@ -1,43 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- var __rest = (this && this.__rest) || function (s, e) {
13
- var t = {};
14
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
- t[p] = s[p];
16
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
- t[p[i]] = s[p[i]];
20
- }
21
- return t;
22
- };
23
- import classNames from 'classnames';
24
- import { ArrowUp } from 'lucide-react';
25
- import React, { useContext } from 'react';
26
- import { Button } from '../../../../../../../../actions/button/component';
27
- import { DropdownPaginationSortContext } from '../../../component';
28
- import styles from '../../../component.module.css';
29
- export function DropdownPaginationSortDropdownContentButton(_a) {
30
- var _b;
31
- var sort = _a.sort, rest = __rest(_a, ["sort"]);
32
- var _c = useContext(DropdownPaginationSortContext), currentSort = _c.currentSort, currentOrder = _c.currentOrder, handleSort = _c.handleSort;
33
- if (!DropdownPaginationSortContext) {
34
- throw new Error('DropdownPaginationSort.Dropdown.Content.Button must be used within an DropdownPaginationSort component.');
35
- }
36
- return (React.createElement(Button, __assign({}, rest, { as: "span", className: classNames(styles.button, (_b = {},
37
- _b[styles.active] = currentSort === sort,
38
- _b[styles.asc] = currentOrder === 'asc',
39
- _b[styles.desc] = currentOrder === 'desc',
40
- _b)), onClick: function () { return handleSort(sort); } }), rest === null || rest === void 0 ? void 0 :
41
- rest.children,
42
- React.createElement(ArrowUp, { className: styles.arrow })));
43
- }
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { DropdownPaginationSortDropdownContentProps } from './component.interface';
3
- export declare function DropdownPaginationSortDropdownContent({ ...props }: DropdownPaginationSortDropdownContentProps): React.JSX.Element;
@@ -1,3 +0,0 @@
1
- import { DropdownDropdownContentProps } from '../../../../../component/component.interface';
2
- export interface DropdownPaginationSortDropdownContentProps extends DropdownDropdownContentProps {
3
- }
@@ -1,35 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- var __rest = (this && this.__rest) || function (s, e) {
13
- var t = {};
14
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
- t[p] = s[p];
16
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
- t[p[i]] = s[p[i]];
20
- }
21
- return t;
22
- };
23
- import React, { useContext } from 'react';
24
- import { DropdownDropdownContent } from '../../../../../component/component';
25
- import { DropdownPaginationSortContext } from '../../component';
26
- import styles from '../../component.module.css';
27
- export function DropdownPaginationSortDropdownContent(_a) {
28
- var _b, _c;
29
- var props = __rest(_a, []);
30
- var context = useContext(DropdownPaginationSortContext);
31
- if (!context) {
32
- throw new Error('DropdownPaginationSort.Dropdown.Content must be used within an DropdownPaginationSort component.');
33
- }
34
- return (React.createElement(DropdownDropdownContent, __assign({}, props, { className: ((_b = styles.dropdownContent) !== null && _b !== void 0 ? _b : '') + ' ' + ((_c = props === null || props === void 0 ? void 0 : props.className) !== null && _c !== void 0 ? _c : '') }), props === null || props === void 0 ? void 0 : props.children));
35
- }
@@ -1,33 +0,0 @@
1
- import { DropdownPaginationSort as BaseDropdownPaginationSort } from './component';
2
- import { DropdownPaginationSortProps } from './component.interface';
3
- import { DropdownPaginationSortDropdown } from './dropdown/component';
4
- import { DropdownPaginationSortDropdownProps } from './dropdown/component.interface';
5
- import { DropdownPaginationSortDropdownContentButton } from './dropdown/content/button/component';
6
- import { DropdownPaginationSortDropdownContentButtonProps } from './dropdown/content/button/component.interface';
7
- import { DropdownPaginationSortDropdownContent } from './dropdown/content/component';
8
- import { DropdownPaginationSortDropdownContentProps } from './dropdown/content/component.interface';
9
- import { DropdownPaginationSortTrigger } from './trigger/component';
10
- import { DropdownPaginationSortTriggerProps } from './trigger/component.interface';
11
- export declare const DropdownPaginationSort: typeof BaseDropdownPaginationSort & {
12
- Trigger: typeof DropdownPaginationSortTrigger;
13
- Dropdown: typeof DropdownPaginationSortDropdown & {
14
- Content: typeof DropdownPaginationSortDropdownContent & {
15
- Button: typeof DropdownPaginationSortDropdownContentButton;
16
- };
17
- };
18
- };
19
- export declare namespace DropdownPaginationSort {
20
- type Props = DropdownPaginationSortProps;
21
- namespace Trigger {
22
- type Props = DropdownPaginationSortTriggerProps;
23
- }
24
- namespace DropdownPaginationSortDropdown {
25
- type Props = DropdownPaginationSortDropdownProps;
26
- namespace DropdownPaginationSortDropdownContent {
27
- type Props = DropdownPaginationSortDropdownContentProps;
28
- namespace Button {
29
- type Props = DropdownPaginationSortDropdownContentButtonProps;
30
- }
31
- }
32
- }
33
- }
@@ -1,13 +0,0 @@
1
- import { DropdownPaginationSort as BaseDropdownPaginationSort } from './component';
2
- import { DropdownPaginationSortDropdown } from './dropdown/component';
3
- import { DropdownPaginationSortDropdownContentButton } from './dropdown/content/button/component';
4
- import { DropdownPaginationSortDropdownContent } from './dropdown/content/component';
5
- import { DropdownPaginationSortTrigger } from './trigger/component';
6
- export var DropdownPaginationSort = Object.assign(BaseDropdownPaginationSort, {
7
- Trigger: DropdownPaginationSortTrigger,
8
- Dropdown: Object.assign(DropdownPaginationSortDropdown, {
9
- Content: Object.assign(DropdownPaginationSortDropdownContent, {
10
- Button: DropdownPaginationSortDropdownContentButton,
11
- }),
12
- }),
13
- });
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { DropdownPaginationSortTriggerProps } from './component.interface';
3
- export declare function DropdownPaginationSortTrigger({ ...props }: DropdownPaginationSortTriggerProps): React.JSX.Element;
@@ -1,3 +0,0 @@
1
- import { DropdownTriggerProps } from '../../../../component/component.interface';
2
- export interface DropdownPaginationSortTriggerProps extends DropdownTriggerProps {
3
- }
@@ -1,33 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- var __rest = (this && this.__rest) || function (s, e) {
13
- var t = {};
14
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
- t[p] = s[p];
16
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
- t[p[i]] = s[p[i]];
20
- }
21
- return t;
22
- };
23
- import React, { useContext } from 'react';
24
- import { DropdownTrigger } from '../../../../component/component';
25
- import { DropdownPaginationSortContext } from '../component';
26
- export function DropdownPaginationSortTrigger(_a) {
27
- var props = __rest(_a, []);
28
- var context = useContext(DropdownPaginationSortContext);
29
- if (!context) {
30
- throw new Error('DropdownPaginationSort.Dropdown must be used within an DropdownPaginationSort component.');
31
- }
32
- return (React.createElement(DropdownTrigger, __assign({}, props), props === null || props === void 0 ? void 0 : props.children));
33
- }