@neo4j-ndl/react 3.0.33 → 3.1.0

package/lib/cjs/index.js

@@ -80,4 +80,6 @@ __exportStar(require("./tree-view"), exports);
 __exportStar(require("./toast"), exports);
 __exportStar(require("./callout"), exports);
 __exportStar(require("./tooltip"), exports);
+__exportStar(require("./skeleton"), exports);
+__exportStar(require("./time-picker"), exports);
 //# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,2CAAyB;AACzB,6CAA2B;AAC3B,2CAAyB;AACzB,0CAAwB;AACxB,iDAA+B;AAC/B,gDAA8B;AAC9B,2CAAyB;AACzB,0CAAwB;AACxB,oDAAkC;AAClC,yCAAuB;AACvB,sDAAoC;AACpC,4CAA0B;AAC1B,iDAA+B;AAC/B,6CAA2B;AAC3B,8CAA4B;AAC5B,+CAA6B;AAC7B,8CAA4B;AAC5B,8CAA4B;AAC5B,2CAAyB;AACzB,wCAAsB;AACtB,0CAAwB;AACxB,2CAAyB;AACzB,2CAAyB;AACzB,gDAA8B;AAC9B,yCAAuB;AACvB,qDAAmC;AACnC,oDAAkC;AAClC,+CAA6B;AAC7B,2CAAyB;AACzB,gDAA8B;AAC9B,0CAAwB;AACxB,2CAAyB;AACzB,2CAAyB;AACzB,yCAAuB;AACvB,qDAAmC;AACnC,2CAAyB;AACzB,gDAA8B;AAC9B,oDAAkC;AAClC,4CAA0B;AAC1B,8CAA4B;AAC5B,0CAAwB;AACxB,4CAA0B;AAC1B,4CAA0B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,2CAAyB;AACzB,6CAA2B;AAC3B,2CAAyB;AACzB,0CAAwB;AACxB,iDAA+B;AAC/B,gDAA8B;AAC9B,2CAAyB;AACzB,0CAAwB;AACxB,oDAAkC;AAClC,yCAAuB;AACvB,sDAAoC;AACpC,4CAA0B;AAC1B,iDAA+B;AAC/B,6CAA2B;AAC3B,8CAA4B;AAC5B,+CAA6B;AAC7B,8CAA4B;AAC5B,8CAA4B;AAC5B,2CAAyB;AACzB,wCAAsB;AACtB,0CAAwB;AACxB,2CAAyB;AACzB,2CAAyB;AACzB,gDAA8B;AAC9B,yCAAuB;AACvB,qDAAmC;AACnC,oDAAkC;AAClC,+CAA6B;AAC7B,2CAAyB;AACzB,gDAA8B;AAC9B,0CAAwB;AACxB,2CAAyB;AACzB,2CAAyB;AACzB,yCAAuB;AACvB,qDAAmC;AACnC,2CAAyB;AACzB,gDAA8B;AAC9B,oDAAkC;AAClC,4CAA0B;AAC1B,8CAA4B;AAC5B,0CAAwB;AACxB,4CAA0B;AAC1B,4CAA0B;AAC1B,6CAA2B;AAC3B,gDAA8B"}

package/lib/cjs/popover/Popover.js

@@ -84,7 +84,7 @@ const usePopoverContext = () => {
     return context;
 };
 exports.usePopoverContext = usePopoverContext;
-const Popover = ({ children, anchorElement, placement, isOpen, offset, anchorPosition, hasAnchorPortal, shouldCaptureFocus = false, onOpenChange, role, }) => {
+const Popover = ({ children, anchorElement, placement, isOpen, offset, anchorPosition, hasAnchorPortal, shouldCaptureFocus = false, initialFocus, onOpenChange, role, }) => {
     const popover = (0, use_popover_1.usePopover)({
         placement: placement ? exports.placementTranslation[placement] : undefined,
         isOpen: isOpen,
@@ -94,6 +94,7 @@ const Popover = ({ children, anchorElement, placement, isOpen, offset, anchorPos
         anchorPosition,
         onOpenChange: onOpenChange,
         shouldCaptureFocus: shouldCaptureFocus,
+        initialFocus,
         role,
     });
     return ((0, jsx_runtime_1.jsx)(PopoverContext.Provider, { value: popover, children: children }));
@@ -126,7 +127,7 @@ const PopoverContent = react_1.default.forwardRef(function PopoverContent({ as,
         return null;
     return ((0, jsx_runtime_1.jsx)(react_2.FloatingPortal, { root: context.anchorElementAsPortalAnchor
             ? context.refs.reference.current
-            : null, children: (0, jsx_runtime_1.jsx)(react_2.FloatingFocusManager, { context: floatingContext, modal: context.shouldCaptureFocus, children: (0, jsx_runtime_1.jsx)(Component, Object.assign({ className: classes, "aria-labelledby": context.labelId, "aria-describedby": context.descriptionId, style: Object.assign(Object.assign(Object.assign({}, context.floatingStyles), context.transitionStyles), style), ref: ref }, context.getFloatingProps(Object.assign({}, htmlAttributes)), { children: children })) }) }));
+            : null, children: (0, jsx_runtime_1.jsx)(react_2.FloatingFocusManager, { context: floatingContext, modal: context.shouldCaptureFocus, initialFocus: context.initialFocus, children: (0, jsx_runtime_1.jsx)(Component, Object.assign({ className: classes, "aria-labelledby": context.labelId, "aria-describedby": context.descriptionId, style: Object.assign(Object.assign(Object.assign({}, context.floatingStyles), context.transitionStyles), style), ref: ref }, context.getFloatingProps(Object.assign({}, htmlAttributes)), { children: children })) }) }));
 });
 exports.Popover.Trigger = PopoverTrigger;
 exports.Popover.Content = PopoverContent;

package/lib/cjs/popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/popover/Popover.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/popover/Popover.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/popover/use-popover.js

@@ -24,7 +24,7 @@ exports.usePopover = usePopover;
 const react_1 = require("@floating-ui/react");
 const base_1 = require("@neo4j-ndl/base");
 const react_2 = require("react");
-function usePopover({ isInitialOpen = false, placement = 'bottom', isOpen: controlledOpen, onOpenChange: setControlledOpen, offsetOption = 10, anchorElement, anchorPosition, anchorElementAsPortalAnchor, shouldCaptureFocus, role: roleProp, } = {}) {
+function usePopover({ isInitialOpen = false, placement = 'bottom', isOpen: controlledOpen, onOpenChange: setControlledOpen, offsetOption = 10, anchorElement, anchorPosition, anchorElementAsPortalAnchor, shouldCaptureFocus, initialFocus, role: roleProp, } = {}) {
     var _a;
     const [isOpenUncontrolled, setIsOpenUncontrolled] = (0, react_2.useState)(isInitialOpen);
     const [labelId, setLabelId] = (0, react_2.useState)();
@@ -76,7 +76,8 @@ function usePopover({ isInitialOpen = false, placement = 'bottom', isOpen: contr
         setLabelId,
         setDescriptionId,
         anchorElementAsPortalAnchor,
-        shouldCaptureFocus })), [
+        shouldCaptureFocus,
+        initialFocus })), [
         isOpen,
         setIsOpen,
         interactions,
@@ -86,6 +87,7 @@ function usePopover({ isInitialOpen = false, placement = 'bottom', isOpen: contr
         descriptionId,
         anchorElementAsPortalAnchor,
         shouldCaptureFocus,
+        initialFocus,
     ]);
 }
 //# sourceMappingURL=use-popover.js.map

package/lib/cjs/popover/use-popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-popover.js","sourceRoot":"","sources":["../../../src/popover/use-popover.tsx"],"names":[],"mappings":";;AA4EA,gCAwFC;AApKD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,8CAe4B;AAC5B,0CAAyC;AACzC,iCAA0C;AAuC1C,SAAgB,UAAU,CAAC,EACzB,aAAa,GAAG,KAAK,EACrB,SAAS,GAAG,QAAQ,EACpB,MAAM,EAAE,cAAc,EACtB,YAAY,EAAE,iBAAiB,EAC/B,YAAY,GAAG,EAAE,EACjB,aAAa,EACb,cAAc,EACd,2BAA2B,EAC3B,kBAAkB,EAClB,IAAI,EAAE,QAAQ,MACI,EAAE;;IACpB,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,IAAA,gBAAQ,EAAC,aAAa,CAAC,CAAC;IAC5E,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,GAAsB,CAAC;IAC7D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,GAAsB,CAAC;IACzE,MAAM,MAAM,GAAG,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,kBAAkB,CAAC;IACpD,MAAM,SAAS,GAAG,iBAAiB,aAAjB,iBAAiB,cAAjB,iBAAiB,GAAI,qBAAqB,CAAC;IAC7D,MAAM,IAAI,GAAG,IAAA,mBAAW,EAAC;QACvB,IAAI,EAAE,MAAM;QACZ,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAC5B,SAAS,CAAC,IAAI,CAAC,CAAC;YAChB,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAG,IAAI,EAAE,KAAK,CAAC,CAAC;QACnC,CAAC;QACD,SAAS,EAAE,SAAS;QACpB,UAAU,EAAE;YACV,IAAA,cAAM,EAAC,YAAY,CAAC;YACpB,IAAA,YAAI,EAAC;gBACH,SAAS,EAAE,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC;gBAClC,yBAAyB,EAAE,KAAK;gBAChC,OAAO,EAAE,CAAC;aACX,CAAC;YACF,IAAA,aAAK,EAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;SACtB;QACD,QAAQ,EAAE;YACR,SAAS,EAAE,aAAa;SACzB;QACD,oBAAoB,EAAE,kBAAU;KACjC,CAAC,CAAC;IACH,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;IAE7B,MAAM,KAAK,GAAG,IAAA,gBAAQ,EAAC,OAAO,EAAE;QAC9B,OAAO,EAAE,cAAc,KAAK,SAAS;KACtC,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,OAAO,CAAC,CAAC;IACpC,MAAM,IAAI,GAAG,IAAA,eAAO,EAAC,OAAO,EAAE;QAC5B,IAAI,EAAE,QAAQ;KACf,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,IAAA,sBAAc,EAAC,OAAO,EAAE;QAC1C,CAAC,EAAE,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,CAAC;QACpB,CAAC,EAAE,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,CAAC;QACpB,OAAO,EAAE,cAAc,KAAK,SAAS;KACtC,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,IAAA,uBAAe,EAAC,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC;IAE1E,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,2BAAmB,EAAC,OAAO,EAAE;QAChE,QAAQ,EACN,MAAA,MAAM,CAAC,QAAQ,CAAC,aAAM,CAAC,WAAW,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,mCAAI,CAAC;KACrE,CAAC,CAAC;IAEH,OAAO,IAAA,eAAO,EACZ,GAAG,EAAE,CAAC,6CACJ,MAAM;QACN,SAAS,IACN,YAAY,GACZ,IAAI,KACP,gBAAgB;QAChB,OAAO;QACP,aAAa;QACb,UAAU;QACV,gBAAgB;QAChB,2BAA2B;QAC3B,kBAAkB,IAClB,EACF;QACE,MAAM;QACN,SAAS;QACT,YAAY;QACZ,IAAI;QACJ,gBAAgB;QAChB,OAAO;QACP,aAAa;QACb,2BAA2B;QAC3B,kBAAkB;KACnB,CACF,CAAC;AACJ,CAAC"}
+{"version":3,"file":"use-popover.js","sourceRoot":"","sources":["../../../src/popover/use-popover.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/select/Overrides.js

@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CustomOption = exports.CustomPlaceholder = exports.CustomMultiValueRemove = exports.CustomClearIndication = exports.DropdownIndicatorCurrying = void 0;
+exports.CustomOption = exports.CustomMenuList = exports.CustomMenuPortal = exports.CustomMenu = exports.CustomSingleValue = exports.CustomInput = exports.CustomValueContainer = exports.CustomIndicatorsContainer = exports.CustomControl = exports.CustomPlaceholder = exports.CustomMultiValue = exports.CustomClearIndication = exports.DropdownIndicatorCurrying = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable @typescript-eslint/no-unused-vars */
 /**
@@ -39,47 +39,193 @@ const react_select_1 = require("react-select");
 const defaultImports_1 = require("../_common/defaultImports");
 const icons_1 = require("../icons");
 const checkbox_1 = require("../checkbox");
-const DropdownIndicatorCurrying = ({ errorText, size, }) => function Component(props) {
-    const { isDisabled, selectProps } = props;
-    const classes = (0, defaultImports_1.classNames)('ndl-select-icon', {
+const tag_1 = require("../tag");
+const theme_1 = require("../theme");
+const DropdownIndicatorCurrying = ({ size, }) => function Component(props) {
+    const classes = (0, defaultImports_1.classNames)('ndl-select-dropdown-indicator', {
+        'ndl-is-multi': props.isMulti,
+        'ndl-disabled': props.isDisabled,
+        'ndl-focused': props.isFocused,
         'ndl-small': size === 'small',
         'ndl-medium': size === 'medium',
         'ndl-large': size === 'large',
-        'ndl-disabled': isDisabled,
     });
-    return ((0, jsx_runtime_1.jsx)(react_select_1.components.DropdownIndicator, Object.assign({}, props, { children: (0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-flex-row n-gap-token-5", children: [(0, jsx_runtime_1.jsx)(icons_1.ChevronDownIconOutline, { className: classes, style: {
-                        transform: selectProps.menuIsOpen
-                            ? 'rotate(180deg)'
-                            : 'rotate(0deg)',
-                        transitionDuration: base_1.tokens.transitions.values.duration.quick,
-                    } }), errorText && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "ndl-indicator" }), (0, jsx_runtime_1.jsx)(icons_1.ExclamationCircleIconSolid, { className: `ndl-error-icon ${classes}`, role: "img", type: "solid" })] }))] }) })));
+    return ((0, jsx_runtime_1.jsx)(react_select_1.components.DropdownIndicator, Object.assign({}, props, { className: classes, children: (0, jsx_runtime_1.jsx)(icons_1.ChevronDownIconOutline, { className: "ndl-select-icon", style: {
+                transform: props.selectProps.menuIsOpen
+                    ? 'rotate(180deg)'
+                    : 'rotate(0deg)',
+                transitionDuration: base_1.tokens.transitions.values.duration.quick,
+            } }) })));
 };
 exports.DropdownIndicatorCurrying = DropdownIndicatorCurrying;
-const CustomClearIndication = ({ errorText, size, }) => function Component(props) {
-    return ((0, jsx_runtime_1.jsx)(react_select_1.components.ClearIndicator, Object.assign({}, props, { children: (0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-flex-row n-gap-token-5", children: [(0, jsx_runtime_1.jsx)(icons_1.XMarkIconOutline, { className: "n-size-5 n-text-palette-neutral-text-weak n-cursor-pointer" }), (0, jsx_runtime_1.jsx)("div", { className: "ndl-indicator" })] }) })));
+const CustomClearIndication = ({ size, }) => function Component(_a) {
+    var { className } = _a, restProps = __rest(_a, ["className"]);
+    const classes = (0, defaultImports_1.classNames)('ndl-select-clear', className, {
+        'ndl-is-multi': restProps.isMulti,
+        'ndl-focused': restProps.isFocused,
+        'ndl-small': size === 'small',
+        'ndl-medium': size === 'medium',
+        'ndl-large': size === 'large',
+    });
+    return ((0, jsx_runtime_1.jsx)(react_select_1.components.ClearIndicator, Object.assign({}, restProps, { className: classes, children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(icons_1.XMarkIconOutline, {}), (0, jsx_runtime_1.jsx)("div", { className: "ndl-select-divider" })] }) })));
 };
 exports.CustomClearIndication = CustomClearIndication;
-const CustomMultiValueRemove = ({ errorText, size, }) => function Component(props) {
-    return ((0, jsx_runtime_1.jsx)(react_select_1.components.MultiValueRemove, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(icons_1.XMarkIconOutline, { className: "n-text-palette-neutral-text-weak", style: {
-                height: size === 'small' ? '16px' : '20px',
-            } }) })));
+const CustomMultiValue = ({ size, }) => function Component(_a) {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    const classes = (0, defaultImports_1.classNames)('ndl-select-multi-value', className, {
+        'ndl-is-multi': restProps.isMulti,
+        'ndl-disabled': restProps.isDisabled,
+        'ndl-focused': restProps.isFocused,
+        'ndl-small': size === 'small',
+        'ndl-medium': size === 'medium',
+        'ndl-large': size === 'large',
+    });
+    return ((0, jsx_runtime_1.jsx)(react_select_1.components.MultiValueContainer, Object.assign({}, restProps, { children: (0, jsx_runtime_1.jsx)("div", { className: classes, children: (0, jsx_runtime_1.jsx)(tag_1.Tag, { size: size, isRemovable: true, onRemove: (e) => {
+                    var _a, _b;
+                    e.preventDefault();
+                    (_b = (_a = restProps.removeProps).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+                }, htmlAttributes: {
+                    onMouseDown: (e) => e.preventDefault(),
+                }, children: children }) }) })));
 };
-exports.CustomMultiValueRemove = CustomMultiValueRemove;
-const CustomPlaceholder = ({ errorText, size, }) => function Component(_a) {
-    var { children } = _a, restProps = __rest(_a, ["children"]);
-    return ((0, jsx_runtime_1.jsx)(react_select_1.components.Placeholder, Object.assign({}, restProps, { children: (0, jsx_runtime_1.jsx)("div", { className: "ndl-placeholder", children: children }) })));
+exports.CustomMultiValue = CustomMultiValue;
+const CustomPlaceholder = ({ size, }) => function Component(_a) {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    const classes = (0, defaultImports_1.classNames)('ndl-select-placeholder', className, {
+        'ndl-is-multi': restProps.isMulti,
+        'ndl-disabled': restProps.isDisabled,
+        'ndl-focused': restProps.isFocused,
+        'ndl-small': size === 'small',
+        'ndl-medium': size === 'medium',
+        'ndl-large': size === 'large',
+    });
+    return ((0, jsx_runtime_1.jsx)(react_select_1.components.Placeholder, Object.assign({}, restProps, { className: classes, children: children })));
 };
 exports.CustomPlaceholder = CustomPlaceholder;
-const CustomOption = ({ errorText, size, }) => function Component(_a) {
-    var { children } = _a, restProps = __rest(_a, ["children"]);
-    const classes = (0, defaultImports_1.classNames)('ndl-select-option', restProps.className, {
-        'n-body-medium': size === 'small' || size === 'medium',
-        'n-body-large': size === 'large',
+const CustomControl = ({ size, hasBorder, errorText, }) => function Component(_a) {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    const classes = (0, defaultImports_1.classNames)('ndl-select-control', className, {
+        'ndl-is-multi': restProps.isMulti,
+        'ndl-disabled': restProps.isDisabled,
+        'ndl-focused': restProps.isFocused,
+        'ndl-small': size === 'small',
+        'ndl-medium': size === 'medium',
+        'ndl-large': size === 'large',
+        'ndl-has-border': hasBorder,
+        'ndl-has-error': !!errorText,
+    });
+    return ((0, jsx_runtime_1.jsx)(react_select_1.components.Control, Object.assign({}, restProps, { className: classes, children: children })));
+};
+exports.CustomControl = CustomControl;
+const CustomIndicatorsContainer = ({ size, }) => function Component(_a) {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    const classes = (0, defaultImports_1.classNames)('ndl-select-indicators-container', className, {
+        'ndl-is-multi': restProps.isMulti,
+        'ndl-disabled': restProps.isDisabled,
+        'ndl-small': size === 'small',
+        'ndl-medium': size === 'medium',
+        'ndl-large': size === 'large',
+    });
+    return ((0, jsx_runtime_1.jsx)(react_select_1.components.IndicatorsContainer, Object.assign({}, restProps, { className: classes, children: children })));
+};
+exports.CustomIndicatorsContainer = CustomIndicatorsContainer;
+const CustomValueContainer = ({ size, }) => function Component(_a) {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    const classes = (0, defaultImports_1.classNames)('ndl-select-value-container', className, {
+        'ndl-is-multi': restProps.isMulti,
+        'ndl-disabled': restProps.isDisabled,
+        'ndl-small': size === 'small',
+        'ndl-medium': size === 'medium',
+        'ndl-large': size === 'large',
+    });
+    return ((0, jsx_runtime_1.jsx)(react_select_1.components.ValueContainer, Object.assign({}, restProps, { className: classes, children: children })));
+};
+exports.CustomValueContainer = CustomValueContainer;
+const CustomInput = ({ size, }) => function Component(_a) {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    const classes = (0, defaultImports_1.classNames)('ndl-select-input', className, {
+        'ndl-is-multi': restProps.isMulti,
+        'ndl-disabled': restProps.isDisabled,
+        'ndl-small': size === 'small',
+        'ndl-medium': size === 'medium',
+        'ndl-large': size === 'large',
+    });
+    return (0, jsx_runtime_1.jsx)(react_select_1.components.Input, Object.assign({}, restProps, { className: classes }));
+};
+exports.CustomInput = CustomInput;
+const CustomSingleValue = ({ size, }) => function Component(_a) {
+    var { className } = _a, restProps = __rest(_a, ["className"]);
+    const classes = (0, defaultImports_1.classNames)('ndl-select-single-value', className, {
+        'ndl-is-multi': restProps.isMulti,
+        'ndl-disabled': restProps.isDisabled,
+        'ndl-small': size === 'small',
+        'ndl-medium': size === 'medium',
+        'ndl-large': size === 'large',
+    });
+    return (0, jsx_runtime_1.jsx)(react_select_1.components.SingleValue, Object.assign({}, restProps, { className: classes }));
+};
+exports.CustomSingleValue = CustomSingleValue;
+/** Overrides that are part of the popover menu */
+const CustomMenu = ({ size, }) => function Component(_a) {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    const { themeClassName } = (0, theme_1.useNeedleTheme)();
+    const classes = (0, defaultImports_1.classNames)('ndl-select-menu', className, themeClassName, {
+        'ndl-is-multi': restProps.isMulti,
+        'ndl-small': size === 'small',
+        'ndl-medium': size === 'medium',
+        'ndl-large': size === 'large',
+    });
+    return ((0, jsx_runtime_1.jsx)(react_select_1.components.Menu, Object.assign({}, restProps, { className: classes, children: children })));
+};
+exports.CustomMenu = CustomMenu;
+const CustomMenuPortal = ({ size, }) => function Component(_a) {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    const classes = (0, defaultImports_1.classNames)(className, 'ndl-select-menu-portal', {
+        'ndl-is-multi': restProps.isMulti,
+        'ndl-small': size === 'small',
+        'ndl-medium': size === 'medium',
+        'ndl-large': size === 'large',
+    });
+    return ((0, jsx_runtime_1.jsx)(react_select_1.components.MenuPortal, Object.assign({}, restProps, { className: classes, children: children })));
+};
+exports.CustomMenuPortal = CustomMenuPortal;
+const CustomMenuList = ({ size, }) => function Component(_a) {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    const classes = (0, defaultImports_1.classNames)(className, 'ndl-select-menu-list', {
+        'ndl-is-multi': restProps.isMulti,
+        'ndl-small': size === 'small',
+        'ndl-medium': size === 'medium',
+        'ndl-large': size === 'large',
+    });
+    return ((0, jsx_runtime_1.jsx)(react_select_1.components.MenuList, Object.assign({}, restProps, { className: classes, children: children })));
+};
+exports.CustomMenuList = CustomMenuList;
+const CustomOption = ({ size, }) => function Component(_a) {
+    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+    const classes = (0, defaultImports_1.classNames)(className, 'ndl-select-option', {
+        'ndl-is-multi': restProps.isMulti,
+        'ndl-disabled': restProps.isDisabled,
+        'ndl-selected': restProps.isSelected,
+        'ndl-focused': restProps.isFocused,
+        'ndl-small': size === 'small',
+        'ndl-medium': size === 'medium',
+        'ndl-large': size === 'large',
     });
-    return ((0, jsx_runtime_1.jsxs)(react_select_1.components.Option, Object.assign({}, restProps, { className: classes, children: [restProps.isMulti == true && ((0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, { isChecked: restProps.isSelected, ariaLabel: restProps.label, isDisabled: restProps.isDisabled, htmlAttributes: {
+    return ((0, jsx_runtime_1.jsxs)(react_select_1.components.Option, Object.assign({}, restProps, { className: classes, children: [restProps.isMulti === true && ((0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, { isChecked: restProps.isSelected, isReadOnly: true, ariaLabel: restProps.label, isDisabled: restProps.isDisabled, htmlAttributes: {
+                    onPointerDown: (e) => {
+                        var _a, _b;
+                        e.preventDefault();
+                        (_b = (_a = restProps.innerProps).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+                    },
+                    onTouchStart: (e) => {
+                        var _a, _b;
+                        e.preventDefault();
+                        (_b = (_a = restProps.innerProps).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+                    },
                     disabled: true,
                     'aria-hidden': true,
                     role: 'presentation',
+                    tabIndex: -1,
                 } })), children] })));
 };
 exports.CustomOption = CustomOption;

package/lib/cjs/select/Overrides.js.map

@@ -1 +1 @@
-{"version":3,"file":"Overrides.js","sourceRoot":"","sources":["../../../src/select/Overrides.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Overrides.js","sourceRoot":"","sources":["../../../src/select/Overrides.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/select/Select.js

@@ -34,6 +34,7 @@ const defaultImports_1 = require("../_common/defaultImports");
 const utils_1 = require("../_common/utils");
 const helpers_1 = require("../helpers");
 const Overrides_1 = require("./Overrides");
+const icons_1 = require("../icons");
 /**
  *
  *
@@ -45,166 +46,31 @@ const overrideComponents = (props) => ({
     DropdownIndicator: (0, Overrides_1.DropdownIndicatorCurrying)(props),
     IndicatorSeparator: null,
     ClearIndicator: (0, Overrides_1.CustomClearIndication)(props),
-    MultiValueRemove: (0, Overrides_1.CustomMultiValueRemove)(props),
     Placeholder: (0, Overrides_1.CustomPlaceholder)(props),
     Option: (0, Overrides_1.CustomOption)(props),
+    MultiValue: (0, Overrides_1.CustomMultiValue)(props),
+    Control: (0, Overrides_1.CustomControl)(props),
+    IndicatorsContainer: (0, Overrides_1.CustomIndicatorsContainer)(props),
+    ValueContainer: (0, Overrides_1.CustomValueContainer)(props),
+    Input: (0, Overrides_1.CustomInput)(props),
+    SingleValue: (0, Overrides_1.CustomSingleValue)(props),
+    Menu: (0, Overrides_1.CustomMenu)(props),
+    MenuPortal: (0, Overrides_1.CustomMenuPortal)(props),
+    MenuList: (0, Overrides_1.CustomMenuList)(props),
 });
-const customStyles = ({ errorText, size, hasBorder, selectProps, }) => {
-    const focusedBorderColor = errorText
-        ? 'rgb(var(--theme-palette-danger-border-strong))'
-        : 'rgb(var(--theme-palette-primary-focus))';
-    const defaultBorder = errorText
-        ? 'rgb(var(--theme-palette-danger-border-strong))'
-        : 'rgb(var(--theme-palette-neutral-border-strong))';
-    const OUTER_BORDER_WIDTH = (state) => (state.isFocused || errorText ? 2 : 1);
-    const BORDER_WIDTH = 1;
-    const SMALL_TARGET_HEIGHT = 24;
-    const MEDIUM_TARGET_HEIGHT = 36;
-    const LARGE_TARGET_HEIGHT = 48;
-    const getTargetHeight = (size) => {
-        let targetHeight = SMALL_TARGET_HEIGHT;
-        if (size === 'small') {
-            targetHeight = SMALL_TARGET_HEIGHT;
-        }
-        else if (size === 'medium') {
-            targetHeight = MEDIUM_TARGET_HEIGHT;
-        }
-        else if (size === 'large') {
-            targetHeight = LARGE_TARGET_HEIGHT;
-        }
-        return targetHeight;
-    };
-    const getFontSize = (size) => {
-        if (size === 'small' || size === 'medium')
-            return '14px';
-        if (size === 'large')
-            return '16px';
-        return '16px';
-    };
-    const getLineHeight = (size) => {
-        if (size === 'small' || size === 'medium')
-            return '20px';
-        if (size === 'large')
-            return '24px';
-        return '24px';
-    };
+const customStyles = () => {
     return {
-        control: (provided, state) => (Object.assign(Object.assign({}, provided), { minHeight: getTargetHeight(size), 
-            // Avoid shifting with border of 2px
-            // Source: https://stackoverflow.com/a/9612782/3247715
-            boxShadow: state.isFocused
-                ? `0 0 0 ${OUTER_BORDER_WIDTH(state)}px ${focusedBorderColor}`
-                : 'none', fontSize: getFontSize(size), lineHeight: getLineHeight(size), backgroundColor: 'rgb(var(--theme-palette-neutral-bg-weak))', outline: 'none', borderWidth: BORDER_WIDTH, borderStyle: hasBorder ? 'solid' : 'none', borderColor: state.isFocused ? focusedBorderColor : defaultBorder, '&:hover': {
-                borderColor: state.isFocused ? focusedBorderColor : defaultBorder,
-            } })),
-        singleValue: (provided, state) => (Object.assign(Object.assign({}, provided), { color: state.isDisabled
-                ? 'rgb(var(--theme-palette-neutral-text-weakest))'
-                : 'rgb(var(--theme-palette-neutral-text-default))' })),
-        multiValue: (provided) => (Object.assign(Object.assign({}, provided), { borderRadius: '4px', maxWidth: '95%', backgroundColor: 'rgb(var(--theme-palette-neutral-bg-strong))', color: 'rgb(var(--theme-palette-neutral-text-default))' })),
-        multiValueLabel: (provided) => (Object.assign(Object.assign({}, provided), { color: 'rgb(var(--theme-palette-neutral-text-default))' })),
-        multiValueRemove: (provided) => (Object.assign(Object.assign({}, provided), { '&:hover': {
-                cursor: 'pointer !important',
-                backgroundColor: 'rgb(var(--theme-palette-danger-hover-weak))',
-            } })),
-        dropdownIndicator: (provided) => (Object.assign(Object.assign({}, provided), { cursor: 'pointer', 
-            // 16 is icon size
-            padding: size === 'small'
-                ? `${(getTargetHeight(size) - 16 - 2 * BORDER_WIDTH) / 2}px`
-                : '7px' })),
-        indicatorsContainer: (provided) => (Object.assign(Object.assign({}, provided), { 
-            /**
-             * The right icon has padding of 8px so:
-             * padding-right: 8px+desired
-             */
-            paddingRight: size === 'small' || size === 'medium' ? '4px' : '8px' })),
-        clearIndicator: (provided) => (Object.assign(Object.assign({}, provided), { 
-            // 16 is icon size
-            padding: size === 'small'
-                ? `${(getTargetHeight(size) - 16 - 2 * BORDER_WIDTH) / 2}px`
-                : '0px' })),
-        /**
-         * Only for multi-select, make the padding
-         * 2px everywhere when we have at least one
-         * value selected
-         */
-        valueContainer: (provided, state) => (Object.assign(Object.assign({}, provided), { padding: size === 'small'
-                ? '0 0 0 8px'
-                : state.isMulti && state.hasValue
-                    ? '2px'
-                    : '2px 8px' })),
-        menu: (provided) => (Object.assign(Object.assign({}, provided), { backgroundColor: 'rgb(var(--theme-palette-neutral-bg-weak))', zIndex: 'var(--z-index-30)' })),
-        menuPortal: (provided) => (Object.assign(Object.assign({}, provided), { zIndex: 'var(--z-index-30)' })),
-        menuList: (provided) => (Object.assign(Object.assign({}, provided), { cursor: 'auto !important', padding: '8px' })),
-        option: (provided, state) => {
-            let backgroundColor;
-            let color;
-            let hoverColor;
-            const isMulti = Boolean(selectProps.isMulti);
-            // Apply background color based on state
-            if (state.isDisabled) {
-                backgroundColor = 'transparent';
-            }
-            else if (state.isSelected) {
-                backgroundColor = isMulti
-                    ? 'transparent'
-                    : 'rgb(var(--theme-palette-primary-bg-selected))';
-            }
-            else if (state.isFocused) {
-                backgroundColor = 'rgb(var(--theme-palette-neutral-hover))';
-            }
-            else {
-                backgroundColor = 'transparent';
-            }
-            //Apply the same logic for color
-            if (state.isSelected && isMulti) {
-                color = 'rgb(var(--theme-palette-neutral-text-default))';
-            }
-            else if (state.isDisabled) {
-                color = 'rgb(var(--theme-palette-neutral-text-weakest))';
-            }
-            else if (state.isSelected) {
-                color = 'rgb(var(--theme-palette-primary-text))';
-            }
-            else {
-                color = 'rgb(var(--theme-palette-neutral-text-default))';
-            }
-            if (isMulti) {
-                if (state.isDisabled) {
-                    hoverColor = 'transparent';
-                }
-                else {
-                    hoverColor = 'rgb(var(--theme-palette-neutral-hover))';
-                }
-            }
-            else {
-                hoverColor = backgroundColor;
-            }
-            return Object.assign(Object.assign(Object.assign(Object.assign({}, provided), { position: 'relative', borderRadius: '8px', marginBottom: '2px', cursor: state.isDisabled
-                    ? 'not-allowed !important'
-                    : 'pointer !important', 
-                /** Pass undefined to allow CSS rules to apply */
-                fontSize: undefined, lineHeight: undefined, backgroundColor: backgroundColor, color: color, '&:hover': {
-                    backgroundColor: hoverColor,
-                } }), (state.isSelected &&
-                !isMulti && {
-                '&::before': {
-                    content: '""',
-                    position: 'absolute',
-                    width: '4px',
-                    height: '100%',
-                    backgroundColor: 'rgb(var(--theme-palette-primary-bg-strong))',
-                    borderRadius: '0 100px 100px 0',
-                    left: '-8px',
-                    top: '0px',
-                },
-            })), { overflowWrap: 'break-word' });
-        },
-        input: (provided) => (Object.assign(Object.assign({}, provided), { padding: size === 'small' ? '0px' : undefined, margin: size === 'small' ? '0px' : undefined, lineHeight: getLineHeight(size), height: size === 'small'
-                ? `${getTargetHeight(size) - 2 * BORDER_WIDTH}px`
-                : undefined, color: 'rgb(var(--theme-palette-neutral-text-default))' })),
-        placeholder: (provided) => (Object.assign(Object.assign({}, provided), { height: size === 'small'
-                ? `${getTargetHeight(size) - 2 * BORDER_WIDTH}px`
-                : undefined, color: 'rgb(var(--theme-palette-neutral-text-weaker))' })),
+        control: () => ({}),
+        menuList: () => ({}),
+        option: () => ({}),
+        valueContainer: (provided) => (Object.assign(Object.assign({}, provided), { padding: '0' })),
+        indicatorsContainer: () => ({}),
+        dropdownIndicator: () => ({}),
+        clearIndicator: () => ({}),
+        input: () => ({}),
+        singleValue: () => ({}),
+        placeholder: () => ({}),
+        menu: () => ({}),
     };
 };
 exports.Select = (0, helpers_1.forwardRef)(function Select(props, ref) {
@@ -213,13 +79,9 @@ exports.Select = (0, helpers_1.forwardRef)(function Select(props, ref) {
     const ComponentOverrides = (0, react_1.useMemo)(() => overrideComponents({
         errorText,
         size,
-    }), [errorText, size]);
-    const StyleOverrides = (0, react_1.useMemo)(() => customStyles({
-        errorText,
-        size,
         hasBorder,
-        selectProps,
-    }), [errorText, size, hasBorder, selectProps]);
+    }), [errorText, size, hasBorder]);
+    const StyleOverrides = (0, react_1.useMemo)(() => customStyles(), []);
     const identifier = (0, react_1.useMemo)(() => {
         if (typeof label === 'string')
             return label;
@@ -243,12 +105,14 @@ exports.Select = (0, helpers_1.forwardRef)(function Select(props, ref) {
     }
     const classes = (0, defaultImports_1.classNames)('ndl-select', props.className, {
         'ndl-small': size === 'small',
+        'ndl-medium': size === 'medium',
         'ndl-large': size === 'large',
         'ndl-fluid': isFluid,
         'ndl-disabled': selectProps.isDisabled,
         'ndl-multi': selectProps.isMulti,
         'ndl-creatable': type === 'creatable',
+        'ndl-has-error': !!errorText,
     });
-    return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({ "aria-label": ariaLabel, ref: ref, className: classes, style: style }, htmlAttributes, { children: [label && (0, jsx_runtime_1.jsx)("label", { htmlFor: identifier, children: label }), SelectElement, helpText && !errorText && ((0, jsx_runtime_1.jsx)("span", { className: "ndl-sub-text", children: helpText })), errorText && ((0, jsx_runtime_1.jsx)("span", { className: "ndl-sub-text ndl-error-text", children: errorText }))] })));
+    return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({ "aria-label": ariaLabel, ref: ref, className: classes, style: style }, htmlAttributes, { children: [label && (0, jsx_runtime_1.jsx)("label", { htmlFor: identifier, children: label }), SelectElement, helpText && !errorText && ((0, jsx_runtime_1.jsx)("span", { className: "ndl-sub-text", children: helpText })), errorText && ((0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-flex-row n-gap-token-3 n-items-center", children: [(0, jsx_runtime_1.jsx)(icons_1.ExclamationCircleIconSolid, { className: (0, defaultImports_1.classNames)('ndl-error-icon', classes), role: "img", type: "solid" }), (0, jsx_runtime_1.jsx)("span", { className: "ndl-sub-text ndl-error-text", children: errorText })] }))] })));
 });
 //# sourceMappingURL=Select.js.map