@strapi/design-system 2.0.0-rc.21 → 2.0.0-rc.22
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/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/components/Combobox/Combobox.d.ts +3 -2
- package/dist/components/Combobox/Combobox.d.ts.map +1 -1
- package/dist/components/JSONInput/JSONInput.d.ts.map +1 -1
- package/dist/components/Modal/Modal.d.ts.map +1 -1
- package/dist/components/Radio/Radio.d.ts.map +1 -1
- package/dist/components/Textarea/Textarea.d.ts.map +1 -1
- package/dist/components/TimePicker/TimePicker.d.ts.map +1 -1
- package/dist/index.js +83 -26
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +83 -26
- package/dist/index.mjs.map +1 -1
- package/dist/styles/global.d.ts.map +1 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,QAAQ,MAAM,0BAA0B,CAAC;AAmCrD,UAAU,eAAgB,SAAQ,QAAQ,CAAC,aAAa;CAAG;AAE3D,KAAK,eAAe,GAAG,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,QAAQ,MAAM,0BAA0B,CAAC;AAmCrD,UAAU,eAAgB,SAAQ,QAAQ,CAAC,aAAa;CAAG;AAE3D,KAAK,eAAe,GAAG,iBAAiB,CAAC;AAiFzC,UAAU,aAAc,SAAQ,eAAe;CAAG;AAElD,QAAA,MAAM,YAAY,yFAehB,CAAC;AAEH,OAAO,EAAE,YAAY,IAAI,QAAQ,EAAE,CAAC;AACpC,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,eAAe,EAAE,CAAC"}
|
|
@@ -3,15 +3,16 @@ import { Combobox as ComboboxPrimitive } from '@strapi/ui-primitives';
|
|
|
3
3
|
import { Field } from '../Field';
|
|
4
4
|
interface ComboboxProps extends Pick<ComboboxPrimitive.RootProps, 'allowCustomValue' | 'autocomplete' | 'children' | 'disabled' | 'defaultTextValue' | 'defaultOpen' | 'defaultFilterValue' | 'filterValue' | 'isPrintableCharacter' | 'open' | 'onOpenChange' | 'onFilterValueChange' | 'onTextValueChange' | 'required' | 'textValue' | 'value'>, Pick<Field.InputProps, 'hasError' | 'name' | 'id'>, Omit<ComboboxPrimitive.TextInputProps, 'required' | 'disabled' | 'value' | 'onChange' | 'size'> {
|
|
5
5
|
clearLabel?: string;
|
|
6
|
-
creatable?: boolean;
|
|
6
|
+
creatable?: boolean | 'visible';
|
|
7
7
|
createMessage?: (value: string) => string;
|
|
8
|
+
creatableStartIcon?: React.ReactNode;
|
|
8
9
|
hasMoreItems?: boolean;
|
|
9
10
|
loading?: boolean;
|
|
10
11
|
loadingMessage?: string;
|
|
11
12
|
noOptionsMessage?: (value: string) => string;
|
|
12
13
|
onChange?: ComboboxPrimitive.RootProps['onValueChange'];
|
|
13
14
|
onClear?: React.MouseEventHandler<HTMLButtonElement | HTMLDivElement>;
|
|
14
|
-
onCreateOption?: (value
|
|
15
|
+
onCreateOption?: (value?: string) => void;
|
|
15
16
|
onLoadMore?: (entry: IntersectionObserverEntry) => void;
|
|
16
17
|
onInputChange?: React.ChangeEventHandler<HTMLInputElement>;
|
|
17
18
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AActE,OAAO,EAAE,KAAK,EAAY,MAAM,UAAU,CAAC;AAQ3C,UAAU,aACR,SAAQ,IAAI,CACR,iBAAiB,CAAC,SAAS,EACzB,kBAAkB,GAClB,cAAc,GACd,UAAU,GACV,UAAU,GACV,kBAAkB,GAClB,aAAa,GACb,oBAAoB,GACpB,aAAa,GACb,sBAAsB,GACtB,MAAM,GACN,cAAc,GACd,qBAAqB,GACrB,mBAAmB,GACnB,UAAU,GACV,WAAW,GACX,OAAO,CACV,EACD,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,UAAU,GAAG,MAAM,GAAG,IAAI,CAAC,EAClD,IAAI,CAAC,iBAAiB,CAAC,cAAc,EAAE,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC;IACjG,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AActE,OAAO,EAAE,KAAK,EAAY,MAAM,UAAU,CAAC;AAQ3C,UAAU,aACR,SAAQ,IAAI,CACR,iBAAiB,CAAC,SAAS,EACzB,kBAAkB,GAClB,cAAc,GACd,UAAU,GACV,UAAU,GACV,kBAAkB,GAClB,aAAa,GACb,oBAAoB,GACpB,aAAa,GACb,sBAAsB,GACtB,MAAM,GACN,cAAc,GACd,qBAAqB,GACrB,mBAAmB,GACnB,UAAU,GACV,WAAW,GACX,OAAO,CACV,EACD,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,UAAU,GAAG,MAAM,GAAG,IAAI,CAAC,EAClD,IAAI,CAAC,iBAAiB,CAAC,cAAc,EAAE,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC;IACjG,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1C,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7C,QAAQ,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;IACxD,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,GAAG,cAAc,CAAC,CAAC;IACtE,cAAc,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACxD,aAAa,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IAC3D;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACjB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,KAAK,oBAAoB,GAAG,gBAAgB,CAAC;AAE7C,QAAA,MAAM,QAAQ,wFA4Ob,CAAC;AA6IF,UAAU,mBAAoB,SAAQ,iBAAiB,CAAC,SAAS;IAC/D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,QAAA,MAAM,MAAM,4FAYX,CAAC;AA8BF,OAAO,EAAE,QAAQ,EAAE,MAAM,IAAI,cAAc,EAAE,CAAC;AAC9C,YAAY,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JSONInput.d.ts","sourceRoot":"","sources":["../../../src/components/JSONInput/JSONInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAuB,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAEvE,OAAO,EAAE,KAAK,EAAY,MAAM,UAAU,CAAC;AAM3C,UAAU,cAAe,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,UAAU,GAAG,UAAU,GAAG,IAAI,CAAC;IAClH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,UAAU,YAAa,SAAQ,OAAO,CAAC,WAAW,CAAC;IACjD,KAAK,IAAI,IAAI,CAAC;CACf;AAED,QAAA,MAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"JSONInput.d.ts","sourceRoot":"","sources":["../../../src/components/JSONInput/JSONInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAuB,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAEvE,OAAO,EAAE,KAAK,EAAY,MAAM,UAAU,CAAC;AAM3C,UAAU,cAAe,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,UAAU,GAAG,UAAU,GAAG,IAAI,CAAC;IAClH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,UAAU,YAAa,SAAQ,OAAO,CAAC,WAAW,CAAC;IACjD,KAAK,IAAI,IAAI,CAAC;CACf;AAED,QAAA,MAAM,SAAS,kGA+Id,CAAC;AAqCF,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AAIjD,OAAO,EAA4B,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACjF,OAAO,EAAc,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE1E,OAAO,EAAc,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAOzE,UAAU,KAAM,SAAQ,MAAM,CAAC,WAAW;CAAG;AAE7C,QAAA,MAAM,IAAI,8BAAc,CAAC;AAMzB,KAAK,cAAc,GAAG,iBAAiB,CAAC;AAExC,UAAU,YAAa,SAAQ,IAAI,CAAC,MAAM,CAAC,kBAAkB,EAAE,SAAS,CAAC;CAAG;AAE5E,QAAA,MAAM,OAAO,wFAEX,CAAC;AAMH,KAAK,cAAc,GAAG,cAAc,CAAC;AAErC,UAAU,YAAa,SAAQ,MAAM,CAAC,kBAAkB;CAAG;AAE3D,QAAA,MAAM,OAAO,qFAOX,CAAC;AAuDH,KAAK,YAAY,GAAG,iBAAiB,CAAC;AAEtC,UAAU,UAAW,SAAQ,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,SAAS,CAAC;CAAG;AAExE,QAAA,MAAM,KAAK,sFAET,CAAC;AAMH,KAAK,aAAa,GAAG,cAAc,CAAC;AAEpC,UAAU,WAAY,SAAQ,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC;IAC5D;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,QAAA,MAAM,MAAM,iGAsBX,CAAC;AAUF,KAAK,YAAY,GAAG,kBAAkB,CAAC;AAEvC,UAAU,UAAW,SAAQ,eAAe,CAAC,IAAI,CAAC;CAAG;AAErD,QAAA,MAAM,KAAK,uFAMT,CAAC;AAMH,KAAK,WAAW,GAAG,cAAc,CAAC;AAElC,UAAU,SAAU,SAAQ,eAAe;CAAG;AAE9C,QAAA,MAAM,IAAI,kFAMR,CAAC;AAmBH,KAAK,aAAa,GAAG,cAAc,CAAC;AAEpC,UAAU,WAAY,SAAQ,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC;CAAG;AAEjE,QAAA,MAAM,MAAM,iGAaV,CAAC;AAOH,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AACtE,YAAY,EACV,KAAK,EACL,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,cAAc,EACd,aAAa,EACb,WAAW,EACX,YAAY,EACZ,UAAU,EACV,WAAW,EACX,SAAS,EACT,aAAa,EACb,WAAW,GACZ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,UAAU,MAAM,6BAA6B,CAAC;AAY1D,KAAK,YAAY,GAAG,cAAc,CAAC;AAEnC,UAAU,UAAW,SAAQ,UAAU,CAAC,eAAe;CAAG;AAE1D,QAAA,MAAM,KAAK,mFAET,CAAC;AAYH,KAAK,WAAW,GAAG,iBAAiB,CAAC;AAErC,UAAU,SAAU,SAAQ,UAAU,CAAC,mBAAmB;CAAG;AAE7D,QAAA,MAAM,IAAI,qFAaR,CAAC;
|
|
1
|
+
{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,UAAU,MAAM,6BAA6B,CAAC;AAY1D,KAAK,YAAY,GAAG,cAAc,CAAC;AAEnC,UAAU,UAAW,SAAQ,UAAU,CAAC,eAAe;CAAG;AAE1D,QAAA,MAAM,KAAK,mFAET,CAAC;AAYH,KAAK,WAAW,GAAG,iBAAiB,CAAC;AAErC,UAAU,SAAU,SAAQ,UAAU,CAAC,mBAAmB;CAAG;AAE7D,QAAA,MAAM,IAAI,qFAaR,CAAC;AAiEH,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;AACvB,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAqB,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEnE,OAAO,EAAE,KAAK,EAAY,MAAM,UAAU,CAAC;AAE3C,UAAU,aACR,SAAQ,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,UAAU,CAAC,EAC5C,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,UAAU,GAAG,IAAI,GAAG,MAAM,GAAG,UAAU,CAAC;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,QAAA,MAAM,QAAQ,wGAsCb,CAAC;
|
|
1
|
+
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAqB,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEnE,OAAO,EAAE,KAAK,EAAY,MAAM,UAAU,CAAC;AAE3C,UAAU,aACR,SAAQ,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,UAAU,CAAC,EAC5C,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,UAAU,GAAG,IAAI,GAAG,MAAM,GAAG,UAAU,CAAC;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,QAAA,MAAM,QAAQ,wGAsCb,CAAC;AA2BF,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAY,aAAa,EAAwC,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAY,aAAa,EAAwC,MAAM,sBAAsB,CAAC;AAerG,MAAM,WAAW,eACf,SAAQ,IAAI,CACV,aAAa,EACX,UAAU,GACV,cAAc,GACd,WAAW,GACX,aAAa,GACb,kBAAkB,GAClB,qBAAqB,GACrB,aAAa,GACb,OAAO,GACP,cAAc,GACd,kBAAkB,GAClB,WAAW,GACX,mBAAmB,CACtB;IACD;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,UAAU,0FAiHtB,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1840,7 +1840,7 @@ const MenuContent = React__namespace.forwardRef(
|
|
|
1840
1840
|
({ children, intersectionId, onCloseAutoFocus, popoverPlacement = "bottom-start", ...props }, ref) => {
|
|
1841
1841
|
const [side, align] = popoverPlacement.split("-");
|
|
1842
1842
|
return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuContent, { align, side, loop: true, onCloseAutoFocus, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1843
|
-
Viewport$
|
|
1843
|
+
Viewport$1,
|
|
1844
1844
|
{
|
|
1845
1845
|
ref,
|
|
1846
1846
|
direction: "column",
|
|
@@ -1864,7 +1864,7 @@ const MenuContent = React__namespace.forwardRef(
|
|
|
1864
1864
|
) }) });
|
|
1865
1865
|
}
|
|
1866
1866
|
);
|
|
1867
|
-
const Viewport$
|
|
1867
|
+
const Viewport$1 = styledComponents.styled(Flex)`
|
|
1868
1868
|
scrollbar-width: none;
|
|
1869
1869
|
-ms-overflow-style: none;
|
|
1870
1870
|
-webkit-overflow-scrolling: touch;
|
|
@@ -2003,7 +2003,7 @@ const SubmenuTrigger = styledComponents.styled(OptionButton)`
|
|
|
2003
2003
|
`;
|
|
2004
2004
|
const MenuSubContent = React__namespace.forwardRef((props, ref) => {
|
|
2005
2005
|
return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu__namespace.SubContent, { sideOffset: 8, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2006
|
-
Viewport$
|
|
2006
|
+
Viewport$1,
|
|
2007
2007
|
{
|
|
2008
2008
|
ref,
|
|
2009
2009
|
direction: "column",
|
|
@@ -2242,6 +2242,10 @@ const CheckboxIndicator = styledComponents.styled(Checkbox__namespace.Indicator)
|
|
|
2242
2242
|
cursor: pointer;
|
|
2243
2243
|
justify-content: center;
|
|
2244
2244
|
align-items: center;
|
|
2245
|
+
|
|
2246
|
+
&[data-disabled] {
|
|
2247
|
+
cursor: not-allowed;
|
|
2248
|
+
}
|
|
2245
2249
|
`;
|
|
2246
2250
|
const CheckboxImpl = React__namespace.forwardRef(({ children, ...restProps }, forwardedRef) => {
|
|
2247
2251
|
const labelId = useId(restProps.id);
|
|
@@ -3001,6 +3005,7 @@ const Combobox = React__namespace.forwardRef(
|
|
|
3001
3005
|
className,
|
|
3002
3006
|
clearLabel = "Clear",
|
|
3003
3007
|
creatable = false,
|
|
3008
|
+
creatableStartIcon,
|
|
3004
3009
|
createMessage = (value2) => `Create "${value2}"`,
|
|
3005
3010
|
defaultFilterValue,
|
|
3006
3011
|
defaultTextValue,
|
|
@@ -3084,8 +3089,10 @@ const Combobox = React__namespace.forwardRef(
|
|
|
3084
3089
|
}
|
|
3085
3090
|
};
|
|
3086
3091
|
const handleCreateItemClick = () => {
|
|
3087
|
-
if (onCreateOption && internalTextValue) {
|
|
3092
|
+
if (onCreateOption && internalTextValue && creatable !== "visible") {
|
|
3088
3093
|
onCreateOption(internalTextValue);
|
|
3094
|
+
} else if (onCreateOption && creatable === "visible") {
|
|
3095
|
+
onCreateOption();
|
|
3089
3096
|
}
|
|
3090
3097
|
};
|
|
3091
3098
|
const generatedIntersectionId = useId();
|
|
@@ -3112,12 +3119,12 @@ const Combobox = React__namespace.forwardRef(
|
|
|
3112
3119
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3113
3120
|
uiPrimitives.Combobox.Root,
|
|
3114
3121
|
{
|
|
3115
|
-
autocomplete: autocomplete || (creatable ? "list" : "both"),
|
|
3122
|
+
autocomplete: autocomplete || (creatable === true ? "list" : "both"),
|
|
3116
3123
|
onOpenChange: handleOpenChange,
|
|
3117
3124
|
open: internalIsOpen,
|
|
3118
3125
|
onTextValueChange: handleTextValueChange,
|
|
3119
3126
|
textValue: internalTextValue,
|
|
3120
|
-
allowCustomValue: creatable || allowCustomValue,
|
|
3127
|
+
allowCustomValue: !!creatable || allowCustomValue,
|
|
3121
3128
|
disabled,
|
|
3122
3129
|
required,
|
|
3123
3130
|
value,
|
|
@@ -3125,6 +3132,7 @@ const Combobox = React__namespace.forwardRef(
|
|
|
3125
3132
|
filterValue: internalFilterValue,
|
|
3126
3133
|
onFilterValueChange: handleFilterValueChange,
|
|
3127
3134
|
isPrintableCharacter: isPrintableCharacter2,
|
|
3135
|
+
visible: creatable === "visible",
|
|
3128
3136
|
children: [
|
|
3129
3137
|
/* @__PURE__ */ jsxRuntime.jsxs(Trigger$5, { $hasError: hasError, $size: size, className, children: [
|
|
3130
3138
|
/* @__PURE__ */ jsxRuntime.jsxs(Flex, { flex: "1", tag: "span", gap: 3, children: [
|
|
@@ -3160,21 +3168,18 @@ const Combobox = React__namespace.forwardRef(
|
|
|
3160
3168
|
/* @__PURE__ */ jsxRuntime.jsx(DownIcon$1, { children: /* @__PURE__ */ jsxRuntime.jsx(icons.CaretDown, { fill: "neutral500" }) })
|
|
3161
3169
|
] })
|
|
3162
3170
|
] }),
|
|
3163
|
-
/* @__PURE__ */ jsxRuntime.jsx(uiPrimitives.Combobox.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(Content$5, { sideOffset: 4, children: /* @__PURE__ */ jsxRuntime.
|
|
3164
|
-
children
|
|
3165
|
-
|
|
3166
|
-
uiPrimitives.Combobox.
|
|
3167
|
-
{
|
|
3168
|
-
|
|
3169
|
-
|
|
3170
|
-
|
|
3171
|
-
|
|
3172
|
-
}
|
|
3173
|
-
) : null
|
|
3174
|
-
|
|
3175
|
-
loading ? /* @__PURE__ */ jsxRuntime.jsx(Flex, { justifyContent: "center", alignItems: "center", paddingTop: 2, paddingBottom: 2, children: /* @__PURE__ */ jsxRuntime.jsx(Loader, { small: true, children: loadingMessage }) }) : null,
|
|
3176
|
-
/* @__PURE__ */ jsxRuntime.jsx(Box, { id: intersectionId, width: "100%", height: "1px" })
|
|
3177
|
-
] }) }) }) })
|
|
3171
|
+
/* @__PURE__ */ jsxRuntime.jsx(uiPrimitives.Combobox.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(Content$5, { sideOffset: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(uiPrimitives.Combobox.Viewport, { ref: viewportRef, children: [
|
|
3172
|
+
/* @__PURE__ */ jsxRuntime.jsxs(ScrollAreaCombobox, { children: [
|
|
3173
|
+
children,
|
|
3174
|
+
creatable !== true && !loading ? /* @__PURE__ */ jsxRuntime.jsx(uiPrimitives.Combobox.NoValueFound, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(OptionBox, { $hasHover: false, children: /* @__PURE__ */ jsxRuntime.jsx(Typography, { children: noOptionsMessage(internalTextValue ?? "") }) }) }) : null,
|
|
3175
|
+
loading ? /* @__PURE__ */ jsxRuntime.jsx(Flex, { justifyContent: "center", alignItems: "center", paddingTop: 2, paddingBottom: 2, children: /* @__PURE__ */ jsxRuntime.jsx(Loader, { small: true, children: loadingMessage }) }) : null,
|
|
3176
|
+
/* @__PURE__ */ jsxRuntime.jsx(Box, { id: intersectionId, width: "100%", height: "1px" })
|
|
3177
|
+
] }),
|
|
3178
|
+
creatable ? /* @__PURE__ */ jsxRuntime.jsx(ComboboxCreateItem, { onPointerUp: handleCreateItemClick, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(OptionBox, { children: /* @__PURE__ */ jsxRuntime.jsxs(Flex, { gap: 2, children: [
|
|
3179
|
+
creatableStartIcon && /* @__PURE__ */ jsxRuntime.jsx(Box, { tag: "span", "aria-hidden": true, display: "inline-flex", children: creatableStartIcon }),
|
|
3180
|
+
/* @__PURE__ */ jsxRuntime.jsx(Typography, { children: createMessage(internalTextValue ?? "") })
|
|
3181
|
+
] }) }) }) : null
|
|
3182
|
+
] }) }) })
|
|
3178
3183
|
]
|
|
3179
3184
|
}
|
|
3180
3185
|
);
|
|
@@ -3259,6 +3264,11 @@ const Content$5 = styledComponents.styled(uiPrimitives.Combobox.Content)`
|
|
|
3259
3264
|
max-height: 15rem;
|
|
3260
3265
|
z-index: ${({ theme }) => theme.zIndices.popover};
|
|
3261
3266
|
|
|
3267
|
+
&:focus-visible {
|
|
3268
|
+
outline: ${({ theme }) => `2px solid ${theme.colors.primary600}`};
|
|
3269
|
+
outline-offset: 2px;
|
|
3270
|
+
}
|
|
3271
|
+
|
|
3262
3272
|
@media (prefers-reduced-motion: no-preference) {
|
|
3263
3273
|
animation-duration: ${(props) => props.theme.motion.timings["200"]};
|
|
3264
3274
|
|
|
@@ -3276,7 +3286,29 @@ const Content$5 = styledComponents.styled(uiPrimitives.Combobox.Content)`
|
|
|
3276
3286
|
}
|
|
3277
3287
|
}
|
|
3278
3288
|
`;
|
|
3279
|
-
const
|
|
3289
|
+
const ComboboxCreateItem = styledComponents.styled(uiPrimitives.Combobox.CreateItem)`
|
|
3290
|
+
&& {
|
|
3291
|
+
border-top: 1px solid ${({ theme }) => theme.colors.neutral150};
|
|
3292
|
+
background: ${({ theme }) => theme.colors.neutral0};
|
|
3293
|
+
cursor: pointer;
|
|
3294
|
+
padding: ${({ theme }) => theme.spaces[1]};
|
|
3295
|
+
position: sticky;
|
|
3296
|
+
bottom: 0;
|
|
3297
|
+
left: 0;
|
|
3298
|
+
}
|
|
3299
|
+
&&:hover,
|
|
3300
|
+
&&[data-highlighted] {
|
|
3301
|
+
background-color: transparent;
|
|
3302
|
+
}
|
|
3303
|
+
&& > div {
|
|
3304
|
+
padding: ${({ theme }) => theme.spaces[2]} ${({ theme }) => theme.spaces[4]};
|
|
3305
|
+
}
|
|
3306
|
+
&& > div:hover,
|
|
3307
|
+
&&[data-highlighted] > div {
|
|
3308
|
+
background-color: ${({ theme }) => theme.colors.primary100};
|
|
3309
|
+
}
|
|
3310
|
+
`;
|
|
3311
|
+
const ScrollAreaCombobox = styledComponents.styled(ScrollAreaImpl$1)`
|
|
3280
3312
|
padding: ${({ theme }) => theme.spaces[1]};
|
|
3281
3313
|
`;
|
|
3282
3314
|
const Option = React__namespace.forwardRef(
|
|
@@ -3569,6 +3601,14 @@ ${styledComponents.css`
|
|
|
3569
3601
|
outline-offset: 2px;
|
|
3570
3602
|
}
|
|
3571
3603
|
|
|
3604
|
+
*:has(> :disabled:not(button)) {
|
|
3605
|
+
cursor: not-allowed !important;
|
|
3606
|
+
}
|
|
3607
|
+
|
|
3608
|
+
[aria-disabled='true']:not(button) {
|
|
3609
|
+
cursor: not-allowed !important;
|
|
3610
|
+
}
|
|
3611
|
+
|
|
3572
3612
|
/* Focusing the button with a mouse, touch, or stylus will show a subtle drop shadow. */
|
|
3573
3613
|
*:focus:not(:focus-visible) {
|
|
3574
3614
|
outline: none;
|
|
@@ -4715,6 +4755,9 @@ const convertUTCDateToCalendarDate = (date$1) => {
|
|
|
4715
4755
|
const isNotAlphabeticalCharacter = (str) => {
|
|
4716
4756
|
return Boolean(str.match(/^[^a-zA-Z]*$/));
|
|
4717
4757
|
};
|
|
4758
|
+
function escapeForRegex(str = "") {
|
|
4759
|
+
return str.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
|
|
4760
|
+
}
|
|
4718
4761
|
const TimePicker$1 = React__namespace.forwardRef(
|
|
4719
4762
|
({ step = 15, value: valueProp, defaultValue, onChange, ...restProps }, forwardedRef) => {
|
|
4720
4763
|
const context = useDesignSystem("TimePicker");
|
|
@@ -4778,6 +4821,8 @@ const TimePicker$1 = React__namespace.forwardRef(
|
|
|
4778
4821
|
setTextValue(actualValue);
|
|
4779
4822
|
}
|
|
4780
4823
|
}, [valueProp, setTextValue]);
|
|
4824
|
+
const escapedSeparator = escapeForRegex(separator);
|
|
4825
|
+
const pattern = `\\d{2}${escapedSeparator}\\d{2}`;
|
|
4781
4826
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4782
4827
|
Combobox,
|
|
4783
4828
|
{
|
|
@@ -4791,7 +4836,7 @@ const TimePicker$1 = React__namespace.forwardRef(
|
|
|
4791
4836
|
autocomplete: "none",
|
|
4792
4837
|
startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Clock, { fill: "neutral500" }),
|
|
4793
4838
|
inputMode: "numeric",
|
|
4794
|
-
pattern
|
|
4839
|
+
pattern,
|
|
4795
4840
|
textValue,
|
|
4796
4841
|
onTextValueChange: handleTextValueChange,
|
|
4797
4842
|
onBlur: handleBlur,
|
|
@@ -5094,6 +5139,7 @@ const JSONInput = React__namespace.forwardRef(
|
|
|
5094
5139
|
JSONInputContainer,
|
|
5095
5140
|
{
|
|
5096
5141
|
ref: composedRefs,
|
|
5142
|
+
$disabled: disabled,
|
|
5097
5143
|
$hasError: hasError,
|
|
5098
5144
|
alignItems: "stretch",
|
|
5099
5145
|
fontSize: 2,
|
|
@@ -5117,6 +5163,7 @@ const JSONInputContainer = styledComponents.styled(Flex)`
|
|
|
5117
5163
|
background-color: #32324d;
|
|
5118
5164
|
width: 100%;
|
|
5119
5165
|
outline: none;
|
|
5166
|
+
cursor: ${({ $disabled }) => $disabled ? "not-allowed" : "text"};
|
|
5120
5167
|
}
|
|
5121
5168
|
|
|
5122
5169
|
.cm-scroller {
|
|
@@ -5188,19 +5235,23 @@ const SkipToContent = ({ children }) => {
|
|
|
5188
5235
|
}
|
|
5189
5236
|
);
|
|
5190
5237
|
};
|
|
5191
|
-
const setOpacity = (hex, alpha) => `${hex}${Math.floor(alpha * 255).toString(16).padStart(2, "0")}`;
|
|
5192
5238
|
const Root$3 = Dialog__namespace.Root;
|
|
5193
5239
|
const Trigger$2 = React__namespace.forwardRef((props, forwardedRef) => {
|
|
5194
5240
|
return /* @__PURE__ */ jsxRuntime.jsx(Dialog__namespace.Trigger, { ...props, asChild: true, ref: forwardedRef });
|
|
5195
5241
|
});
|
|
5196
5242
|
const Content$2 = React__namespace.forwardRef((props, forwardedRef) => {
|
|
5197
|
-
return /* @__PURE__ */ jsxRuntime.
|
|
5243
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(Dialog__namespace.Portal, { children: [
|
|
5244
|
+
/* @__PURE__ */ jsxRuntime.jsx(Overlay, {}),
|
|
5245
|
+
/* @__PURE__ */ jsxRuntime.jsx(ContentImpl, { ref: forwardedRef, ...props })
|
|
5246
|
+
] });
|
|
5198
5247
|
});
|
|
5199
5248
|
const Overlay = styledComponents.styled(Dialog__namespace.Overlay)`
|
|
5200
|
-
background: ${(props) =>
|
|
5249
|
+
background-color: ${(props) => props.theme.colors.neutral800};
|
|
5201
5250
|
position: fixed;
|
|
5202
5251
|
inset: 0;
|
|
5203
5252
|
z-index: ${(props) => props.theme.zIndices.overlay};
|
|
5253
|
+
opacity: 0.2;
|
|
5254
|
+
will-change: opacity;
|
|
5204
5255
|
|
|
5205
5256
|
@media (prefers-reduced-motion: no-preference) {
|
|
5206
5257
|
animation: ${ANIMATIONS.overlayFadeIn} ${(props) => props.theme.motion.timings["200"]}
|
|
@@ -5676,6 +5727,7 @@ const RadioGroupItem = styledComponents.styled(RadioGroup__namespace.Item)`
|
|
|
5676
5727
|
border-radius: 50%;
|
|
5677
5728
|
border: 1px solid ${(props) => props.theme.colors.neutral300};
|
|
5678
5729
|
position: relative;
|
|
5730
|
+
cursor: pointer;
|
|
5679
5731
|
z-index: 0;
|
|
5680
5732
|
|
|
5681
5733
|
@media (prefers-reduced-motion: no-preference) {
|
|
@@ -5688,6 +5740,7 @@ const RadioGroupItem = styledComponents.styled(RadioGroup__namespace.Item)`
|
|
|
5688
5740
|
}
|
|
5689
5741
|
|
|
5690
5742
|
&[data-disabled] {
|
|
5743
|
+
cursor: not-allowed;
|
|
5691
5744
|
background-color: ${(props) => props.theme.colors.neutral200};
|
|
5692
5745
|
}
|
|
5693
5746
|
|
|
@@ -7038,6 +7091,10 @@ const TextareaElement = styledComponents.styled(Box)`
|
|
|
7038
7091
|
&:focus-within {
|
|
7039
7092
|
outline: none;
|
|
7040
7093
|
}
|
|
7094
|
+
|
|
7095
|
+
&:disabled {
|
|
7096
|
+
cursor: not-allowed;
|
|
7097
|
+
}
|
|
7041
7098
|
`;
|
|
7042
7099
|
const Toggle = React__namespace.forwardRef(
|
|
7043
7100
|
({
|