@mindlogic-ai/logician-ui 5.0.0-alpha.14 → 5.0.0-alpha.16
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/components/Avatar/Avatar.d.ts.map +1 -1
- package/dist/components/Avatar/Avatar.js +4 -1
- package/dist/components/Avatar/Avatar.js.map +1 -1
- package/dist/components/Avatar/Avatar.mjs +4 -1
- package/dist/components/Avatar/Avatar.mjs.map +1 -1
- package/dist/components/Select/Combobox.d.ts +1 -1
- package/dist/components/Select/Combobox.d.ts.map +1 -1
- package/dist/components/Select/Combobox.js +9 -2
- package/dist/components/Select/Combobox.js.map +1 -1
- package/dist/components/Select/Combobox.mjs +10 -3
- package/dist/components/Select/Combobox.mjs.map +1 -1
- package/dist/components/Select/Select.d.ts +1 -1
- package/dist/components/Select/Select.d.ts.map +1 -1
- package/dist/components/Select/Select.js +14 -2
- package/dist/components/Select/Select.js.map +1 -1
- package/dist/components/Select/Select.mjs +15 -3
- package/dist/components/Select/Select.mjs.map +1 -1
- package/dist/components/Select/Select.styles.d.ts +96 -0
- package/dist/components/Select/Select.styles.d.ts.map +1 -1
- package/dist/components/Select/Select.styles.js +75 -0
- package/dist/components/Select/Select.styles.js.map +1 -1
- package/dist/components/Select/Select.styles.mjs +74 -1
- package/dist/components/Select/Select.styles.mjs.map +1 -1
- package/dist/translations/Defaults.translations.json.js +10 -1
- package/dist/translations/Defaults.translations.json.js.map +1 -1
- package/dist/translations/Defaults.translations.json.mjs +10 -2
- package/dist/translations/Defaults.translations.json.mjs.map +1 -1
- package/package.json +1 -1
- package/src/components/Avatar/Avatar.recipe.test.tsx +5 -0
- package/src/components/Avatar/Avatar.tsx +8 -2
- package/src/components/Select/Combobox.tsx +28 -3
- package/src/components/Select/Select.clearTrigger.test.tsx +76 -0
- package/src/components/Select/Select.stories.tsx +81 -0
- package/src/components/Select/Select.styles.ts +81 -0
- package/src/components/Select/Select.tsx +28 -2
- package/src/components/Select/Select.usage.mdx +63 -0
- package/src/translations/Defaults.translations.json +7 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EAEnB,KAAK,yBAAyB,EAC9B,KAAK,SAAS,EACd,KAAK,aAAa,EACnB,MAAM,OAAO,CAAC;AACf,OAAO,EAIL,gBAAgB,IAAI,sBAAsB,EAI1C,eAAe,IAAI,qBAAqB,EACxC,kBAAkB,IAAI,wBAAwB,EAC9C,KAAK,gBAAgB,EACtB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAoB,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE7D,YAAY,EACV,mBAAmB,EACnB,eAAe,EACf,gBAAgB,GACjB,MAAM,kBAAkB,CAAC;AAE1B;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAEpE,2DAA2D;AAC3D,KAAK,iBAAiB,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,SAAS,CAAC,GAAG;IAC/C;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC,aAAa,CAAC,CAAC;CAC3C,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC,qBAAqB,CAAC,CAAC;AACvE,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,CACrD,cAAc,CAAC,OAAO,wBAAwB,CAAC,CAChD,CAAC;AAcF,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG;IAC1C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,iBAAiB,CAAC,sBAAsB,CAAC,EACzC,UAAU,CACX;IACC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED;;;;;;;GAOG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;AACpD,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;AAgB5E;;;;GAIG;AACH,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,MAAM,GAAG,SAAS,EACxB,QAAQ,CAAC,EAAE,SAAS,GACnB,YAAY,SAAS,GAAG,SAAS,EAAE,CAGrC;AAED;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,MAAM,GAAG,SAAS,EACxB,QAAQ,CAAC,EAAE,SAAS,GACnB;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAI/B;
|
|
1
|
+
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EAEnB,KAAK,yBAAyB,EAC9B,KAAK,SAAS,EACd,KAAK,aAAa,EACnB,MAAM,OAAO,CAAC;AACf,OAAO,EAIL,gBAAgB,IAAI,sBAAsB,EAI1C,eAAe,IAAI,qBAAqB,EACxC,kBAAkB,IAAI,wBAAwB,EAC9C,KAAK,gBAAgB,EACtB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAoB,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE7D,YAAY,EACV,mBAAmB,EACnB,eAAe,EACf,gBAAgB,GACjB,MAAM,kBAAkB,CAAC;AAE1B;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAEpE,2DAA2D;AAC3D,KAAK,iBAAiB,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,SAAS,CAAC,GAAG;IAC/C;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC,aAAa,CAAC,CAAC;CAC3C,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC,qBAAqB,CAAC,CAAC;AACvE,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,CACrD,cAAc,CAAC,OAAO,wBAAwB,CAAC,CAChD,CAAC;AAcF,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG;IAC1C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,iBAAiB,CAAC,sBAAsB,CAAC,EACzC,UAAU,CACX;IACC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED;;;;;;;GAOG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;AACpD,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;AAgB5E;;;;GAIG;AACH,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,MAAM,GAAG,SAAS,EACxB,QAAQ,CAAC,EAAE,SAAS,GACnB,YAAY,SAAS,GAAG,SAAS,EAAE,CAGrC;AAED;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,MAAM,GAAG,SAAS,EACxB,QAAQ,CAAC,EAAE,SAAS,GACnB;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAI/B;AAwDD,eAAO,MAAM,MAAM;IAjKjB;;;;OAIG;cACO,gBAAgB,CAAC,aAAa,CAAC;;UAqBnC,MAAM;WACL,MAAM;IACb;;;;;;;OAOG;eACQ,SAAS;;;QApCpB;;;;WAIG;kBACO,gBAAgB,CAAC,aAAa,CAAC;;;QALzC;;;;WAIG;kBACO,gBAAgB,CAAC,aAAa,CAAC;;;;;;;CAoKzC,CAAC"}
|
|
@@ -58,7 +58,10 @@ const AvatarGroup = React.forwardRef(({ max, children, ...rest }, ref) => {
|
|
|
58
58
|
const items = React.Children.toArray(children);
|
|
59
59
|
const visible = typeof max === 'number' ? items.slice(0, Math.max(0, max)) : items;
|
|
60
60
|
const overflow = items.length - visible.length;
|
|
61
|
-
return (jsxRuntime.jsxs(ChakraAvatarGroupTyped, { ref: ref, ...rest, children: [visible, overflow > 0 && (
|
|
61
|
+
return (jsxRuntime.jsxs(ChakraAvatarGroupTyped, { ref: ref, ...rest, children: [visible, overflow > 0 && (
|
|
62
|
+
// Spans so a group inside a button (a popover trigger) stays phrasing
|
|
63
|
+
// content; the recipe sets the display, so nothing else changes.
|
|
64
|
+
jsxRuntime.jsx(AvatarRoot, { as: "span", colorPalette: "category.neutral", variant: "subtle", children: jsxRuntime.jsxs(react.AvatarFallback, { as: "span", children: ["+", overflow] }) }))] }));
|
|
62
65
|
});
|
|
63
66
|
AvatarGroup.displayName = 'AvatarGroup';
|
|
64
67
|
const AvatarComponent = React.forwardRef((props, ref) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":[null],"names":["ChakraAvatarRoot","ChakraAvatarRootProvider","ChakraAvatarGroup","SYSTEM_HUE_NAMES","forwardRef","Children","_jsxs","_jsx","AvatarFallback","AvatarImage","AvatarIcon","AvatarContext"],"mappings":";;;;;;;;AAkDA;AACA,MAAM,UAAU,GAAGA,gBAElB;AACD,MAAM,kBAAkB,GACtBC,wBAEC;AACH,MAAM,sBAAsB,GAAGC,iBAE9B;AAuCK,SAAU,UAAU,CAAC,IAAwB,EAAA;;;;AAIjD,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,SAAS;IAC3B,IAAI,IAAI,GAAG,CAAC;AACZ,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE;;;AAGvC,QAAA,IAAI,GAAG,CAAC,IAAI,GAAG,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC;IAC7C;AACA,IAAA,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAGC,uBAAgB,CAAC,MAAM;AACtD,IAAA,OAAOA,uBAAgB,CAAC,KAAK,CAAC;AAChC;AAEA;;;;AAIG;AACG,SAAU,kBAAkB,CAChC,IAAwB,EACxB,QAAoB,EAAA;IAEpB,MAAM,GAAG,GAAG,QAAQ,IAAI,UAAU,CAAC,IAAI,CAAC;IACxC,OAAO,GAAG,GAAG,CAAA,SAAA,EAAY,GAAG,CAAA,CAAE,GAAG,kBAAkB;AACrD;AAEA;;;;;;;AAOG;AACG,SAAU,oBAAoB,CAClC,IAAwB,EACxB,QAAoB,EAAA;IAEpB,MAAM,GAAG,GAAG,QAAQ,IAAI,UAAU,CAAC,IAAI,CAAC;AACxC,IAAA,IAAI,CAAC,GAAG;QAAE,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,oBAAoB,EAAE;AAChE,IAAA,OAAO,EAAE,EAAE,EAAE,CAAA,SAAA,EAAY,GAAG,CAAA,QAAA,CAAU,EAAE,KAAK,EAAE,CAAA,SAAA,EAAY,GAAG,CAAA,GAAA,CAAK,EAAE;AACvE;AAEA;;;;;AAKG;AACH,MAAM,WAAW,GAAGC,gBAAU,CAC5B,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;IAClC,MAAM,KAAK,GAAGC,cAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC;AACxC,IAAA,MAAM,OAAO,GACX,OAAO,GAAG,KAAK,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,KAAK;IACpE,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM;AAC9C,IAAA,QACEC,eAAA,CAAC,sBAAsB,EAAA,EAAC,GAAG,EAAE,GAAG,EAAA,GAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"Avatar.js","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":[null],"names":["ChakraAvatarRoot","ChakraAvatarRootProvider","ChakraAvatarGroup","SYSTEM_HUE_NAMES","forwardRef","Children","_jsxs","_jsx","AvatarFallback","AvatarImage","AvatarIcon","AvatarContext"],"mappings":"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"}
|
|
@@ -56,7 +56,10 @@ const AvatarGroup = forwardRef(({ max, children, ...rest }, ref) => {
|
|
|
56
56
|
const items = Children.toArray(children);
|
|
57
57
|
const visible = typeof max === 'number' ? items.slice(0, Math.max(0, max)) : items;
|
|
58
58
|
const overflow = items.length - visible.length;
|
|
59
|
-
return (jsxs(ChakraAvatarGroupTyped, { ref: ref, ...rest, children: [visible, overflow > 0 && (
|
|
59
|
+
return (jsxs(ChakraAvatarGroupTyped, { ref: ref, ...rest, children: [visible, overflow > 0 && (
|
|
60
|
+
// Spans so a group inside a button (a popover trigger) stays phrasing
|
|
61
|
+
// content; the recipe sets the display, so nothing else changes.
|
|
62
|
+
jsx(AvatarRoot, { as: "span", colorPalette: "category.neutral", variant: "subtle", children: jsxs(AvatarFallback, { as: "span", children: ["+", overflow] }) }))] }));
|
|
60
63
|
});
|
|
61
64
|
AvatarGroup.displayName = 'AvatarGroup';
|
|
62
65
|
const AvatarComponent = forwardRef((props, ref) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.mjs","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":[null],"names":["ChakraAvatarRoot","ChakraAvatarRootProvider","ChakraAvatarGroup","_jsxs","_jsx"],"mappings":";;;;;;AAkDA;AACA,MAAM,UAAU,GAAGA,YAElB;AACD,MAAM,kBAAkB,GACtBC,oBAEC;AACH,MAAM,sBAAsB,GAAGC,aAE9B;AAuCK,SAAU,UAAU,CAAC,IAAwB,EAAA;;;;AAIjD,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,SAAS;IAC3B,IAAI,IAAI,GAAG,CAAC;AACZ,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE;;;AAGvC,QAAA,IAAI,GAAG,CAAC,IAAI,GAAG,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC;IAC7C;AACA,IAAA,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,gBAAgB,CAAC,MAAM;AACtD,IAAA,OAAO,gBAAgB,CAAC,KAAK,CAAC;AAChC;AAEA;;;;AAIG;AACG,SAAU,kBAAkB,CAChC,IAAwB,EACxB,QAAoB,EAAA;IAEpB,MAAM,GAAG,GAAG,QAAQ,IAAI,UAAU,CAAC,IAAI,CAAC;IACxC,OAAO,GAAG,GAAG,CAAA,SAAA,EAAY,GAAG,CAAA,CAAE,GAAG,kBAAkB;AACrD;AAEA;;;;;;;AAOG;AACG,SAAU,oBAAoB,CAClC,IAAwB,EACxB,QAAoB,EAAA;IAEpB,MAAM,GAAG,GAAG,QAAQ,IAAI,UAAU,CAAC,IAAI,CAAC;AACxC,IAAA,IAAI,CAAC,GAAG;QAAE,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,oBAAoB,EAAE;AAChE,IAAA,OAAO,EAAE,EAAE,EAAE,CAAA,SAAA,EAAY,GAAG,CAAA,QAAA,CAAU,EAAE,KAAK,EAAE,CAAA,SAAA,EAAY,GAAG,CAAA,GAAA,CAAK,EAAE;AACvE;AAEA;;;;;AAKG;AACH,MAAM,WAAW,GAAG,UAAU,CAC5B,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;IAClC,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC;AACxC,IAAA,MAAM,OAAO,GACX,OAAO,GAAG,KAAK,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,KAAK;IACpE,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM;AAC9C,IAAA,QACEC,IAAA,CAAC,sBAAsB,EAAA,EAAC,GAAG,EAAE,GAAG,EAAA,GAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"Avatar.mjs","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":[null],"names":["ChakraAvatarRoot","ChakraAvatarRootProvider","ChakraAvatarGroup","_jsxs","_jsx"],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import { Combobox as ChakraCombobox } from '@chakra-ui/react';
|
|
|
2
2
|
/**
|
|
3
3
|
* Compound Combobox primitives — Chakra's `Combobox` namespace with the
|
|
4
4
|
* Logician design-system styling baked into the visual parts (`Input`,
|
|
5
|
-
* `Content`, `Item`). Use these directly for full compositional control;
|
|
5
|
+
* `Content`, `Item`, `ClearTrigger`). Use these directly for full compositional control;
|
|
6
6
|
* use `ComboboxField` for the common single-select case.
|
|
7
7
|
*/
|
|
8
8
|
export declare const Combobox: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Combobox.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Combobox.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAyE9D;;;;;GAKG;AACH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;CAmBpB,CAAC"}
|
|
@@ -4,8 +4,10 @@
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var react = require('@chakra-ui/react');
|
|
7
|
+
var useTranslate = require('../../hooks/useTranslate.js');
|
|
7
8
|
var formControls = require('../../theme/formControls.js');
|
|
8
9
|
var mergeCss = require('../../utils/mergeCss.js');
|
|
10
|
+
var index = require('../Icon/index.js');
|
|
9
11
|
var Select_styles = require('./Select.styles.js');
|
|
10
12
|
|
|
11
13
|
const Input = React.forwardRef(function ComboboxInput({ css, ...props }, ref) {
|
|
@@ -23,10 +25,15 @@ const Content = React.forwardRef(function ComboboxContent({ css, ...props }, ref
|
|
|
23
25
|
const Item = React.forwardRef(function ComboboxItem({ css, ...props }, ref) {
|
|
24
26
|
return (jsxRuntime.jsx(react.Combobox.Item, { ref: ref, ...props, css: mergeCss.mergeCss(Select_styles.itemStyles, css) }));
|
|
25
27
|
});
|
|
28
|
+
/** Same × as `Select.ClearTrigger`; see there. */
|
|
29
|
+
const ClearTrigger = React.forwardRef(function ComboboxClearTrigger({ css, children, ...props }, ref) {
|
|
30
|
+
const translate = useTranslate.useTranslate();
|
|
31
|
+
return (jsxRuntime.jsx(react.Combobox.ClearTrigger, { ref: ref, "aria-label": translate('clear_selection'), ...props, css: mergeCss.mergeCss(Select_styles.comboboxClearTriggerStyles, css), children: children ?? jsxRuntime.jsx(index.CloseIcon, { "aria-hidden": true }) }));
|
|
32
|
+
});
|
|
26
33
|
/**
|
|
27
34
|
* Compound Combobox primitives — Chakra's `Combobox` namespace with the
|
|
28
35
|
* Logician design-system styling baked into the visual parts (`Input`,
|
|
29
|
-
* `Content`, `Item`). Use these directly for full compositional control;
|
|
36
|
+
* `Content`, `Item`, `ClearTrigger`). Use these directly for full compositional control;
|
|
30
37
|
* use `ComboboxField` for the common single-select case.
|
|
31
38
|
*/
|
|
32
39
|
const Combobox = {
|
|
@@ -38,7 +45,7 @@ const Combobox = {
|
|
|
38
45
|
Input,
|
|
39
46
|
Trigger: react.Combobox.Trigger,
|
|
40
47
|
IndicatorGroup: react.Combobox.IndicatorGroup,
|
|
41
|
-
ClearTrigger
|
|
48
|
+
ClearTrigger,
|
|
42
49
|
Positioner: react.Combobox.Positioner,
|
|
43
50
|
Content,
|
|
44
51
|
Empty: react.Combobox.Empty,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.js","sources":["../../../src/components/Select/Combobox.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraCombobox","mergeCss","noZoomOnFocus","inputStyles","contentStyles","itemStyles"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Combobox.js","sources":["../../../src/components/Select/Combobox.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraCombobox","mergeCss","noZoomOnFocus","inputStyles","contentStyles","itemStyles","useTranslate","comboboxClearTriggerStyles","CloseIcon"],"mappings":";;;;;;;;;;;;AAeA,MAAM,KAAK,GAAGA,gBAAU,CACtB,SAAS,aAAa,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAA;IAC3C,QACEC,cAAA,CAACC,cAAc,CAAC,KAAK,IACnB,GAAG,EAAE,GAAG,EAAA,GACJ,KAAK;;;QAGT,GAAG,EAAEC,iBAAQ,CAACC,0BAAa,EAAEC,yBAAW,EAAE,GAAG,CAAC,EAAA,CAC9C;AAEN,CAAC,CACF;AAED,MAAM,OAAO,GAAGL,gBAAU,CACxB,SAAS,eAAe,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAA;IAC7C,QACEC,eAACC,cAAc,CAAC,OAAO,EAAA,EACrB,GAAG,EAAE,GAAG;;;AAGR,QAAA,cAAc,EAAC,mBAAmB,EAAA,GAC9B,KAAK,EACT,GAAG,EAAEC,iBAAQ,CAACG,2BAAa,EAAE,GAAG,CAAC,EAAA,CACjC;AAEN,CAAC,CACF;AAED,MAAM,IAAI,GAAGN,gBAAU,CACrB,SAAS,YAAY,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAA;IAC1C,QACEC,eAACC,cAAc,CAAC,IAAI,EAAA,EAClB,GAAG,EAAE,GAAG,EAAA,GACJ,KAAK,EACT,GAAG,EAAEC,iBAAQ,CAACI,wBAAU,EAAE,GAAG,CAAC,EAAA,CAC9B;AAEN,CAAC,CACF;AAED;AACA,MAAM,YAAY,GAAGP,gBAAU,CAG7B,SAAS,oBAAoB,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAA;AAC9D,IAAA,MAAM,SAAS,GAAGQ,yBAAY,EAAE;AAChC,IAAA,QACEP,cAAA,CAACC,cAAc,CAAC,YAAY,EAAA,EAC1B,GAAG,EAAE,GAAG,EAAA,YAAA,EACI,SAAS,CAAC,iBAAiB,CAAW,EAAA,GAC9C,KAAK,EACT,GAAG,EAAEC,iBAAQ,CAACM,wCAA0B,EAAE,GAAG,CAAC,EAAA,QAAA,EAE7C,QAAQ,IAAIR,cAAA,CAACS,eAAS,EAAA,EAAA,aAAA,EAAA,IAAA,EAAA,CAAe,EAAA,CACV;AAElC,CAAC,CAAC;AAEF;;;;;AAKG;AACI,MAAM,QAAQ,GAAG;IACtB,IAAI,EAAER,cAAc,CAAC,IAAI;IACzB,aAAa,EAAEA,cAAc,CAAC,aAAa;IAC3C,OAAO,EAAEA,cAAc,CAAC,OAAO;IAC/B,KAAK,EAAEA,cAAc,CAAC,KAAK;IAC3B,OAAO,EAAEA,cAAc,CAAC,OAAO;IAC/B,KAAK;IACL,OAAO,EAAEA,cAAc,CAAC,OAAO;IAC/B,cAAc,EAAEA,cAAc,CAAC,cAAc;IAC7C,YAAY;IACZ,UAAU,EAAEA,cAAc,CAAC,UAAU;IACrC,OAAO;IACP,KAAK,EAAEA,cAAc,CAAC,KAAK;IAC3B,SAAS,EAAEA,cAAc,CAAC,SAAS;IACnC,cAAc,EAAEA,cAAc,CAAC,cAAc;IAC7C,IAAI;IACJ,QAAQ,EAAEA,cAAc,CAAC,QAAQ;IACjC,aAAa,EAAEA,cAAc,CAAC,aAAa;IAC3C,WAAW,EAAEA,cAAc,CAAC,WAAW;;;;;"}
|
|
@@ -2,9 +2,11 @@
|
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { forwardRef } from 'react';
|
|
4
4
|
import { Combobox as Combobox$1 } from '@chakra-ui/react';
|
|
5
|
+
import { useTranslate } from '../../hooks/useTranslate.mjs';
|
|
5
6
|
import { noZoomOnFocus } from '../../theme/formControls.mjs';
|
|
6
7
|
import { mergeCss } from '../../utils/mergeCss.mjs';
|
|
7
|
-
import {
|
|
8
|
+
import { CloseIcon } from '../Icon/index.mjs';
|
|
9
|
+
import { inputStyles, contentStyles, itemStyles, comboboxClearTriggerStyles } from './Select.styles.mjs';
|
|
8
10
|
|
|
9
11
|
const Input = forwardRef(function ComboboxInput({ css, ...props }, ref) {
|
|
10
12
|
return (jsx(Combobox$1.Input, { ref: ref, ...props,
|
|
@@ -21,10 +23,15 @@ const Content = forwardRef(function ComboboxContent({ css, ...props }, ref) {
|
|
|
21
23
|
const Item = forwardRef(function ComboboxItem({ css, ...props }, ref) {
|
|
22
24
|
return (jsx(Combobox$1.Item, { ref: ref, ...props, css: mergeCss(itemStyles, css) }));
|
|
23
25
|
});
|
|
26
|
+
/** Same × as `Select.ClearTrigger`; see there. */
|
|
27
|
+
const ClearTrigger = forwardRef(function ComboboxClearTrigger({ css, children, ...props }, ref) {
|
|
28
|
+
const translate = useTranslate();
|
|
29
|
+
return (jsx(Combobox$1.ClearTrigger, { ref: ref, "aria-label": translate('clear_selection'), ...props, css: mergeCss(comboboxClearTriggerStyles, css), children: children ?? jsx(CloseIcon, { "aria-hidden": true }) }));
|
|
30
|
+
});
|
|
24
31
|
/**
|
|
25
32
|
* Compound Combobox primitives — Chakra's `Combobox` namespace with the
|
|
26
33
|
* Logician design-system styling baked into the visual parts (`Input`,
|
|
27
|
-
* `Content`, `Item`). Use these directly for full compositional control;
|
|
34
|
+
* `Content`, `Item`, `ClearTrigger`). Use these directly for full compositional control;
|
|
28
35
|
* use `ComboboxField` for the common single-select case.
|
|
29
36
|
*/
|
|
30
37
|
const Combobox = {
|
|
@@ -36,7 +43,7 @@ const Combobox = {
|
|
|
36
43
|
Input,
|
|
37
44
|
Trigger: Combobox$1.Trigger,
|
|
38
45
|
IndicatorGroup: Combobox$1.IndicatorGroup,
|
|
39
|
-
ClearTrigger
|
|
46
|
+
ClearTrigger,
|
|
40
47
|
Positioner: Combobox$1.Positioner,
|
|
41
48
|
Content,
|
|
42
49
|
Empty: Combobox$1.Empty,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.mjs","sources":["../../../src/components/Select/Combobox.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCombobox"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Combobox.mjs","sources":["../../../src/components/Select/Combobox.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCombobox"],"mappings":";;;;;;;;;;AAeA,MAAM,KAAK,GAAG,UAAU,CACtB,SAAS,aAAa,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAA;IAC3C,QACEA,GAAA,CAACC,UAAc,CAAC,KAAK,IACnB,GAAG,EAAE,GAAG,EAAA,GACJ,KAAK;;;QAGT,GAAG,EAAE,QAAQ,CAAC,aAAa,EAAE,WAAW,EAAE,GAAG,CAAC,EAAA,CAC9C;AAEN,CAAC,CACF;AAED,MAAM,OAAO,GAAG,UAAU,CACxB,SAAS,eAAe,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAA;IAC7C,QACED,IAACC,UAAc,CAAC,OAAO,EAAA,EACrB,GAAG,EAAE,GAAG;;;AAGR,QAAA,cAAc,EAAC,mBAAmB,EAAA,GAC9B,KAAK,EACT,GAAG,EAAE,QAAQ,CAAC,aAAa,EAAE,GAAG,CAAC,EAAA,CACjC;AAEN,CAAC,CACF;AAED,MAAM,IAAI,GAAG,UAAU,CACrB,SAAS,YAAY,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAA;IAC1C,QACED,IAACC,UAAc,CAAC,IAAI,EAAA,EAClB,GAAG,EAAE,GAAG,EAAA,GACJ,KAAK,EACT,GAAG,EAAE,QAAQ,CAAC,UAAU,EAAE,GAAG,CAAC,EAAA,CAC9B;AAEN,CAAC,CACF;AAED;AACA,MAAM,YAAY,GAAG,UAAU,CAG7B,SAAS,oBAAoB,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAA;AAC9D,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;AAChC,IAAA,QACED,GAAA,CAACC,UAAc,CAAC,YAAY,EAAA,EAC1B,GAAG,EAAE,GAAG,EAAA,YAAA,EACI,SAAS,CAAC,iBAAiB,CAAW,EAAA,GAC9C,KAAK,EACT,GAAG,EAAE,QAAQ,CAAC,0BAA0B,EAAE,GAAG,CAAC,EAAA,QAAA,EAE7C,QAAQ,IAAID,GAAA,CAAC,SAAS,EAAA,EAAA,aAAA,EAAA,IAAA,EAAA,CAAe,EAAA,CACV;AAElC,CAAC,CAAC;AAEF;;;;;AAKG;AACI,MAAM,QAAQ,GAAG;IACtB,IAAI,EAAEC,UAAc,CAAC,IAAI;IACzB,aAAa,EAAEA,UAAc,CAAC,aAAa;IAC3C,OAAO,EAAEA,UAAc,CAAC,OAAO;IAC/B,KAAK,EAAEA,UAAc,CAAC,KAAK;IAC3B,OAAO,EAAEA,UAAc,CAAC,OAAO;IAC/B,KAAK;IACL,OAAO,EAAEA,UAAc,CAAC,OAAO;IAC/B,cAAc,EAAEA,UAAc,CAAC,cAAc;IAC7C,YAAY;IACZ,UAAU,EAAEA,UAAc,CAAC,UAAU;IACrC,OAAO;IACP,KAAK,EAAEA,UAAc,CAAC,KAAK;IAC3B,SAAS,EAAEA,UAAc,CAAC,SAAS;IACnC,cAAc,EAAEA,UAAc,CAAC,cAAc;IAC7C,IAAI;IACJ,QAAQ,EAAEA,UAAc,CAAC,QAAQ;IACjC,aAAa,EAAEA,UAAc,CAAC,aAAa;IAC3C,WAAW,EAAEA,UAAc,CAAC,WAAW;;;;;"}
|
|
@@ -6,7 +6,7 @@ export interface SelectTriggerProps extends ChakraSelect.TriggerProps {
|
|
|
6
6
|
/**
|
|
7
7
|
* Compound Select primitives — Chakra's `Select` namespace with the Logician
|
|
8
8
|
* design-system styling baked into the visual parts (`Trigger`, `Content`,
|
|
9
|
-
* `Item`, `Indicator`). Use these directly for full compositional control
|
|
9
|
+
* `Item`, `Indicator`, `ClearTrigger`). Use these directly for full compositional control
|
|
10
10
|
* (multi-select, grouped options, custom layouts); use `SelectField` for the
|
|
11
11
|
* common single-select case.
|
|
12
12
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAc1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,WAAW,kBAAmB,SAAQ,YAAY,CAAC,YAAY;IACnE,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AA4ED;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;CAoBlB,CAAC"}
|
|
@@ -4,7 +4,9 @@
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var react = require('@chakra-ui/react');
|
|
7
|
+
var useTranslate = require('../../hooks/useTranslate.js');
|
|
7
8
|
var mergeCss = require('../../utils/mergeCss.js');
|
|
9
|
+
var index = require('../Icon/index.js');
|
|
8
10
|
var Select_styles = require('./Select.styles.js');
|
|
9
11
|
|
|
10
12
|
const Trigger = React.forwardRef(function SelectTrigger({ css, variant = 'outline', ...props }, ref) {
|
|
@@ -22,10 +24,20 @@ const Item = React.forwardRef(function SelectItem({ css, ...props }, ref) {
|
|
|
22
24
|
const Indicator = React.forwardRef(function SelectIndicator({ css, ...props }, ref) {
|
|
23
25
|
return (jsxRuntime.jsx(react.Select.Indicator, { ref: ref, ...props, css: mergeCss.mergeCss(Select_styles.indicatorStyles, css) }));
|
|
24
26
|
});
|
|
27
|
+
/**
|
|
28
|
+
* The × that empties the selection. Draws `CloseIcon` when no children are
|
|
29
|
+
* passed, and names itself in the provider's language: Chakra's own name is
|
|
30
|
+
* the English "Clear value" in every locale. Pass `aria-label` to say what is
|
|
31
|
+
* being cleared ("조직 선택 지우기").
|
|
32
|
+
*/
|
|
33
|
+
const ClearTrigger = React.forwardRef(function SelectClearTrigger({ css, children, ...props }, ref) {
|
|
34
|
+
const translate = useTranslate.useTranslate();
|
|
35
|
+
return (jsxRuntime.jsx(react.Select.ClearTrigger, { ref: ref, "aria-label": translate('clear_selection'), ...props, css: mergeCss.mergeCss(Select_styles.selectClearTriggerStyles, css), children: children ?? jsxRuntime.jsx(index.CloseIcon, { "aria-hidden": true }) }));
|
|
36
|
+
});
|
|
25
37
|
/**
|
|
26
38
|
* Compound Select primitives — Chakra's `Select` namespace with the Logician
|
|
27
39
|
* design-system styling baked into the visual parts (`Trigger`, `Content`,
|
|
28
|
-
* `Item`, `Indicator`). Use these directly for full compositional control
|
|
40
|
+
* `Item`, `Indicator`, `ClearTrigger`). Use these directly for full compositional control
|
|
29
41
|
* (multi-select, grouped options, custom layouts); use `SelectField` for the
|
|
30
42
|
* common single-select case.
|
|
31
43
|
*/
|
|
@@ -39,7 +51,7 @@ const Select = {
|
|
|
39
51
|
ValueText: react.Select.ValueText,
|
|
40
52
|
IndicatorGroup: react.Select.IndicatorGroup,
|
|
41
53
|
Indicator,
|
|
42
|
-
ClearTrigger
|
|
54
|
+
ClearTrigger,
|
|
43
55
|
HiddenSelect: react.Select.HiddenSelect,
|
|
44
56
|
Positioner: react.Select.Positioner,
|
|
45
57
|
Content,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraSelect","mergeCss","triggerStyles","ghostTriggerStyles","contentStyles","itemStyles","indicatorStyles"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Select.js","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraSelect","mergeCss","triggerStyles","ghostTriggerStyles","contentStyles","itemStyles","indicatorStyles","useTranslate","selectClearTriggerStyles","CloseIcon"],"mappings":"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"}
|
|
@@ -2,8 +2,10 @@
|
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { forwardRef } from 'react';
|
|
4
4
|
import { Select as Select$1 } from '@chakra-ui/react';
|
|
5
|
+
import { useTranslate } from '../../hooks/useTranslate.mjs';
|
|
5
6
|
import { mergeCss } from '../../utils/mergeCss.mjs';
|
|
6
|
-
import {
|
|
7
|
+
import { CloseIcon } from '../Icon/index.mjs';
|
|
8
|
+
import { ghostTriggerStyles, triggerStyles, contentStyles, itemStyles, indicatorStyles, selectClearTriggerStyles } from './Select.styles.mjs';
|
|
7
9
|
|
|
8
10
|
const Trigger = forwardRef(function SelectTrigger({ css, variant = 'outline', ...props }, ref) {
|
|
9
11
|
return (jsx(Select$1.Trigger, { ref: ref, ...props, css: mergeCss(triggerStyles, variant === 'ghost' && ghostTriggerStyles, css) }));
|
|
@@ -20,10 +22,20 @@ const Item = forwardRef(function SelectItem({ css, ...props }, ref) {
|
|
|
20
22
|
const Indicator = forwardRef(function SelectIndicator({ css, ...props }, ref) {
|
|
21
23
|
return (jsx(Select$1.Indicator, { ref: ref, ...props, css: mergeCss(indicatorStyles, css) }));
|
|
22
24
|
});
|
|
25
|
+
/**
|
|
26
|
+
* The × that empties the selection. Draws `CloseIcon` when no children are
|
|
27
|
+
* passed, and names itself in the provider's language: Chakra's own name is
|
|
28
|
+
* the English "Clear value" in every locale. Pass `aria-label` to say what is
|
|
29
|
+
* being cleared ("조직 선택 지우기").
|
|
30
|
+
*/
|
|
31
|
+
const ClearTrigger = forwardRef(function SelectClearTrigger({ css, children, ...props }, ref) {
|
|
32
|
+
const translate = useTranslate();
|
|
33
|
+
return (jsx(Select$1.ClearTrigger, { ref: ref, "aria-label": translate('clear_selection'), ...props, css: mergeCss(selectClearTriggerStyles, css), children: children ?? jsx(CloseIcon, { "aria-hidden": true }) }));
|
|
34
|
+
});
|
|
23
35
|
/**
|
|
24
36
|
* Compound Select primitives — Chakra's `Select` namespace with the Logician
|
|
25
37
|
* design-system styling baked into the visual parts (`Trigger`, `Content`,
|
|
26
|
-
* `Item`, `Indicator`). Use these directly for full compositional control
|
|
38
|
+
* `Item`, `Indicator`, `ClearTrigger`). Use these directly for full compositional control
|
|
27
39
|
* (multi-select, grouped options, custom layouts); use `SelectField` for the
|
|
28
40
|
* common single-select case.
|
|
29
41
|
*/
|
|
@@ -37,7 +49,7 @@ const Select = {
|
|
|
37
49
|
ValueText: Select$1.ValueText,
|
|
38
50
|
IndicatorGroup: Select$1.IndicatorGroup,
|
|
39
51
|
Indicator,
|
|
40
|
-
ClearTrigger
|
|
52
|
+
ClearTrigger,
|
|
41
53
|
HiddenSelect: Select$1.HiddenSelect,
|
|
42
54
|
Positioner: Select$1.Positioner,
|
|
43
55
|
Content,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.mjs","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraSelect"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Select.mjs","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraSelect"],"mappings":"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"}
|
|
@@ -14,6 +14,12 @@ export declare const triggerStyles: {
|
|
|
14
14
|
borderColor: string;
|
|
15
15
|
boxShadow: string;
|
|
16
16
|
};
|
|
17
|
+
'[data-part=control]:has([data-part=clear-trigger]:not([hidden])) > &': {
|
|
18
|
+
pe: string;
|
|
19
|
+
'& [data-part=value-text]': {
|
|
20
|
+
maxW: string;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
17
23
|
bg: string;
|
|
18
24
|
color: string;
|
|
19
25
|
borderColor: string;
|
|
@@ -76,6 +82,12 @@ export declare const ghostTriggerStyles: {
|
|
|
76
82
|
};
|
|
77
83
|
/** Combobox text input — the typeable control. */
|
|
78
84
|
export declare const inputStyles: {
|
|
85
|
+
'[data-part=control]:has([data-part=clear-trigger]:not([hidden])) > &': {
|
|
86
|
+
pe: string;
|
|
87
|
+
'& [data-part=value-text]': {
|
|
88
|
+
maxW: string;
|
|
89
|
+
};
|
|
90
|
+
};
|
|
79
91
|
bg: string;
|
|
80
92
|
color: string;
|
|
81
93
|
borderColor: string;
|
|
@@ -147,4 +159,88 @@ export declare const itemStyles: {
|
|
|
147
159
|
export declare const indicatorStyles: {
|
|
148
160
|
color: string;
|
|
149
161
|
};
|
|
162
|
+
export declare const selectClearTriggerStyles: {
|
|
163
|
+
position: string;
|
|
164
|
+
display: string;
|
|
165
|
+
alignItems: string;
|
|
166
|
+
justifyContent: string;
|
|
167
|
+
boxSize: string;
|
|
168
|
+
me: string;
|
|
169
|
+
color: string;
|
|
170
|
+
cursor: string;
|
|
171
|
+
_hover: {
|
|
172
|
+
color: string;
|
|
173
|
+
};
|
|
174
|
+
_after: {
|
|
175
|
+
content: string;
|
|
176
|
+
position: string;
|
|
177
|
+
insetEnd: string;
|
|
178
|
+
top: string;
|
|
179
|
+
transform: string;
|
|
180
|
+
h: string;
|
|
181
|
+
borderEndWidth: string;
|
|
182
|
+
borderColor: string;
|
|
183
|
+
pointerEvents: string;
|
|
184
|
+
};
|
|
185
|
+
_hidden: {
|
|
186
|
+
display: string;
|
|
187
|
+
};
|
|
188
|
+
'& svg': {
|
|
189
|
+
width: string;
|
|
190
|
+
height: string;
|
|
191
|
+
};
|
|
192
|
+
'@media (pointer: coarse)': {
|
|
193
|
+
'&::before': {
|
|
194
|
+
content: string;
|
|
195
|
+
position: string;
|
|
196
|
+
insetEnd: number;
|
|
197
|
+
top: string;
|
|
198
|
+
transform: string;
|
|
199
|
+
width: string;
|
|
200
|
+
height: string;
|
|
201
|
+
};
|
|
202
|
+
};
|
|
203
|
+
};
|
|
204
|
+
export declare const comboboxClearTriggerStyles: {
|
|
205
|
+
position: string;
|
|
206
|
+
display: string;
|
|
207
|
+
alignItems: string;
|
|
208
|
+
justifyContent: string;
|
|
209
|
+
boxSize: string;
|
|
210
|
+
me: string;
|
|
211
|
+
color: string;
|
|
212
|
+
cursor: string;
|
|
213
|
+
_hover: {
|
|
214
|
+
color: string;
|
|
215
|
+
};
|
|
216
|
+
_after: {
|
|
217
|
+
content: string;
|
|
218
|
+
position: string;
|
|
219
|
+
insetEnd: string;
|
|
220
|
+
top: string;
|
|
221
|
+
transform: string;
|
|
222
|
+
h: string;
|
|
223
|
+
borderEndWidth: string;
|
|
224
|
+
borderColor: string;
|
|
225
|
+
pointerEvents: string;
|
|
226
|
+
};
|
|
227
|
+
_hidden: {
|
|
228
|
+
display: string;
|
|
229
|
+
};
|
|
230
|
+
'& svg': {
|
|
231
|
+
width: string;
|
|
232
|
+
height: string;
|
|
233
|
+
};
|
|
234
|
+
'@media (pointer: coarse)': {
|
|
235
|
+
'&::before': {
|
|
236
|
+
content: string;
|
|
237
|
+
position: string;
|
|
238
|
+
insetEnd: number;
|
|
239
|
+
top: string;
|
|
240
|
+
transform: string;
|
|
241
|
+
width: string;
|
|
242
|
+
height: string;
|
|
243
|
+
};
|
|
244
|
+
};
|
|
245
|
+
};
|
|
150
246
|
//# sourceMappingURL=Select.styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;
|
|
1
|
+
{"version":3,"file":"Select.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAgDH,8CAA8C;AAC9C,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQzB,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;CAoB9B,CAAC;AAEF,kDAAkD;AAClD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGvB,CAAC;AAEF,mDAAmD;AACnD,eAAO,MAAM,aAAa;;;;;;;CAOzB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB;;;CAG9B,CAAC;AAEF,sDAAsD;AACtD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;CAWtB,CAAC;AAEF,yEAAyE;AACzE,eAAO,MAAM,eAAe;;CAE3B,CAAC;AAwDF,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEpC,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEtC,CAAC"}
|
|
@@ -37,9 +37,26 @@ const fieldBase = {
|
|
|
37
37
|
fontWeight: 'semibold',
|
|
38
38
|
},
|
|
39
39
|
};
|
|
40
|
+
/**
|
|
41
|
+
* Room for the × and its divider at the end of the value, while the × shows.
|
|
42
|
+
*
|
|
43
|
+
* The indicator group overlays the value. Chakra keeps the value off the
|
|
44
|
+
* chevron with `maxW: 80%` on a Select (too little in a narrow filter) and a
|
|
45
|
+
* 1.5× height padding on a Combobox, and neither counts the × with its
|
|
46
|
+
* divider. This reserves the whole group instead: padding on both sides, the
|
|
47
|
+
* × (`8`) with its `me` (`1`), the group `gap` (`1`) and the chevron (`1em`),
|
|
48
|
+
* so a long value ends in an ellipsis before the ×.
|
|
49
|
+
*/
|
|
50
|
+
const clearTriggerRoom = (paddingVar) => ({
|
|
51
|
+
'[data-part=control]:has([data-part=clear-trigger]:not([hidden])) > &': {
|
|
52
|
+
pe: `calc(var(${paddingVar}) * 2 + 3.5em)`,
|
|
53
|
+
'& [data-part=value-text]': { maxW: 'none' },
|
|
54
|
+
},
|
|
55
|
+
});
|
|
40
56
|
/** Select trigger — the clickable control. */
|
|
41
57
|
const triggerStyles = {
|
|
42
58
|
...fieldBase,
|
|
59
|
+
...clearTriggerRoom('--select-trigger-padding-x'),
|
|
43
60
|
cursor: 'pointer',
|
|
44
61
|
_open: {
|
|
45
62
|
borderColor: 'primary.main',
|
|
@@ -78,6 +95,7 @@ const ghostTriggerStyles = {
|
|
|
78
95
|
/** Combobox text input — the typeable control. */
|
|
79
96
|
const inputStyles = {
|
|
80
97
|
...fieldBase,
|
|
98
|
+
...clearTriggerRoom('--combobox-input-padding-x'),
|
|
81
99
|
};
|
|
82
100
|
/** Dropdown panel for both Select and Combobox. */
|
|
83
101
|
const contentStyles = {
|
|
@@ -114,12 +132,69 @@ const itemStyles = {
|
|
|
114
132
|
const indicatorStyles = {
|
|
115
133
|
color: 'fg.muted',
|
|
116
134
|
};
|
|
135
|
+
/**
|
|
136
|
+
* Clear (×) button for both Select and Combobox.
|
|
137
|
+
*
|
|
138
|
+
* Chakra's recipe gives this part a colour and no size, and its default icon
|
|
139
|
+
* is `1em`, so a bare `ClearTrigger` drew a 21px × next to a 14px chevron. The
|
|
140
|
+
* × is the secondary action, so it is smaller (`3.5`, 12px at 14px text) and
|
|
141
|
+
* lighter (`fg.icon`) than the chevron, on an `8` box. `& svg` rather than
|
|
142
|
+
* `_icon` so the size also wins over an icon passed with its own `boxSize`.
|
|
143
|
+
*
|
|
144
|
+
* On a touch screen the hit area widens to 44px, toward the value only: the
|
|
145
|
+
* chevron sits to the right and has to keep opening the list. The height stays
|
|
146
|
+
* the control's own height (`heightVar`), so the area never reaches the field
|
|
147
|
+
* above or below. Every control height is over the 24px KWCAG minimum.
|
|
148
|
+
*/
|
|
149
|
+
const clearTriggerStyles = (heightVar) => ({
|
|
150
|
+
position: 'relative',
|
|
151
|
+
display: 'inline-flex',
|
|
152
|
+
alignItems: 'center',
|
|
153
|
+
justifyContent: 'center',
|
|
154
|
+
boxSize: '8',
|
|
155
|
+
me: '1',
|
|
156
|
+
color: 'fg.icon',
|
|
157
|
+
cursor: 'pointer',
|
|
158
|
+
_hover: { color: 'fg.default' },
|
|
159
|
+
// The divider marks where opening starts: it sits in the `me` gap, takes no
|
|
160
|
+
// clicks, and everything right of it belongs to the chevron.
|
|
161
|
+
_after: {
|
|
162
|
+
content: '""',
|
|
163
|
+
position: 'absolute',
|
|
164
|
+
insetEnd: '-1',
|
|
165
|
+
top: '50%',
|
|
166
|
+
transform: 'translateY(-50%)',
|
|
167
|
+
h: '4',
|
|
168
|
+
borderEndWidth: '1px',
|
|
169
|
+
borderColor: 'border.subtle',
|
|
170
|
+
pointerEvents: 'none',
|
|
171
|
+
},
|
|
172
|
+
// zag hides the × with the `hidden` attribute while nothing is selected,
|
|
173
|
+
// and the `display` above would otherwise override it.
|
|
174
|
+
_hidden: { display: 'none' },
|
|
175
|
+
'& svg': { width: '3.5', height: '3.5' },
|
|
176
|
+
'@media (pointer: coarse)': {
|
|
177
|
+
'&::before': {
|
|
178
|
+
content: '""',
|
|
179
|
+
position: 'absolute',
|
|
180
|
+
insetEnd: 0,
|
|
181
|
+
top: '50%',
|
|
182
|
+
transform: 'translateY(-50%)',
|
|
183
|
+
width: '44px',
|
|
184
|
+
height: `var(${heightVar})`,
|
|
185
|
+
},
|
|
186
|
+
},
|
|
187
|
+
});
|
|
188
|
+
const selectClearTriggerStyles = clearTriggerStyles('--select-trigger-height');
|
|
189
|
+
const comboboxClearTriggerStyles = clearTriggerStyles('--combobox-input-height');
|
|
117
190
|
|
|
191
|
+
exports.comboboxClearTriggerStyles = comboboxClearTriggerStyles;
|
|
118
192
|
exports.contentStyles = contentStyles;
|
|
119
193
|
exports.ghostContentStyles = ghostContentStyles;
|
|
120
194
|
exports.ghostTriggerStyles = ghostTriggerStyles;
|
|
121
195
|
exports.indicatorStyles = indicatorStyles;
|
|
122
196
|
exports.inputStyles = inputStyles;
|
|
123
197
|
exports.itemStyles = itemStyles;
|
|
198
|
+
exports.selectClearTriggerStyles = selectClearTriggerStyles;
|
|
124
199
|
exports.triggerStyles = triggerStyles;
|
|
125
200
|
//# sourceMappingURL=Select.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.styles.js","sources":["../../../src/components/Select/Select.styles.ts"],"sourcesContent":[null],"names":["disabledControl","disabledText"],"mappings":";;;;;AAAA;;;;;;;;AAQG;AAIH,MAAM,SAAS,GAAG;AAChB,IAAA,eAAe,EAAE,mCAAmC;AACpD,IAAA,eAAe,EAAE,mCAAmC;CACrD;AAED,MAAM,SAAS,GAAG;AAChB,IAAA,GAAG,SAAS;AACZ,IAAA,EAAE,EAAE,YAAY;AAChB,IAAA,KAAK,EAAE,YAAY;AACnB,IAAA,WAAW,EAAE,gBAAgB;AAC7B,IAAA,MAAM,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE;AAClC,IAAA,MAAM,EAAE;AACN,QAAA,WAAW,EAAE,cAAc;AAC3B,QAAA,SAAS,EAAE,6CAA6C;AACzD,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,WAAW,EAAE,cAAc;AAC3B,QAAA,MAAM,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE;AACvC,QAAA,MAAM,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE;AACxC,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,GAAGA,+BAAe;AAClB,QAAA,MAAM,EAAE,aAAa;AACrB,QAAA,UAAU,EAAE,UAAU;AACvB,KAAA;CACF;AAED;AACO,MAAM,aAAa,GAAG;AAC3B,IAAA,GAAG,SAAS;
|
|
1
|
+
{"version":3,"file":"Select.styles.js","sources":["../../../src/components/Select/Select.styles.ts"],"sourcesContent":[null],"names":["disabledControl","disabledText"],"mappings":";;;;;AAAA;;;;;;;;AAQG;AAIH,MAAM,SAAS,GAAG;AAChB,IAAA,eAAe,EAAE,mCAAmC;AACpD,IAAA,eAAe,EAAE,mCAAmC;CACrD;AAED,MAAM,SAAS,GAAG;AAChB,IAAA,GAAG,SAAS;AACZ,IAAA,EAAE,EAAE,YAAY;AAChB,IAAA,KAAK,EAAE,YAAY;AACnB,IAAA,WAAW,EAAE,gBAAgB;AAC7B,IAAA,MAAM,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE;AAClC,IAAA,MAAM,EAAE;AACN,QAAA,WAAW,EAAE,cAAc;AAC3B,QAAA,SAAS,EAAE,6CAA6C;AACzD,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,WAAW,EAAE,cAAc;AAC3B,QAAA,MAAM,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE;AACvC,QAAA,MAAM,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE;AACxC,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,GAAGA,+BAAe;AAClB,QAAA,MAAM,EAAE,aAAa;AACrB,QAAA,UAAU,EAAE,UAAU;AACvB,KAAA;CACF;AAED;;;;;;;;;AASG;AACH,MAAM,gBAAgB,GAAG,CAAC,UAAkB,MAAM;AAChD,IAAA,sEAAsE,EAAE;QACtE,EAAE,EAAE,CAAA,SAAA,EAAY,UAAU,CAAA,cAAA,CAAgB;AAC1C,QAAA,0BAA0B,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;AAC7C,KAAA;AACF,CAAA,CAAC;AAEF;AACO,MAAM,aAAa,GAAG;AAC3B,IAAA,GAAG,SAAS;IACZ,GAAG,gBAAgB,CAAC,4BAA4B,CAAC;AACjD,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,KAAK,EAAE;AACL,QAAA,WAAW,EAAE,cAAc;AAC3B,QAAA,SAAS,EAAE,6CAA6C;AACzD,KAAA;;AAGH;;;;;;;AAOG;AACI,MAAM,kBAAkB,GAAG;AAChC,IAAA,EAAE,EAAE,aAAa;AACjB,IAAA,WAAW,EAAE,aAAa;;;;;AAK1B,IAAA,EAAE,EAAE,kDAAkD;IACtD,0BAA0B,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE;AAClE,IAAA,MAAM,EAAE,EAAE,WAAW,EAAE,gBAAgB,EAAE;AACzC,IAAA,SAAS,EAAE;AACT,QAAA,GAAGC,4BAAY;;;;;AAKf,QAAA,KAAK,EAAE,aAAa;AACpB,QAAA,MAAM,EAAE,aAAa;AACrB,QAAA,UAAU,EAAE,UAAU;AACvB,KAAA;;AAGH;AACO,MAAM,WAAW,GAAG;AACzB,IAAA,GAAG,SAAS;IACZ,GAAG,gBAAgB,CAAC,4BAA4B,CAAC;;AAGnD;AACO,MAAM,aAAa,GAAG;AAC3B,IAAA,EAAE,EAAE,YAAY;AAChB,IAAA,WAAW,EAAE,gBAAgB;AAC7B,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,SAAS,EAAE,sCAAsC;AACjD,IAAA,OAAO,EAAE,KAAK;;AAGhB;;;;AAIG;AACI,MAAM,kBAAkB,GAAG;AAChC,IAAA,KAAK,EAAE,aAAa;AACpB,IAAA,IAAI,EAAE,wBAAwB;;AAGhC;AACO,MAAM,UAAU,GAAG;AACxB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,KAAK,EAAE,YAAY;AACnB,IAAA,YAAY,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE;AACpC,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,kBAAkB;AACtB,QAAA,KAAK,EAAE,YAAY;AACnB,QAAA,UAAU,EAAE,MAAM;AACnB,KAAA;IACD,SAAS,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE;;AAG1D;AACO,MAAM,eAAe,GAAG;AAC7B,IAAA,KAAK,EAAE,UAAU;;AAGnB;;;;;;;;;;;;;AAaG;AACH,MAAM,kBAAkB,GAAG,CAAC,SAAiB,MAAM;AACjD,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,cAAc,EAAE,QAAQ;AACxB,IAAA,OAAO,EAAE,GAAG;AACZ,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,MAAM,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE;;;AAG/B,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,IAAI;AACb,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,QAAQ,EAAE,IAAI;AACd,QAAA,GAAG,EAAE,KAAK;AACV,QAAA,SAAS,EAAE,kBAAkB;AAC7B,QAAA,CAAC,EAAE,GAAG;AACN,QAAA,cAAc,EAAE,KAAK;AACrB,QAAA,WAAW,EAAE,eAAe;AAC5B,QAAA,aAAa,EAAE,MAAM;AACtB,KAAA;;;AAGD,IAAA,OAAO,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;IAC5B,OAAO,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE;AACxC,IAAA,0BAA0B,EAAE;AAC1B,QAAA,WAAW,EAAE;AACX,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,QAAQ,EAAE,CAAC;AACX,YAAA,GAAG,EAAE,KAAK;AACV,YAAA,SAAS,EAAE,kBAAkB;AAC7B,YAAA,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,CAAA,IAAA,EAAO,SAAS,CAAA,CAAA,CAAG;AAC5B,SAAA;AACF,KAAA;AACF,CAAA,CAAC;MAEW,wBAAwB,GAAG,kBAAkB,CACxD,yBAAyB;MAGd,0BAA0B,GAAG,kBAAkB,CAC1D,yBAAyB;;;;;;;;;;;;"}
|