sccoreui 6.2.94 → 6.2.95
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.js +1 -1
- package/dist/App.scss +7 -6
- package/dist/assets/sccoreui.css +0 -10
- package/dist/components/ag-grid/advancedFeature/grid-view-list-view.js +1 -1
- package/dist/components/ag-grid/advancedFeature/new-filter/table-filter.js +1 -1
- package/dist/components/progress-steps/progress-steps.js +11 -1
- package/dist/index.js +2 -2
- package/dist/types/components/types/type.d.ts +2 -0
- package/dist/types/index.d.ts +1 -1
- package/package.json +1 -1
package/dist/App.js
CHANGED
package/dist/App.scss
CHANGED
|
@@ -833,8 +833,7 @@ div:has(ul.date_filter) .p-datepicker-footer {
|
|
|
833
833
|
|
|
834
834
|
.errorField {
|
|
835
835
|
color: var(--red-500);
|
|
836
|
-
height:
|
|
837
|
-
line-height: 20px;
|
|
836
|
+
height: 20px;
|
|
838
837
|
}
|
|
839
838
|
|
|
840
839
|
.full_form_field {
|
|
@@ -2315,6 +2314,12 @@ button[aria-expanded="true"] {
|
|
|
2315
2314
|
display: none !important;
|
|
2316
2315
|
}
|
|
2317
2316
|
|
|
2317
|
+
.ag-row-hover {
|
|
2318
|
+
background-color: var(--primary-25) !important;
|
|
2319
|
+
transform: scale(1.1);
|
|
2320
|
+
transition: transform 0.4s ease-in-out;
|
|
2321
|
+
}
|
|
2322
|
+
|
|
2318
2323
|
.ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within {
|
|
2319
2324
|
border: 0;
|
|
2320
2325
|
border-color: initial;
|
|
@@ -2589,10 +2594,6 @@ button[aria-expanded="true"] {
|
|
|
2589
2594
|
height: 38px;
|
|
2590
2595
|
}
|
|
2591
2596
|
|
|
2592
|
-
.border-round-6 {
|
|
2593
|
-
border-radius: 6px !important;
|
|
2594
|
-
}
|
|
2595
|
-
|
|
2596
2597
|
// loader styles
|
|
2597
2598
|
.loader-wrapper {
|
|
2598
2599
|
width: 60px;
|
package/dist/assets/sccoreui.css
CHANGED
|
@@ -1074,13 +1074,11 @@ a {
|
|
|
1074
1074
|
height: 20px;
|
|
1075
1075
|
width: 20px;
|
|
1076
1076
|
padding-top: 0px;
|
|
1077
|
-
transition: rotate 0.4s ease-in-out;
|
|
1078
1077
|
}
|
|
1079
1078
|
|
|
1080
1079
|
.p-inputgroup > .p-dropdown .p-dropdown-trigger {
|
|
1081
1080
|
width: 1rem;
|
|
1082
1081
|
padding-top: 0px;
|
|
1083
|
-
transition: rotate 0.4s ease-in-out;
|
|
1084
1082
|
}
|
|
1085
1083
|
.p-dropdown .p-dropdown-clear-icon {
|
|
1086
1084
|
color: #6c757d;
|
|
@@ -8136,7 +8134,6 @@ a {
|
|
|
8136
8134
|
font-size: 14px;
|
|
8137
8135
|
line-height: 20px;
|
|
8138
8136
|
color: var(--gray-800);
|
|
8139
|
-
transition: rotate 0.4s ease-in-out;
|
|
8140
8137
|
}
|
|
8141
8138
|
|
|
8142
8139
|
.p-paginator .p-paginator-prev .pi.pi-angle-left {
|
|
@@ -8377,10 +8374,6 @@ input[type="number"]::-webkit-outer-spin-button {
|
|
|
8377
8374
|
rotate: 180deg;
|
|
8378
8375
|
}
|
|
8379
8376
|
|
|
8380
|
-
.p-dropdown-trigger {
|
|
8381
|
-
transition: rotate 0.4s ease-in-out;
|
|
8382
|
-
}
|
|
8383
|
-
|
|
8384
8377
|
.p-dropdown-item.p-highlight {
|
|
8385
8378
|
display: flex;
|
|
8386
8379
|
align-items: center;
|
|
@@ -8608,7 +8601,6 @@ input[type="number"]::-webkit-outer-spin-button {
|
|
|
8608
8601
|
}
|
|
8609
8602
|
.p-paginator > .p-dropdown > .p-dropdown-trigger {
|
|
8610
8603
|
padding-top: 0px;
|
|
8611
|
-
transition: rotate 0.4s ease-in-out;
|
|
8612
8604
|
}
|
|
8613
8605
|
.p-paginator > .p-dropdown {
|
|
8614
8606
|
display: flex;
|
|
@@ -8649,7 +8641,6 @@ input[type="number"]::-webkit-outer-spin-button {
|
|
|
8649
8641
|
}
|
|
8650
8642
|
.p-dropdown-badge > .p-dropdown-trigger {
|
|
8651
8643
|
padding-top: 2px;
|
|
8652
|
-
transition: rotate 0.4s ease-in-out;
|
|
8653
8644
|
}
|
|
8654
8645
|
|
|
8655
8646
|
/* Input components changes classes for styling the input components */
|
|
@@ -8757,7 +8748,6 @@ input[type="number"]::-webkit-outer-spin-button {
|
|
|
8757
8748
|
|
|
8758
8749
|
.p-dropdown-xl.p-dropdown .p-dropdown-trigger {
|
|
8759
8750
|
padding-top: 0px;
|
|
8760
|
-
transition: rotate 0.4s ease-in-out;
|
|
8761
8751
|
}
|
|
8762
8752
|
|
|
8763
8753
|
.tab-view-bg-dark.p-tabview-nav-container.p-tabview-nav-content {
|
|
@@ -8,7 +8,7 @@ const context_provider_1 = require("../context-provider");
|
|
|
8
8
|
const svg_component_1 = tslib_1.__importDefault(require("../../../directives/svg-component"));
|
|
9
9
|
const GridViewListView = () => {
|
|
10
10
|
const { gridViewFun, gridView } = (0, react_1.useContext)(context_provider_1.FeatureContext);
|
|
11
|
-
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex border-1 border-gray-300 border-round-
|
|
11
|
+
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex border-1 border-gray-300 border-round-sm" }, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { className: `border-round-sm border-noround-right sc_icon_hover ${!gridView
|
|
12
12
|
? "focus:shadow-none"
|
|
13
13
|
: "bg-primary-50 focus:shadow-none border-right-1 border-gray-300"} `, icon: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "grid-01", color: !gridView ? "text-gray-600" : "text-primary-400", size: 18 }), outlined: true, onClick: () => gridViewFun(true), title: "Grid View" }), (0, jsx_runtime_1.jsx)(button_1.Button, { title: "List View", className: `sc_icon_hover border-round-sm border-noround-left border-left-none ${!gridView
|
|
14
14
|
? "bg-primary-50 focus:shadow-none"
|
|
@@ -164,7 +164,7 @@ const TableFilter = () => {
|
|
|
164
164
|
});
|
|
165
165
|
setAllFieldsFilled(isAllFieldsFilled && enbleApply);
|
|
166
166
|
}, [conditionsArray, enbleApply]);
|
|
167
|
-
return (0, utilComponents_1.skeletonLoding)() ? ((0, jsx_runtime_1.jsx)(FeatureSkeleton_1.default, {})) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `cursor-pointer filter-btn-grid font-semibold hover:bg-primary-25 sc_icon_hover flex align-items-center gap-2 border-round-
|
|
167
|
+
return (0, utilComponents_1.skeletonLoding)() ? ((0, jsx_runtime_1.jsx)(FeatureSkeleton_1.default, {})) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `cursor-pointer filter-btn-grid font-semibold hover:bg-primary-25 sc_icon_hover flex align-items-center gap-2 border-round-lg ${isDisabled && "disabled"} ${isOverlayOpened ||
|
|
168
168
|
(globalFilters === null || globalFilters === void 0 ? void 0 : globalFilters.filter((each) => each.isActive).length) >= 1
|
|
169
169
|
? "bg-primary-50"
|
|
170
170
|
: "bg-white"}`, title: "Apply Filters" }, { children: [(0, jsx_runtime_1.jsx)("div", { id: "advancedFilterParent", className: "hidden" }), (0, jsx_runtime_1.jsxs)("span", Object.assign({ onClick: (e) => !isDisabled && onClickFilter(e), className: "flex zoom_animate", id: "advance-filter-id" }, { children: [(0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "filter-lines", size: 18, color: isOverlayOpened ||
|
|
@@ -6,7 +6,7 @@ const button_1 = require("primereact/button");
|
|
|
6
6
|
const svg_component_1 = tslib_1.__importDefault(require("../../directives/svg-component"));
|
|
7
7
|
const react_1 = require("react");
|
|
8
8
|
const ProgressSteps = (props) => {
|
|
9
|
-
const { stepsItems, orientation, activeIndex, withButtons = true, icons, className, style, } = props;
|
|
9
|
+
const { stepsItems, orientation, activeIndex, withButtons = true, icons, className, style, onNext, onPrev } = props;
|
|
10
10
|
const [currentActive, setCurrentActive] = (0, react_1.useState)(!activeIndex
|
|
11
11
|
? 0
|
|
12
12
|
: activeIndex > stepsItems.length
|
|
@@ -26,17 +26,27 @@ const ProgressSteps = (props) => {
|
|
|
26
26
|
const handleNext = () => {
|
|
27
27
|
if (currentActive > stepsItems.length) {
|
|
28
28
|
setCurrentActive(stepsItems.length);
|
|
29
|
+
if (onNext) {
|
|
30
|
+
onNext(stepsItems.length);
|
|
31
|
+
}
|
|
29
32
|
}
|
|
30
33
|
else {
|
|
31
34
|
setCurrentActive(currentActive + 1);
|
|
35
|
+
if (onNext) {
|
|
36
|
+
onNext(currentActive + 1);
|
|
37
|
+
}
|
|
32
38
|
}
|
|
33
39
|
};
|
|
34
40
|
const handlePrev = () => {
|
|
35
41
|
if (currentActive < 1) {
|
|
36
42
|
setCurrentActive(1);
|
|
43
|
+
if (onPrev) {
|
|
44
|
+
onPrev(1);
|
|
45
|
+
}
|
|
37
46
|
}
|
|
38
47
|
else {
|
|
39
48
|
setCurrentActive(currentActive - 1);
|
|
49
|
+
onPrev(currentActive - 1);
|
|
40
50
|
}
|
|
41
51
|
};
|
|
42
52
|
const orientationClass = !orientation ? "horizontal" : orientation;
|
package/dist/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
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.
|
|
4
|
+
exports.ScrollTop = exports.InplaceContent = exports.InplaceDisplay = exports.Inplace = exports.BlockUI = exports.Messages = exports.Message = exports.TieredMenu = exports.Steps = 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
5
|
exports.SCLoader = exports.AGGridComponent = exports.useOverlayScrollListener = exports.useOverlayListener = exports.useClickOutside = exports.CustomColorPicker = exports.ListBoxDropdown = exports.FroalaTextEditor = exports.FormFields = exports.FormComponent = exports.TreeDropdownSelect = exports.DatePicker = exports.FormulaCoponent = 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");
|
|
@@ -187,7 +187,7 @@ Object.defineProperty(exports, "PanelMenu", { enumerable: true, get: function ()
|
|
|
187
187
|
var slide_menu_1 = require("./components/slide-menu/slide-menu");
|
|
188
188
|
Object.defineProperty(exports, "SlideMenu", { enumerable: true, get: function () { return tslib_1.__importDefault(slide_menu_1).default; } });
|
|
189
189
|
var steps_1 = require("./components/steps/steps");
|
|
190
|
-
Object.defineProperty(exports, "
|
|
190
|
+
Object.defineProperty(exports, "Steps", { enumerable: true, get: function () { return tslib_1.__importDefault(steps_1).default; } });
|
|
191
191
|
var tieredMenu_1 = require("./components/tiered-menu/tieredMenu");
|
|
192
192
|
Object.defineProperty(exports, "TieredMenu", { enumerable: true, get: function () { return tslib_1.__importDefault(tieredMenu_1).default; } });
|
|
193
193
|
var Message_1 = require("./components/message/Message");
|
|
@@ -28,6 +28,8 @@ export interface StepsItemProps {
|
|
|
28
28
|
activeIndex?: number;
|
|
29
29
|
style?: React.CSSProperties | undefined;
|
|
30
30
|
className?: string | undefined;
|
|
31
|
+
onNext?: (index: number) => void;
|
|
32
|
+
onPrev?: (index: number) => void;
|
|
31
33
|
}
|
|
32
34
|
export interface TeamDataItem {
|
|
33
35
|
id: number;
|
package/dist/types/index.d.ts
CHANGED
|
@@ -84,7 +84,7 @@ export { default as Menu } from "./components/menu/menu";
|
|
|
84
84
|
export { default as Menubar } from "./components/menubar/menubar";
|
|
85
85
|
export { default as PanelMenu } from "./components/panel-menu/panelMenu";
|
|
86
86
|
export { default as SlideMenu } from "./components/slide-menu/slide-menu";
|
|
87
|
-
export { default as
|
|
87
|
+
export { default as Steps } from './components/steps/steps';
|
|
88
88
|
export { default as TieredMenu } from "./components/tiered-menu/tieredMenu";
|
|
89
89
|
export { default as Message } from "./components/message/Message";
|
|
90
90
|
export { default as Messages } from "./components/messages/messages";
|