@redneckz/wildless-cms-uni-blocks 0.14.752 → 0.14.753

package/src/components/RollupItem/AccordionFoldButton.tsx

@@ -1,41 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { type IconName } from '../../icons/IconName';
-import { type Picture } from '../../model/Picture';
-import { Icon } from '../../ui-kit/Icon/Icon';
-import { type IconBgVersion } from '../../ui-kit/Icon/IconProps';
-import { Text } from '../../ui-kit/Text/Text';
-import { TextWithIcon } from '../../ui-kit/TextWithIcon/TextWithIcon';
-import { style } from '../../utils/style';
-import { renderRoundedIcon } from './renderRoundedIcon';
-
-interface RollupButtonProps {
-  label?: string;
-  labelIcon?: Picture;
-  labelIconBgVersion?: IconBgVersion;
-  icon?: IconName;
-  onToggle?: () => void;
-}
-
-export const AccordionFoldButton = JSX<RollupButtonProps>(
-  ({ label, labelIconBgVersion, icon, onToggle, labelIcon }) => (
-    <TextWithIcon
-      tag="button"
-      className={style(
-        'border-none bg-transparent items-center group/button',
-        labelIcon?.icon ? 'py-xs' : 'py-lg',
-      )}
-      onClick={onToggle}
-      textNode={
-        <div className="flex items-center text-start group-hover/button:text-primary-main gap-s">
-          {renderRoundedIcon(labelIcon, labelIconBgVersion)}
-          {label ? (
-            <Text size="text-h6" font="font-normal">
-              {label}
-            </Text>
-          ) : null}
-        </div>
-      }
-      iconNode={icon ? <Icon name={icon} iconVersion="color" width="24" height="24" /> : null}
-    />
-  ),
-);

package/src/components/RollupItem/getIconName.tsx

@@ -1,6 +0,0 @@
-export const getIconName = (isUnfolded = false, isMobile = false) =>
-  isMobile ? getMobileName(isUnfolded) : getDesktopName(isUnfolded);
-
-const getDesktopName = (isUnfolded = false) => (isUnfolded ? 'MinusIcon' : 'PlusIcon');
-const getMobileName = (isUnfolded = false) =>
-  isUnfolded ? 'ArrowUpSolidIcon' : 'ArrowDownSolidIcon';

package/src/components/RollupItem/renderRoundedIcon.mobile.tsx

@@ -1,7 +0,0 @@
-import { type Picture } from '../../model/Picture';
-import { type IconBgVersion } from '../../ui-kit/Icon/IconProps';
-import { RoundedIcon } from '../../ui-kit/Icon/RoundedIcon';
-
-export const renderRoundedIcon = (icon?: Picture, iconBgVersion?: IconBgVersion) => (
-  <RoundedIcon {...icon} iconBgVersion={iconBgVersion} className="shrink-0" />
-);

package/src/components/RollupItem/renderRoundedIcon.tsx

@@ -1,5 +0,0 @@
-import { type Picture } from '../../model/Picture';
-import { type IconBgVersion } from '../../ui-kit/Icon/IconProps';
-
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-export const renderRoundedIcon = (_icon?: Picture, _iconBgVersion?: IconBgVersion) => null;

package/src/components/RollupItem/rollupIconVersion.mobile.tsx

@@ -1 +0,0 @@
-export const rollupIconVersion = 'black';

package/src/ui-kit/Button/IconButton.tsx

@@ -1,36 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useMemo } from '@redneckz/uni-jsx/lib/hooks';
-import type { IconName } from '../../icons/IconName';
-import { type AspectsDef } from '../../model/AspectsProps';
-import { Icon } from '../../ui-kit/Icon/Icon';
-import { getAspectsAttributes } from '../../utils/dataAttributes';
-import { style } from '../../utils/style';
-
-export interface IconButtonProps {
-  className?: string;
-  name: IconName;
-  text?: string;
-  data?: AspectsDef[];
-  onClick?: () => void;
-}
-
-export const IconButton = JSX<IconButtonProps>(({ className, name, text, data, onClick }) => {
-  const aspectsAttrs = useMemo(() => getAspectsAttributes(data), [data]);
-
-  return (
-    <button
-      className={style(
-        'text-primary-main flex justify-between items-center border-none px-m',
-        text ? 'pt-lg' : 'py-2xs',
-        className,
-      )}
-      type="button"
-      // eslint-disable-next-line react/jsx-props-no-spreading
-      {...aspectsAttrs}
-      onClick={onClick}
-    >
-      {text ? <div className="pr-m">{text}</div> : null}
-      <Icon className="text-primary-text" name={name} width="16" height="16" />
-    </button>
-  );
-});

package/src/ui-kit/Button/useButton.ts

@@ -1,16 +0,0 @@
-import { handlerDecorator } from '../../external/handlerDecorator';
-import { type PreventableEvent } from '../PreventableEvent';
-import { type ButtonProps } from './Button';
-
-export function useButton() {
-  return (props: ButtonProps): ButtonProps => ({
-    ...props,
-    onClick: handlerDecorator(handleClick(props)),
-  });
-}
-
-function handleClick({ disabled, onClick }: Partial<ButtonProps>) {
-  return (ev?: PreventableEvent) => {
-    !disabled && onClick && onClick(ev);
-  };
-}

package/src/ui-kit/TextWithIcon/TextWithIcon.tsx

@@ -1,37 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { type VNode } from '../../model/VNode';
-import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
-import { style } from '../../utils/style';
-
-interface TextWithIconProps extends UniBlockProps {
-  tag?: keyof HTMLElementTagNameMap;
-  textNode?: VNode;
-  iconNode?: VNode;
-  onClick?: () => void;
-  disabled?: boolean;
-  justifyContent?: 'between' | 'center';
-  role?: string;
-}
-
-export const TextWithIcon = JSX<TextWithIconProps>(
-  ({ textNode, iconNode, tag, onClick, justifyContent = 'between', className, role, ...rest }) => {
-    const Tag: any = tag;
-
-    return (
-      <Tag
-        tag={tag}
-        className={style(
-          'flex items-center w-full gap-1',
-          justifyContent === 'between' ? 'justify-between' : 'justify-center',
-          className,
-        )}
-        onClick={onClick}
-        role={role}
-        {...rest}
-      >
-        {textNode ? <div>{textNode}</div> : null}
-        {iconNode ? <div>{iconNode}</div> : null}
-      </Tag>
-    );
-  },
-);