@sanity/language-filter 2.20.1-canary.117 → 2.20.1-canary.143

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 (4) hide show
  1. package/dist/dts/SelectLanguage.d.ts.map +1 -1
  2. package/lib/SelectLanguage.js +8 -5
  3. package/package.json +5 -5
  4. package/src/SelectLanguage.tsx +18 -19
package/dist/dts/SelectLanguage.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SelectLanguage.d.ts","sourceRoot":"","sources":["../../src/SelectLanguage.tsx"],"names":[],"mappings":";AAKA,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,EAAE,EAAE,MAAM,CAAA;CACX;AAED,UAAU,KAAK;IACb,SAAS,EAAE,cAAc,EAAE,CAAA;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;IACxB,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;CAClC;AAKD,QAAA,MAAM,cAAc,6FAOjB,KAAK,gBAkJP,CAAA;AAED,eAAe,cAAc,CAAA"}
1
+ {"version":3,"file":"SelectLanguage.d.ts","sourceRoot":"","sources":["../../src/SelectLanguage.tsx"],"names":[],"mappings":";AAKA,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,EAAE,EAAE,MAAM,CAAA;CACX;AAED,UAAU,KAAK;IACb,SAAS,EAAE,cAAc,EAAE,CAAA;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;IACxB,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;CAClC;AAKD,QAAA,MAAM,cAAc,6FAOjB,KAAK,gBAiJP,CAAA;AAED,eAAe,cAAc,CAAA"}
package/lib/SelectLanguage.js CHANGED
@@ -120,11 +120,13 @@ var SelectLanguage = _ref => {
120
120
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
121
121
  }
122
122
 
123
- var content = /*#__PURE__*/_react.default.createElement("div", {
123
+ var content = /*#__PURE__*/_react.default.createElement(_ui.Box, {
124
+ overflow: "auto",
125
+ sizing: "border",
124
126
  onKeyUp: handleKeyUp
125
- }, /*#__PURE__*/_react.default.createElement(_ui.Box, {
127
+ }, /*#__PURE__*/_react.default.createElement(_ui.Flex, {
126
128
  padding: 2
127
- }, /*#__PURE__*/_react.default.createElement(_ui.Flex, null, /*#__PURE__*/_react.default.createElement(_ui.Button, {
129
+ }, /*#__PURE__*/_react.default.createElement(_ui.Button, {
128
130
  type: "button",
129
131
  mode: "ghost",
130
132
  tone: "default",
@@ -133,7 +135,7 @@ var SelectLanguage = _ref => {
133
135
  paddingY: 2,
134
136
  autoFocus: true,
135
137
  style: STYLES_TOGGLE
136
- }, "Select ", allIsSelected ? 'none' : 'all'))), /*#__PURE__*/_react.default.createElement(_ui.Box, {
138
+ }, "Select ", allIsSelected ? 'none' : 'all')), /*#__PURE__*/_react.default.createElement(_ui.Box, {
137
139
  padding: 3,
138
140
  paddingX: 2
139
141
  }, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
@@ -175,9 +177,10 @@ var SelectLanguage = _ref => {
175
177
  }), /*#__PURE__*/_react.default.createElement(_ui.Popover, {
176
178
  content: content,
177
179
  open: isOpen,
178
- placement: "top",
180
+ placement: "bottom",
179
181
  ref: setPopoverRef,
180
182
  referenceElement: triggerRef,
183
+ constrainSize: true,
181
184
  autoFocus: true,
182
185
  portal: true
183
186
  }));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sanity/language-filter",
3
- "version": "2.20.1-canary.117+de05d34043",
3
+ "version": "2.20.1-canary.143+80fb4a83d6",
4
4
  "description": "A Sanity plugin that supports filtering localized fields by language",
5
5
  "main": "index.js",
6
6
  "scripts": {
@@ -15,9 +15,9 @@
15
15
  "language-filter"
16
16
  ],
17
17
  "dependencies": {
18
- "@sanity/icons": "^1.1.7",
19
- "@sanity/types": "2.20.1-canary.117+de05d34043",
20
- "@sanity/ui": "^0.36.10",
18
+ "@sanity/icons": "^1.2.1",
19
+ "@sanity/types": "2.20.1-canary.143+80fb4a83d6",
20
+ "@sanity/ui": "^0.36.12",
21
21
  "lodash": "^4.17.15",
22
22
  "rxjs": "^6.5.3"
23
23
  },
@@ -39,5 +39,5 @@
39
39
  "publishConfig": {
40
40
  "access": "public"
41
41
  },
42
- "gitHead": "de05d34043f2fb565a7ee1ef40ad40aa0e73f416"
42
+ "gitHead": "80fb4a83d61e298e1e7aacedb3ea862c56a5105d"
43
43
  }
package/src/SelectLanguage.tsx CHANGED
@@ -94,23 +94,21 @@ const SelectLanguage = ({
94
94
  }
95
95
 
96
96
  const content = (
97
- <div onKeyUp={handleKeyUp}>
98
- <Box padding={2}>
99
- <Flex>
100
- <Button
101
- type="button"
102
- mode="ghost"
103
- tone="default"
104
- onClick={allIsSelected ? handleSelectNone : handleSelectAll}
105
- paddingX={3}
106
- paddingY={2}
107
- autoFocus
108
- style={STYLES_TOGGLE}
109
- >
110
- Select {allIsSelected ? 'none' : 'all'}
111
- </Button>
112
- </Flex>
113
- </Box>
97
+ <Box overflow="auto" sizing="border" onKeyUp={handleKeyUp}>
98
+ <Flex padding={2}>
99
+ <Button
100
+ type="button"
101
+ mode="ghost"
102
+ tone="default"
103
+ onClick={allIsSelected ? handleSelectNone : handleSelectAll}
104
+ paddingX={3}
105
+ paddingY={2}
106
+ autoFocus
107
+ style={STYLES_TOGGLE}
108
+ >
109
+ Select {allIsSelected ? 'none' : 'all'}
110
+ </Button>
111
+ </Flex>
114
112
  <Box padding={3} paddingX={2}>
115
113
  <Stack as="ul" space={3}>
116
114
  {languages.map((lang) => {
@@ -138,7 +136,7 @@ const SelectLanguage = ({
138
136
  })}
139
137
  </Stack>
140
138
  </Box>
141
- </div>
139
+ </Box>
142
140
  )
143
141
 
144
142
  return (
@@ -165,9 +163,10 @@ const SelectLanguage = ({
165
163
  <Popover
166
164
  content={content}
167
165
  open={isOpen}
168
- placement="top"
166
+ placement="bottom"
169
167
  ref={setPopoverRef}
170
168
  referenceElement={triggerRef}
169
+ constrainSize
171
170
  autoFocus
172
171
  portal
173
172
  />