sccoreui 6.3.30 → 6.3.32

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 (10) hide show
  1. package/dist/App.js +0 -1
  2. package/dist/assets/svg/svg.js +10 -1
  3. package/dist/components/ag-grid/parent-for-grid.js +5 -4
  4. package/dist/components/form/form-fields/FieldLabel.js +12 -0
  5. package/dist/components/form/form-fields/form-fields.js +36 -7
  6. package/dist/directives/svg-icons.js +10 -0
  7. package/dist/types/assets/svg/svg.d.ts +3 -0
  8. package/dist/types/components/ag-grid/Types.d.ts +1 -1
  9. package/dist/types/components/form/form-fields/FieldLabel.d.ts +7 -0
  10. package/package.json +1 -1
package/dist/App.js CHANGED
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const jsx_runtime_1 = require("react/jsx-runtime");
4
- // import { SvgComponent } from "../types";
5
4
  require("./App.scss");
6
5
  // import Home from "./pages/home";
7
6
  const App = () => {
package/dist/assets/svg/svg.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Bold = exports.Heading1 = exports.Heading2 = exports.Quotes = exports.Italic = exports.NumberList = exports.DotList = exports.Times = exports.Copy = exports.Dollar = exports.Message = exports.Error = exports.Card = exports.InfoLogo = void 0;
3
+ exports.Lightning = exports.LightningRed = exports.LightningGreen = exports.Bold = exports.Heading1 = exports.Heading2 = exports.Quotes = exports.Italic = exports.NumberList = exports.DotList = exports.Times = exports.Copy = exports.Dollar = exports.Message = exports.Error = exports.Card = exports.InfoLogo = void 0;
4
4
  const jsx_runtime_1 = require("react/jsx-runtime");
5
5
  const InfoLogo = () => {
6
6
  return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M6.05992 5.99998C6.21665 5.55442 6.52602 5.17872 6.93322 4.9394C7.34042 4.70009 7.81918 4.61261 8.2847 4.69245C8.75022 4.7723 9.17246 5.01433 9.47664 5.37567C9.78081 5.737 9.94729 6.19433 9.94659 6.66665C9.94659 7.99998 7.94659 8.66665 7.94659 8.66665M7.99992 11.3333H8.00659M14.6666 7.99998C14.6666 11.6819 11.6818 14.6666 7.99992 14.6666C4.31802 14.6666 1.33325 11.6819 1.33325 7.99998C1.33325 4.31808 4.31802 1.33331 7.99992 1.33331C11.6818 1.33331 14.6666 4.31808 14.6666 7.99998Z", stroke: "#98A2B3", strokeWidth: "1.33333", strokeLinecap: "round", strokeLinejoin: "round" }) })));
@@ -49,3 +49,12 @@ exports.Heading1 = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
49
49
  exports.Bold = `<svg xmlns="http://www.w3.org/2000/svg" width="11" height="14" viewBox="0 0 11 14" fill="none">
50
50
  <path d="M8.6 6.79C9.57 6.12 10.25 5.02 10.25 4C10.25 1.74 8.5 0 6.25 0H0V14H7.04C9.13 14 10.75 12.3 10.75 10.21C10.75 8.69 9.89 7.39 8.6 6.79ZM3 2.5H6C6.83 2.5 7.5 3.17 7.5 4C7.5 4.83 6.83 5.5 6 5.5H3V2.5ZM6.5 11.5H3V8.5H6.5C7.33 8.5 8 9.17 8 10C8 10.83 7.33 11.5 6.5 11.5Z" fill="#98A2B3"/>
51
51
  </svg>`;
52
+ exports.LightningGreen = `<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
53
+ <path d="M8.31076 1.16699H4.95334C4.84865 1.16699 4.7963 1.16699 4.75008 1.18293C4.70921 1.19703 4.67199 1.22004 4.6411 1.25029C4.60617 1.28449 4.58276 1.33132 4.53594 1.42496L2.08594 6.32496C1.97413 6.54859 1.91822 6.6604 1.93165 6.75129C1.94338 6.83065 1.98728 6.90169 2.05302 6.94767C2.12831 7.00033 2.25332 7.00033 2.50334 7.00033H6.12326L4.37326 12.8337L11.4859 5.45759C11.7259 5.20873 11.8458 5.08431 11.8529 4.97784C11.859 4.88542 11.8208 4.79561 11.75 4.73584C11.6685 4.66699 11.4957 4.66699 11.15 4.66699H6.99826L8.31076 1.16699Z" fill="#12B76A"/>
54
+ </svg>`;
55
+ exports.LightningRed = `<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
56
+ <path d="M8.31076 1.16699H4.95334C4.84865 1.16699 4.7963 1.16699 4.75008 1.18293C4.70921 1.19703 4.67199 1.22004 4.6411 1.25029C4.60617 1.28449 4.58276 1.33132 4.53594 1.42496L2.08594 6.32496C1.97413 6.54859 1.91822 6.6604 1.93165 6.75129C1.94338 6.83065 1.98728 6.90169 2.05302 6.94767C2.12831 7.00033 2.25332 7.00033 2.50334 7.00033H6.12326L4.37326 12.8337L11.4859 5.45759C11.7259 5.20873 11.8458 5.08431 11.8529 4.97784C11.859 4.88542 11.8208 4.79561 11.75 4.73584C11.6685 4.66699 11.4957 4.66699 11.15 4.66699H6.99826L8.31076 1.16699Z" fill="#F04438"/>
57
+ </svg>`;
58
+ exports.Lightning = `<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
59
+ <path d="M8.31076 1.16699H4.95334C4.84865 1.16699 4.7963 1.16699 4.75008 1.18293C4.70921 1.19703 4.67199 1.22004 4.6411 1.25029C4.60617 1.28449 4.58276 1.33132 4.53594 1.42496L2.08594 6.32496C1.97413 6.54859 1.91822 6.6604 1.93165 6.75129C1.94338 6.83065 1.98728 6.90169 2.05302 6.94767C2.12831 7.00033 2.25332 7.00033 2.50334 7.00033H6.12326L4.37326 12.8337L11.4859 5.45759C11.7259 5.20873 11.8458 5.08431 11.8529 4.97784C11.859 4.88542 11.8208 4.79561 11.75 4.73584C11.6685 4.66699 11.4957 4.66699 11.15 4.66699H6.99826L8.31076 1.16699Z" fill="#EAAA08"/>
60
+ </svg>`;
package/dist/components/ag-grid/parent-for-grid.js CHANGED
@@ -17,7 +17,7 @@ function ParentForGrid(props) {
17
17
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
18
18
  const { gridProps = {}, gridViewTemplate } = props;
19
19
  const [gridData, setGridData] = (0, react_1.useState)({
20
- rowData: [],
20
+ rowData: (props === null || props === void 0 ? void 0 : props.rowData) || [],
21
21
  columnData: (0, helper_1.sortColumns)(props === null || props === void 0 ? void 0 : props.columnData),
22
22
  });
23
23
  const [gridViewData, setGridViewData] = (0, react_1.useState)({ rowData: [], searchText: "" });
@@ -307,6 +307,7 @@ function ParentForGrid(props) {
307
307
  }
308
308
  if (props === null || props === void 0 ? void 0 : props.rowData) {
309
309
  setTotalRecords(props === null || props === void 0 ? void 0 : props.rowData.length);
310
+ setGridData(Object.assign(Object.assign({}, gridData), { rowData: props.rowData }));
310
311
  }
311
312
  if (props === null || props === void 0 ? void 0 : props.enableAdvancedFilter) {
312
313
  (_b = (_a = props === null || props === void 0 ? void 0 : props.getGridRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.api.setGridOption("advancedFilterParent", document.getElementById("advancedFilterParent"));
@@ -347,7 +348,7 @@ function ParentForGrid(props) {
347
348
  setGridViewData(Object.assign(Object.assign({}, gridViewData), { rowData: allData }));
348
349
  };
349
350
  // Options that grid should have
350
- const gridOptions = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ columnDefs: (_f = gridData === null || gridData === void 0 ? void 0 : gridData.columnData) === null || _f === void 0 ? void 0 : _f.map((column) => {
351
+ const gridOptions = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ columnDefs: (_f = gridData === null || gridData === void 0 ? void 0 : gridData.columnData) === null || _f === void 0 ? void 0 : _f.map((column) => {
351
352
  var _a, _b;
352
353
  if ((column === null || column === void 0 ? void 0 : column.enableChildCheckbox) && (column === null || column === void 0 ? void 0 : column.enableHeaderCheckbox)) {
353
354
  return Object.assign(Object.assign({}, column), { headerComponent: (params) => headerCheckBoxRenderer(params === null || params === void 0 ? void 0 : params.displayName, (column === null || column === void 0 ? void 0 : column.headerComponent) && ""), cellRenderer: (params) => (0, utilComponents_1.dataCellRenderer)(params, column, props), cellRendererParams: {
@@ -360,7 +361,7 @@ function ParentForGrid(props) {
360
361
  }
361
362
  }), autoGroupColumnDef: (props === null || props === void 0 ? void 0 : props.autoGroupColumnDef)
362
363
  ? props === null || props === void 0 ? void 0 : props.autoGroupColumnDef
363
- : manageColumnGrouping(), treeData: (props === null || props === void 0 ? void 0 : props.enableTree) ? props === null || props === void 0 ? void 0 : props.enableTree : false, getDataPath: (props === null || props === void 0 ? void 0 : props.enableTree) ? getDataPath : null, defaultColDef: defaultColDef, suppressMenuHide: false, suppressRowClickSelection: false, headerHeight: props === null || props === void 0 ? void 0 : props.columnHeaderHeight, rowHeight: constants_1.ROW_HEIGHT, rowModelType: props.rowModelType, pinnedTopRowData: props === null || props === void 0 ? void 0 : props.pinnedTopRowData, cacheBlockSize: constants_1.BLOCK_SIZE, maxBlocksInCache: constants_1.MAX_BLOCKS, blockLoadDebounceMillis: constants_1.DEBOUNCE_INTERVAL, noRowsOverlayComponent: props === null || props === void 0 ? void 0 : props.noRowsOverlayComponent, loadingOverlayComponent: loading_component_1.default, suppressCellFocus: true, suppressPropertyNamesCheck: true, suppressServerSideFullWidthLoadingRow: true, enableRangeSelection: (_g = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _g === void 0 ? void 0 : _g.enableFillHandle, enableFillHandle: (_h = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _h === void 0 ? void 0 : _h.enableFillHandle, onFillEnd: wrapperToFillOpertation, fillOperation: myOpertaion, serverSideInitialRowCount: (props === null || props === void 0 ? void 0 : props.serverSideInitialRowCount) || 10, getRowId: getRowId, enableAdvancedFilter: (props === null || props === void 0 ? void 0 : props.enableAdvancedFilter) || false, fillHandleDirection: "y" }, ((props === null || props === void 0 ? void 0 : props.rowData) && { rowData: props === null || props === void 0 ? void 0 : props.rowData })), (totalRecords <= 6 && ((_j = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _j === void 0 ? void 0 : _j.isGridAutoHeight)
364
+ : manageColumnGrouping(), treeData: (props === null || props === void 0 ? void 0 : props.enableTree) ? props === null || props === void 0 ? void 0 : props.enableTree : false, getDataPath: (props === null || props === void 0 ? void 0 : props.enableTree) ? getDataPath : null, defaultColDef: defaultColDef, suppressMenuHide: false, suppressRowClickSelection: false, headerHeight: props === null || props === void 0 ? void 0 : props.columnHeaderHeight, rowHeight: constants_1.ROW_HEIGHT, rowModelType: props.rowModelType, pinnedTopRowData: props === null || props === void 0 ? void 0 : props.pinnedTopRowData }, (props.rowModelType === (constants_1.ROWMODELTYPE === null || constants_1.ROWMODELTYPE === void 0 ? void 0 : constants_1.ROWMODELTYPE.SERVER_SIDE) && { cacheBlockSize: constants_1.BLOCK_SIZE })), { maxBlocksInCache: constants_1.MAX_BLOCKS, blockLoadDebounceMillis: constants_1.DEBOUNCE_INTERVAL, noRowsOverlayComponent: props === null || props === void 0 ? void 0 : props.noRowsOverlayComponent, loadingOverlayComponent: loading_component_1.default, suppressCellFocus: true, suppressPropertyNamesCheck: true, suppressServerSideFullWidthLoadingRow: true, enableRangeSelection: (_g = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _g === void 0 ? void 0 : _g.enableFillHandle, enableFillHandle: (_h = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _h === void 0 ? void 0 : _h.enableFillHandle, onFillEnd: wrapperToFillOpertation, fillOperation: myOpertaion, serverSideInitialRowCount: (props === null || props === void 0 ? void 0 : props.serverSideInitialRowCount) || 10, getRowId: getRowId, enableAdvancedFilter: (props === null || props === void 0 ? void 0 : props.enableAdvancedFilter) || false, fillHandleDirection: "y" }), ((props === null || props === void 0 ? void 0 : props.rowData) && { rowData: props === null || props === void 0 ? void 0 : props.rowData })), (totalRecords <= 6 && ((_j = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _j === void 0 ? void 0 : _j.isGridAutoHeight)
364
365
  ? { domLayout: "autoHeight" }
365
366
  : { domLayout: undefined })), ((props === null || props === void 0 ? void 0 : props.dataTypeDefinitions) && {
366
367
  dataTypeDefinitions: props === null || props === void 0 ? void 0 : props.dataTypeDefinitions,
@@ -376,7 +377,7 @@ function ParentForGrid(props) {
376
377
  // Call Grid if something is searched
377
378
  (0, react_1.useEffect)(() => {
378
379
  if (api && gridReadyEvent) {
379
- callGrid(featureDetails);
380
+ !props.rowData && callGrid(featureDetails);
380
381
  }
381
382
  }, [featureDetails.searchedText]);
382
383
  (0, react_1.useEffect)(() => {
package/dist/components/form/form-fields/FieldLabel.js ADDED
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const jsx_runtime_1 = require("react/jsx-runtime");
4
+ const svg_1 = require("../../../assets/svg/svg");
5
+ const FieldLabel = (props) => {
6
+ return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex" }, { children: [(0, jsx_runtime_1.jsx)("img", { src: !(props === null || props === void 0 ? void 0 : props.error) && (props === null || props === void 0 ? void 0 : props.touched)
7
+ ? svg_1.LightningGreen
8
+ : (props === null || props === void 0 ? void 0 : props.error) && (props === null || props === void 0 ? void 0 : props.touched)
9
+ ? svg_1.LightningRed
10
+ : svg_1.Lightning, alt: "ss" }), (0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: props === null || props === void 0 ? void 0 : props.label, className: "mb-1" }, { children: props === null || props === void 0 ? void 0 : props.label }))] })) }));
11
+ };
12
+ exports.default = FieldLabel;
package/dist/components/form/form-fields/form-fields.js CHANGED
@@ -11,20 +11,33 @@ const inputtextarea_1 = require("primereact/inputtextarea");
11
11
  const max_1 = tslib_1.__importStar(require("react-phone-number-input/max"));
12
12
  const inputnumber_1 = require("primereact/inputnumber");
13
13
  const skeleton_1 = require("primereact/skeleton");
14
+ const FieldLabel_1 = tslib_1.__importDefault(require("./FieldLabel"));
14
15
  const InputTextField = (props) => {
15
16
  const { errors, touched, name, length, label, placeholder, optional, maxLength, className, validate, disabled, isLoading, } = props;
16
- return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column" }, { children: [!isLoading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [optional && ((0, jsx_runtime_1.jsxs)("label", Object.assign({ className: "font-medium text-base mb-1 w-full flex justify-content-between", htmlFor: name }, { children: [label, (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-base font-medium font-italic text-gray-600" }, { children: "Optional" }))] }))), !optional && ((0, jsx_runtime_1.jsx)("label", Object.assign({ className: "font-medium text-base mb-1", htmlFor: name }, { children: label }))), (0, jsx_runtime_1.jsx)(formik_1.Field, Object.assign({ type: "text", name: name, validate: validate }, { children: ({ field }) => ((0, jsx_runtime_1.jsx)(inputtext_1.InputText, Object.assign({ maxLength: maxLength, autoComplete: "off", disabled: disabled, placeholder: placeholder }, field, { className: ` ${errors[name] && touched[name] ? "p-invalid" : ""} ${length === "full" ? "full_form_field" : "form_field"} ${className}`, id: name }))) }))] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "16px", className: "mb-1 w-5rem" }), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: `${className ? className : "form_field"} ` }, { children: (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "40px" }) }))] })), errors[name] && touched[name] ? ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "errorField flex align-items-center text-sm" }, { children: (0, jsx_runtime_1.jsx)("span", { children: errors[name] }) }))) : ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "errorField flex align-items-center text-sm" }, { children: (0, jsx_runtime_1.jsx)("span", { children: "\u00A0" }) })))] })));
17
+ return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column" }, { children: [!isLoading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [optional && ((0, jsx_runtime_1.jsxs)("label", Object.assign({ className: "font-medium text-base mb-1 w-full flex justify-content-between", htmlFor: name }, { children: [label, (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-base font-medium font-italic text-gray-600" }, { children: "Optional" }))] }))), !optional && (
18
+ // <label className="font-medium text-base mb-1" htmlFor={name}>
19
+ // {label}
20
+ // </label>
21
+ (0, jsx_runtime_1.jsx)(FieldLabel_1.default, { label: label, error: errors === null || errors === void 0 ? void 0 : errors[name], touched: touched === null || touched === void 0 ? void 0 : touched[name] })), (0, jsx_runtime_1.jsx)(formik_1.Field, Object.assign({ type: "text", name: name, validate: validate }, { children: ({ field }) => ((0, jsx_runtime_1.jsx)(inputtext_1.InputText, Object.assign({ maxLength: maxLength, autoComplete: "off", disabled: disabled, placeholder: placeholder }, field, { className: ` ${errors[name] && touched[name] ? "p-invalid" : ""} ${length === "full" ? "full_form_field" : "form_field"} ${className}`, id: name }))) }))] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "16px", className: "mb-1 w-5rem" }), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: `${className ? className : "form_field"} ` }, { children: (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "40px" }) }))] })), errors[name] && touched[name] ? ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "errorField flex align-items-center text-sm" }, { children: (0, jsx_runtime_1.jsx)("span", { children: errors[name] }) }))) : ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "errorField flex align-items-center text-sm" }, { children: (0, jsx_runtime_1.jsx)("span", { children: "\u00A0" }) })))] })));
17
22
  };
18
23
  const InputNumberField = (props) => {
19
24
  const { errors, touched, name, length, label, placeholder, useGrouping = false, optional, setFieldValue, min, max, maxLength, className, validate, disabled, isLoading, inputClassName, icon, iconPos, maxFractionDigits, minFractionDigits, inputNumberProps = {}, } = props;
20
- return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex flex-column" }, { children: !isLoading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [optional && ((0, jsx_runtime_1.jsxs)("label", Object.assign({ className: "font-medium text-base mb-1 w-full flex justify-content-between", htmlFor: name }, { children: [label, (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-base font-medium font-italic text-gray-600" }, { children: "Optional" }))] }))), !optional && ((0, jsx_runtime_1.jsx)("label", Object.assign({ className: "font-medium text-base mb-1", htmlFor: name }, { children: label }))), (0, jsx_runtime_1.jsx)(formik_1.Field, Object.assign({ name: name, errors: errors, touched: touched, validate: validate }, { children: ({ field }) => {
25
+ return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex flex-column" }, { children: !isLoading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [optional && ((0, jsx_runtime_1.jsxs)("label", Object.assign({ className: "font-medium text-base mb-1 w-full flex justify-content-between", htmlFor: name }, { children: [label, (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-base font-medium font-italic text-gray-600" }, { children: "Optional" }))] }))), !optional && (
26
+ // <label className="font-medium text-base mb-1" htmlFor={name}>
27
+ // {label}
28
+ // </label>
29
+ (0, jsx_runtime_1.jsx)(FieldLabel_1.default, { label: label, error: errors === null || errors === void 0 ? void 0 : errors[name], touched: touched === null || touched === void 0 ? void 0 : touched[name] })), (0, jsx_runtime_1.jsx)(formik_1.Field, Object.assign({ name: name, errors: errors, touched: touched, validate: validate }, { children: ({ field }) => {
21
30
  const { value, name } = field;
22
31
  return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: icon ? ((0, jsx_runtime_1.jsxs)("span", Object.assign({ className: `p-input-icon-${iconPos}` }, { children: [(0, jsx_runtime_1.jsx)("i", { className: `pi pi-${icon} text-base` }), (0, jsx_runtime_1.jsx)(inputnumber_1.InputNumber, Object.assign({ value: value, name: name, useGrouping: useGrouping, maxFractionDigits: maxFractionDigits ? maxFractionDigits : 0, minFractionDigits: minFractionDigits ? minFractionDigits : 0, inputClassName: inputClassName ? inputClassName : "", min: min, max: max, disabled: disabled, maxLength: maxLength, placeholder: placeholder, onValueChange: (e) => setFieldValue(name, e.value !== null ? e.value : min), className: ` ${errors[name] && touched[name] ? "p-invalid" : ""} ${length === "full" ? "full_form_field" : "form_field"} ${className}`, id: name }, inputNumberProps))] }))) : ((0, jsx_runtime_1.jsx)(inputnumber_1.InputNumber, Object.assign({ value: value, name: name, useGrouping: useGrouping, maxFractionDigits: maxFractionDigits ? maxFractionDigits : 0, minFractionDigits: minFractionDigits ? minFractionDigits : 0, inputClassName: inputClassName ? inputClassName : "", min: min, max: max, disabled: disabled, maxLength: maxLength, placeholder: placeholder, onValueChange: (e) => setFieldValue(name, e.value !== null ? e.value : min), className: ` ${errors[name] && touched[name] ? "p-invalid" : ""} ${length === "full" ? "full_form_field" : "form_field"} ${className}`, id: name }, inputNumberProps))) }));
23
32
  } })), errors[name] && touched[name] ? ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "errorField flex align-items-center text-sm" }, { children: (0, jsx_runtime_1.jsx)("span", { children: errors[name] }) }))) : ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "errorField flex align-items-center text-sm" }, { children: (0, jsx_runtime_1.jsx)("span", { children: "\u00A0" }) })))] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "16px", className: "mb-1 w-5rem" }), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: `${className ? className : "form_field"} ` }, { children: (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "40px" }) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "errorField flex align-items-center text-sm" }, { children: (0, jsx_runtime_1.jsx)("span", { children: "\u00A0" }) }))] })) })));
24
33
  };
25
34
  const InputCurrencyField = (props) => {
26
35
  const { errors, spanClassName, touched, name, length, label, placeholder, optional, setFieldValue, useGrouping = false, min, max, maxLength, className, validate, disabled, isLoading, inputNumberProps = {}, } = props;
27
- return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex flex-column" }, { children: !isLoading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [optional && ((0, jsx_runtime_1.jsxs)("label", Object.assign({ className: "font-medium text-base mb-1 w-full flex justify-content-between", htmlFor: name }, { children: [label, (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-base font-medium font-italic text-gray-600" }, { children: "Optional" }))] }))), !optional && ((0, jsx_runtime_1.jsx)("label", Object.assign({ className: "font-medium text-base mb-1", htmlFor: name }, { children: label }))), (0, jsx_runtime_1.jsx)(formik_1.Field, Object.assign({ name: name, errors: errors, touched: touched, validate: validate }, { children: ({ field }) => {
36
+ return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex flex-column" }, { children: !isLoading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [optional && ((0, jsx_runtime_1.jsxs)("label", Object.assign({ className: "font-medium text-base mb-1 w-full flex justify-content-between", htmlFor: name }, { children: [label, (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-base font-medium font-italic text-gray-600" }, { children: "Optional" }))] }))), !optional && (
37
+ // <label className="font-medium text-base mb-1" htmlFor={name}>
38
+ // {label}
39
+ // </label>
40
+ (0, jsx_runtime_1.jsx)(FieldLabel_1.default, { label: label, error: errors === null || errors === void 0 ? void 0 : errors[name], touched: touched === null || touched === void 0 ? void 0 : touched[name] })), (0, jsx_runtime_1.jsx)(formik_1.Field, Object.assign({ name: name, errors: errors, touched: touched, validate: validate }, { children: ({ field }) => {
28
41
  const { value, name } = field;
29
42
  return ((0, jsx_runtime_1.jsxs)("span", Object.assign({ className: `${spanClassName} p-input-icon-left form_field` }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-prefix text-lg text-gray-600 font-normal" }, { children: "$" })), (0, jsx_runtime_1.jsx)(inputnumber_1.InputNumber, Object.assign({ name: name, value: value, "aria-autocomplete": "none", minFractionDigits: 2, disabled: disabled, min: min, max: max, maxLength: maxLength, onValueChange: (e) => setFieldValue(name, e.value !== null ? e.value : min), maxFractionDigits: 2, placeholder: placeholder, className: ` customNumberField ${errors[name] && touched[name] ? "p-invalid" : ""} ${length === "full" ? "full_form_field" : "form_field"} ${className}`, id: name, useGrouping: useGrouping }, inputNumberProps))] })));
30
43
  } })), errors[name] && touched[name] ? ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "errorField flex align-items-center text-sm" }, { children: (0, jsx_runtime_1.jsx)("span", { children: errors[name] }) }))) : ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "errorField flex align-items-center text-sm" }, { children: (0, jsx_runtime_1.jsx)("span", { children: "\u00A0" }) })))] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "16px", className: "mb-1 w-5rem" }), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: `${className ? className : "form_field"} ` }, { children: (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "40px" }) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "errorField flex align-items-center text-sm" }, { children: (0, jsx_runtime_1.jsx)("span", { children: "\u00A0" }) }))] })) })));
@@ -36,7 +49,11 @@ const InputTextAreaField = (props) => {
36
49
  setCharCount(values[name].length);
37
50
  }, [values[name]]);
38
51
  (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-base font-medium font-italic text-gray-600" }, { children: "Optional" }));
39
- return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex flex-column relative" }, { children: !isLoading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [optional && ((0, jsx_runtime_1.jsxs)("label", Object.assign({ className: "font-medium text-base mb-1 w-full flex justify-content-between", htmlFor: name }, { children: [label, (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-base font-medium font-italic text-gray-600" }, { children: "Optional" }))] }))), !optional && ((0, jsx_runtime_1.jsx)("label", Object.assign({ className: "font-medium text-base mb-1", htmlFor: name }, { children: label }))), (0, jsx_runtime_1.jsx)(formik_1.Field, Object.assign({ name: name, type: "textarea", validate: validate }, { children: ({ field }) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(inputtextarea_1.InputTextarea, Object.assign({ autoComplete: "off", placeholder: placeholder, style: {
52
+ return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex flex-column relative" }, { children: !isLoading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [optional && ((0, jsx_runtime_1.jsxs)("label", Object.assign({ className: "font-medium text-base mb-1 w-full flex justify-content-between", htmlFor: name }, { children: [label, (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-base font-medium font-italic text-gray-600" }, { children: "Optional" }))] }))), !optional && (
53
+ // <label className="font-medium text-base mb-1" htmlFor={name}>
54
+ // {label}
55
+ // </label>
56
+ (0, jsx_runtime_1.jsx)(FieldLabel_1.default, { label: label, error: errors === null || errors === void 0 ? void 0 : errors[name], touched: touched === null || touched === void 0 ? void 0 : touched[name] })), (0, jsx_runtime_1.jsx)(formik_1.Field, Object.assign({ name: name, type: "textarea", validate: validate }, { children: ({ field }) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(inputtextarea_1.InputTextarea, Object.assign({ autoComplete: "off", placeholder: placeholder, style: {
40
57
  height: "154px",
41
58
  resize: "none",
42
59
  overflowY: "scroll",
@@ -46,7 +63,11 @@ const DropDownField = (props) => {
46
63
  const { errors, touched, name, length, label, onFocus,
47
64
  // onChange,
48
65
  placeholder, panelClassName, showClear, options, optional, customSelectedTemplate, customFieldsTemplate, optionLabel, optionDisabled, className, validate, disabled, filter, panelStyle, isLoading, } = props;
49
- return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex flex-column" }, { children: !isLoading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [optional && ((0, jsx_runtime_1.jsxs)("label", Object.assign({ className: "font-medium text-base mb-1 w-full flex justify-content-between", htmlFor: name }, { children: [label, (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-base font-medium font-italic text-gray-600" }, { children: "Optional" }))] }))), !optional && ((0, jsx_runtime_1.jsx)("label", Object.assign({ className: "font-medium text-base mb-1", htmlFor: name }, { children: label }))), (0, jsx_runtime_1.jsx)(formik_1.Field, Object.assign({ type: "text", name: name, validate: validate }, { children: ({ field }) => ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, Object.assign({ onFocus: () => {
66
+ return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex flex-column" }, { children: !isLoading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [optional && ((0, jsx_runtime_1.jsxs)("label", Object.assign({ className: "font-medium text-base mb-1 w-full flex justify-content-between", htmlFor: name }, { children: [label, (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-base font-medium font-italic text-gray-600" }, { children: "Optional" }))] }))), !optional && (
67
+ // <label className="font-medium text-base mb-1" htmlFor={name}>
68
+ // {label}
69
+ // </label>
70
+ (0, jsx_runtime_1.jsx)(FieldLabel_1.default, { label: label, error: errors === null || errors === void 0 ? void 0 : errors[name], touched: touched === null || touched === void 0 ? void 0 : touched[name] })), (0, jsx_runtime_1.jsx)(formik_1.Field, Object.assign({ type: "text", name: name, validate: validate }, { children: ({ field }) => ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, Object.assign({ onFocus: () => {
50
71
  onFocus && onFocus();
51
72
  }, panelClassName: panelClassName, showClear: showClear, panelStyle: panelStyle || "", filter: filter || false, disabled: disabled, placeholder: placeholder }, field, {
52
73
  // onChange={(e: any) => onChange && onChange(e)}
@@ -54,7 +75,11 @@ const DropDownField = (props) => {
54
75
  };
55
76
  const MultiSelectField = (props) => {
56
77
  const { errors, touched, name, length, label, placeholder, options, optional, customFieldsTemplate, optionLabel, optionDisabled, className, validate, disabled, isLoading, filter, } = props;
57
- return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex flex-column" }, { children: !isLoading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [optional && ((0, jsx_runtime_1.jsxs)("label", Object.assign({ className: "font-medium text-base mb-1 w-full flex justify-content-between", htmlFor: name }, { children: [label, (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-base font-medium font-italic text-gray-600" }, { children: "Optional" }))] }))), !optional && ((0, jsx_runtime_1.jsx)("label", Object.assign({ className: "font-medium text-base mb-1", htmlFor: name }, { children: label }))), (0, jsx_runtime_1.jsx)(formik_1.Field, Object.assign({ type: "text", name: name, validate: validate }, { children: ({ field }) => ((0, jsx_runtime_1.jsx)(multiselect_1.MultiSelect, Object.assign({ filter: filter ? filter : false, disabled: disabled, placeholder: placeholder }, field, { options: options, itemTemplate: customFieldsTemplate, optionDisabled: optionDisabled, optionLabel: optionLabel, className: ` ${errors[name] && touched[name] ? "p-invalid" : ""} ${length === "full" ? "full_form_field" : "form_field"} ${className}`, id: name }))) })), errors[name] && touched[name] ? ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "errorField flex align-items-center text-sm" }, { children: (0, jsx_runtime_1.jsx)("span", { children: errors[name] }) }))) : ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "errorField flex align-items-center text-sm" }, { children: (0, jsx_runtime_1.jsx)("span", { children: "\u00A0" }) })))] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "16px", className: "mb-1 w-5rem" }), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: `${className ? className : "form_field"} ` }, { children: (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "40px" }) }))] })) })));
78
+ return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex flex-column" }, { children: !isLoading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [optional && ((0, jsx_runtime_1.jsxs)("label", Object.assign({ className: "font-medium text-base mb-1 w-full flex justify-content-between", htmlFor: name }, { children: [label, (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-base font-medium font-italic text-gray-600" }, { children: "Optional" }))] }))), !optional && (
79
+ // <label className="font-medium text-base mb-1" htmlFor={name}>
80
+ // {label}
81
+ // </label>
82
+ (0, jsx_runtime_1.jsx)(FieldLabel_1.default, { label: label, error: errors === null || errors === void 0 ? void 0 : errors[name], touched: touched === null || touched === void 0 ? void 0 : touched[name] })), (0, jsx_runtime_1.jsx)(formik_1.Field, Object.assign({ type: "text", name: name, validate: validate }, { children: ({ field }) => ((0, jsx_runtime_1.jsx)(multiselect_1.MultiSelect, Object.assign({ filter: filter ? filter : false, disabled: disabled, placeholder: placeholder }, field, { options: options, itemTemplate: customFieldsTemplate, optionDisabled: optionDisabled, optionLabel: optionLabel, className: ` ${errors[name] && touched[name] ? "p-invalid" : ""} ${length === "full" ? "full_form_field" : "form_field"} ${className}`, id: name }))) })), errors[name] && touched[name] ? ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "errorField flex align-items-center text-sm" }, { children: (0, jsx_runtime_1.jsx)("span", { children: errors[name] }) }))) : ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "errorField flex align-items-center text-sm" }, { children: (0, jsx_runtime_1.jsx)("span", { children: "\u00A0" }) })))] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "16px", className: "mb-1 w-5rem" }), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: `${className ? className : "form_field"} ` }, { children: (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "40px" }) }))] })) })));
58
83
  };
59
84
  const PhoneNumberField = (props) => {
60
85
  const { errors, touched, name, length, values, label, placeholder, optional, position, setFieldValue, isLoading, } = props;
@@ -73,7 +98,11 @@ const PhoneNumberField = (props) => {
73
98
  setFieldValue("countryCode", e.value);
74
99
  } }))) })) })));
75
100
  };
76
- return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex flex-column gap-1" }, { children: !isLoading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [optional && ((0, jsx_runtime_1.jsxs)("label", Object.assign({ className: "font-medium text-base mb-1 w-full flex justify-content-between", htmlFor: name }, { children: [label, (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-base font-medium font-italic text-gray-600" }, { children: "Optional" }))] }))), !optional && ((0, jsx_runtime_1.jsx)("label", Object.assign({ className: "font-medium text-base mb-1", htmlFor: name }, { children: label }))), (0, jsx_runtime_1.jsx)(formik_1.Field, Object.assign({ type: "text", name: name }, { children: ({ field }) => ((0, jsx_runtime_1.jsx)(max_1.default, Object.assign({ international: true, countryCallingCodeEditable: false, withCountryCallingCode: false, countrySelectComponent: customCountry, usenationalformatfordefaultcountryvalue: "true", defaultCountry: values[name], limitMaxLength: true, className: ` flex align-items-center ${errors[name] ? "p-invalid" : ""} ${length === "full" ? "full_form_field" : "form_field"}` }, field, { onChange: (e) => setFieldValue(name, e) }))) })), errors[name] && touched[name] ? ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "errorField flex align-items-center text-sm" }, { children: (0, jsx_runtime_1.jsx)("span", { children: errors[name] }) }))) : ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "errorField flex align-items-center text-sm" }, { children: (0, jsx_runtime_1.jsx)("span", { children: "\u00A0" }) })))] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "16px", className: "mb-1 w-5rem" }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "40px", className: `full_form_field` })] })) })));
101
+ return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex flex-column gap-1" }, { children: !isLoading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [optional && ((0, jsx_runtime_1.jsxs)("label", Object.assign({ className: "font-medium text-base mb-1 w-full flex justify-content-between", htmlFor: name }, { children: [label, (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-base font-medium font-italic text-gray-600" }, { children: "Optional" }))] }))), !optional && (
102
+ // <label className="font-medium text-base mb-1" htmlFor={name}>
103
+ // {label}
104
+ // </label>
105
+ (0, jsx_runtime_1.jsx)(FieldLabel_1.default, { label: label, error: errors === null || errors === void 0 ? void 0 : errors[name], touched: touched === null || touched === void 0 ? void 0 : touched[name] })), (0, jsx_runtime_1.jsx)(formik_1.Field, Object.assign({ type: "text", name: name }, { children: ({ field }) => ((0, jsx_runtime_1.jsx)(max_1.default, Object.assign({ international: true, countryCallingCodeEditable: false, withCountryCallingCode: false, countrySelectComponent: customCountry, usenationalformatfordefaultcountryvalue: "true", defaultCountry: values[name], limitMaxLength: true, className: ` flex align-items-center ${errors[name] ? "p-invalid" : ""} ${length === "full" ? "full_form_field" : "form_field"}` }, field, { onChange: (e) => setFieldValue(name, e) }))) })), errors[name] && touched[name] ? ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "errorField flex align-items-center text-sm" }, { children: (0, jsx_runtime_1.jsx)("span", { children: errors[name] }) }))) : ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "errorField flex align-items-center text-sm" }, { children: (0, jsx_runtime_1.jsx)("span", { children: "\u00A0" }) })))] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "16px", className: "mb-1 w-5rem" }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "40px", className: `full_form_field` })] })) })));
77
106
  };
78
107
  // const InputGroupField = (props: any) => {
79
108
  // const { errors, touched, name, length, label, placeholder, optional, position, setFieldValue, validate } = props;
package/dist/directives/svg-icons.js CHANGED
@@ -9280,6 +9280,16 @@ exports.iconList = [
9280
9280
  </svg>
9281
9281
  `,
9282
9282
  },
9283
+ {
9284
+ name: "check-verified-01",
9285
+ svg: `<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
9286
+ <path d="M13.2859 3.88755C12.4676 4.58494 11.4501 5.00639 10.3783 5.09192C7.87719 5.29151 5.89112 7.27759 5.69153 9.77868C5.606 10.8505 5.18454 11.8679 4.48716 12.6863C2.85975 14.596 2.85975 17.4047 4.48716 19.3144C5.18454 20.1327 5.606 21.1502 5.69153 22.222C5.89112 24.7231 7.87719 26.7091 10.3783 26.9087C11.4501 26.9943 12.4676 27.4157 13.2859 28.1131C15.1956 29.7405 18.0043 29.7405 19.914 28.1131C20.7323 27.4157 21.7498 26.9943 22.8216 26.9087C25.3227 26.7091 27.3088 24.7231 27.5083 22.222C27.5939 21.1502 28.0153 20.1327 28.7127 19.3144C30.3401 17.4047 30.3401 14.596 28.7127 12.6863C28.0153 11.8679 27.5939 10.8505 27.5083 9.77868C27.3088 7.27759 25.3227 5.29151 22.8216 5.09192C21.7498 5.00639 20.7323 4.58494 19.914 3.88755C18.0043 2.26014 15.1956 2.26014 13.2859 3.88755Z" fill="#039855"/>
9287
+ <path d="M12.5999 16.0003L15.2666 18.667L21.2666 12.667M10.3783 5.09192C11.4501 5.00639 12.4676 4.58494 13.2859 3.88755C15.1956 2.26014 18.0043 2.26014 19.914 3.88755C20.7323 4.58494 21.7498 5.00639 22.8216 5.09192C25.3227 5.29151 27.3088 7.27759 27.5083 9.77868C27.5939 10.8505 28.0153 11.8679 28.7127 12.6863C30.3401 14.596 30.3401 17.4047 28.7127 19.3144C28.0153 20.1327 27.5939 21.1502 27.5083 22.222C27.3088 24.7231 25.3227 26.7091 22.8216 26.9087C21.7498 26.9943 20.7323 27.4157 19.914 28.1131C18.0043 29.7405 15.1956 29.7405 13.2859 28.1131C12.4676 27.4157 11.4501 26.9943 10.3783 26.9087C7.87719 26.7091 5.89112 24.7231 5.69153 22.222C5.606 21.1502 5.18454 20.1327 4.48716 19.3144C2.85975 17.4047 2.85975 14.596 4.48716 12.6863C5.18454 11.8679 5.606 10.8505 5.69153 9.77868C5.89112 7.27759 7.87719 5.29151 10.3783 5.09192Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
9288
+ </svg>
9289
+
9290
+
9291
+ `,
9292
+ },
9283
9293
  {
9284
9294
  name: "org-01",
9285
9295
  svg: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
package/dist/types/assets/svg/svg.d.ts CHANGED
@@ -12,3 +12,6 @@ export const Quotes: "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill
12
12
  export const Heading2: "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M20.748 22H18.0215V17.25H13.9824V22H11.2402V10.625H13.9824V15.1406H18.0215V10.625H20.748V22Z\" fill=\"#98A2B3\" />\n</svg>";
13
13
  export const Heading1: "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M21.7822 22H18.8525V15.9062H13.1396V22H10.21V7.78125H13.1396V13.543H18.8525V7.78125H21.7822V22Z\" fill=\"#98A2B3\" />\n</svg>";
14
14
  export const Bold: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"11\" height=\"14\" viewBox=\"0 0 11 14\" fill=\"none\">\n<path d=\"M8.6 6.79C9.57 6.12 10.25 5.02 10.25 4C10.25 1.74 8.5 0 6.25 0H0V14H7.04C9.13 14 10.75 12.3 10.75 10.21C10.75 8.69 9.89 7.39 8.6 6.79ZM3 2.5H6C6.83 2.5 7.5 3.17 7.5 4C7.5 4.83 6.83 5.5 6 5.5H3V2.5ZM6.5 11.5H3V8.5H6.5C7.33 8.5 8 9.17 8 10C8 10.83 7.33 11.5 6.5 11.5Z\" fill=\"#98A2B3\"/>\n</svg>";
15
+ export const LightningGreen: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\">\n<path d=\"M8.31076 1.16699H4.95334C4.84865 1.16699 4.7963 1.16699 4.75008 1.18293C4.70921 1.19703 4.67199 1.22004 4.6411 1.25029C4.60617 1.28449 4.58276 1.33132 4.53594 1.42496L2.08594 6.32496C1.97413 6.54859 1.91822 6.6604 1.93165 6.75129C1.94338 6.83065 1.98728 6.90169 2.05302 6.94767C2.12831 7.00033 2.25332 7.00033 2.50334 7.00033H6.12326L4.37326 12.8337L11.4859 5.45759C11.7259 5.20873 11.8458 5.08431 11.8529 4.97784C11.859 4.88542 11.8208 4.79561 11.75 4.73584C11.6685 4.66699 11.4957 4.66699 11.15 4.66699H6.99826L8.31076 1.16699Z\" fill=\"#12B76A\"/>\n</svg>";
16
+ export const LightningRed: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\">\n<path d=\"M8.31076 1.16699H4.95334C4.84865 1.16699 4.7963 1.16699 4.75008 1.18293C4.70921 1.19703 4.67199 1.22004 4.6411 1.25029C4.60617 1.28449 4.58276 1.33132 4.53594 1.42496L2.08594 6.32496C1.97413 6.54859 1.91822 6.6604 1.93165 6.75129C1.94338 6.83065 1.98728 6.90169 2.05302 6.94767C2.12831 7.00033 2.25332 7.00033 2.50334 7.00033H6.12326L4.37326 12.8337L11.4859 5.45759C11.7259 5.20873 11.8458 5.08431 11.8529 4.97784C11.859 4.88542 11.8208 4.79561 11.75 4.73584C11.6685 4.66699 11.4957 4.66699 11.15 4.66699H6.99826L8.31076 1.16699Z\" fill=\"#F04438\"/>\n</svg>";
17
+ export const Lightning: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\">\n<path d=\"M8.31076 1.16699H4.95334C4.84865 1.16699 4.7963 1.16699 4.75008 1.18293C4.70921 1.19703 4.67199 1.22004 4.6411 1.25029C4.60617 1.28449 4.58276 1.33132 4.53594 1.42496L2.08594 6.32496C1.97413 6.54859 1.91822 6.6604 1.93165 6.75129C1.94338 6.83065 1.98728 6.90169 2.05302 6.94767C2.12831 7.00033 2.25332 7.00033 2.50334 7.00033H6.12326L4.37326 12.8337L11.4859 5.45759C11.7259 5.20873 11.8458 5.08431 11.8529 4.97784C11.859 4.88542 11.8208 4.79561 11.75 4.73584C11.6685 4.66699 11.4957 4.66699 11.15 4.66699H6.99826L8.31076 1.16699Z\" fill=\"#EAAA08\"/>\n</svg>";
package/dist/types/components/ag-grid/Types.d.ts CHANGED
@@ -102,7 +102,7 @@ export interface ConditionsToDisplay {
102
102
  enableCheckboxForGroupHeader?: boolean;
103
103
  displayCheckboxForGroups?: boolean;
104
104
  displayGroupCount?: boolean;
105
- displayRowGroupingElement?: string;
105
+ displayRowGroupingElement?: any;
106
106
  isGridAutoHeight?: boolean;
107
107
  displayGridViewListView?: string;
108
108
  }
package/dist/types/components/form/form-fields/FieldLabel.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ interface FieldLabel {
2
+ label: string;
3
+ error: string;
4
+ touched: boolean;
5
+ }
6
+ declare const FieldLabel: (props: FieldLabel) => import("react/jsx-runtime").JSX.Element;
7
+ export default FieldLabel;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sccoreui",
3
- "version": "6.3.30",
3
+ "version": "6.3.32",
4
4
  "description": "ui-sccore",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",