@gobolt/genesis 0.2.7 → 0.2.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/_virtual/index5.cjs +1 -1
- package/dist/_virtual/index5.js +4 -4
- package/dist/_virtual/index6.cjs +1 -1
- package/dist/_virtual/index6.js +4 -4
- package/dist/components/DatePicker/DatePicker.cjs +1 -1
- package/dist/components/DatePicker/DatePicker.d.ts +2 -3
- package/dist/components/DatePicker/DatePicker.js +16 -3
- package/dist/components/DateRangePicker/DateRangePicker.cjs +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.d.ts +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.js +16 -3
- package/dist/components/Select/styles.cjs +26 -26
- package/dist/components/Select/styles.d.ts +6 -0
- package/dist/components/Select/styles.js +34 -30
- package/dist/components/Table/TableControls/PrimaryTableControlsRow.cjs +1 -1
- package/dist/components/Table/TableControls/PrimaryTableControlsRow.js +1 -1
- package/dist/node_modules/antd/es/typography/hooks/useCopyClick.cjs +1 -1
- package/dist/node_modules/antd/es/typography/hooks/useCopyClick.js +1 -1
- package/package.json +1 -1
package/dist/_virtual/index5.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const
|
|
1
|
+
"use strict";const r=require("./_commonjsHelpers.cjs"),e=require("../node_modules/copy-to-clipboard/index.cjs");var o=e.__require();const s=r.getDefaultExportFromCjs(o);module.exports=s;
|
package/dist/_virtual/index5.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { getDefaultExportFromCjs as
|
|
2
|
-
import { __require as r } from "../node_modules/
|
|
3
|
-
var
|
|
4
|
-
const a = /* @__PURE__ */
|
|
1
|
+
import { getDefaultExportFromCjs as o } from "./_commonjsHelpers.js";
|
|
2
|
+
import { __require as r } from "../node_modules/copy-to-clipboard/index.js";
|
|
3
|
+
var p = r();
|
|
4
|
+
const a = /* @__PURE__ */ o(p);
|
|
5
5
|
export {
|
|
6
6
|
a as default
|
|
7
7
|
};
|
package/dist/_virtual/index6.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const
|
|
1
|
+
"use strict";const e=require("./_commonjsHelpers.cjs"),r=require("../node_modules/debounce/index.cjs");var o=r.__require();const s=e.getDefaultExportFromCjs(o);module.exports=s;
|
package/dist/_virtual/index6.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { getDefaultExportFromCjs as
|
|
2
|
-
import { __require as r } from "../node_modules/
|
|
3
|
-
var
|
|
4
|
-
const a = /* @__PURE__ */ o
|
|
1
|
+
import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
|
|
2
|
+
import { __require as r } from "../node_modules/debounce/index.js";
|
|
3
|
+
var o = /* @__PURE__ */ r();
|
|
4
|
+
const a = /* @__PURE__ */ e(o);
|
|
5
5
|
export {
|
|
6
6
|
a as default
|
|
7
7
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const
|
|
1
|
+
"use strict";const r=require("react/jsx-runtime"),t=require("../../providers/useGenesis.cjs"),i=require("../../node_modules/antd/es/date-picker/index.cjs"),n=e=>{const{theme:s}=t.useGenesis();return r.jsx(i,{...e,style:{border:`1px solid ${s.colors.inputs.surface.border}`}})};module.exports=n;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { DatePickerProps as AntDatePickerProps } from 'antd';
|
|
2
|
-
export
|
|
3
|
-
|
|
4
|
-
declare const DatePicker: import('antd/es/date-picker').DatePickerType;
|
|
2
|
+
export type DatePickerProps = AntDatePickerProps;
|
|
3
|
+
declare const DatePicker: (props: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
4
|
export default DatePicker;
|
|
@@ -1,5 +1,18 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
1
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { useGenesis as t } from "../../providers/useGenesis.js";
|
|
3
|
+
import s from "../../node_modules/antd/es/date-picker/index.js";
|
|
4
|
+
const p = (r) => {
|
|
5
|
+
const { theme: e } = t();
|
|
6
|
+
return /* @__PURE__ */ o(
|
|
7
|
+
s,
|
|
8
|
+
{
|
|
9
|
+
...r,
|
|
10
|
+
style: {
|
|
11
|
+
border: `1px solid ${e.colors.inputs.surface.border}`
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
);
|
|
15
|
+
};
|
|
3
16
|
export {
|
|
4
|
-
|
|
17
|
+
p as default
|
|
5
18
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const
|
|
1
|
+
"use strict";const r=require("react/jsx-runtime"),t=require("../../providers/useGenesis.cjs"),n=require("../../node_modules/antd/es/date-picker/index.cjs"),{RangePicker:i}=n,o=e=>{const{theme:s}=t.useGenesis();return r.jsx(i,{...e,style:{border:`1px solid ${s.colors.inputs.surface.border}`}})};module.exports=o;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { RangePickerProps } from 'antd/es/date-picker';
|
|
2
2
|
export type DateRangePickerProps = RangePickerProps;
|
|
3
|
-
declare const DateRangerPicker:
|
|
3
|
+
declare const DateRangerPicker: (props: DateRangePickerProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default DateRangerPicker;
|
|
@@ -1,5 +1,18 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
1
|
+
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import { useGenesis as o } from "../../providers/useGenesis.js";
|
|
3
|
+
import s from "../../node_modules/antd/es/date-picker/index.js";
|
|
4
|
+
const { RangePicker: n } = s, m = (e) => {
|
|
5
|
+
const { theme: r } = o();
|
|
6
|
+
return /* @__PURE__ */ t(
|
|
7
|
+
n,
|
|
8
|
+
{
|
|
9
|
+
...e,
|
|
10
|
+
style: {
|
|
11
|
+
border: `1px solid ${r.colors.inputs.surface.border}`
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
);
|
|
15
|
+
};
|
|
3
16
|
export {
|
|
4
|
-
|
|
17
|
+
m as default
|
|
5
18
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("styled-components"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("styled-components"),g=require("../../node_modules/antd/es/select/index.cjs"),f=a.div`
|
|
2
2
|
position: relative;
|
|
3
3
|
border: 2px solid transparent;
|
|
4
4
|
background-color: transparent;
|
|
@@ -6,8 +6,8 @@
|
|
|
6
6
|
padding: 1px;
|
|
7
7
|
width: auto;
|
|
8
8
|
|
|
9
|
-
${({$isFocused:e,theme:
|
|
10
|
-
border: 2px solid ${
|
|
9
|
+
${({$isFocused:e,theme:t,type:o="primary"})=>e&&`
|
|
10
|
+
border: 2px solid ${t.colors[o].focussed.ringColor};
|
|
11
11
|
background-color: transparent;
|
|
12
12
|
border-radius: 8px;
|
|
13
13
|
padding: 1px;
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
.ant-select-dropdown {
|
|
17
17
|
animation-duration: ${({theme:e})=>`${e.motion.veryfast}s`} !important;
|
|
18
18
|
}
|
|
19
|
-
`,
|
|
19
|
+
`,h=e=>`all ${e.motion.veryfast}s ease-in-out`,$=(e,t,o,r)=>`
|
|
20
20
|
&.ant-select {
|
|
21
21
|
background-color: ${e.surface.secondary};
|
|
22
22
|
border-color: ${e.surface.secondary};
|
|
@@ -25,15 +25,15 @@
|
|
|
25
25
|
.ant-select-selector {
|
|
26
26
|
background-color: ${e.surface.secondary};
|
|
27
27
|
border-color: ${e.surface.secondary};
|
|
28
|
-
border-radius: ${
|
|
28
|
+
border-radius: ${r.BorderRadiusSm}px;
|
|
29
29
|
margin: 0px;
|
|
30
30
|
}
|
|
31
31
|
}
|
|
32
|
-
`,
|
|
32
|
+
`,m=({colors:e,sizing:t,typography:o,borderRadius:r},n,i,b)=>{var s,d,c,l,p,u;return b==="simple"?$(e,n,i,r):`
|
|
33
33
|
&.ant-select {
|
|
34
|
-
|
|
35
|
-
font-size: ${
|
|
36
|
-
line-height: ${
|
|
34
|
+
|
|
35
|
+
font-size: ${t.Size4}px;
|
|
36
|
+
line-height: ${t.Size6}px;
|
|
37
37
|
letter-spacing: 0;
|
|
38
38
|
font-weight: 400;
|
|
39
39
|
border-width: 1px;
|
|
@@ -43,10 +43,10 @@
|
|
|
43
43
|
height: auto;
|
|
44
44
|
min-height: 32px;
|
|
45
45
|
|
|
46
|
-
background-color: ${e[n][i].backgroundColor}
|
|
46
|
+
background-color: ${((d=(s=e==null?void 0:e[n])==null?void 0:s[i])==null?void 0:d.backgroundColor)??"#fff"}
|
|
47
47
|
|
|
48
|
-
border-radius: ${
|
|
49
|
-
gap: ${
|
|
48
|
+
border-radius: ${r.BorderRadiusMd}px;
|
|
49
|
+
gap: ${t.Size2}px;
|
|
50
50
|
|
|
51
51
|
.ant-select-selector {
|
|
52
52
|
border-color: ${e.inputs.surface.border};
|
|
@@ -75,8 +75,8 @@
|
|
|
75
75
|
}
|
|
76
76
|
|
|
77
77
|
&:active {
|
|
78
|
-
background-color: ${e[n].pressed.backgroundColor};
|
|
79
|
-
border-color: ${e[n].pressed.borderColor};
|
|
78
|
+
background-color: ${((l=(c=e==null?void 0:e[n])==null?void 0:c.pressed)==null?void 0:l.backgroundColor)??"#fff"};
|
|
79
|
+
border-color: ${((u=(p=e==null?void 0:e[n])==null?void 0:p.pressed)==null?void 0:u.borderColor)??"#fff"};
|
|
80
80
|
}
|
|
81
81
|
|
|
82
82
|
// Remove focus styles
|
|
@@ -109,30 +109,30 @@
|
|
|
109
109
|
}
|
|
110
110
|
}
|
|
111
111
|
}
|
|
112
|
-
|
|
112
|
+
`},x=a.div`
|
|
113
113
|
.ant-select-item-option {
|
|
114
|
-
transition: ${({theme:e,type:
|
|
114
|
+
transition: ${({theme:e,type:t})=>h(e)};
|
|
115
115
|
border-radius: 0px;
|
|
116
116
|
|
|
117
117
|
&:hover {
|
|
118
|
-
background-color: ${({theme:e,type:
|
|
119
|
-
color: ${({theme:e,type:
|
|
118
|
+
background-color: ${({theme:e,type:t})=>e.colors.surface.secondary};
|
|
119
|
+
color: ${({theme:e,type:t})=>e.colors.onsurface["copy-dark"]};
|
|
120
120
|
}
|
|
121
121
|
|
|
122
122
|
&.ant-select-item-option-selected {
|
|
123
|
-
background-color: ${({theme:e,type:
|
|
124
|
-
color: ${({theme:e,type:
|
|
123
|
+
background-color: ${({theme:e,type:t})=>e.colors[t].hover.backgroundColor};
|
|
124
|
+
color: ${({theme:e,type:t})=>e.colors[t].active.color};
|
|
125
125
|
font-weight: 400;
|
|
126
126
|
border-radius: 0px;
|
|
127
127
|
|
|
128
128
|
&:hover {
|
|
129
|
-
background-color: ${({theme:e,type:
|
|
130
|
-
color: ${({theme:e,type:
|
|
129
|
+
background-color: ${({theme:e,type:t})=>e.colors[t].hover.backgroundColor};
|
|
130
|
+
color: ${({theme:e,type:t})=>e.colors[t].hover.color};
|
|
131
131
|
border-radius: 0px;
|
|
132
132
|
}
|
|
133
133
|
}
|
|
134
134
|
}
|
|
135
|
-
`,
|
|
135
|
+
`,y=a.div`
|
|
136
136
|
.ant-select-dropdown {
|
|
137
137
|
animation-duration: ${({theme:e})=>`${e.motion.veryfast}s`} !important;
|
|
138
138
|
transition: all ${({theme:e})=>`${e.motion.veryfast}s`}
|
|
@@ -151,6 +151,6 @@
|
|
|
151
151
|
&.ant-slide-up-leave {
|
|
152
152
|
animation-duration: ${({theme:e})=>`${e.motion.veryfast}s`} !important;
|
|
153
153
|
}
|
|
154
|
-
`,
|
|
155
|
-
${({theme:e,type:
|
|
156
|
-
`;exports.Select=
|
|
154
|
+
`,v=a(g)`
|
|
155
|
+
${({theme:e,type:t="primary",state:o="active",$variant:r="none"})=>m(e,t,o,r)}
|
|
156
|
+
`;exports.Select=v;exports.SelectDropdown=y;exports.SelectWrapper=f;exports.StyledMenuItem=x;exports.getGenesisClass=m;
|
|
@@ -13,6 +13,12 @@ interface SelectWrapperProps {
|
|
|
13
13
|
variant?: "simple" | "none";
|
|
14
14
|
}
|
|
15
15
|
export declare const SelectWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SelectWrapperProps>> & string;
|
|
16
|
+
export declare const getGenesisClass: ({ colors, sizing, typography, borderRadius }: {
|
|
17
|
+
colors: any;
|
|
18
|
+
sizing: any;
|
|
19
|
+
typography: any;
|
|
20
|
+
borderRadius: any;
|
|
21
|
+
}, type: any, state: any, $variant: any) => string;
|
|
16
22
|
interface SelectMenuItemProps {
|
|
17
23
|
theme: GenesisTheme;
|
|
18
24
|
type?: keyof typeof TYPE;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import a from "styled-components";
|
|
2
|
-
import
|
|
3
|
-
const
|
|
2
|
+
import b from "../../node_modules/antd/es/select/index.js";
|
|
3
|
+
const v = a.div`
|
|
4
4
|
position: relative;
|
|
5
5
|
border: 2px solid transparent;
|
|
6
6
|
background-color: transparent;
|
|
@@ -8,8 +8,8 @@ const b = a.div`
|
|
|
8
8
|
padding: 1px;
|
|
9
9
|
width: auto;
|
|
10
10
|
|
|
11
|
-
${({ $isFocused: e, theme:
|
|
12
|
-
border: 2px solid ${
|
|
11
|
+
${({ $isFocused: e, theme: t, type: o = "primary" }) => e && `
|
|
12
|
+
border: 2px solid ${t.colors[o].focussed.ringColor};
|
|
13
13
|
background-color: transparent;
|
|
14
14
|
border-radius: 8px;
|
|
15
15
|
padding: 1px;
|
|
@@ -18,7 +18,7 @@ const b = a.div`
|
|
|
18
18
|
.ant-select-dropdown {
|
|
19
19
|
animation-duration: ${({ theme: e }) => `${e.motion.veryfast}s`} !important;
|
|
20
20
|
}
|
|
21
|
-
`,
|
|
21
|
+
`, g = (e) => `all ${e.motion.veryfast}s ease-in-out`, f = (e, t, o, r) => `
|
|
22
22
|
&.ant-select {
|
|
23
23
|
background-color: ${e.surface.secondary};
|
|
24
24
|
border-color: ${e.surface.secondary};
|
|
@@ -27,15 +27,17 @@ const b = a.div`
|
|
|
27
27
|
.ant-select-selector {
|
|
28
28
|
background-color: ${e.surface.secondary};
|
|
29
29
|
border-color: ${e.surface.secondary};
|
|
30
|
-
border-radius: ${
|
|
30
|
+
border-radius: ${r.BorderRadiusSm}px;
|
|
31
31
|
margin: 0px;
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
|
-
`,
|
|
34
|
+
`, h = ({ colors: e, sizing: t, typography: o, borderRadius: r }, n, i, m) => {
|
|
35
|
+
var d, s, c, p, l, u;
|
|
36
|
+
return m === "simple" ? f(e, n, i, r) : `
|
|
35
37
|
&.ant-select {
|
|
36
|
-
|
|
37
|
-
font-size: ${
|
|
38
|
-
line-height: ${
|
|
38
|
+
|
|
39
|
+
font-size: ${t.Size4}px;
|
|
40
|
+
line-height: ${t.Size6}px;
|
|
39
41
|
letter-spacing: 0;
|
|
40
42
|
font-weight: 400;
|
|
41
43
|
border-width: 1px;
|
|
@@ -45,10 +47,10 @@ const b = a.div`
|
|
|
45
47
|
height: auto;
|
|
46
48
|
min-height: 32px;
|
|
47
49
|
|
|
48
|
-
background-color: ${e[n][i].backgroundColor}
|
|
50
|
+
background-color: ${((s = (d = e == null ? void 0 : e[n]) == null ? void 0 : d[i]) == null ? void 0 : s.backgroundColor) ?? "#fff"}
|
|
49
51
|
|
|
50
|
-
border-radius: ${
|
|
51
|
-
gap: ${
|
|
52
|
+
border-radius: ${r.BorderRadiusMd}px;
|
|
53
|
+
gap: ${t.Size2}px;
|
|
52
54
|
|
|
53
55
|
.ant-select-selector {
|
|
54
56
|
border-color: ${e.inputs.surface.border};
|
|
@@ -77,8 +79,8 @@ const b = a.div`
|
|
|
77
79
|
}
|
|
78
80
|
|
|
79
81
|
&:active {
|
|
80
|
-
background-color: ${e[n].pressed.backgroundColor};
|
|
81
|
-
border-color: ${e[n].pressed.borderColor};
|
|
82
|
+
background-color: ${((p = (c = e == null ? void 0 : e[n]) == null ? void 0 : c.pressed) == null ? void 0 : p.backgroundColor) ?? "#fff"};
|
|
83
|
+
border-color: ${((u = (l = e == null ? void 0 : e[n]) == null ? void 0 : l.pressed) == null ? void 0 : u.borderColor) ?? "#fff"};
|
|
82
84
|
}
|
|
83
85
|
|
|
84
86
|
// Remove focus styles
|
|
@@ -111,30 +113,31 @@ const b = a.div`
|
|
|
111
113
|
}
|
|
112
114
|
}
|
|
113
115
|
}
|
|
114
|
-
|
|
116
|
+
`;
|
|
117
|
+
}, y = a.div`
|
|
115
118
|
.ant-select-item-option {
|
|
116
|
-
transition: ${({ theme: e, type:
|
|
119
|
+
transition: ${({ theme: e, type: t }) => g(e)};
|
|
117
120
|
border-radius: 0px;
|
|
118
121
|
|
|
119
122
|
&:hover {
|
|
120
|
-
background-color: ${({ theme: e, type:
|
|
121
|
-
color: ${({ theme: e, type:
|
|
123
|
+
background-color: ${({ theme: e, type: t }) => e.colors.surface.secondary};
|
|
124
|
+
color: ${({ theme: e, type: t }) => e.colors.onsurface["copy-dark"]};
|
|
122
125
|
}
|
|
123
126
|
|
|
124
127
|
&.ant-select-item-option-selected {
|
|
125
|
-
background-color: ${({ theme: e, type:
|
|
126
|
-
color: ${({ theme: e, type:
|
|
128
|
+
background-color: ${({ theme: e, type: t }) => e.colors[t].hover.backgroundColor};
|
|
129
|
+
color: ${({ theme: e, type: t }) => e.colors[t].active.color};
|
|
127
130
|
font-weight: 400;
|
|
128
131
|
border-radius: 0px;
|
|
129
132
|
|
|
130
133
|
&:hover {
|
|
131
|
-
background-color: ${({ theme: e, type:
|
|
132
|
-
color: ${({ theme: e, type:
|
|
134
|
+
background-color: ${({ theme: e, type: t }) => e.colors[t].hover.backgroundColor};
|
|
135
|
+
color: ${({ theme: e, type: t }) => e.colors[t].hover.color};
|
|
133
136
|
border-radius: 0px;
|
|
134
137
|
}
|
|
135
138
|
}
|
|
136
139
|
}
|
|
137
|
-
`,
|
|
140
|
+
`, k = a.div`
|
|
138
141
|
.ant-select-dropdown {
|
|
139
142
|
animation-duration: ${({ theme: e }) => `${e.motion.veryfast}s`} !important;
|
|
140
143
|
transition: all ${({ theme: e }) => `${e.motion.veryfast}s`}
|
|
@@ -153,12 +156,13 @@ const b = a.div`
|
|
|
153
156
|
&.ant-slide-up-leave {
|
|
154
157
|
animation-duration: ${({ theme: e }) => `${e.motion.veryfast}s`} !important;
|
|
155
158
|
}
|
|
156
|
-
`,
|
|
157
|
-
${({ theme: e, type:
|
|
159
|
+
`, w = a(b)`
|
|
160
|
+
${({ theme: e, type: t = "primary", state: o = "active", $variant: r = "none" }) => h(e, t, o, r)}
|
|
158
161
|
`;
|
|
159
162
|
export {
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
163
|
+
w as Select,
|
|
164
|
+
k as SelectDropdown,
|
|
165
|
+
v as SelectWrapper,
|
|
166
|
+
y as StyledMenuItem,
|
|
167
|
+
h as getGenesisClass
|
|
164
168
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("react/jsx-runtime"),j=require("../../../node_modules/react-icons/hi2/index.cjs"),c=require("../../../node_modules/react-icons/hi/index.cjs"),m=require("../../../node_modules/react-icons/fi/index.cjs"),q=require("../../../_virtual/
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),j=require("../../../node_modules/react-icons/hi2/index.cjs"),c=require("../../../node_modules/react-icons/hi/index.cjs"),m=require("../../../node_modules/react-icons/fi/index.cjs"),q=require("../../../_virtual/index6.cjs"),I=require("../../Input/Input.cjs"),d=require("../../Button/UtilityButton.cjs"),f=require("../../Typography/Typography.cjs"),k=require("../../Select/Select.cjs"),S=require("../../Button/IconButton.cjs"),b=({sortOptions:s,searchByPlaceholder:p="",searchField:x="address",isSortedAscending:n=!0,onChange:t})=>{const a=i=>{const v={event:"inputChange",payload:{value:i.target.value,field:x}};q(()=>{t==null||t(v)},200)()},r=i=>{const u={event:"primaryChange",payload:{value:i}};t==null||t(u)},l=()=>{const i={event:"filterClick",payload:{}};t==null||t(i)},o=()=>{const i={event:"settingsClick",payload:{}};t==null||t(i)},y=()=>{const i={event:"orderClick",payload:{value:n?"desc":"asc"}};t==null||t(i)};return e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",width:"100%",minWidth:800},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8},children:[e.jsx(I,{size:"normal",placeholder:p,prefix:e.jsx(c.HiSearch,{}),style:{padding:"5px 8px"},onChange:a}),l&&e.jsx(d,{isIconButton:!0,icon:e.jsx(j.HiMiniAdjustmentsVertical,{}),onClick:l}),o&&e.jsx(d,{isIconButton:!0,icon:e.jsx(m.FiSettings,{}),onClick:o})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center"},children:[e.jsx(f,{variant:"body3",color:"#6C6C6C",children:"Sort by"}),s&&r?e.jsx(k,{options:s,defaultValue:s[0].value,variant:"simple",onChange:r}):null,e.jsx(S,{icon:n?e.jsx(c.HiOutlineSortDescending,{}):e.jsx(c.HiOutlineSortAscending,{}),onClick:y})]})]})};module.exports=b;
|
|
@@ -2,7 +2,7 @@ import { jsxs as r, jsx as i } from "react/jsx-runtime";
|
|
|
2
2
|
import { HiMiniAdjustmentsVertical as v } from "../../../node_modules/react-icons/hi2/index.js";
|
|
3
3
|
import { HiSearch as I, HiOutlineSortDescending as k, HiOutlineSortAscending as x } from "../../../node_modules/react-icons/hi/index.js";
|
|
4
4
|
import { FiSettings as b } from "../../../node_modules/react-icons/fi/index.js";
|
|
5
|
-
import S from "../../../_virtual/
|
|
5
|
+
import S from "../../../_virtual/index6.js";
|
|
6
6
|
import A from "../../Input/Input.js";
|
|
7
7
|
import d from "../../Button/UtilityButton.js";
|
|
8
8
|
import E from "../../Typography/Typography.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const v=require("react"),m=require("../../../../../_virtual/
|
|
1
|
+
"use strict";const v=require("react"),m=require("../../../../../_virtual/index5.cjs"),x=require("../../../../rc-util/es/hooks/useEvent.cjs"),C=require("../../_util/toList.cjs");function _(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const c=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(t,e,c.get?c:{enumerable:!0,get:()=>o[e]})}}return t.default=o,Object.freeze(t)}const d=_(v);var h=function(o,t,e,c){function s(u){return u instanceof e?u:new e(function(r){r(u)})}return new(e||(e=Promise))(function(u,r){function f(i){try{a(c.next(i))}catch(n){r(n)}}function l(i){try{a(c.throw(i))}catch(n){r(n)}}function a(i){i.done?u(i.value):s(i.value).then(f,l)}a((c=c.apply(o,t||[])).next())})};const w=o=>{let{copyConfig:t,children:e}=o;const[c,s]=d.useState(!1),[u,r]=d.useState(!1),f=d.useRef(null),l=()=>{f.current&&clearTimeout(f.current)},a={};t.format&&(a.format=t.format),d.useEffect(()=>l,[]);const i=x(n=>h(void 0,void 0,void 0,function*(){var p;n==null||n.preventDefault(),n==null||n.stopPropagation(),r(!0);try{const y=typeof t.text=="function"?yield t.text():t.text;m(y||C(e,!0).join("")||"",a),r(!1),s(!0),l(),f.current=setTimeout(()=>{s(!1)},3e3),(p=t.onCopy)===null||p===void 0||p.call(t,n)}catch(y){throw r(!1),y}}));return{copied:c,copyLoading:u,onClick:i}};module.exports=w;
|