react-restyle-components 0.2.42 → 0.2.44

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

@@ -8,10 +8,11 @@ interface AutoCompleteFilterSingleSelectMultiFieldsDisplayProps {
     hasError?: boolean;
     className?: string;
     posstion?: string;
+    keyboard?: string;
     onFilter?: (item: any) => void;
     onSelect?: (item: any) => any;
     onBlur?: (item: any) => any;
 }
-export declare const AutoCompleteFilterSingleSelectMultiFieldsDisplay: ({ disable, loader, displayValue, placeholder, data, hasError, className, posstion, onFilter, onSelect, onBlur, }: AutoCompleteFilterSingleSelectMultiFieldsDisplayProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AutoCompleteFilterSingleSelectMultiFieldsDisplay: ({ disable, loader, displayValue, placeholder, data, hasError, className, posstion, keyboard, onFilter, onSelect, onBlur, }: AutoCompleteFilterSingleSelectMultiFieldsDisplayProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=auto-complete-filter-single-select-multiple-fields-display.component.d.ts.map

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.map

@@ -1 +1 @@
-{"version":3,"file":"auto-complete-filter-single-select-multiple-fields-display.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/molecules/auto-complete-filter-single-select-multiple-fields-display/auto-complete-filter-single-select-multiple-fields-display.component.tsx"],"names":[],"mappings":"AAIA,OAAO,wBAAwB,CAAC;AAEhC,UAAU,qDAAqD;IAC7D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,GAAG,CAAC;IACV,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;IAC9B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;CAC7B;AAED,eAAO,MAAM,gDAAgD,qHAY1D,qDAAqD,4CA8JvD,CAAC"}
+{"version":3,"file":"auto-complete-filter-single-select-multiple-fields-display.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/molecules/auto-complete-filter-single-select-multiple-fields-display/auto-complete-filter-single-select-multiple-fields-display.component.tsx"],"names":[],"mappings":"AAIA,OAAO,wBAAwB,CAAC;AAEhC,UAAU,qDAAqD;IAC7D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,GAAG,CAAC;IACV,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;IAC9B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;CAC7B;AAED,eAAO,MAAM,gDAAgD,+HAa1D,qDAAqD,4CA8JvD,CAAC"}

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

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useState, useEffect, useRef } from 'react';
 import { Icon } from '../../atoms/icons/icons.component';
 import '../../../tc.module.css';
-export const AutoCompleteFilterSingleSelectMultiFieldsDisplay = ({ disable = false, loader = false, displayValue = '', placeholder = 'Search...', data, hasError = false, className, posstion = 'absolute', onFilter, onSelect, onBlur, }) => {
+export const AutoCompleteFilterSingleSelectMultiFieldsDisplay = ({ disable = false, loader = false, displayValue = '', placeholder = 'Search...', data, hasError = false, className, posstion = 'absolute', keyboard = 'text', onFilter, onSelect, onBlur, }) => {
     const [value, setValue] = useState(displayValue);
     const [options, setOptions] = useState(data.list);
     const [isListOpen, setIsListOpen] = useState(false);
@@ -55,7 +55,7 @@ export const AutoCompleteFilterSingleSelectMultiFieldsDisplay = ({ disable = fal
             }
         }
     };
-    return (_jsx(_Fragment, { children: _jsxs("div", { ref: wrapperRef, className: "w-full relative", children: [_jsxs("div", { className: `flex items-center leading-4 p-2 focus:outline-none focus:ring  w-full shadow-sm sm:text-base border-2 ${hasError ? 'border-red' : 'border-gray-300'} rounded-md dark:text-black`, children: [_jsx("input", { placeholder: placeholder, value: value, className: `${className} w-full focus:outline-none bg-none dark:text-black`, onKeyUp: onKeyUp, onChange: onChange, onClick: () => setIsListOpen(true), disabled: disable, onMouseDown: () => setValue(''), onBlur: (e) => onBlur && onBlur(e), onKeyDown: onKeyDown }), isListOpen ? (_jsx(Icon, { nameIcon: "FaChevronUp", propsIcon: {
+    return (_jsx(_Fragment, { children: _jsxs("div", { ref: wrapperRef, className: "w-full relative", children: [_jsxs("div", { className: `flex items-center leading-4 p-2 focus:outline-none focus:ring  w-full shadow-sm sm:text-base border-2 ${hasError ? 'border-red' : 'border-gray-300'} rounded-md dark:text-black`, children: [_jsx("input", { placeholder: placeholder, type: keyboard, value: value, className: `${className} w-full focus:outline-none bg-none dark:text-black`, onKeyUp: onKeyUp, onChange: onChange, onClick: () => setIsListOpen(true), disabled: disable, onMouseDown: () => setValue(''), onBlur: (e) => onBlur && onBlur(e), onKeyDown: onKeyDown }), isListOpen ? (_jsx(Icon, { nameIcon: "FaChevronUp", propsIcon: {
                                 color: '#000000',
                                 size: 22,
                             } })) : (_jsx(Icon, { nameIcon: "FaChevronDown", propsIcon: {

package/lib/src/core-components/molecules/autocomplete/autocomplete.css

@@ -0,0 +1,37 @@
+.no-options {
+  position: relative;
+  padding: 0 10px 0px 10px;
+  /* background: white; */
+  background-color: #f3f6f4;
+  color: black;
+}
+
+.autocomplete-list {
+  list-style: none;
+  position: relative;
+  margin-top: 0;
+  padding: 0 10px 0px 10px;
+  min-height: auto;
+  max-height: 86vh;
+  overflow-y: auto;
+  /* background: white; */
+  background-color: #f3f6f4;
+  z-index: 1;
+}
+
+.autocomplete-list li {
+  /* padding: 4px; */
+  color: var(--input-autocomplete-item-text, #000);
+}
+
+.autocomplete-list li.active-option {
+  background-color: #f3f6f4;
+  background: var(--multiselect-item-hover);
+  cursor: pointer;
+  font-weight: bold;
+}
+.autocomplete-list li:hover {
+  background-color: #f3f6f4;
+  background: var(--multiselect-item-hover);
+  cursor: pointer;
+}

package/lib/src/core-components/molecules/color-picker/color-picker.css

@@ -0,0 +1,24 @@
+.picker {
+  position: relative;
+  z-index: 999;
+}
+
+.swatch {
+  width: 28px;
+  height: 28px;
+  border-radius: 8px;
+  border: 3px solid #fff;
+  box-shadow:
+    0 0 0 1px rgba(0, 0, 0, 0.1),
+    inset 0 0 0 1px rgba(0, 0, 0, 0.1);
+  cursor: pointer;
+}
+
+.popover {
+  position: absolute;
+  top: calc(100% + 2px);
+  left: 0;
+  border-radius: 9px;
+  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
+  z-index: 999;
+}

package/lib/src/core-components/molecules/color-picker-modal/color-picker-modal.css

@@ -0,0 +1,24 @@
+.picker-modal {
+  position: relative;
+  z-index: 999;
+}
+
+.swatch-modal {
+  width: 28px;
+  height: 28px;
+  border-radius: 8px;
+  border: 3px solid #fff;
+  box-shadow:
+    0 0 0 1px rgba(0, 0, 0, 0.1),
+    inset 0 0 0 1px rgba(0, 0, 0, 0.1);
+  cursor: pointer;
+}
+
+.popover-modal {
+  position: absolute;
+  top: calc(100% + 2px);
+  left: 0;
+  border-radius: 9px;
+  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
+  z-index: 999;
+}

package/lib/src/index.css

@@ -0,0 +1,110 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  @font-face {
+    font-family: 'ArimaRegular';
+    src: url('./library/assets/fonts/arima/arima-regular.ttf');
+  }
+}
+
+@layer components {
+  table {
+    @apply text-black dark:text-white;
+  }
+  table tr:hover {
+    @apply dark:bg-white;
+  }
+
+  select {
+    @apply dark:text-black;
+  }
+  .main {
+    @apply bg-white;
+  }
+  .headerView {
+    @apply bg-white;
+  }
+  .headerView {
+    @apply dark:bg-boxdark;
+  }
+}
+
+body {
+  font-size: 14px;
+  font-family: 'Arima Regular';
+}
+
+.ps__rail-y {
+  background: none !important;
+}
+
+.scrollbar-container {
+  width: 97% !important;
+}
+.dropdown-menu {
+  min-width: 3rem;
+}
+
+.w-md-editor-show-live {
+  height: 800 !important;
+}
+
+.bg-orange1 {
+  background-color: '#EF4444';
+}
+
+.react-pdf__Page__canvas {
+  min-height: 100vh !important;
+  max-width: 100vw !important;
+}
+
+/* :root {
+  scrollbar-color: transparent transparent;
+} */
+
+/* Outer box for reference */
+.outer-box {
+  position: relative;
+  width: 300px;
+  height: 400px;
+  border: 2px solid #333;
+  overflow: hidden; /* Ensure the menu does not spill out */
+}
+
+/* Parent container */
+.parent-container {
+  position: relative;
+  padding: 20px;
+  background: #f0f0f0;
+}
+
+/* Menu styling */
+.menu {
+  position: absolute; /* Allows the menu to exist independently */
+  top: 100%; /* Position it just below the parent */
+  left: 0;
+  width: 100%;
+  max-height: 200px; /* Define a max height for scrolling */
+  overflow-y: auto; /* Enable vertical scrolling */
+  background: #fff;
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+  border: 1px solid #ccc;
+}
+
+/* Styling for the menu items */
+.menu ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.menu li {
+  padding: 10px;
+  border-bottom: 1px solid #ddd;
+}
+
+.menu li:last-child {
+  border-bottom: none;
+}