@qoretechnologies/reqore 0.28.5 → 0.29.0

package/.vscode/settings.json

@@ -19,5 +19,6 @@
     "titleBar.inactiveBackground": "#4c0c5b99",
     "titleBar.inactiveForeground": "#e7e7e799"
   },
-  "peacock.remoteColor": "#4c0c5b"
+  "peacock.remoteColor": "#4c0c5b",
+  "deepscan.enable": true
 }

package/__tests__/multiselect.test.tsx

@@ -0,0 +1,361 @@
+import { act, fireEvent, render, screen } from '@testing-library/react';
+import React from 'react';
+import { ReqoreMultiSelect, ReqoreUIProvider } from '../src';
+import { MultiSelectItems } from '../src/mock/multiSelect';
+
+beforeAll(() => {
+  jest.setTimeout(30000);
+  jest.useFakeTimers();
+});
+
+test('Renders empty <ReqoreMultiSelect />', () => {
+  act(() => {
+    render(
+      <ReqoreUIProvider>
+        <ReqoreMultiSelect items={MultiSelectItems} />
+      </ReqoreUIProvider>
+    );
+  });
+
+  jest.advanceTimersByTime(1);
+
+  expect(screen.getByText('No items selected')).toBeTruthy();
+  expect(document.querySelectorAll('.reqore-input')?.length).toBe(1);
+  expect(document.querySelector('.reqore-input')?.getAttribute('disabled')).toBe(null);
+  // Because input is clearable
+  expect(document.querySelectorAll('.reqore-button').length).toBe(1);
+  expect(document.querySelectorAll('.reqore-popover-content').length).toBe(0);
+  // No items tag
+  expect(document.querySelectorAll('.reqore-tag').length).toBe(1);
+});
+
+test('Renders <ReqoreMultiSelect /> with default value', () => {
+  act(() => {
+    render(
+      <ReqoreUIProvider>
+        <ReqoreMultiSelect
+          items={MultiSelectItems}
+          value={['Existing item 1', 'Existing item 2']}
+        />
+      </ReqoreUIProvider>
+    );
+  });
+
+  jest.advanceTimersByTime(1);
+
+  expect(document.querySelectorAll('.reqore-tag').length).toBe(2);
+  expect(screen.getByText('Existing item 1')).toBeTruthy();
+  expect(screen.getByText('Existing item 2')).toBeTruthy();
+});
+
+test('Renders <ReqoreMultiSelect /> with default value, items can be removed', () => {
+  act(() => {
+    render(
+      <ReqoreUIProvider>
+        <ReqoreMultiSelect
+          items={MultiSelectItems}
+          value={['Existing item 1', 'Existing item 2']}
+          canRemoveItems
+        />
+      </ReqoreUIProvider>
+    );
+  });
+
+  jest.advanceTimersByTime(1);
+
+  fireEvent.click(document.querySelectorAll('.reqore-tag-remove')[0]!);
+
+  expect(document.querySelectorAll('.reqore-tag').length).toBe(1);
+  expect(screen.getByText('Existing item 2')).toBeTruthy();
+});
+
+test('Renders disabled <ReqoreMultiSelect /> when items are empty and items CANNOT be created', () => {
+  act(() => {
+    render(
+      <ReqoreUIProvider>
+        <ReqoreMultiSelect />
+      </ReqoreUIProvider>
+    );
+  });
+
+  fireEvent.focus(document.querySelector('.reqore-input')!);
+
+  expect(document.querySelector('.reqore-input')?.getAttribute('disabled')).toBe('');
+  expect(document.querySelectorAll('.reqore-popover-content').length).toBe(0);
+});
+
+test('Renders empty <ReqoreMultiSelect /> when items are empty and items CAN be created', () => {
+  act(() => {
+    render(
+      <ReqoreUIProvider>
+        <ReqoreMultiSelect canCreateItems />
+      </ReqoreUIProvider>
+    );
+  });
+
+  fireEvent.focus(document.querySelector('.reqore-input')!);
+
+  jest.advanceTimersByTime(1);
+
+  expect(document.querySelector('.reqore-input')?.getAttribute('disabled')).toBe(null);
+  expect(document.querySelectorAll('.reqore-popover-content').length).toBe(1);
+  expect(screen.getAllByText('No items exist')).toBeTruthy();
+});
+
+test('Renders <ReqoreMultiSelect /> and selects / deselects items from the list', () => {
+  act(() => {
+    render(
+      <ReqoreUIProvider>
+        <ReqoreMultiSelect items={MultiSelectItems} />
+      </ReqoreUIProvider>
+    );
+  });
+
+  fireEvent.focus(document.querySelector('.reqore-input')!);
+
+  jest.advanceTimersByTime(1);
+
+  fireEvent.click(screen.getAllByText('Existing item 3')[1]);
+
+  expect(document.querySelectorAll('.reqore-tag').length).toBe(1);
+  expect(screen.getAllByText('Existing item 3')).toBeTruthy();
+  // Keeps the list open
+  expect(document.querySelectorAll('.reqore-popover-content').length).toBe(1);
+
+  fireEvent.click(screen.getAllByText('Disabled item')[1]);
+
+  expect(document.querySelectorAll('.reqore-tag').length).toBe(1);
+
+  // Deselect an item from the list
+  fireEvent.click(screen.getAllByText('Existing item 3')[1]);
+  expect(document.querySelectorAll('.reqore-tag').length).toBe(1);
+  expect(screen.getAllByText('No items selected')).toBeTruthy();
+});
+
+test('Renders <ReqoreMultiSelect /> and items can be searched, opens up the list', () => {
+  act(() => {
+    render(
+      <ReqoreUIProvider>
+        <ReqoreMultiSelect items={MultiSelectItems} />
+      </ReqoreUIProvider>
+    );
+  });
+
+  expect(document.querySelectorAll('.reqore-popover-content').length).toBe(0);
+
+  fireEvent.change(document.querySelector('.reqore-input')!, {
+    target: { value: 'Existing item' },
+  });
+
+  jest.advanceTimersByTime(1);
+
+  expect(document.querySelectorAll('.reqore-popover-content').length).toBe(1);
+  // 4 items + 1 button for clearable input
+  expect(document.querySelectorAll('.reqore-button').length).toBe(5);
+
+  fireEvent.change(document.querySelector('.reqore-input')!, {
+    target: { value: 'Nothing' },
+  });
+
+  expect(document.querySelectorAll('.reqore-button').length).toBe(2);
+  expect(screen.getAllByText('No existing items found')).toBeTruthy();
+});
+
+test('Renders <ReqoreMultiSelect /> and items can be searched and created, opens up the list', () => {
+  act(() => {
+    render(
+      <ReqoreUIProvider>
+        <ReqoreMultiSelect items={MultiSelectItems} canCreateItems />
+      </ReqoreUIProvider>
+    );
+  });
+
+  expect(document.querySelectorAll('.reqore-popover-content').length).toBe(0);
+
+  fireEvent.change(document.querySelector('.reqore-input')!, {
+    target: { value: 'Existing item 1' },
+  });
+
+  jest.advanceTimersByTime(1);
+
+  expect(document.querySelectorAll('.reqore-popover-content').length).toBe(1);
+  // 4 items + 1 button for clearable input
+  expect(document.querySelectorAll('.reqore-button').length).toBe(2);
+
+  fireEvent.change(document.querySelector('.reqore-input')!, {
+    target: { value: 'Existing item' },
+  });
+
+  expect(document.querySelectorAll('.reqore-button').length).toBe(6);
+  expect(screen.getAllByText('Create new "Existing item"')).toBeTruthy();
+
+  // This has to fail because we do not allow creating items with ENTER key
+  fireEvent.keyDown(document.querySelector('.reqore-input')!, {
+    key: 'Enter',
+  });
+
+  expect(screen.getByText('No items selected')).toBeTruthy();
+
+  // Create the item by clicking
+  fireEvent.click(screen.getAllByText('Create new "Existing item"')[1]);
+
+  expect(document.querySelectorAll('.reqore-tag').length).toBe(1);
+  expect(screen.getAllByText('Existing item')).toBeTruthy();
+
+  fireEvent.change(document.querySelector('.reqore-input')!, {
+    target: { value: 'Existing item' },
+  });
+
+  // 6 again because the item is already created, so the Create button is not there
+  expect(document.querySelectorAll('.reqore-button').length).toBe(6);
+});
+
+test('Renders <ReqoreMultiSelect /> and items can be searched and created using the ENTER key, opens up the list', () => {
+  act(() => {
+    render(
+      <ReqoreUIProvider>
+        <ReqoreMultiSelect items={MultiSelectItems} canCreateItems enterKeySelects />
+      </ReqoreUIProvider>
+    );
+  });
+
+  expect(document.querySelectorAll('.reqore-popover-content').length).toBe(0);
+
+  fireEvent.change(document.querySelector('.reqore-input')!, {
+    target: { value: 'Existing item 1' },
+  });
+
+  jest.advanceTimersByTime(1);
+
+  expect(document.querySelectorAll('.reqore-popover-content').length).toBe(1);
+  // 4 items + 1 button for clearable input
+  expect(document.querySelectorAll('.reqore-button').length).toBe(2);
+
+  fireEvent.change(document.querySelector('.reqore-input')!, {
+    target: { value: 'Existing item' },
+  });
+
+  expect(document.querySelectorAll('.reqore-button').length).toBe(6);
+  expect(screen.getAllByText('Create new "Existing item"')).toBeTruthy();
+
+  // Create the item by pressing ENTER key
+  fireEvent.keyDown(document.querySelector('.reqore-input')!, {
+    key: 'Enter',
+  });
+
+  expect(document.querySelectorAll('.reqore-tag').length).toBe(1);
+  expect(screen.getAllByText('Existing item')).toBeTruthy();
+
+  fireEvent.change(document.querySelector('.reqore-input')!, {
+    target: { value: 'Existing item' },
+  });
+
+  // 6 again because the item is already created, so the Create button is not there
+  expect(document.querySelectorAll('.reqore-button').length).toBe(6);
+});
+
+test('Renders <ReqoreMultiSelect /> and deselects an item using the ENTER key', () => {
+  act(() => {
+    render(
+      <ReqoreUIProvider>
+        <ReqoreMultiSelect
+          items={MultiSelectItems}
+          canCreateItems
+          enterKeySelects
+          value={['Existing item 3']}
+        />
+      </ReqoreUIProvider>
+    );
+  });
+
+  // The item is already selected
+  expect(screen.getAllByText('Existing item 3')).toBeTruthy();
+  expect(document.querySelectorAll('.reqore-popover-content').length).toBe(0);
+
+  fireEvent.change(document.querySelector('.reqore-input')!, {
+    target: { value: 'Existing item 3' },
+  });
+
+  jest.advanceTimersByTime(1);
+
+  // Deselect the item by pressing ENTER key
+  fireEvent.keyDown(document.querySelector('.reqore-input')!, {
+    key: 'Enter',
+  });
+
+  expect(document.querySelectorAll('.reqore-tag').length).toBe(1);
+  expect(screen.getAllByText('No items selected')).toBeTruthy();
+});
+
+test('Renders <ReqoreMultiSelect /> and calls onValueChange when value changes', () => {
+  const onValueChange = jest.fn();
+
+  act(() => {
+    render(
+      <ReqoreUIProvider>
+        <ReqoreMultiSelect
+          items={MultiSelectItems}
+          canCreateItems
+          enterKeySelects
+          onValueChange={onValueChange}
+          value={['Existing item 3']}
+        />
+      </ReqoreUIProvider>
+    );
+  });
+
+  // The item is already selected
+  expect(screen.getAllByText('Existing item 3')).toBeTruthy();
+  expect(document.querySelectorAll('.reqore-popover-content').length).toBe(0);
+
+  fireEvent.change(document.querySelector('.reqore-input')!, {
+    target: { value: 'Existing item 3' },
+  });
+
+  jest.advanceTimersByTime(1);
+
+  // Deselect the item by pressing ENTER key
+  fireEvent.keyDown(document.querySelector('.reqore-input')!, {
+    key: 'Enter',
+  });
+
+  expect(document.querySelectorAll('.reqore-tag').length).toBe(1);
+  expect(screen.getAllByText('No items selected')).toBeTruthy();
+  expect(onValueChange).toHaveBeenNthCalledWith(1, []);
+
+  fireEvent.click(screen.getAllByText('Existing item 1')[1]);
+
+  expect(document.querySelectorAll('.reqore-tag').length).toBe(1);
+  expect(screen.getAllByText('Existing item 1')).toBeTruthy();
+  expect(onValueChange).toHaveBeenNthCalledWith(2, ['Existing item 1']);
+});
+
+test('Renders <ReqoreMultiSelect /> and calls onItemClick when an item is clicked', () => {
+  const onItemClick = jest.fn();
+
+  act(() => {
+    render(
+      <ReqoreUIProvider>
+        <ReqoreMultiSelect
+          items={MultiSelectItems}
+          canCreateItems
+          enterKeySelects
+          onItemClick={onItemClick}
+          value={['Existing item 3', 'Disabled item']}
+        />
+      </ReqoreUIProvider>
+    );
+  });
+
+  // The item is already selected
+  fireEvent.click(screen.getByText('Existing item 3'));
+
+  expect(onItemClick).toHaveBeenNthCalledWith(
+    1,
+    MultiSelectItems.find((item) => item.value === 'Existing item 3')
+  );
+
+  fireEvent.click(screen.getByText('Disabled item'));
+
+  expect(onItemClick).toHaveBeenCalledTimes(1);
+});

package/__tests__/popover.test.tsx

@@ -173,24 +173,51 @@ test('Shows the hoverStay popover after a delay and stays, ', async () => {
   expect(document.querySelectorAll('.reqore-popover-content').length).toBe(1);
 });
 
-test('Shows the hoverStay popover after a delay and stays, ', async () => {
+test('Correctly passes popover data for non-opened popover', async () => {
+  const fn = jest.fn();
+
   render(
     <ReqoreUIProvider>
-      <SimpleContent delay={500} type='hoverStay' />
+      <ReqorePopover
+        component='p'
+        content={'Tooltip content'}
+        passPopoverData={(data) => {
+          fn(data.isOpen());
+        }}
+        isReqoreComponent
+      >
+        Hover me
+      </ReqorePopover>
     </ReqoreUIProvider>
   );
 
-  fireEvent.mouseEnter(screen.getByText('Hover me'));
-
-  jest.advanceTimersByTime(100);
+  jest.advanceTimersByTime(1);
 
   expect(document.querySelectorAll('.reqore-popover-content').length).toBe(0);
+  expect(fn).toHaveBeenCalledWith(false);
+});
 
-  jest.advanceTimersByTime(500);
+test('Correctly passes popover data for opened popover', async () => {
+  const fn = jest.fn();
 
-  expect(document.querySelectorAll('.reqore-popover-content').length).toBe(1);
+  render(
+    <ReqoreUIProvider>
+      <ReqorePopover
+        component='p'
+        content={'Tooltip content'}
+        passPopoverData={(data) => {
+          fn(data.isOpen());
+        }}
+        openOnMount
+        isReqoreComponent
+      >
+        Hover me
+      </ReqorePopover>
+    </ReqoreUIProvider>
+  );
 
-  fireEvent.mouseLeave(screen.getByText('Hover me'));
+  jest.advanceTimersByTime(1);
 
   expect(document.querySelectorAll('.reqore-popover-content').length).toBe(1);
+  expect(fn).toHaveBeenCalledWith(true);
 });

package/dist/components/Button/index.js

@@ -93,7 +93,7 @@ exports.StyledInvisibleContent = styled_components_1["default"].span(templateObj
 });
 exports.StyledButton = (0, styled_components_1["default"])(Effect_1.StyledEffect)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  display: flex;\n  flex-flow: column;\n  justify-content: center;\n  margin: 0;\n  font-weight: 600;\n  position: relative;\n  overflow: hidden;\n  vertical-align: middle;\n  border: ", ";\n  padding: 0 ", "px;\n  font-size: ", "px;\n\n  min-height: ", "px;\n  min-width: ", "px;\n  max-width: ", ";\n  ", "\n\n  flex: ", ";\n\n  border-radius: ", "px;\n\n  background-color: ", ";\n\n  color: ", ";\n\n  ", "\n\n  ", "\n\n  ", "\n\n  &:disabled {\n    ", ";\n  }\n\n  &:focus,\n  &:active {\n    outline: none;\n  }\n\n  &:focus {\n    border-color: ", ";\n  }\n\n  ", " {\n    padding-bottom: ", "px;\n  }\n"], ["\n  display: flex;\n  flex-flow: column;\n  justify-content: center;\n  margin: 0;\n  font-weight: 600;\n  position: relative;\n  overflow: hidden;\n  vertical-align: middle;\n  border: ", ";\n  padding: 0 ", "px;\n  font-size: ", "px;\n\n  min-height: ", "px;\n  min-width: ", "px;\n  max-width: ", ";\n  ", "\n\n  flex: ", ";\n\n  border-radius: ", "px;\n\n  background-color: ", ";\n\n  color: ", ";\n\n  ", "\n\n  ", "\n\n  ", "\n\n  &:disabled {\n    ", ";\n  }\n\n  &:focus,\n  &:active {\n    outline: none;\n  }\n\n  &:focus {\n    border-color: ", ";\n  }\n\n  ", " {\n    padding-bottom: ", "px;\n  }\n"])), function (_a) {
     var theme = _a.theme, color = _a.color, flat = _a.flat;
-    return !flat ? "1px solid ".concat((0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.05)) : 0;
+    return !flat ? "1px solid ".concat((0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.2)) : 0;
 }, function (_a) {
     var size = _a.size;
     return sizes_1.PADDING_FROM_SIZE[size];
@@ -143,10 +143,10 @@ exports.StyledButton = (0, styled_components_1["default"])(Effect_1.StyledEffect
             return minimal ? "#00000030" : (0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.05);
         }, function (_a) {
             var theme = _a.theme, color = _a.color, minimal = _a.minimal;
-            return (0, colors_1.getReadableColor)({ main: minimal ? '#00000030' : getButtonMainColor(theme, color) }, undefined, undefined);
+            return (0, colors_1.getReadableColor)({ main: minimal ? theme.originalMain : getButtonMainColor(theme, color) }, undefined, undefined);
         }, function (_a) {
             var flat = _a.flat, theme = _a.theme, color = _a.color;
-            return flat ? undefined : (0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.1);
+            return flat ? undefined : (0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.25);
         }, animate && (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n                ", " {\n                  transform: translateY(0px);\n                  filter: blur(0);\n                  opacity: 1;\n                }\n\n                ", " {\n                  transform: translateY(150%);\n                  filter: blur(10px);\n                  opacity: 0;\n                }\n              "], ["\n                ", " {\n                  transform: translateY(0px);\n                  filter: blur(0);\n                  opacity: 1;\n                }\n\n                ", " {\n                  transform: translateY(150%);\n                  filter: blur(10px);\n                  opacity: 0;\n                }\n              "])), exports.StyledActiveContent, exports.StyledInActiveContent)) : readOnly
         ? (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n          ", ";\n        "], ["\n          ", ";\n        "])), styles_1.ReadOnlyElement) : undefined;
 }, function (_a) {

package/dist/components/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/Checkbox/index.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import { TSizes } from '../../constants/sizes';
 import { IReqoreTheme } from '../../constants/theme';
-import { IReqoreDisabled, IReqoreReadOnly, TReqoreTooltipProp } from '../../types/global';
+import { IReqoreDisabled, IReqoreReadOnly, IWithReqoreEffect, TReqoreTooltipProp } from '../../types/global';
 import { IReqoreIconName } from '../../types/icons';
-export interface IReqoreCheckboxProps extends React.HTMLAttributes<HTMLDivElement>, IReqoreDisabled, IReqoreReadOnly {
+export interface IReqoreCheckboxProps extends React.HTMLAttributes<HTMLDivElement>, IReqoreDisabled, IReqoreReadOnly, IWithReqoreEffect {
     label?: string;
     labelDetail?: any;
     labelDetailPosition?: 'left' | 'right';
@@ -16,6 +16,7 @@ export interface IReqoreCheckboxProps extends React.HTMLAttributes<HTMLDivElemen
     asSwitch?: boolean;
     uncheckedIcon?: IReqoreIconName;
     checkedIcon?: IReqoreIconName;
+    image?: string;
 }
 export interface IReqoreCheckboxStyle extends IReqoreCheckboxProps {
     theme: IReqoreTheme;

package/dist/components/Checkbox/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAA8B,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC3E,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAKrD,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC1F,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,eAAe,EACf,eAAe;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,mBAAmB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACjC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,eAAe,CAAC;IAChC,WAAW,CAAC,EAAE,eAAe,CAAC;CAC/B;AAED,MAAM,WAAW,oBAAqB,SAAQ,oBAAoB;IAChE,KAAK,EAAE,YAAY,CAAC;CACrB;AA2ED,QAAA,MAAM,QAAQ,6FA4Db,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAiD,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC9F,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAKrD,OAAO,EACL,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIpD,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,eAAe,EACf,eAAe,EACf,iBAAiB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,mBAAmB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACjC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,eAAe,CAAC;IAChC,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,oBAAqB,SAAQ,oBAAoB;IAChE,KAAK,EAAE,YAAY,CAAC;CACrB;AA+ED,QAAA,MAAM,QAAQ,6FA4Eb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/Checkbox/index.js

@@ -61,41 +61,45 @@ var colors_1 = require("../../helpers/colors");
 var useCombinedRefs_1 = require("../../hooks/useCombinedRefs");
 var useTooltip_1 = require("../../hooks/useTooltip");
 var styles_1 = require("../../styles");
+var Effect_1 = require("../Effect");
 var Icon_1 = __importDefault(require("../Icon"));
-var StyledSwitch = styled_components_1["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  transition: all 0.2s ease-out;\n  position: relative;\n\n  height: ", "px;\n  width: ", "px;\n\n  border: 1px solid\n    ", ";\n  border-radius: 50px;\n\n  margin-right: ", ";\n  margin-left: ", ";\n\n  background-color: ", ";\n\n  &::before {\n    transition: all 0.2s ease-in-out;\n    content: '';\n    display: block;\n    position: absolute;\n    height: ", "px;\n    width: ", "px;\n    top: 50%;\n    transform: translateY(-50%);\n    left: ", ";\n    border-radius: 100%;\n    background-color: ", ";\n  }\n"], ["\n  transition: all 0.2s ease-out;\n  position: relative;\n\n  height: ", "px;\n  width: ", "px;\n\n  border: 1px solid\n    ", ";\n  border-radius: 50px;\n\n  margin-right: ", ";\n  margin-left: ", ";\n\n  background-color: ", ";\n\n  &::before {\n    transition: all 0.2s ease-in-out;\n    content: '';\n    display: block;\n    position: absolute;\n    height: ", "px;\n    width: ", "px;\n    top: 50%;\n    transform: translateY(-50%);\n    left: ", ";\n    border-radius: 100%;\n    background-color: ", ";\n  }\n"])), function (_a) {
+var StyledSwitchToggle = styled_components_1["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  transition: all 0.2s ease-in-out;\n  content: '';\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  height: ", "px;\n  width: ", "px;\n  top: 50%;\n  transform: translateY(-50%);\n  left: ", ";\n  border-radius: 100%;\n  background-color: ", ";\n"], ["\n  transition: all 0.2s ease-in-out;\n  content: '';\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  height: ", "px;\n  width: ", "px;\n  top: 50%;\n  transform: translateY(-50%);\n  left: ", ";\n  border-radius: 100%;\n  background-color: ", ";\n"])), function (_a) {
     var size = _a.size;
-    return sizes_1.SIZE_TO_PX[size] - 5;
+    return sizes_1.SIZE_TO_PX[size] - 13;
 }, function (_a) {
     var size = _a.size;
-    return sizes_1.SIZE_TO_PX[size] * 1.8;
+    return sizes_1.SIZE_TO_PX[size] - 13;
 }, function (_a) {
-    var theme = _a.theme, checked = _a.checked;
-    return (0, polished_1.rgba)((0, colors_1.getReadableColor)(theme, undefined, undefined), checked ? 0.6 : 0.3);
+    var checked = _a.checked, size = _a.size;
+    return !checked ? '5px' : "".concat(sizes_1.SIZE_TO_PX[size] * 1.8 - (sizes_1.SIZE_TO_PX[size] - 7), "px");
 }, function (_a) {
-    var labelPosition = _a.labelPosition;
-    return labelPosition === 'right' && '8px';
+    var theme = _a.theme, checked = _a.checked, transparent = _a.transparent;
+    return transparent
+        ? 'transparent'
+        : !checked
+            ? (0, polished_1.rgba)((0, colors_1.getReadableColor)(theme, undefined, undefined), 0.2)
+            : (0, colors_1.getReadableColor)(theme, undefined, undefined);
+});
+var StyledSwitch = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  transition: all 0.2s ease-out;\n  position: relative;\n\n  height: ", "px;\n  width: ", "px;\n\n  border: 1px solid\n    ", ";\n  border-radius: 50px;\n\n  margin-right: ", "px;\n  margin-left: ", "px;\n\n  background-color: ", ";\n"], ["\n  transition: all 0.2s ease-out;\n  position: relative;\n\n  height: ", "px;\n  width: ", "px;\n\n  border: 1px solid\n    ", ";\n  border-radius: 50px;\n\n  margin-right: ", "px;\n  margin-left: ", "px;\n\n  background-color: ", ";\n"])), function (_a) {
+    var size = _a.size;
+    return sizes_1.SIZE_TO_PX[size] - 5;
 }, function (_a) {
-    var labelPosition = _a.labelPosition;
-    return labelPosition === 'left' && '8px';
+    var size = _a.size;
+    return sizes_1.SIZE_TO_PX[size] * 1.8;
 }, function (_a) {
     var theme = _a.theme, checked = _a.checked;
-    return checked ? (0, polished_1.rgba)((0, colors_1.getReadableColor)(theme, undefined, undefined), 0.2) : 'transparent';
+    return (0, polished_1.rgba)((0, colors_1.getReadableColor)(theme, undefined, undefined), checked ? 0.8 : 0.2);
 }, function (_a) {
     var size = _a.size;
-    return sizes_1.SIZE_TO_PX[size] - 13;
+    return sizes_1.PADDING_FROM_SIZE[size];
 }, function (_a) {
     var size = _a.size;
-    return sizes_1.SIZE_TO_PX[size] - 13;
-}, function (_a) {
-    var checked = _a.checked, size = _a.size;
-    return !checked ? '5px' : "".concat(sizes_1.SIZE_TO_PX[size] * 1.8 - (sizes_1.SIZE_TO_PX[size] - 7), "px");
+    return sizes_1.PADDING_FROM_SIZE[size];
 }, function (_a) {
     var theme = _a.theme, checked = _a.checked;
-    return !checked
-        ? (0, polished_1.rgba)((0, colors_1.getReadableColor)(theme, undefined, undefined), 0.2)
-        : (0, colors_1.getReadableColor)(theme, undefined, undefined);
+    return checked ? (0, polished_1.rgba)((0, colors_1.getReadableColor)(theme, undefined, undefined), 0.1) : 'transparent';
 });
-var StyledCheckbox = styled_components_1["default"].div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  cursor: pointer;\n  padding: 0px;\n  transition: all 0.2s ease-out;\n\n  height: ", "px;\n  font-size: ", "px;\n\n  flex: ", ";\n\n  ", "\n\n  ", "\n\n  color: ", ";\n\n  &:hover {\n    color: ", ";\n\n    > ", " {\n      border-color: ", ";\n    }\n  }\n"], ["\n  display: inline-flex;\n  align-items: center;\n  cursor: pointer;\n  padding: 0px;\n  transition: all 0.2s ease-out;\n\n  height: ", "px;\n  font-size: ", "px;\n\n  flex: ", ";\n\n  ", "\n\n  ", "\n\n  color: ", ";\n\n  &:hover {\n    color: ", ";\n\n    > ", " {\n      border-color: ", ";\n    }\n  }\n"])), function (_a) {
+var StyledCheckbox = styled_components_1["default"].div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  cursor: pointer;\n  padding: 0px;\n  transition: all 0.2s ease-out;\n\n  height: ", "px;\n  font-size: ", "px;\n\n  flex: ", ";\n\n  ", "\n\n  ", "\n\n  color: ", ";\n\n  &:hover {\n    color: ", ";\n\n    > ", " {\n      border-color: ", ";\n    }\n  }\n"], ["\n  display: inline-flex;\n  align-items: center;\n  cursor: pointer;\n  padding: 0px;\n  transition: all 0.2s ease-out;\n\n  height: ", "px;\n  font-size: ", "px;\n\n  flex: ", ";\n\n  ", "\n\n  ", "\n\n  color: ", ";\n\n  &:hover {\n    color: ", ";\n\n    > ", " {\n      border-color: ", ";\n    }\n  }\n"])), function (_a) {
     var size = _a.size;
     return sizes_1.SIZE_TO_PX[size];
 }, function (_a) {
@@ -106,10 +110,10 @@ var StyledCheckbox = styled_components_1["default"].div(templateObject_4 || (tem
     return (fixed ? '0 auto' : fluid ? '1' : '0 0 auto');
 }, function (_a) {
     var disabled = _a.disabled;
-    return disabled && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), styles_1.DisabledElement);
+    return disabled && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), styles_1.DisabledElement);
 }, function (_a) {
     var readOnly = _a.readOnly;
-    return readOnly && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), styles_1.ReadOnlyElement);
+    return readOnly && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), styles_1.ReadOnlyElement);
 }, function (_a) {
     var theme = _a.theme, checked = _a.checked;
     return (0, colors_1.getReadableColor)(theme, undefined, undefined, !checked);
@@ -121,11 +125,11 @@ var StyledCheckbox = styled_components_1["default"].div(templateObject_4 || (tem
     return (0, polished_1.rgba)((0, colors_1.getReadableColor)(theme, undefined, undefined, false), checked ? 0.8 : 0.5);
 });
 var Checkbox = (0, react_1.forwardRef)(function (_a, ref) {
-    var label = _a.label, labelDetail = _a.labelDetail, _b = _a.labelDetailPosition, labelDetailPosition = _b === void 0 ? 'right' : _b, _c = _a.size, size = _c === void 0 ? 'normal' : _c, checked = _a.checked, disabled = _a.disabled, className = _a.className, _d = _a.labelPosition, labelPosition = _d === void 0 ? 'right' : _d, tooltip = _a.tooltip, asSwitch = _a.asSwitch, _e = _a.uncheckedIcon, uncheckedIcon = _e === void 0 ? 'CheckboxBlankCircleLine' : _e, _f = _a.checkedIcon, checkedIcon = _f === void 0 ? 'CheckboxCircleFill' : _f, readOnly = _a.readOnly, rest = __rest(_a, ["label", "labelDetail", "labelDetailPosition", "size", "checked", "disabled", "className", "labelPosition", "tooltip", "asSwitch", "uncheckedIcon", "checkedIcon", "readOnly"]);
+    var label = _a.label, labelDetail = _a.labelDetail, _b = _a.labelDetailPosition, labelDetailPosition = _b === void 0 ? 'right' : _b, _c = _a.size, size = _c === void 0 ? 'normal' : _c, checked = _a.checked, disabled = _a.disabled, className = _a.className, _d = _a.labelPosition, labelPosition = _d === void 0 ? 'right' : _d, tooltip = _a.tooltip, asSwitch = _a.asSwitch, _e = _a.uncheckedIcon, uncheckedIcon = _e === void 0 ? 'CheckboxBlankCircleLine' : _e, _f = _a.checkedIcon, checkedIcon = _f === void 0 ? 'CheckboxCircleFill' : _f, readOnly = _a.readOnly, effect = _a.effect, image = _a.image, rest = __rest(_a, ["label", "labelDetail", "labelDetailPosition", "size", "checked", "disabled", "className", "labelPosition", "tooltip", "asSwitch", "uncheckedIcon", "checkedIcon", "readOnly", "effect", "image"]);
     var targetRef = (0, useCombinedRefs_1.useCombinedRefs)(ref).targetRef;
     (0, useTooltip_1.useTooltip)(targetRef.current, tooltip);
-    return ((0, jsx_runtime_1.jsxs)(StyledCheckbox, __assign({}, rest, { ref: targetRef, size: size, disabled: disabled, checked: checked, readOnly: readOnly, className: "".concat(className || '', " reqore-checkbox reqore-control") }, { children: [label && labelPosition === 'left' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [labelDetailPosition === 'left' && labelDetail, (0, jsx_runtime_1.jsx)("span", { children: label }), labelDetailPosition === 'right' && labelDetail] })) : null, asSwitch ? ((0, jsx_runtime_1.jsx)(StyledSwitch, { size: size, labelPosition: labelPosition, checked: checked })) : ((0, jsx_runtime_1.jsx)(Icon_1["default"], { size: size, icon: checked ? checkedIcon : uncheckedIcon, margin: labelPosition })), label && labelPosition === 'right' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [labelDetailPosition === 'left' && labelDetail, (0, jsx_runtime_1.jsx)("span", { children: label }), labelDetailPosition === 'right' && labelDetail] })) : null] })));
+    return ((0, jsx_runtime_1.jsxs)(StyledCheckbox, __assign({}, rest, { ref: targetRef, size: size, disabled: disabled, checked: checked, readOnly: readOnly, className: "".concat(className || '', " reqore-checkbox reqore-control") }, { children: [label && labelPosition === 'left' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [labelDetailPosition === 'left' && labelDetail, (0, jsx_runtime_1.jsx)(Effect_1.ReqoreTextEffect, __assign({ effect: __assign(__assign({}, effect), { interactive: !disabled && !readOnly && !checked }) }, { children: label })), labelDetailPosition === 'right' && labelDetail] })) : null, asSwitch ? ((0, jsx_runtime_1.jsx)(StyledSwitch, __assign({ size: size, labelPosition: labelPosition, checked: checked }, { children: (0, jsx_runtime_1.jsx)(StyledSwitchToggle, __assign({ size: size, checked: checked, transparent: !!image }, { children: image ? (0, jsx_runtime_1.jsx)(Icon_1["default"], { size: size, image: image, grayscale: !checked }) : null })) }))) : ((0, jsx_runtime_1.jsx)(Icon_1["default"], { size: size, icon: !image ? (checked ? checkedIcon : uncheckedIcon) : undefined, image: image, grayscale: image ? !checked : undefined, margin: 'both' })), label && labelPosition === 'right' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [labelDetailPosition === 'left' && labelDetail, (0, jsx_runtime_1.jsx)(Effect_1.ReqoreTextEffect, __assign({ effect: __assign(__assign({}, effect), { interactive: !disabled && !readOnly && !checked }) }, { children: label })), labelDetailPosition === 'right' && labelDetail] })) : null] })));
 });
 exports["default"] = Checkbox;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
 //# sourceMappingURL=index.js.map