react-restyle-components 0.1.77 → 0.1.78

package/lib/src/core-components/atoms/buttons/buttons.component.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import '../../../../tc.css';
 interface ButtonProps {
     type?: 'solid' | 'outline';
     className?: any;

package/lib/src/core-components/atoms/buttons/buttons.component.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import '../../../../tc.css';
 export const Button = ({ type = 'solid', className = 'w-40', disable = false, onClick, children, }) => {
     const buttonColorClass = type === 'solid'
         ? 'text-white bg-[#007BFF] hover:bg-[#007BFF] hover:shadow-lg text-white'

package/lib/src/core-components/atoms/check-box/checkBox.component.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import '../../../../tc.css';
 interface CheckBoxProps {
     title: string;
     data: Array<any>;

package/lib/src/core-components/atoms/check-box/checkBox.component.js

@@ -1,4 +1,5 @@
 import React, { useState } from 'react';
+import '../../../../tc.css';
 import { UnCheckbox, CheckedBox } from '../../../library/assets/svg';
 import { InputWrapper } from '../form/form.component';
 export const CheckBox = ({ title = 'Banks', data = [{ title: 'SBI Bank', checked: false }], className, onChange, }) => {

package/lib/src/core-components/atoms/date-picker/date-picker.component.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import '../../../../tc.css';
 import 'react-datepicker/dist/react-datepicker.css';
 interface DatePickerProps {
     title: string;

package/lib/src/core-components/atoms/date-picker/date-picker.component.js

@@ -1,4 +1,5 @@
 import React, { useState, forwardRef } from 'react';
+import '../../../../tc.css';
 import DatePicker from 'react-datepicker';
 import 'react-datepicker/dist/react-datepicker.css';
 import { DatePickerSvg } from '../../../library/assets/svg';

package/lib/src/core-components/atoms/form/form.component.d.ts

@@ -1,4 +1,6 @@
 import React from 'react';
+import '../../../../tc.css';
+import '../../../../tc.css';
 interface LabelProps {
     htmlFor: string;
     hasError?: boolean;

package/lib/src/core-components/atoms/form/form.component.js

@@ -1,5 +1,7 @@
 import React, { useState, useEffect } from 'react';
+import '../../../../tc.css';
 import classNames from 'classnames';
+import '../../../../tc.css';
 export const Label = (props) => (React.createElement(React.Fragment, null,
     React.createElement("label", { htmlFor: props.htmlFor, className: `${props.hasError ? 'text-red-400' : 'text-current'} block text-3xs font-medium  mb-1`, style: { ...props.style } }, props.children)));
 export const InputWrapper = (props) => (React.createElement("div", { className: props.className, ref: props.ref },

package/lib/src/core-components/atoms/icons/icons.component.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { IconBaseProps } from 'react-icons/lib';
+import '../../../../tc.css';
 interface IconProps {
     nameIcon: string;
     propsIcon?: IconBaseProps;

package/lib/src/core-components/atoms/icons/icons.component.js

@@ -2,6 +2,7 @@ import React, { Suspense } from 'react';
 import _ from 'lodash';
 import { Tooltip } from '../..';
 import loadable from '@loadable/component';
+import '../../../../tc.css';
 let lib = 'md';
 export const Icon = ({ nameIcon, propsIcon, tooltip = '', isDisable = false, onClick, }) => {
     try {

package/lib/src/core-components/atoms/input/input-otp.component.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import './input-otp.styles.css';
+import '../../../../tc.css';
 interface PinInputGridProps {
     title?: string;
     hasError?: boolean;

package/lib/src/core-components/atoms/input/input-otp.component.js

@@ -1,6 +1,7 @@
 /* eslint-disable no-console */
 import React, { useEffect, useRef } from 'react';
 import './input-otp.styles.css';
+import '../../../../tc.css';
 export const InputOtp = ({ className, pin, onPinChanged, }) => {
     const pinLength = 6;
     const Pin_Min_Value = 0;

package/lib/src/core-components/atoms/input/input-pin.component.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import './input.styles.css';
+import '../../../../tc.css';
 interface PinInputGridProps {
     title: string;
     hasError?: any;

package/lib/src/core-components/atoms/input/input-pin.component.js

@@ -1,6 +1,7 @@
 /* eslint-disable */
 import React, { useRef, useState } from 'react';
 import './input.styles.css';
+import '../../../../tc.css';
 export const InputPin = ({ title, className, defaultPin, errorMsg, defaultMsg, hasError, onPinChanged, }) => {
     const pin = useRef([]);
     const [reload, setReload] = useState(false);

package/lib/src/core-components/atoms/input/input.component.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import './input.styles.css';
+import '../../../../tc.css';
 interface InputProps {
     title: string;
     defaultValue: string;

package/lib/src/core-components/atoms/input/input.component.js

@@ -1,6 +1,7 @@
 /* eslint-disable no-console */
 import React, { useState } from 'react';
 import './input.styles.css';
+import '../../../../tc.css';
 export const Input = ({ title, defaultValue, className, disable, hasError, errorMsg, defaultMsg, inputStyle, autoComplete, maxlength = 40, onChange, onBlur, }) => {
     const [value, setValue] = useState(defaultValue);
     const onKeyUpValue = (event) => {

package/lib/src/core-components/atoms/input-dropdown/input-dropdown.component.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import '../../../../tc.css';
 interface InputDropdownProps {
     title: string;
     items: Array<string>;

package/lib/src/core-components/atoms/input-dropdown/input-dropdown.component.js

@@ -1,5 +1,6 @@
 import React, { useState, useEffect, useRef } from 'react';
 import { UpArrow, DownArrow } from '../../../library/assets/svg';
+import '../../../../tc.css';
 export const InputDropdown = ({ items, className, hasError, title, onChange, }) => {
     const [isOpen, setIsOpen] = useState(false);
     const [value, setValue] = useState('');

package/lib/src/core-components/atoms/loader/loader.component.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
+import '../../../../tc.css';
 export declare const Loader: () => React.JSX.Element;
 export declare const ModalLoader: () => React.JSX.Element;

package/lib/src/core-components/atoms/loader/loader.component.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import { Container, Row, Spinner } from 'reactstrap';
+import '../../../../tc.css';
 export const Loader = () => (React.createElement(Container, { fluid: true, className: "vh-50 d-flex" },
     React.createElement(Row, { className: "justify-content-center align-self-center w-100 text-center" },
         React.createElement(Spinner, { color: "primary" }))));

package/lib/src/core-components/atoms/radio/radio.component.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import '../../../../tc.css';
 interface RadioProps {
     title: string;
     data: Array<any>;

package/lib/src/core-components/atoms/radio/radio.component.js

@@ -1,6 +1,7 @@
 import React, { useState } from 'react';
 import { CheckedRadio, UncheckRadio } from '../../../library/assets/svg';
 import { InputWrapper } from '../form/form.component';
+import '../../../../tc.css';
 export const Radio = ({ title = 'Source', data = [], className, onChange, }) => {
     const [list, setList] = useState(data);
     const width = 20;

package/lib/src/core-components/atoms/stepper/stepper.component.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import '../../../../tc.css';
 interface StepperProps {
     className?: string;
     steps: Array<string>;

package/lib/src/core-components/atoms/stepper/stepper.component.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import '../../../../tc.css';
 export const Stepper = ({ className = '', steps, currentStep = 1, onStepClick, }) => {
     const finalClass = `${className} w-full px-4 sm:px-8`;
     const progressClass = 'absolute my-4 top-1/2 left-0 h-0.5  transform -translate-y-1/2 bg-orange transition-width ease-in-out duration-500';

package/lib/src/core-components/atoms/tabs/tabs.component.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import '../../../../tc.css';
 interface TabsProps {
     options: Array<{
         title: string;

package/lib/src/core-components/atoms/tabs/tabs.component.js

@@ -1,5 +1,6 @@
 import React, { useState } from 'react';
 import { Icon } from '../..';
+import '../../../../tc.css';
 export const Tabs = ({ options, onSelect }) => {
     const [selected, setSelected] = useState(options[0].title);
     return (React.createElement("div", { className: "flex justify-center" },

package/lib/src/core-components/atoms/timer/timer.component.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import '../../../../tc.css';
 interface TimerProps {
     onClear: () => void;
 }

package/lib/src/core-components/atoms/timer/timer.component.js

@@ -2,6 +2,7 @@
 /* eslint-disable @typescript-eslint/no-unused-expressions */
 import React, { useEffect, useState, useImperativeHandle } from 'react';
 import { TimerSVG } from '../../../library/assets/svg';
+import '../../../../tc.css';
 // eslint-disable-next-line react/display-name
 export const Timer = React.forwardRef(({ onClear }, ref) => {
     const width = 15;

package/lib/src/core-components/atoms/tooltip/tooltip.component.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import '../../../../tc.css';
 interface TooltipProps {
     tooltipText?: any;
     position?: 'bottom' | 'left' | 'top';

package/lib/src/core-components/atoms/tooltip/tooltip.component.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import * as Material from '@mui/material';
+import '../../../../tc.css';
 export const Tooltip = ({ tooltipText, position = 'bottom-start', children, }) => {
     const positionRef = React.useRef({
         x: 0,

package/lib/src/core-components/molecules/auto-complete-filter-multiple-select-multiple-fields-display/auto-complete-filter-multiple-select-multiple-fields-display.component.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import '../../../../tc.css';
 interface AutoCompleteFilterMultipleSelectMultipleFieldsDisplayProps {
     uniqueField?: string;
     loader?: boolean;

package/lib/src/core-components/molecules/auto-complete-filter-multiple-select-multiple-fields-display/auto-complete-filter-multiple-select-multiple-fields-display.component.js

@@ -1,6 +1,7 @@
 /* eslint-disable  */
 import React, { useState, useEffect, useRef } from 'react';
 import { Icon } from '../..';
+import '../../../../tc.css';
 export const AutoCompleteFilterMultipleSelectMultipleFieldsDisplay = ({ uniqueField = '_id', loader = false, placeholder = 'Search...', data, hasError = false, disable = false, isUpperCase = false, name, onFilter, onUpdate, onSelect, onBlur, }) => {
     const [value, setValue] = useState('');
     const [options, setOptions] = useState();

package/lib/src/core-components/molecules/auto-complete-filter-single-select-multiple-fields-display/auto-complete-filter-single-select-multiple-fields-display.component.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import '../../../../tc.css';
 interface AutoCompleteFilterSingleSelectMultiFieldsDisplayProps {
     loader?: boolean;
     disable?: boolean;

package/lib/src/core-components/molecules/auto-complete-filter-single-select-multiple-fields-display/auto-complete-filter-single-select-multiple-fields-display.component.js

@@ -1,6 +1,7 @@
 /* eslint-disable  */
 import React, { useState, useEffect, useRef } from 'react';
 import { Icon } from '../..';
+import '../../../../tc.css';
 export const AutoCompleteFilterSingleSelectMultiFieldsDisplay = ({ disable = false, loader = false, displayValue = '', placeholder = 'Search...', data, hasError = false, className, posstion = 'absolute', onFilter, onSelect, onBlur, }) => {
     const [value, setValue] = useState(displayValue);
     const [options, setOptions] = useState(data.list);

package/lib/src/core-components/molecules/css-multiline-input/css-multiline-input.component.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import '../../../../tc.css';
 interface CSSMultilineProps {
     label?: string;
     defaultValue?: string;

package/lib/src/core-components/molecules/css-multiline-input/css-multiline-input.component.js

@@ -1,6 +1,7 @@
 import React, { useEffect, useState, useRef } from 'react';
 import { Form } from '../..';
 import { properties as propertiesObj } from './css-properties';
+import '../../../../tc.css';
 const mapToArray = (arr) => {
     const res = [];
     arr.forEach(function (obj, index) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-restyle-components",
-  "version": "0.1.77",
+  "version": "0.1.78",
   "private": false,
   "description": "Easy use restyle components",
   "main": "./lib/index.js",