Socket
Socket
Sign inDemoInstall

dt-design-system

Package Overview
Dependencies
Maintainers
0
Versions
333
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

dt-design-system - npm Package Compare versions

Comparing version 3.10.17 to 3.10.18

3

es/multiple-select/multiple-select.d.ts

@@ -10,2 +10,3 @@ import * as React from "react";

label?: React.ReactNode;
name?: string;
icon?: keyof typeof Icons | React.FC;

@@ -27,4 +28,4 @@ options: Option[];

};
export default function MultipleSelect({ label, icon, options, values, className, valid, error, compact, loading, disabled, onChange, withSearch, defaultOpened, onOpen, uniqueChoice, ...props }: Props): import("react/jsx-runtime").JSX.Element;
export default function MultipleSelect({ label, name, icon, options, values, className, valid, error, compact, loading, disabled, onChange, withSearch, defaultOpened, onOpen, uniqueChoice, ...props }: Props): import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=multiple-select.d.ts.map

@@ -12,3 +12,3 @@ "use client";

import cssInput from "../input/input.module.css";
export default function MultipleSelect({ label = "", icon, options = [], values = [], className, valid, error, compact, loading, disabled, onChange, withSearch = false, defaultOpened = false, onOpen, uniqueChoice = false, ...props }) {
export default function MultipleSelect({ label = "", name, icon, options = [], values = [], className, valid, error, compact, loading, disabled, onChange, withSearch = false, defaultOpened = false, onOpen, uniqueChoice = false, ...props }) {
const ref = React.useRef(null);

@@ -105,3 +105,3 @@ const inputRef = React.useRef(null);

return (_jsx("div", { role: "listitem", children: _jsx(Checkbox, { label: label, className: classes, checked: !!isSelected, onChange: _onChange(option), disabled: disabled, tabIndex: opened ? 0 : -1 }) }, value));
})] }), children: _jsxs("div", { className: cssInput.fieldWrapper, children: [Icon && _jsx(Icon, {}), _jsx("input", { ref: inputRef, type: "text", ...props, className: cssInput.field, value: valueLabel, "aria-invalid": isValid !== undefined && !isValid, onClick: toggleDropdown, disabled: isDisabled, onKeyDown: handleSpaceKeyPress, readOnly: true }), loading && (_jsx(Loader, { variant: "overlay", className: cssInput.loader }))] }) })] }), error && (_jsx("div", { className: cssInput.errorMessage, role: "alert", children: error }))] }));
})] }), children: _jsxs("div", { className: cssInput.fieldWrapper, children: [Icon && _jsx(Icon, {}), _jsx("input", { ref: inputRef, type: "text", ...props, name: name, className: cssInput.field, value: valueLabel, "aria-invalid": isValid !== undefined && !isValid, onClick: toggleDropdown, disabled: isDisabled, onKeyDown: handleSpaceKeyPress, readOnly: true }), loading && (_jsx(Loader, { variant: "overlay", className: cssInput.loader }))] }) })] }), error && (_jsx("div", { className: cssInput.errorMessage, role: "alert", children: error }))] }));
}

@@ -108,0 +108,0 @@ function getNewValues(option, values, uniqueChoice) {

{
"name": "dt-design-system",
"version": "3.10.17",
"version": "3.10.18",
"type": "module",

@@ -5,0 +5,0 @@ "packageManager": "bun@1.10.0",

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc