@qoretechnologies/reqore 0.44.0 → 0.45.0

package/src/stories/Modal/Manager.stories.tsx

@@ -1,192 +0,0 @@
-import { expect } from '@storybook/jest';
-import { StoryObj } from '@storybook/react';
-import { fireEvent, waitFor, within } from '@storybook/testing-library';
-import { noop } from 'lodash';
-import { useEffect, useState } from 'react';
-import { ReqoreBackdrop } from '../../components/Drawer/backdrop';
-import {
-  ReqoreButton,
-  ReqoreCollection,
-  ReqoreControlGroup,
-  ReqoreInput,
-  ReqoreModal,
-  ReqorePanel,
-  useReqoreProperty,
-} from '../../index';
-import { StoryMeta } from '../utils';
-
-const TIMEOUT = 2000;
-
-const meta = {
-  title: 'Utilities/Global Modal/Tests',
-  component: ReqoreModal,
-  render: ({ data, updateToData, options }) => {
-    const addModal = useReqoreProperty('addModal');
-    const [modalId, setModalId] = useState<string>(undefined);
-
-    useEffect(() => {
-      if (updateToData && modalId) {
-        setTimeout(() => {
-          addModal(updateToData, modalId);
-        }, TIMEOUT);
-      }
-    }, [modalId]);
-
-    return (
-      <ReqoreControlGroup>
-        <ReqoreButton
-          id='modal'
-          onClick={() => {
-            setModalId(addModal(data, 'modal', options));
-          }}
-        >
-          Open new modal
-        </ReqoreButton>
-      </ReqoreControlGroup>
-    );
-  },
-} as StoryMeta<any>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const FromObject: Story = {
-  args: {
-    data: {
-      label: 'Test modal',
-      children: (
-        <ReqorePanel collapsible>This is a modal from an object with complex children</ReqorePanel>
-      ),
-      bottomActions: [
-        {
-          label: 'Cancel',
-          onClick: noop,
-          icon: 'CloseLine',
-        },
-      ],
-    },
-  },
-  play: async ({ canvasElement }) => {
-    const canvas = within(canvasElement);
-
-    await fireEvent.click(canvas.getAllByText('Open new modal')[0]);
-
-    await expect(document.querySelector('.reqore-modal')).toBeTruthy();
-  },
-};
-
-const ModalWithState = (props) => {
-  const [text, setText] = useState('This is a modal with its own state');
-  const addModal = useReqoreProperty('addModal');
-  const removeModal = useReqoreProperty('removeModal');
-
-  return (
-    <ReqoreModal label={props.label} {...props}>
-      <ReqoreControlGroup>
-        <ReqoreInput
-          value={text}
-          intent={props.intent}
-          onChange={(e: any) => setText(e.target.value)}
-        />
-        <ReqoreButton
-          onClick={() => addModal(<ModalWithState label='Another modal' />)}
-          tooltip='Open sesame'
-        >
-          Open another modal
-        </ReqoreButton>
-        <ReqoreButton onClick={() => removeModal('modal')}>Remove modal</ReqoreButton>
-      </ReqoreControlGroup>
-      <ReqoreCollection items={[{ label: 'Item 1' }, { label: 'Item 2' }]} />
-    </ReqoreModal>
-  );
-};
-
-export const FromElement: Story = {
-  args: {
-    data: (<ModalWithState label='Test modal' />) as any,
-  },
-  play: async ({ canvasElement, ...rest }) => {
-    await FromObject.play({ canvasElement, ...rest });
-  },
-};
-
-export const FromCustomElement: Story = {
-  args: {
-    data: (
-      <>
-        <ReqoreBackdrop />
-        <div
-          className='custom-modal reqore-modal'
-          style={{
-            position: 'fixed',
-            left: '50%',
-            top: '50%',
-            transform: 'translate(-50%, -50%)',
-            width: 500,
-            height: 300,
-            display: 'flex',
-            justifyContent: 'center',
-            alignItems: 'center',
-            border: '1px solid red',
-            zIndex: 10000,
-          }}
-        >
-          This is a custom modal
-        </div>
-      </>
-    ),
-  },
-  play: async ({ canvasElement, ...rest }) => {
-    await FromObject.play({ canvasElement, ...rest });
-  },
-};
-
-export const CanBeClosed: Story = {
-  ...FromObject,
-  play: async ({ canvasElement, ...rest }) => {
-    await FromObject.play({ canvasElement, ...rest });
-    await fireEvent.click(document.querySelector('.reqore-drawer-close-button'));
-
-    await expect(document.querySelector('.reqore-modal')).toBeNull();
-  },
-};
-
-export const CanBeClosedManually: Story = {
-  ...FromElement,
-  play: async ({ canvasElement, ...rest }) => {
-    const canvas = within(canvasElement);
-    await FromObject.play({ canvasElement, ...rest });
-    await waitFor(async () => await canvas.findAllByText('Remove modal')[0], { timeout: 10000 });
-
-    await fireEvent.click(canvas.getAllByText('Remove modal')[0]);
-  },
-};
-
-export const CannotBeClosed: Story = {
-  args: {
-    data: {
-      children: 'I cannot be closed',
-    },
-    options: {
-      closable: false,
-    },
-  },
-  play: async ({ canvasElement, ...rest }) => {
-    await FromObject.play({ canvasElement, ...rest });
-  },
-};
-
-export const CanBeUpdated: Story = {
-  args: {
-    data: (<ModalWithState label='Test modal' />) as any,
-    updateToData: (<ModalWithState label='Updated modal' intent='info' />) as any,
-  },
-  play: async ({ canvasElement, ...rest }) => {
-    const canvas = within(canvasElement);
-    await FromElement.play({ canvasElement, ...rest });
-
-    await waitFor(async () => await canvas.findByText('Updated modal'), { timeout: 10000 });
-
-    await expect(canvas.findByText('Updated modal')).toBeTruthy();
-  },
-};

package/src/stories/Modal/Modal.stories.tsx

@@ -1,252 +0,0 @@
-import { StoryFn, StoryObj } from '@storybook/react';
-import { noop } from 'lodash';
-import { useState } from 'react';
-import { useMount } from 'react-use';
-import { IReqoreModalProps } from '../../components/Modal';
-import { ReqoreModal, ReqorePanel, useReqoreProperty } from '../../index';
-import { StoryMeta } from '../utils';
-import { FlatArg, IntentArg, argManager } from '../utils/args';
-
-const { createArg } = argManager<IReqoreModalProps>();
-
-const meta = {
-  title: 'Dialogs/Modal/Stories',
-  component: ReqoreModal,
-  args: {
-    isOpen: true,
-    label: 'This is a test',
-    blur: 3,
-    opacity: 1,
-    hasBackdrop: true,
-    width: '80vw',
-    height: '50vh',
-  },
-  argTypes: {
-    ...IntentArg,
-    ...FlatArg,
-    ...createArg('isOpen', {
-      type: 'boolean',
-      defaultValue: true,
-      name: 'Is Open',
-      description: 'Whether the modal is open or not',
-    }),
-    ...createArg('label', {
-      defaultValue: 'This is a test',
-      name: 'Label',
-      type: 'string',
-    }),
-    ...createArg('blur', {
-      defaultValue: 3,
-      name: 'Backdrop blur',
-      type: 'number',
-    }),
-    ...createArg('opacity', {
-      defaultValue: 1,
-      name: 'Modal Opacity',
-      type: 'number',
-    }),
-    ...createArg('hasBackdrop', {
-      defaultValue: true,
-      name: 'Has Backdrop',
-      type: 'boolean',
-    }),
-    ...createArg('width', {
-      defaultValue: '80vw',
-      name: 'Width',
-      type: 'string',
-    }),
-    ...createArg('height', {
-      defaultValue: '50vh',
-      name: 'Height',
-      type: 'string',
-    }),
-  },
-} as StoryMeta<typeof ReqoreModal>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-const Template: StoryFn<IReqoreModalProps & { confirm?: boolean }> = (args) => {
-  const confirmAction = useReqoreProperty('confirmAction');
-  const [count, setCount] = useState(0);
-
-  const handleConfirm = () => {
-    confirmAction({
-      description: 'How is the wheather going to be?',
-      title: 'Tell me something',
-      onConfirm: noop,
-      onCancel: noop,
-    });
-    setCount(count + 1);
-  };
-
-  useMount(() => {
-    if (args.confirm) {
-      handleConfirm();
-    }
-  });
-
-  return (
-    <>
-      <ReqorePanel label='Just some background text' padded>
-        By impossible of in difficulty discovered celebrated ye. Justice joy manners boy met resolve
-        produce. Bed head loud next plan rent had easy add him. As earnestly shameless elsewhere
-        defective estimable fulfilled of. Esteem my advice it an excuse enable. Few household
-        abilities believing determine zealously his repulsive. To open draw dear be by side like.
-        Allow miles wound place the leave had. To sitting subject no improve studied limited. Ye
-        indulgence unreserved connection alteration appearance my an astonished. Up as seen sent
-        make he they of. Her raising and himself pasture believe females. Fancy she stuff after
-        aware merit small his. Charmed esteems luckily age out. At ourselves direction believing do
-        he departure. Celebrated her had sentiments understood are projection set. Possession ye no
-        mr unaffected remarkably at. Wrote house in never fruit up. Pasture imagine my garrets an
-        he. However distant she request behaved see nothing. Talking settled at pleased an of me
-        brother weather. Breakfast procuring nay end happiness allowance assurance frankness. Met
-        simplicity nor difficulty unreserved who. Entreaties mr conviction dissimilar me astonished
-        estimating cultivated. On no applauded exquisite my additions. Pronounce add boy estimable
-        nay suspected. You sudden nay elinor thirty esteem temper. Quiet leave shy you gay off asked
-        large style. Rooms oh fully taken by worse do. Points afraid but may end law lasted. Was out
-        laughter raptures returned outweigh. Luckily cheered colonel me do we attacks on highest
-        enabled. Tried law yet style child. Bore of true of no be deal. Frequently sufficient in be
-        unaffected. The furnished she concluded depending procuring concealed. In to am attended
-        desirous raptures declared diverted confined at. Collected instantly remaining up certainly
-        to necessary as. Over walk dull into son boy door went new. At or happiness commanded
-        daughters as. Is handsome an declared at received in extended vicinity subjects. Into miss
-        on he over been late pain an. Only week bore boy what fat case left use. Match round scale
-        now sex style far times. Your me past an much. Able an hope of body. Any nay shyness article
-        matters own removal nothing his forming. Gay own additions education satisfied the
-        perpetual. If he cause manor happy. Without farther she exposed saw man led. Along on happy
-        could cease green oh. Her old collecting she considered discovered. So at parties he warrant
-        oh staying. Square new horses and put better end. Sincerity collected happiness do is
-        contented. Sigh ever way now many. Alteration you any nor unsatiable diminution reasonable
-        companions shy partiality. Leaf by left deal mile oh if easy. Added woman first get led joy
-        not early jokes. As am hastily invited settled at limited civilly fortune me. Really spring
-        in extent an by. Judge but built gay party world. Of so am he remember although required.
-        Bachelor unpacked be advanced at. Confined in declared marianne is vicinity. It sportsman
-        earnestly ye preserved an on. Moment led family sooner cannot her window pulled any. Or
-        raillery if improved landlord to speaking hastened differed he. Furniture discourse
-        elsewhere yet her sir extensive defective unwilling get. Why resolution one motionless you
-        him thoroughly. Noise is round to in it quick timed doors. Written address greatly get
-        attacks inhabit pursuit our but. Lasted hunted enough an up seeing in lively letter. Had
-        judgment out opinions property the supplied.
-      </ReqorePanel>
-      <ReqoreModal
-        {...args}
-        onClose={() => noop}
-        bottomActions={[
-          { label: 'Confirm', intent: 'success', position: 'right', onClick: handleConfirm },
-          { label: 'Cancel', intent: 'danger', position: 'left' },
-        ]}
-      >
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
-        labore et dolore magna aliqua. Sit amet purus gravida quis blandit turpis cursus in hac.
-        Ultricies lacus sed turpis tincidunt. Ac tincidunt vitae semper quis lectus nulla at.
-        Aliquam vestibulum morbi blandit cursus risus at ultrices. Risus feugiat in ante metus
-        dictum. Enim blandit volutpat maecenas volutpat. Nulla posuere sollicitudin aliquam ultrices
-        sagittis orci a scelerisque. Mollis nunc sed id semper risus in hendrerit gravida. Sem nulla
-        pharetra diam sit amet nisl suscipit. Congue eu consequat ac felis donec et odio
-        pellentesque diam. Augue mauris augue neque gravida in fermentum et sollicitudin. Nulla
-        pellentesque dignissim enim sit amet venenatis urna. Nunc sed blandit libero volutpat sed.
-        Mi in nulla posuere sollicitudin. Eu consequat ac felis donec et odio pellentesque diam.
-        Viverra nam libero justo laoreet sit amet cursus sit amet. Posuere sollicitudin aliquam
-        ultrices sagittis orci a scelerisque. Et netus et malesuada fames ac. Arcu non odio euismod
-        lacinia at quis risus sed vulputate. Sapien eget mi proin sed libero enim sed. Suspendisse
-        faucibus interdum posuere lorem ipsum. In est ante in nibh mauris cursus. Urna cursus eget
-        nunc scelerisque. Mi eget mauris pharetra et ultrices neque. Turpis nunc eget lorem dolor
-        sed viverra ipsum nunc aliquet. Id aliquet lectus proin nibh. At auctor urna nunc id cursus.
-        Erat pellentesque adipiscing commodo elit at imperdiet. Ipsum dolor sit amet consectetur
-        adipiscing elit. Suspendisse interdum consectetur libero id faucibus nisl. Leo vel orci
-        porta non pulvinar neque laoreet. Ut diam quam nulla porttitor massa. By impossible of in
-        difficulty discovered celebrated ye. Justice joy manners boy met resolve produce. Bed head
-        loud next plan rent had easy add him. As earnestly shameless elsewhere defective estimable
-        fulfilled of. Esteem my advice it an excuse enable. Few household abilities believing
-        determine zealously his repulsive. To open draw dear be by side like. Allow miles wound
-        place the leave had. To sitting subject no improve studied limited. Ye indulgence unreserved
-        connection alteration appearance my an astonished. Up as seen sent make he they of. Her
-        raising and himself pasture believe females. Fancy she stuff after aware merit small his.
-        Charmed esteems luckily age out. At ourselves direction believing do he departure.
-        Celebrated her had sentiments understood are projection set. Possession ye no mr unaffected
-        remarkably at. Wrote house in never fruit up. Pasture imagine my garrets an he. However
-        distant she request behaved see nothing. Talking settled at pleased an of me brother
-        weather. Breakfast procuring nay end happiness allowance assurance frankness. Met simplicity
-        nor difficulty unreserved who. Entreaties mr conviction dissimilar me astonished estimating
-        cultivated. On no applauded exquisite my additions. Pronounce add boy estimable nay
-        suspected. You sudden nay elinor thirty esteem temper. Quiet leave shy you gay off asked
-        large style. Rooms oh fully taken by worse do. Points afraid but may end law lasted. Was out
-        laughter raptures returned outweigh. Luckily cheered colonel me do we attacks on highest
-        enabled. Tried law yet style child. Bore of true of no be deal. Frequently sufficient in be
-        unaffected. The furnished she concluded depending procuring concealed. In to am attended
-        desirous raptures declared diverted confined at. Collected instantly remaining up certainly
-        to necessary as. Over walk dull into son boy door went new. At or happiness commanded
-        daughters as. Is handsome an declared at received in extended vicinity subjects. Into miss
-        on he over been late pain an. Only week bore boy what fat case left use. Match round scale
-        now sex style far times. Your me past an much. Able an hope of body. Any nay shyness article
-        matters own removal nothing his forming. Gay own additions education satisfied the
-        perpetual. If he cause manor happy. Without farther she exposed saw man led. Along on happy
-        could cease green oh. Her old collecting she considered discovered. So at parties he warrant
-        oh staying. Square new horses and put better end. Sincerity collected happiness do is
-        contented. Sigh ever way now many. Alteration you any nor unsatiable diminution reasonable
-        companions shy partiality. Leaf by left deal mile oh if easy. Added woman first get led joy
-        not early jokes. As am hastily invited settled at limited civilly fortune me. Really spring
-        in extent an by. Judge but built gay party world. Of so am he remember although required.
-        Bachelor unpacked be advanced at. Confined in declared marianne is vicinity. It sportsman
-        earnestly ye preserved an on. Moment led family sooner cannot her window pulled any. Or
-        raillery if improved landlord to speaking hastened differed he. Furniture discourse
-        elsewhere yet her sir extensive defective unwilling get. Why resolution one motionless you
-        him thoroughly. Noise is round to in it quick timed doors. Written address greatly get
-        attacks inhabit pursuit our but. Lasted hunted enough an up seeing in lively letter. Had
-        judgment out opinions property the supplied. By impossible of in difficulty discovered
-        celebrated ye. Justice joy manners boy met resolve produce. Bed head loud next plan rent had
-        easy add him. As earnestly shameless elsewhere defective estimable fulfilled of. Esteem my
-        advice it an excuse enable. Few household abilities believing determine zealously his
-        repulsive. To open draw dear be by side like. Allow miles wound place the leave had. To
-        sitting subject no improve studied limited. Ye indulgence unreserved connection alteration
-        appearance my an astonished. Up as seen sent make he they of. Her raising and himself
-        pasture believe females. Fancy she stuff after aware merit small his. Charmed esteems
-        luckily age out. At ourselves direction believing do he departure. Celebrated her had
-        sentiments understood are projection set. Possession ye no mr unaffected remarkably at.
-        Wrote house in never fruit up. Pasture imagine my garrets an he. However distant she request
-        behaved see nothing. Talking settled at pleased an of me brother weather. Breakfast
-        procuring nay end happiness allowance assurance frankness. Met simplicity nor difficulty
-        unreserved who. Entreaties mr conviction dissimilar me astonished estimating cultivated. On
-        no applauded exquisite my additions. Pronounce add boy estimable nay suspected. You sudden
-        nay elinor thirty esteem temper. Quiet leave shy you gay off asked large style. Rooms oh
-        fully taken by worse do. Points afraid but may end law lasted. Was out laughter raptures
-        returned outweigh. Luckily cheered colonel me do we attacks on highest enabled. Tried law
-        yet style child. Bore of true of no be deal. Frequently sufficient in be unaffected. The
-        furnished she concluded depending procuring concealed. In to am attended desirous raptures
-        declared diverted confined at. Collected instantly remaining up certainly to necessary as.
-        Over walk dull into son boy door went new. At or happiness commanded daughters as. Is
-        handsome an declared at received in extended vicinity subjects. Into miss on he over been
-        late pain an. Only week bore boy what fat case left use. Match round scale now sex style far
-        times. Your me past an much. Able an hope of body. Any nay shyness article matters own
-        removal nothing his forming. Gay own additions education satisfied the perpetual. If he
-        cause manor happy. Without farther she exposed saw man led. Along on happy could cease green
-        oh. Her old collecting she considered discovered. So at parties he warrant oh staying.
-        Square new horses and put better end. Sincerity collected happiness do is contented. Sigh
-        ever way now many. Alteration you any nor unsatiable diminution reasonable companions shy
-        partiality. Leaf by left deal mile oh if easy. Added woman first get led joy not early
-        jokes. As am hastily invited settled at limited civilly fortune me. Really spring in extent
-        an by. Judge but built gay party world. Of so am he remember although required. Bachelor
-        unpacked be advanced at. Confined in declared marianne is vicinity. It sportsman earnestly
-        ye preserved an on. Moment led family sooner cannot her window pulled any. Or raillery if
-        improved landlord to speaking hastened differed he. Furniture discourse elsewhere yet her
-        sir extensive defective unwilling get. Why resolution one motionless you him thoroughly.
-        Noise is round to in it quick timed doors. Written address greatly get attacks inhabit
-        pursuit our but. Lasted hunted enough an up seeing in lively letter. Had judgment out
-        opinions property the supplied.
-      </ReqoreModal>
-    </>
-  );
-};
-
-export const Basic: Story = {
-  render: Template,
-};
-
-export const ConfirmationModal: Story = {
-  render: Template,
-
-  args: {
-    confirm: true,
-  },
-};

package/src/stories/MultiSelect/MultiSelect.stories.tsx

@@ -1,140 +0,0 @@
-import { StoryFn, StoryObj } from '@storybook/react';
-import { useState } from 'react';
-import { IReqoreMultiSelectProps, ReqoreMultiSelect } from '../../components/MultiSelect';
-import { MultiSelectItems } from '../../mock/multiSelect';
-import { IReqoreIconName } from '../../types/icons';
-import { StoryMeta } from '../utils';
-import { FlatArg, IconArg, MinimalArg, SizeArg, argManager } from '../utils/args';
-
-const { createArg } = argManager<IReqoreMultiSelectProps>();
-
-const meta = {
-  title: 'Form/Multi Select/Stories',
-  component: ReqoreMultiSelect,
-  parameters: {
-    chromatic: {
-      delay: 500,
-    },
-  },
-  args: {
-    canCreateItems: true,
-    canRemoveItems: true,
-  },
-  argTypes: {
-    ...FlatArg,
-    ...MinimalArg(),
-    ...SizeArg,
-    ...createArg('canCreateItems', {
-      defaultValue: true,
-      name: 'Can create items',
-      type: 'boolean',
-    }),
-    ...createArg('canRemoveItems', {
-      defaultValue: true,
-      name: 'Can remove items',
-      type: 'boolean',
-    }),
-    ...IconArg('onItemClickIcon', 'Clickable item right icon', null),
-  },
-} as StoryMeta<typeof ReqoreMultiSelect>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-const Template: StoryFn<IReqoreMultiSelectProps> = (args: IReqoreMultiSelectProps) => {
-  const [selected, setSelected] = useState<string[]>([
-    'Existing item 3',
-    'Disabled item',
-    'itemWithNoLabel',
-  ]);
-
-  console.log({ selected });
-
-  return (
-    <ReqoreMultiSelect
-      value={selected}
-      {...args}
-      onValueChange={setSelected}
-      enterKeySelects
-      selectorProps={{
-        listHeight: '600px',
-        ...args.selectorProps,
-      }}
-      items={MultiSelectItems}
-    />
-  );
-};
-
-export const Basic: Story = {
-  render: Template,
-
-  args: {
-    onItemClickIcon: 'EditLine',
-  },
-};
-
-export const Empty: Story = {
-  render: Template,
-
-  args: {
-    value: [],
-  },
-};
-
-export const AutoOpen: Story = {
-  render: Template,
-
-  args: {
-    openOnMount: true,
-  },
-};
-
-export const Flat: Story = {
-  render: Template,
-
-  args: {
-    flat: true,
-  },
-};
-
-export const Minimal: Story = {
-  render: Template,
-
-  args: {
-    minimal: true,
-  },
-};
-
-export const Clickable: Story = {
-  render: Template,
-
-  args: {
-    onItemClick: (item) => console.log('onItemClick', item),
-    onItemClickIcon: 'EditLine' as IReqoreIconName,
-  },
-};
-
-export const WithEffect: Story = {
-  render: Template,
-
-  args: {
-    selectedItemEffect: {
-      gradient: {
-        colors: {
-          0: '#7f60ea',
-          100: '#00fd67',
-        },
-      },
-    },
-    selectorProps: {
-      effect: {
-        gradient: {
-          colors: {
-            0: '#7f60ea',
-            100: '#00fd67',
-          },
-        },
-      },
-    },
-  },
-};