sccoreui 5.2.1 → 5.2.3

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.
Files changed (6) hide show
  1. package/dist/App.scss +1 -0
  2. package/dist/assets/sccoreui.css +3 -3
  3. package/dist/components/sc-multi-select/scMultiSelect.js +1 -1
  4. package/dist/directives/svg-icons.js +39 -0
  5. package/dist/types/components/types/type.d.ts +11 -0
  6. package/package.json +1 -1
package/dist/App.scss CHANGED
@@ -843,6 +843,7 @@ button[aria-expanded="true"] {
843
843
  border-top: 0;
844
844
  border-right: 0;
845
845
  transform: rotate(-45deg);
846
+ margin-right: 8px;
846
847
  }
847
848
  }
848
849
  }
package/dist/assets/sccoreui.css CHANGED
@@ -4087,7 +4087,7 @@ box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 2px var(--gray-100);
4087
4087
  .p-datatable.p-datatable-selectable
4088
4088
  .p-datatable-tbody
4089
4089
  > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
4090
- background: #e9ecef;
4090
+ background: var(--gray-50);
4091
4091
  color: #495057;
4092
4092
  }
4093
4093
  .p-datatable.p-datatable-selectable
@@ -4100,7 +4100,7 @@ box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 2px var(--gray-100);
4100
4100
  .p-datatable-tbody
4101
4101
  > tr.p-selectable-row
4102
4102
  > td.p-selectable-cell:not(.p-highlight):hover {
4103
- background: #e9ecef;
4103
+ background: var(--gray-50);
4104
4104
  color: #495057;
4105
4105
  }
4106
4106
  .p-datatable.p-datatable-selectable-cell
@@ -4113,7 +4113,7 @@ box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 2px var(--gray-100);
4113
4113
  .p-datatable.p-datatable-hoverable-rows
4114
4114
  .p-datatable-tbody
4115
4115
  > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
4116
- background: #e9ecef;
4116
+ background: var(--gray-50) !important;
4117
4117
  color: #495057;
4118
4118
  }
4119
4119
  .p-datatable .p-column-resizer-helper {
package/dist/components/sc-multi-select/scMultiSelect.js CHANGED
@@ -4,7 +4,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
4
4
  const sccoreui_1 = require("sccoreui");
5
5
  const ScMultiSelect = (props) => {
6
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, { panelClassName: "sc_multiSelect_panel", 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) &&
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, { filter: props === null || props === void 0 ? void 0 : props.filter, filterIcon: props === null || props === void 0 ? void 0 : props.filterIcon, filterBy: props === null || props === void 0 ? void 0 : props.filterBy, onFilter: props === null || props === void 0 ? void 0 : props.onFilter, filterPlaceholder: props === null || props === void 0 ? void 0 : props.filterPlaceholder, filterTemplate: props === null || props === void 0 ? void 0 : props.filterTemplate, filterMatchMode: props.filterMatchMode, fixedPlaceholder: props === null || props === void 0 ? void 0 : props.fixedPlaceholder, filterLocale: props === null || props === void 0 ? void 0 : props.filterLocale, filterInputAutoFocus: props === null || props === void 0 ? void 0 : props.filterInputAutoFocus, emptyFilterMessage: props === null || props === void 0 ? void 0 : props.emptyFilterMessage, panelClassName: "sc_multiSelect_panel", 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
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
9
  };
10
10
  exports.default = ScMultiSelect;
package/dist/directives/svg-icons.js CHANGED
@@ -8982,6 +8982,45 @@ exports.iconList = [
8982
8982
  </svg>
8983
8983
  `,
8984
8984
  },
8985
+ {
8986
+ name: "bool-array",
8987
+ svg: `<svg width="24" height="24" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
8988
+ <path d="M3.33333 3.23126V12.7687H5.01424C5.16309 12.7687 5.28429 12.8155 5.37785 12.9091C5.47567 13.0027 5.52458 13.1132 5.52458 13.2408V13.3333C5.52458 13.7015 5.2261 14 4.85791 14H2.66667C2.29848 14 2 13.7015 2 13.3333V2.66667C2 2.29848 2.29848 2 2.66667 2H4.85791C5.2261 2 5.52458 2.29848 5.52458 2.66667V2.75279C5.52458 2.88464 5.47567 2.99734 5.37785 3.09091C5.28429 3.18448 5.16309 3.23126 5.01424 3.23126H3.33333Z" fill="#667085"/>
8989
+ <path d="M12.6667 3.23126V12.7687H10.9858C10.8369 12.7687 10.7157 12.8155 10.6221 12.9091C10.5243 13.0027 10.4754 13.1132 10.4754 13.2408V13.3333C10.4754 13.7015 10.7739 14 11.1421 14H13.3333C13.7015 14 14 13.7015 14 13.3333V2.66667C14 2.29848 13.7015 2 13.3333 2H11.1421C10.7739 2 10.4754 2.29848 10.4754 2.66667V2.75279C10.4754 2.88464 10.5243 2.99734 10.6221 3.09091C10.7157 3.18448 10.8369 3.23126 10.9858 3.23126H12.6667Z" fill="#667085"/>
8990
+ <path d="M5.33325 5.33203L10.6666 10.6654M10.2093 7.9987C10.2093 9.21888 9.2201 10.208 7.99992 10.208C6.77974 10.208 5.79058 9.21888 5.79058 7.9987C5.79058 6.77852 6.77974 5.78936 7.99992 5.78936C9.2201 5.78936 10.2093 6.77852 10.2093 7.9987Z" stroke="#667085" stroke-width="0.666667" stroke-linecap="round" stroke-linejoin="round"/>
8991
+ </svg>
8992
+ `,
8993
+ },
8994
+ {
8995
+ name: "boolean",
8996
+ svg: `<svg width="24" height="24" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
8997
+ <path d="M14.0671 10.2706V10.8106H11.0179V10.2706H12.2368V6.39175C12.2368 6.27529 12.2408 6.15751 12.2487 6.0384L11.2363 6.90787C11.2019 6.93699 11.1675 6.95551 11.1331 6.96345C11.0987 6.96875 11.0669 6.96875 11.0378 6.96345C11.0087 6.95816 10.9809 6.94757 10.9544 6.93169C10.9306 6.91581 10.9121 6.89861 10.8988 6.88008L10.6765 6.57438L12.3718 5.10938H12.9475V10.2706H14.0671Z" fill="#667085"/>
8998
+ <path d="M7.3838 10.9002C7.34939 10.9929 7.29513 11.0617 7.22102 11.1067C7.14956 11.1517 7.07545 11.1742 6.99869 11.1742H6.70093L9.08701 5.23078C9.11877 5.14609 9.16642 5.08124 9.22994 5.03624C9.29611 4.99125 9.37154 4.96875 9.45624 4.96875H9.75797L7.3838 10.9002Z" fill="#667085"/>
8999
+ <path d="M6.19614 7.97265C6.19614 8.47025 6.14188 8.90167 6.03336 9.26693C5.92749 9.62954 5.78191 9.92995 5.59664 10.1682C5.41136 10.4064 5.19168 10.5837 4.93759 10.7002C4.68614 10.8166 4.41617 10.8749 4.12767 10.8749C3.83652 10.8749 3.56522 10.8166 3.31378 10.7002C3.06498 10.5837 2.84794 10.4064 2.66267 10.1682C2.47739 9.92995 2.33182 9.62954 2.22595 9.26693C2.12007 8.90167 2.06714 8.47025 2.06714 7.97265C2.06714 7.47505 2.12007 7.04363 2.22595 6.67837C2.33182 6.31311 2.47739 6.01138 2.66267 5.77316C2.84794 5.53231 3.06498 5.35365 3.31378 5.23719C3.56522 5.12073 3.83652 5.0625 4.12767 5.0625C4.41617 5.0625 4.68614 5.12073 4.93759 5.23719C5.19168 5.35365 5.41136 5.53231 5.59664 5.77316C5.78191 6.01138 5.92749 6.31311 6.03336 6.67837C6.14188 7.04363 6.19614 7.47505 6.19614 7.97265ZM5.46165 7.97265C5.46165 7.53858 5.4246 7.17464 5.35049 6.88085C5.27902 6.58441 5.18109 6.3462 5.05669 6.16621C4.93494 5.98623 4.79334 5.85786 4.63188 5.7811C4.47043 5.7017 4.30236 5.662 4.12767 5.662C3.95298 5.662 3.78491 5.7017 3.62345 5.7811C3.462 5.85786 3.3204 5.98623 3.19864 6.16621C3.07689 6.3462 2.97896 6.58441 2.90485 6.88085C2.83339 7.17464 2.79765 7.53858 2.79765 7.97265C2.79765 8.40672 2.83339 8.77066 2.90485 9.06445C2.97896 9.35825 3.07689 9.59513 3.19864 9.77512C3.3204 9.9551 3.462 10.0848 3.62345 10.1642C3.78491 10.241 3.95298 10.2793 4.12767 10.2793C4.30236 10.2793 4.47043 10.241 4.63188 10.1642C4.79334 10.0848 4.93494 9.9551 5.05669 9.77512C5.18109 9.59513 5.27902 9.35825 5.35049 9.06445C5.4246 8.77066 5.46165 8.40672 5.46165 7.97265Z" fill="#667085"/>
9000
+ </svg>
9001
+ `,
9002
+ },
9003
+ {
9004
+ name: "array-object",
9005
+ svg: `<svg width="24" height="24" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
9006
+ <path d="M3.33333 3.23126V12.7687H5.01424C5.16309 12.7687 5.28429 12.8155 5.37785 12.9091C5.47567 13.0027 5.52458 13.1132 5.52458 13.2408V13.3333C5.52458 13.7015 5.2261 14 4.85791 14H2.66667C2.29848 14 2 13.7015 2 13.3333V2.66667C2 2.29848 2.29848 2 2.66667 2H4.85791C5.2261 2 5.52458 2.29848 5.52458 2.66667V2.75279C5.52458 2.88464 5.47567 2.99734 5.37785 3.09091C5.28429 3.18448 5.16309 3.23126 5.01424 3.23126H3.33333Z" fill="#667085"/>
9007
+ <path d="M12.6667 3.23126V12.7687H10.9858C10.8369 12.7687 10.7157 12.8155 10.6221 12.9091C10.5243 13.0027 10.4754 13.1132 10.4754 13.2408V13.3333C10.4754 13.7015 10.7739 14 11.1421 14H13.3333C13.7015 14 14 13.7015 14 13.3333V2.66667C14 2.29848 13.7015 2 13.3333 2H11.1421C10.7739 2 10.4754 2.29848 10.4754 2.66667V2.75279C10.4754 2.88464 10.5243 2.99734 10.6221 3.09091C10.7157 3.18448 10.8369 3.23126 10.9858 3.23126H12.6667Z" fill="#667085"/>
9008
+ <path d="M10.1903 10.6654C10.611 10.6654 10.9523 10.3244 10.9523 9.90336V8.3797L11.3333 7.9987L10.9523 7.6177V6.09403C10.9523 5.67303 10.6113 5.33203 10.1903 5.33203M5.80975 5.33203C5.38875 5.33203 5.04775 5.67303 5.04775 6.09403V7.6177L4.66675 7.9987L5.04775 8.3797V9.90336C5.04775 10.3244 5.38875 10.6654 5.80975 10.6654" stroke="#667085" stroke-width="0.666667" stroke-linecap="round" stroke-linejoin="round"/>
9009
+ </svg>
9010
+ `,
9011
+ },
9012
+ {
9013
+ name: "formula-icon",
9014
+ svg: `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 10 10" fill="none">
9015
+ <mask id="mask0_2064_125792" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="10" height="10">
9016
+ <rect x="0.65918" y="0.65918" width="8.68133" height="8.68161" fill="#D9D9D9"/>
9017
+ </mask>
9018
+ <g mask="url(#mask0_2064_125792)">
9019
+ <path d="M4.27619 7.16917V6.44571H4.83686L5.78638 5.3605L4.83686 4.2753H4.24002L3.66127 7.38621C3.61304 7.65751 3.50151 7.87003 3.32667 8.02377C3.15184 8.17751 2.92878 8.25437 2.65749 8.25437C2.3862 8.25437 2.16615 8.18203 1.99735 8.03733C1.82854 7.89264 1.74414 7.69972 1.74414 7.45856C1.74414 7.26564 1.79538 7.11039 1.89787 6.99283C2.00036 6.87526 2.12998 6.81648 2.28672 6.81648C2.43744 6.81648 2.56555 6.86773 2.67105 6.97022C2.77656 7.07271 2.82931 7.1963 2.82931 7.341C2.82931 7.37114 2.8278 7.39827 2.82478 7.42239C2.82177 7.4465 2.81725 7.47363 2.81122 7.50378C2.84136 7.49775 2.86699 7.48117 2.88809 7.45404C2.90919 7.42691 2.92577 7.38923 2.93782 7.341L3.49849 4.2753H2.46758V3.55183H3.63414L3.82404 2.52089C3.86624 2.29179 3.97928 2.1049 4.16316 1.9602C4.34703 1.81551 4.56557 1.74316 4.81878 1.74316C5.08404 1.74316 5.30107 1.82154 5.46988 1.97829C5.63868 2.13504 5.72308 2.33098 5.72308 2.56611C5.72308 2.74698 5.67184 2.89619 5.56935 3.01375C5.46686 3.13132 5.33725 3.1901 5.1805 3.1901C5.02978 3.1901 4.90167 3.13885 4.79617 3.03636C4.69067 2.93387 4.63792 2.80726 4.63792 2.65654C4.63792 2.6264 4.63942 2.59927 4.64244 2.57515C4.64545 2.55104 4.64997 2.52391 4.656 2.49376C4.61983 2.50582 4.5927 2.52391 4.57461 2.54802C4.55653 2.57214 4.54146 2.60831 4.5294 2.65654L4.37567 3.55183H6.0848V4.2753H5.79543L6.26566 4.80886L6.7359 4.2753H6.44653V3.55183H8.25514V4.2753H7.69447L6.74495 5.3605L7.69447 6.44571H8.25514V7.16917H6.44653V6.44571H6.7359L6.26566 5.9031L5.79543 6.44571H6.0848V7.16917H4.27619Z" fill="#344054"/>
9020
+ </g>
9021
+ </svg>
9022
+ `,
9023
+ },
8985
9024
  {
8986
9025
  name: "data-orchestration",
8987
9026
  svg: `<svg width="24" height="24" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
package/dist/types/components/types/type.d.ts CHANGED
@@ -254,4 +254,15 @@ export interface ScMultiSelectTypes {
254
254
  dropdownIcon?: string;
255
255
  onShow?: () => void;
256
256
  onHide?: () => void;
257
+ filter?: boolean;
258
+ filterIcon?: any;
259
+ filterBy?: string;
260
+ onFilter?: (e: any) => void;
261
+ filterPlaceholder?: string;
262
+ filterTemplate?: any;
263
+ filterMatchMode?: string;
264
+ fixedPlaceholder?: boolean;
265
+ filterLocale?: string;
266
+ filterInputAutoFocus?: boolean;
267
+ emptyFilterMessage?: any;
257
268
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sccoreui",
3
- "version": "5.2.1",
3
+ "version": "5.2.3",
4
4
  "description": "ui-sccore",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",