@ssa-ui-kit/core 0.0.20-alpha → 0.0.22-alpha

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ssa-ui-kit/core",
-  "version": "0.0.20-alpha",
+  "version": "0.0.22-alpha",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "private": false,

package/src/components/Popover/PopoverContent.tsx

@@ -9,8 +9,13 @@ import Wrapper from '@components/Wrapper';
 
 export const PopoverContent = React.forwardRef<
   HTMLDivElement,
-  React.HTMLProps<HTMLDivElement>
->(function PopoverContent({ style, ...props }, propRef) {
+  React.HTMLProps<HTMLDivElement> & {
+    isFocusManagerDisabled?: boolean;
+  }
+>(function PopoverContent(
+  { style, isFocusManagerDisabled = false, ...props },
+  propRef,
+) {
   const { context: floatingContext, ...context } = usePopoverContext();
   const ref = useMergeRefs([context.refs.setFloating, propRef]);
 
@@ -18,7 +23,10 @@ export const PopoverContent = React.forwardRef<
 
   return (
     <FloatingPortal>
-      <FloatingFocusManager context={floatingContext} modal={context.modal}>
+      <FloatingFocusManager
+        context={floatingContext}
+        modal={context.modal}
+        disabled={isFocusManagerDisabled}>
         <Wrapper
           ref={ref}
           css={{

package/src/components/Textarea/Textarea.stories.tsx

@@ -57,3 +57,25 @@ Focused.parameters = {
     focus: true,
   },
 };
+
+export const Disabled: StoryObj<typeof Textarea> = (args: Args) => {
+  const { register } = useForm<FieldValues>();
+
+  return <Textarea {...args} register={register} />;
+};
+
+Disabled.args = {
+  ...Basic.args,
+  disabled: true,
+};
+
+export const ReadOnly: StoryObj<typeof Textarea> = (args: Args) => {
+  const { register } = useForm<FieldValues>();
+
+  return <Textarea {...args} register={register} />;
+};
+
+ReadOnly.args = {
+  ...Basic.args,
+  readOnly: true,
+};

package/src/components/Textarea/Textarea.tsx

@@ -11,6 +11,7 @@ const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
       placeholder,
       validationSchema,
       disabled = false,
+      readOnly = false,
       rows = 10,
       maxLength,
       title,
@@ -31,6 +32,7 @@ const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
         id={`formElement-${name}`}
         placeholder={placeholder}
         disabled={disabled}
+        readOnly={readOnly}
         rows={rows}
         maxLength={maxLength}
         onChange={callAll(setCountChar, onChange)}

package/src/components/Textarea/types.ts

@@ -7,6 +7,7 @@ export interface TextareaProps
   placeholder?: string;
   validationSchema?: Record<string, unknown>;
   disabled?: boolean;
+  readOnly?: boolean;
   rows?: number;
   maxLength?: number;
   as?: React.ElementType;

package/src/components/index.ts

@@ -0,0 +1,82 @@
+export * from './AccordionGroup';
+export { default as Avatar } from './Avatar';
+export { default as Badge } from './Badge';
+export { default as Button } from './Button';
+export { default as Card } from './Card';
+export { default as CardBase } from './Card/CardBase';
+export { default as CardContent } from './CardContent';
+export { default as CardHeader } from './CardHeader';
+export { default as ColorPicker } from './ColorPicker';
+export { default as Checkbox } from './Checkbox';
+export * from './Checkbox';
+export { default as FormCheckbox } from './FormCheckbox';
+export * from './FormCheckbox';
+export { default as Dropdown } from './Dropdown';
+export { default as DropdownArrow } from './DropdownArrow';
+export { default as DropdownBase } from './DropdownBase';
+export { default as DropdownOption } from './DropdownOption';
+export { default as DropdownOptions } from './DropdownOptions';
+export { default as DropdownToggle } from './DropdownToggle';
+export type { IDropdownOption } from './DropdownOptions';
+export { default as Icon } from './Icon';
+export * from './Icon';
+export * from './Icon/types';
+export { default as Input } from './Input';
+export { default as Label } from './Label';
+export { default as Modal } from './Modal';
+export { default as ModalDismissButton } from './ModalDismissButton';
+export { default as ModalContent } from './ModalContent';
+export { default as ModalOpenButton } from './ModalOpenButton';
+export { default as ModalDialog } from './ModalDialog';
+export * from './Modal';
+export * from './Popover';
+export { default as MultipleDropdown } from './MultipleDropdown';
+export { default as MultipleDropdownNotification } from './MultipleDropdownNotification';
+export { default as MultipleDropdownOptions } from './MultipleDropdownOptions';
+export { default as Progress } from './Progress';
+export { default as ProgressBar } from './ProgressBar';
+export { default as ProgressCircle } from './ProgressCircle';
+export { default as ProgressLegend } from './ProgressLegend';
+export { default as ProgressLegendItem } from './ProgressLegendItem';
+export { default as ProgressVertical } from './ProgressVertical';
+export { default as Stepper } from './Stepper';
+export { default as Step } from './Step';
+export { default as StepConnector } from './StepConnector';
+export { default as StepLabel } from './StepLabel';
+export { default as Switch } from './Switch';
+export * from './Switch';
+export { default as Table } from './Table';
+export { default as TableHead } from './TableHead';
+export { default as TableRow } from './TableRow';
+export { default as TableCell } from './TableCell';
+export { default as TableBody } from './TableBody';
+export { default as Tooltip } from './Tooltip';
+export { default as TooltipTrigger } from './TooltipTrigger';
+export { default as TooltipContent } from './TooltipContent';
+export * from './Tooltip';
+export { default as TabBar } from './TabBar';
+export { default as Tab } from './Tab';
+export { default as LargeTab } from './LargeTab';
+export * from './TabBar';
+export { default as Tag } from './Tag';
+export * from './Tag';
+export { default as Textarea } from './Textarea';
+export * from './Textarea';
+export { default as TextField } from './TextField';
+export * from './TextField';
+export { default as Typography } from './Typography';
+export * from './Typography';
+export { default as Wrapper } from './Wrapper';
+export * from './Wrapper';
+export { default as Radio } from './Radio';
+export { default as RadioGroup } from './RadioGroup';
+export { default as FormRadioGroup } from './FormRadioGroup';
+export { default as ResponsiveImage } from './ResponsiveImage';
+export * from './ResponsiveImage';
+export { default as Form } from './Form';
+export { default as FormGroup } from './FormGroup';
+export { default as FormAction } from './FormAction';
+export { default as FormHelperText } from './FormHelperText';
+export { default as Indicator } from './Indicator';
+export * from './ButtonGroup';
+export { default as Link } from './Link';

package/src/index.ts

@@ -9,86 +9,4 @@ export { default as mainTheme } from './themes/main';
 
 export * as globalStyles from './styles/global';
 export * as styleUtils from './styles/safari-focus-outline';
-
-export * from './components/AccordionGroup';
-export { default as Avatar } from './components/Avatar';
-export { default as Badge } from './components/Badge';
-export { default as Button } from './components/Button';
-export { default as Card } from './components/Card';
-export { default as CardBase } from './components/Card/CardBase';
-export { default as CardContent } from './components/CardContent';
-export { default as CardHeader } from './components/CardHeader';
-export { default as ColorPicker } from './components/ColorPicker';
-export { default as Checkbox } from './components/Checkbox';
-export * from './components/Checkbox';
-export { default as FormCheckbox } from './components/FormCheckbox';
-export * from './components/FormCheckbox';
-export { default as Dropdown } from './components/Dropdown';
-export { default as DropdownArrow } from './components/DropdownArrow';
-export { default as DropdownBase } from './components/DropdownBase';
-export { default as DropdownOption } from './components/DropdownOption';
-export { default as DropdownOptions } from './components/DropdownOptions';
-export { default as DropdownToggle } from './components/DropdownToggle';
-export type { IDropdownOption } from './components/DropdownOptions';
-export { default as Icon } from './components/Icon';
-export * from './components/Icon';
-export * from './components/Icon/types';
-export { default as Input } from './components/Input';
-export { default as Label } from './components/Label';
-export { default as Modal } from './components/Modal';
-export { default as ModalDismissButton } from './components/ModalDismissButton';
-export { default as ModalContent } from './components/ModalContent';
-export { default as ModalOpenButton } from './components/ModalOpenButton';
-export { default as ModalDialog } from './components/ModalDialog';
-export * from './components/Modal';
-export * from './components/Popover';
-export { default as MultipleDropdown } from './components/MultipleDropdown';
-export { default as MultipleDropdownNotification } from './components/MultipleDropdownNotification';
-export { default as MultipleDropdownOptions } from './components/MultipleDropdownOptions';
-export { default as Progress } from './components/Progress';
-export { default as ProgressBar } from './components/ProgressBar';
-export { default as ProgressCircle } from './components/ProgressCircle';
-export { default as ProgressLegend } from './components/ProgressLegend';
-export { default as ProgressLegendItem } from './components/ProgressLegendItem';
-export { default as ProgressVertical } from './components/ProgressVertical';
-export { default as Stepper } from './components/Stepper';
-export { default as Step } from './components/Step';
-export { default as StepConnector } from './components/StepConnector';
-export { default as StepLabel } from './components/StepLabel';
-export { default as Switch } from './components/Switch';
-export * from './components/Switch';
-export { default as Table } from './components/Table';
-export { default as TableHead } from './components/TableHead';
-export { default as TableRow } from './components/TableRow';
-export { default as TableCell } from './components/TableCell';
-export { default as TableBody } from './components/TableBody';
-export { default as Tooltip } from './components/Tooltip';
-export { default as TooltipTrigger } from './components/TooltipTrigger';
-export { default as TooltipContent } from './components/TooltipContent';
-export * from './components/Tooltip';
-export { default as TabBar } from './components/TabBar';
-export { default as Tab } from './components/Tab';
-export { default as LargeTab } from './components/LargeTab';
-export * from './components/TabBar';
-export { default as Tag } from './components/Tag';
-export * from './components/Tag';
-export { default as Textarea } from './components/Textarea';
-export * from './components/Textarea';
-export { default as TextField } from './components/TextField';
-export * from './components/TextField';
-export { default as Typography } from './components/Typography';
-export * from './components/Typography';
-export { default as Wrapper } from './components/Wrapper';
-export * from './components/Wrapper';
-export { default as Radio } from './components/Radio';
-export { default as RadioGroup } from './components/RadioGroup';
-export { default as FormRadioGroup } from './components/FormRadioGroup';
-export { default as ResponsiveImage } from './components/ResponsiveImage';
-export * from './components/ResponsiveImage';
-export { default as Form } from './components/Form';
-export { default as FormGroup } from './components/FormGroup';
-export { default as FormAction } from './components/FormAction';
-export { default as FormHelperText } from './components/FormHelperText';
-export { default as Indicator } from './components/Indicator';
-export * from './components/ButtonGroup';
-export { default as Link } from './components/Link';
+export * from './components';