datastake-daf 0.6.165 → 0.6.167

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.
@@ -15269,34 +15269,33 @@ function Widget(_ref) {
15269
15269
  className: "flex-1 flex justify-content-end",
15270
15270
  children: /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
15271
15271
  className: "squareIconButton no-min-width",
15272
+ icon: /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
15273
+ name: "Filter",
15274
+ width: 16,
15275
+ height: 16
15276
+ }),
15272
15277
  style: {
15273
- height: '25px',
15274
- width: '25px'
15278
+ height: '32px',
15279
+ width: '32px'
15275
15280
  },
15276
- onClick: () => setShowFilters(p => !p),
15277
- children: /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
15278
- name: "Filter",
15279
- width: 14,
15280
- height: 13,
15281
- className: "mt-1"
15282
- })
15281
+ onClick: () => setShowFilters(p => !p)
15283
15282
  })
15284
15283
  }), addedHeaderFirst && addedHeader, isCollapsable && /*#__PURE__*/jsxRuntime.jsx("div", {
15285
15284
  className: "flex justify-content-end",
15286
15285
  children: /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
15287
15286
  className: "squareIconButton no-min-width",
15288
15287
  style: {
15289
- height: '25px',
15290
- width: '25px'
15288
+ height: '32px',
15289
+ width: '32px'
15291
15290
  },
15292
15291
  onClick: handleCollapseToggle,
15293
15292
  icon: isCollapsed ? /*#__PURE__*/jsxRuntime.jsx(Icons.RightOutlined, {
15294
15293
  style: {
15295
- width: 12
15294
+ width: 16
15296
15295
  }
15297
15296
  }) : /*#__PURE__*/jsxRuntime.jsx(Icons.DownOutlined, {
15298
15297
  style: {
15299
- width: 12
15298
+ width: 16
15300
15299
  }
15301
15300
  })
15302
15301
  })
@@ -15308,12 +15307,12 @@ function Widget(_ref) {
15308
15307
  children: /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
15309
15308
  className: "squareIconButton no-min-width",
15310
15309
  style: {
15311
- height: '25px',
15312
- width: '25px'
15310
+ height: '32px',
15311
+ width: '32px'
15313
15312
  },
15314
15313
  icon: !isExpanded ? /*#__PURE__*/jsxRuntime.jsx(Icons.RightOutlined, {
15315
15314
  style: {
15316
- width: 10,
15315
+ width: 16,
15317
15316
  paddingTop: "4px"
15318
15317
  }
15319
15318
  }) :
@@ -15322,7 +15321,7 @@ function Widget(_ref) {
15322
15321
  //<MinusOutlined style={{ width: 10 }} />
15323
15322
  jsxRuntime.jsx(Icons.DownOutlined, {
15324
15323
  style: {
15325
- width: 10,
15324
+ width: 16,
15326
15325
  paddingTop: "4px"
15327
15326
  }
15328
15327
  })
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "datastake-daf",
3
- "version": "0.6.165",
3
+ "version": "0.6.167",
4
4
  "dependencies": {
5
5
  "@ant-design/icons": "^5.2.5",
6
6
  "@antv/g2": "^5.1.1",
@@ -23,5 +23,40 @@ export const Primary = {
23
23
  { label: "Legal Form", value: "--" },
24
24
  { label: "customer::Date of Incorporation", value: "--" },
25
25
  ],
26
+ filtersConfig: {
27
+ "language": "en",
28
+ "filtersConfig": {
29
+ "country": {
30
+ "type": "select",
31
+ "label": "Country",
32
+ "style": {
33
+ "flex": 1
34
+ },
35
+ "labelStyle": {
36
+ "flex": 1
37
+ },
38
+ "isMulti": true
39
+ }
40
+ },
41
+ "options": {
42
+ "country": [
43
+ {
44
+ "label": "Peru",
45
+ "value": "PE"
46
+ },
47
+ {
48
+ "label": "Colombia",
49
+ "value": "CO"
50
+ }
51
+ ]
52
+ },
53
+ "selectedFilters": {
54
+ "country": [
55
+ "PE",
56
+ "CO"
57
+ ]
58
+ },
59
+ "type": "small"
60
+ },
26
61
  },
27
62
  };
@@ -94,14 +94,18 @@ export default function Widget({
94
94
 
95
95
  {!!filtersConfig && (
96
96
  <div className="flex-1 flex justify-content-end">
97
- <Button className="squareIconButton no-min-width" style={{height: '25px', width: '25px'}} onClick={() => setShowFilters((p) => !p)}>
98
- <CustomIcon
99
- name="Filter"
100
- width={14}
101
- height={13}
102
- className="mt-1"
103
- />
104
- </Button>
97
+ <Button
98
+ className="squareIconButton no-min-width"
99
+ icon={
100
+ <CustomIcon
101
+ name="Filter"
102
+ width={16}
103
+ height={16}
104
+ />
105
+ }
106
+ style={{height: '32px', width: '32px'}}
107
+ onClick={() => setShowFilters((p) => !p)}
108
+ />
105
109
  </div>
106
110
  )}
107
111
 
@@ -111,13 +115,13 @@ export default function Widget({
111
115
  <div className="flex justify-content-end">
112
116
  <Button
113
117
  className="squareIconButton no-min-width"
114
- style={{height: '25px', width: '25px'}}
118
+ style={{height: '32px', width: '32px'}}
115
119
  onClick={handleCollapseToggle}
116
120
  icon={
117
121
  isCollapsed ? (
118
- <RightOutlined style={{ width: 12 }} />
122
+ <RightOutlined style={{ width: 16 }} />
119
123
  ) : (
120
- <DownOutlined style={{ width: 12 }} />
124
+ <DownOutlined style={{ width: 16 }} />
121
125
  )
122
126
  }
123
127
  />
@@ -135,17 +139,17 @@ export default function Widget({
135
139
  <div className="flex flex-column" {...getToggleProps()}>
136
140
  <Button
137
141
  className="squareIconButton no-min-width"
138
- style={{height: '25px', width: '25px'}}
142
+ style={{height: '32px', width: '32px'}}
139
143
  icon={
140
144
  !isExpanded ? (
141
145
  <RightOutlined
142
- style={{ width: 10, paddingTop: "4px" }}
146
+ style={{ width: 16, paddingTop: "4px" }}
143
147
  />
144
148
  ) : (
145
149
  //<PlusOutlined style={{width: 10}} />
146
150
  //<MinusOutlined style={{ width: 10 }} />
147
151
  <DownOutlined
148
- style={{ width: 10, paddingTop: "4px" }}
152
+ style={{ width: 16, paddingTop: "4px" }}
149
153
  />
150
154
  )
151
155
  }