tp-react-elements-dev 1.4.15 → 1.4.16

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/components/Form/FormRender.d.ts +3 -0
  2. package/dist/index.esm.js +15 -32
  3. package/dist/index.esm.js.map +1 -1
  4. package/dist/index.js +15 -32
  5. package/dist/index.js.map +1 -1
  6. package/package.json +1 -1
package/dist/components/Form/FormRender.d.ts CHANGED
@@ -1,3 +1,5 @@
1
+ import { Theme } from "@emotion/react";
2
+ import { SxProps } from "@mui/material";
1
3
  export declare const renderLabel: (label: string, isRequired?: boolean, alignRight?: boolean) => import("react/jsx-runtime").JSX.Element;
2
4
  export declare function formatDateMonthAndYear(date: any): string;
3
5
  interface OptionsProps {
@@ -30,6 +32,7 @@ export interface FormSectionPropsItem {
30
32
  allowSpecialChars?: boolean;
31
33
  InputProps?: TextFieldInputProps;
32
34
  customErrorMessage?: string | null;
35
+ sx?: SxProps<Theme>;
33
36
  }
34
37
  export interface FormRenderProps {
35
38
  item: FormSectionPropsItem;
package/dist/index.esm.js CHANGED
@@ -52040,14 +52040,11 @@ const SingleSelect = ({ props }) => {
52040
52040
  }, onBlur: (e) => {
52041
52041
  var _a, _b;
52042
52042
  ((_a = props === null || props === void 0 ? void 0 : props.item) === null || _a === void 0 ? void 0 : _a.onBlurFn) && ((_b = props === null || props === void 0 ? void 0 : props.item) === null || _b === void 0 ? void 0 : _b.onBlurFn(e));
52043
- }, size: "small", sx: {
52044
- "& .MuiAutocomplete-input": {
52043
+ }, size: "small", sx: Object.assign({ "& .MuiAutocomplete-input": {
52045
52044
  padding: "0px 0px 0px 5px !important",
52046
- },
52047
- "& .css-erkti9-MuiFormLabel-root-MuiInputLabel-root,.css-8edmr2-MuiFormLabel-root-MuiInputLabel-root": {
52045
+ }, "& .css-erkti9-MuiFormLabel-root-MuiInputLabel-root,.css-8edmr2-MuiFormLabel-root-MuiInputLabel-root": {
52048
52046
  top: "-3px",
52049
- },
52050
- }, ListboxProps: {
52047
+ } }, props.item.sx), ListboxProps: {
52051
52048
  onScroll: (event) => {
52052
52049
  const listboxNode = event.currentTarget;
52053
52050
  if (listboxNode.scrollTop + listboxNode.clientHeight ===
@@ -52301,28 +52298,21 @@ const RenderForm = (props) => {
52301
52298
  fontFamily: "Roboto-Reg",
52302
52299
  border: "none",
52303
52300
  },
52304
- }, sx: {
52305
- fontFamily: "Roboto-Reg",
52306
- "& .css-1holvmy,.css-lqj8pz-MuiFormLabel-root-MuiInputLabel-root, .css-kichxs-MuiFormLabel-root-MuiInputLabel-root": {
52301
+ }, sx: Object.assign({ fontFamily: "Roboto-Reg", "& .css-1holvmy,.css-lqj8pz-MuiFormLabel-root-MuiInputLabel-root, .css-kichxs-MuiFormLabel-root-MuiInputLabel-root": {
52307
52302
  top: "-10px",
52308
52303
  // fontSize:'14px !important'
52309
- },
52310
- "& .css-2rul56-MuiFormLabel-root-MuiInputLabel-root": {
52304
+ }, "& .css-2rul56-MuiFormLabel-root-MuiInputLabel-root": {
52311
52305
  top: "-10px",
52312
52306
  fontFamily: "Roboto-Reg",
52313
- },
52314
- "& .css-12ciryo-MuiFormLabel-root-MuiInputLabel-root ": {
52307
+ }, "& .css-12ciryo-MuiFormLabel-root-MuiInputLabel-root ": {
52315
52308
  fontFamily: "Roboto-Reg",
52316
- },
52317
- "& .css-1gq5vhi-MuiInputBase-root-MuiOutlinedInput-root input ": {
52309
+ }, "& .css-1gq5vhi-MuiInputBase-root-MuiOutlinedInput-root input ": {
52318
52310
  outline: "none",
52319
52311
  border: "1px solid #ced4da", // Add this line to set border to none
52320
- },
52321
- "& .css-1gq5vhi-MuiInputBase-root-MuiOutlinedInput-root input:focus ": {
52312
+ }, "& .css-1gq5vhi-MuiInputBase-root-MuiOutlinedInput-root input:focus ": {
52322
52313
  outline: "none",
52323
52314
  border: "none", // Set border to none when input is focused
52324
- },
52325
- },
52315
+ } }, props.item.sx),
52326
52316
  // classes={{ option: { color: "red !important" } }}
52327
52317
  value: field.value || "", size: "small", disabled: props.item.disable, onBlur: (e) => {
52328
52318
  var _a, _b;
@@ -52361,28 +52351,21 @@ const RenderForm = (props) => {
52361
52351
  e.target.value = e.target.value
52362
52352
  .replace(/\s/g, "")
52363
52353
  .replace(/[^a-zA-Z0-9!@#$%^&*()_+{}\[\]:;<>,.?/~`|\\-]/g, "");
52364
- }, sx: {
52365
- fontFamily: "Roboto-Reg",
52366
- "& .css-1holvmy,.css-lqj8pz-MuiFormLabel-root-MuiInputLabel-root, .css-kichxs-MuiFormLabel-root-MuiInputLabel-root": {
52354
+ }, sx: Object.assign({ fontFamily: "Roboto-Reg", "& .css-1holvmy,.css-lqj8pz-MuiFormLabel-root-MuiInputLabel-root, .css-kichxs-MuiFormLabel-root-MuiInputLabel-root": {
52367
52355
  top: "-10px",
52368
52356
  // fontSize:'14px !important'
52369
- },
52370
- "& .css-2rul56-MuiFormLabel-root-MuiInputLabel-root": {
52357
+ }, "& .css-2rul56-MuiFormLabel-root-MuiInputLabel-root": {
52371
52358
  top: "-10px",
52372
52359
  fontFamily: "Roboto-Reg",
52373
- },
52374
- "& .css-12ciryo-MuiFormLabel-root-MuiInputLabel-root ": {
52360
+ }, "& .css-12ciryo-MuiFormLabel-root-MuiInputLabel-root ": {
52375
52361
  fontFamily: "Roboto-Reg",
52376
- },
52377
- "& .css-1gq5vhi-MuiInputBase-root-MuiOutlinedInput-root input ": {
52362
+ }, "& .css-1gq5vhi-MuiInputBase-root-MuiOutlinedInput-root input ": {
52378
52363
  outline: "none",
52379
52364
  border: "1px solid #ced4da", // Add this line to set border to none
52380
- },
52381
- "& .css-1gq5vhi-MuiInputBase-root-MuiOutlinedInput-root input:focus ": {
52365
+ }, "& .css-1gq5vhi-MuiInputBase-root-MuiOutlinedInput-root input:focus ": {
52382
52366
  outline: "none",
52383
52367
  border: "none", // Set border to none when input is focused
52384
- },
52385
- },
52368
+ } }, props.item.sx),
52386
52369
  // classes={{ option: { color: "red !important" } }}
52387
52370
  value: field.value || "", disabled: props.item.disable })), ((_a = props === null || props === void 0 ? void 0 : props.item) === null || _a === void 0 ? void 0 : _a.helperText) && (jsxRuntimeExports.jsxs("span", Object.assign({ style: {
52388
52371
  fontFamily: "Roboto-Reg",