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 CHANGED
@@ -4,6 +4,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
4
4
  require("./App.scss");
5
5
  // import Home from "./pages/home";
6
6
  const App = () => {
7
- return (0, jsx_runtime_1.jsx)("div", {});
7
+ return ((0, jsx_runtime_1.jsx)("div", {}));
8
8
  };
9
9
  exports.default = App;
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: auto;
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;
@@ -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-6" }, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { className: `border-round-sm border-noround-right sc_icon_hover ${!gridView
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-6 ${isDisabled && "disabled"} ${isOverlayOpened ||
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.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;
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, "Stesp", { enumerable: true, get: function () { return tslib_1.__importDefault(steps_1).default; } });
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;
@@ -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 Stesp } from './components/steps/steps';
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";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sccoreui",
3
- "version": "6.2.94",
3
+ "version": "6.2.95",
4
4
  "description": "ui-sccore",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",