sccoreui 5.1.8 → 5.2.0
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/App.scss +15 -1
- package/dist/components/sc-multi-select/scMultiSelect.js +10 -0
- package/dist/index.js +5 -3
- package/dist/types/components/sc-multi-select/scMultiSelect.d.ts +3 -0
- package/dist/types/components/types/type.d.ts +16 -0
- package/dist/types/index.d.ts +1 -0
- package/package.json +1 -1
package/dist/App.scss
CHANGED
|
@@ -801,4 +801,18 @@ button[aria-expanded="true"] {
|
|
|
801
801
|
}
|
|
802
802
|
}
|
|
803
803
|
|
|
804
|
-
/////// Custom list_box_dropdown ///////////
|
|
804
|
+
/////// Custom list_box_dropdown ///////////
|
|
805
|
+
|
|
806
|
+
//ScMulti Select//
|
|
807
|
+
.sc_multiSelect .p-multiselect-clear-icon {
|
|
808
|
+
right: 42px !important;
|
|
809
|
+
}
|
|
810
|
+
|
|
811
|
+
.sc_multiSelect.hideChipremoveIcon {
|
|
812
|
+
.p-multiselect-token {
|
|
813
|
+
svg {
|
|
814
|
+
display: none;
|
|
815
|
+
}
|
|
816
|
+
}
|
|
817
|
+
}
|
|
818
|
+
//////////////////////////////////////////////
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const sccoreui_1 = require("sccoreui");
|
|
5
|
+
const ScMultiSelect = (props) => {
|
|
6
|
+
var _a, _b;
|
|
7
|
+
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "w-full relative" }, { children: [(0, jsx_runtime_1.jsx)(sccoreui_1.MultiSelect, { onShow: () => props === null || props === void 0 ? void 0 : props.onShow, onHide: () => props === null || props === void 0 ? void 0 : props.onHide, dropdownIcon: props === null || props === void 0 ? void 0 : props.dropdownIcon, showClear: props === null || props === void 0 ? void 0 : props.showClear, display: props === null || props === void 0 ? void 0 : props.display, value: props === null || props === void 0 ? void 0 : props.value, onChange: (e) => props === null || props === void 0 ? void 0 : props.onChange(e), options: props === null || props === void 0 ? void 0 : props.options, optionLabel: props === null || props === void 0 ? void 0 : props.optionLabel, placeholder: props === null || props === void 0 ? void 0 : props.placeholder, className: (props === null || props === void 0 ? void 0 : props.className) + ` ${(props === null || props === void 0 ? void 0 : props.removeChipIcon) ? 'hideChipremoveIcon' : ''} sc_multiSelect`, id: props === null || props === void 0 ? void 0 : props.id }), (props === null || props === void 0 ? void 0 : props.showSelectedCount) &&
|
|
8
|
+
(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "absolute top-0 h-full text-center flex align-items-center w-2rem justify-content-center", style: { right: `${(props === null || props === void 0 ? void 0 : props.showClear) ? '68px' : '40px'}` } }, { children: (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "px-2 bg-primary-50 border-round-sm text-base" }, { children: (((_a = props === null || props === void 0 ? void 0 : props.value) === null || _a === void 0 ? void 0 : _a.length) > 0) && `+${(_b = props === null || props === void 0 ? void 0 : props.value) === null || _b === void 0 ? void 0 : _b.length}` })) }))] })) }));
|
|
9
|
+
};
|
|
10
|
+
exports.default = ScMultiSelect;
|
package/dist/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
4
|
-
exports.
|
|
5
|
-
exports.useOverlayScrollListener = exports.useOverlayListener = exports.useClickOutside = exports.CustomColorPicker = exports.ListBoxDropdown = exports.FroalaTextEditor = exports.FormFields = exports.FormComponent = exports.TreeDropdownSelect = exports.DatePicker = exports.MultiSelectDropDown = exports.Terminal = void 0;
|
|
3
|
+
exports.ProgressSpinner = exports.Skeleton = exports.Chip = exports.Chips = exports.Rating = exports.InputTextarea = exports.InputSwitch = exports.InputMask = exports.SpeedDial = exports.SplitButton = exports.DataViewLayoutOptions = exports.DataView = exports.Toast = exports.InputNumber = exports.OverlayPanel = exports.Tag = exports.Carousel = exports.ToggleButton = exports.CustomSlider = exports.Card = exports.Dialog = exports.Password = exports.confirmPopup = exports.ConfirmDialog = exports.RadioButton = exports.Badge = exports.Tooltip = exports.Calendar = exports.Image = exports.AvatarGroup = exports.Avatar = exports.classNames = exports.Paginator = exports.ScMultiSelect = exports.MultiSelect = exports.FileUpload = exports.TabMenu = exports.TabPanel = exports.TabView = exports.Sidebar = exports.Column = exports.DataTable = exports.Checkbox = exports.AutoComplete = exports.ColorPicker = exports.AccordionTab = exports.Accordion = exports.InputText = exports.Dropdown = exports.Button = void 0;
|
|
4
|
+
exports.ScrollTop = exports.InplaceContent = exports.InplaceDisplay = exports.Inplace = exports.BlockUI = exports.Messages = exports.Message = exports.TieredMenu = exports.Stesp = exports.SlideMenu = exports.PanelMenu = exports.Menubar = exports.Menu = exports.Dock = exports.ContextMenu = exports.Toolbar = exports.SplitterPanel = exports.Splitter = exports.ScrollPanel = exports.Panel = exports.Fieldset = exports.DeferredContent = exports.Timeline = exports.TreeTable = exports.Tree = exports.PickList = exports.OrganizationChart = exports.OrderList = exports.DataScroller = exports.TriStateCheckbox = exports.TreeSelect = exports.SelectButton = exports.MultiStateCheckbox = exports.Mention = exports.ListBox = exports.Knob = exports.Editor = exports.CascadeSelect = exports.FilterOperator = exports.FilterMatchMode = exports.Slider = exports.Galleria = exports.SvgComponent = exports.CircleProgressComponent = exports.ProgressSteps = exports.ProgressBar = exports.Divider = exports.MegaMenu = exports.BreadCrumb = exports.Chart = void 0;
|
|
5
|
+
exports.useOverlayScrollListener = exports.useOverlayListener = exports.useClickOutside = exports.CustomColorPicker = exports.ListBoxDropdown = exports.FroalaTextEditor = exports.FormFields = exports.FormComponent = exports.TreeDropdownSelect = exports.DatePicker = exports.MultiSelectDropDown = exports.Terminal = exports.StyleClass = void 0;
|
|
6
6
|
const tslib_1 = require("tslib");
|
|
7
7
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
8
|
const client_1 = tslib_1.__importDefault(require("react-dom/client"));
|
|
@@ -38,6 +38,8 @@ var file_upload_1 = require("./components/file-upload/file-upload");
|
|
|
38
38
|
Object.defineProperty(exports, "FileUpload", { enumerable: true, get: function () { return tslib_1.__importDefault(file_upload_1).default; } });
|
|
39
39
|
var multi_select_1 = require("./components/multi-select/multi-select");
|
|
40
40
|
Object.defineProperty(exports, "MultiSelect", { enumerable: true, get: function () { return tslib_1.__importDefault(multi_select_1).default; } });
|
|
41
|
+
var scMultiSelect_1 = require("./components/sc-multi-select/scMultiSelect");
|
|
42
|
+
Object.defineProperty(exports, "ScMultiSelect", { enumerable: true, get: function () { return tslib_1.__importDefault(scMultiSelect_1).default; } });
|
|
41
43
|
var paginator_1 = require("./components/data-table/paginator");
|
|
42
44
|
Object.defineProperty(exports, "Paginator", { enumerable: true, get: function () { return tslib_1.__importDefault(paginator_1).default; } });
|
|
43
45
|
var classnames_1 = require("./components/utils/classnames");
|
|
@@ -239,3 +239,19 @@ export interface DatePickerTypes {
|
|
|
239
239
|
todayButtonClassName?: any;
|
|
240
240
|
showButtonBar?: any;
|
|
241
241
|
}
|
|
242
|
+
export interface ScMultiSelectTypes {
|
|
243
|
+
optionLabel: string;
|
|
244
|
+
value: any;
|
|
245
|
+
options: any;
|
|
246
|
+
showClear?: boolean;
|
|
247
|
+
display?: "comma" | "chip";
|
|
248
|
+
removeChipIcon?: boolean;
|
|
249
|
+
onChange?: (e: any) => void;
|
|
250
|
+
placeholder?: string;
|
|
251
|
+
className?: string;
|
|
252
|
+
id?: string;
|
|
253
|
+
showSelectedCount?: boolean;
|
|
254
|
+
dropdownIcon?: string;
|
|
255
|
+
onShow?: () => void;
|
|
256
|
+
onHide?: () => void;
|
|
257
|
+
}
|
package/dist/types/index.d.ts
CHANGED
|
@@ -12,6 +12,7 @@ export { TabView, TabPanel } from "./components/tabview/tabview";
|
|
|
12
12
|
export { default as TabMenu } from "./components/tab-menu/tab-menu";
|
|
13
13
|
export { default as FileUpload } from "./components/file-upload/file-upload";
|
|
14
14
|
export { default as MultiSelect } from "./components/multi-select/multi-select";
|
|
15
|
+
export { default as ScMultiSelect } from "./components/sc-multi-select/scMultiSelect";
|
|
15
16
|
export { default as Paginator } from "./components/data-table/paginator";
|
|
16
17
|
export { default as classNames } from "./components/utils/classnames";
|
|
17
18
|
export { default as Avatar } from "./components/avatar/avatar";
|