@redneckz/wildless-cms-uni-blocks 0.14.742 → 0.14.743

package/mobile/src/components/OfficesAtmsMap/renderFiltrationForm.tsx

@@ -1,87 +0,0 @@
-import { type FormFieldRegisterer } from '../../hooks/useForm/useForm';
-import { type VNode } from '../../model/VNode';
-import { Checkbox } from '../../ui-kit/Checkbox/Checkbox';
-import { Foldable } from '../../ui-kit/Foldable/Foldable';
-import { type FoldablePartProps } from '../../ui-kit/Foldable/FoldablePartProps';
-import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection';
-import { Icon } from '../../ui-kit/Icon/Icon';
-import { type IconName } from '../../ui-kit/Icon/IconProps';
-import { LinkButton } from '../../ui-kit/LinkButton/LinkButton';
-
-const COMMON_FILTERS_STYLES = 'flex flex-col sm:flex-row sm:flex-wrap gap-3xl pb-2xl';
-
-export interface RenderFiltrationFormOptions {
-  filters: string[];
-  field: { field: FormFieldRegisterer<any>; reset: () => void };
-  onlyOffice?: boolean;
-  labels: Record<string, string>;
-}
-
-export const renderFiltrationForm = ({
-  filters,
-  field: { field, reset },
-  onlyOffice,
-  labels,
-}: RenderFiltrationFormOptions) => {
-  const visibleFiltersNum = onlyOffice ? 5 : 6;
-
-  const filtersCheckbox = (filters || []).map((key) => (
-    <Checkbox key={key} text={labels[key]} {...field(key)} />
-  ));
-
-  const [visibleFilters, hiddenFilters] =
-    visibleFiltersNum > 0
-      ? [filtersCheckbox.slice(0, visibleFiltersNum), filtersCheckbox.slice(visibleFiltersNum)]
-      : [filtersCheckbox, []];
-
-  return (
-    <div>
-      {filters?.length ? (
-        <div>
-          <Foldable
-            renderFoldableSection={({ isUnfolded }) => (
-              <div>
-                <div className={COMMON_FILTERS_STYLES}>{visibleFilters}</div>
-                <FoldableSection className={COMMON_FILTERS_STYLES} isUnfolded={isUnfolded}>
-                  {hiddenFilters}
-                </FoldableSection>
-              </div>
-            )}
-            renderFoldButton={renderFoldButton(reset, onlyOffice)}
-          />
-        </div>
-      ) : null}
-    </div>
-  );
-};
-
-export const renderFoldButton =
-  (reset: () => void, onlyOffice = false) =>
-  ({ isUnfolded, onToggle }: FoldablePartProps) => {
-    const labels = ['Больше фильтров', 'Меньше фильтров'];
-    const icons: IconName[] = ['ArrowDownIcon', 'ArrowUpIcon'];
-
-    return (
-      <div className="flex space-x-lg">
-        {onlyOffice ? (
-          <LinkButton
-            version="transparent"
-            className="text-secondary-text [&>*]:p-0"
-            appendRight={<Icon name={icons[Number(isUnfolded)]} width="16" height="16" />}
-            text={labels[Number(isUnfolded)]}
-            onClick={onToggle}
-          />
-        ) : null}
-        <LinkButton version="transparent" className="text-secondary-text [&>*]:p-0" onClick={reset}>
-          {renderBtnInner()}
-        </LinkButton>
-      </div>
-    );
-  };
-
-const renderBtnInner = (): VNode => (
-  <div className="flex items-center">
-    Очистить фильтр
-    <Icon name="CloseIcon" width="16" height="16" className="ml-2xs" />
-  </div>
-);

package/src/components/OfficesAtmsMap/renderFiltrationForm.tsx

@@ -1,87 +0,0 @@
-import { type FormFieldRegisterer } from '../../hooks/useForm/useForm';
-import { type VNode } from '../../model/VNode';
-import { Checkbox } from '../../ui-kit/Checkbox/Checkbox';
-import { Foldable } from '../../ui-kit/Foldable/Foldable';
-import { type FoldablePartProps } from '../../ui-kit/Foldable/FoldablePartProps';
-import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection';
-import { Icon } from '../../ui-kit/Icon/Icon';
-import { type IconName } from '../../ui-kit/Icon/IconProps';
-import { LinkButton } from '../../ui-kit/LinkButton/LinkButton';
-
-const COMMON_FILTERS_STYLES = 'flex flex-col sm:flex-row sm:flex-wrap gap-3xl pb-2xl';
-
-export interface RenderFiltrationFormOptions {
-  filters: string[];
-  field: { field: FormFieldRegisterer<any>; reset: () => void };
-  onlyOffice?: boolean;
-  labels: Record<string, string>;
-}
-
-export const renderFiltrationForm = ({
-  filters,
-  field: { field, reset },
-  onlyOffice,
-  labels,
-}: RenderFiltrationFormOptions) => {
-  const visibleFiltersNum = onlyOffice ? 5 : 6;
-
-  const filtersCheckbox = (filters || []).map((key) => (
-    <Checkbox key={key} text={labels[key]} {...field(key)} />
-  ));
-
-  const [visibleFilters, hiddenFilters] =
-    visibleFiltersNum > 0
-      ? [filtersCheckbox.slice(0, visibleFiltersNum), filtersCheckbox.slice(visibleFiltersNum)]
-      : [filtersCheckbox, []];
-
-  return (
-    <div>
-      {filters?.length ? (
-        <div>
-          <Foldable
-            renderFoldableSection={({ isUnfolded }) => (
-              <div>
-                <div className={COMMON_FILTERS_STYLES}>{visibleFilters}</div>
-                <FoldableSection className={COMMON_FILTERS_STYLES} isUnfolded={isUnfolded}>
-                  {hiddenFilters}
-                </FoldableSection>
-              </div>
-            )}
-            renderFoldButton={renderFoldButton(reset, onlyOffice)}
-          />
-        </div>
-      ) : null}
-    </div>
-  );
-};
-
-export const renderFoldButton =
-  (reset: () => void, onlyOffice = false) =>
-  ({ isUnfolded, onToggle }: FoldablePartProps) => {
-    const labels = ['Больше фильтров', 'Меньше фильтров'];
-    const icons: IconName[] = ['ArrowDownIcon', 'ArrowUpIcon'];
-
-    return (
-      <div className="flex space-x-lg">
-        {onlyOffice ? (
-          <LinkButton
-            version="transparent"
-            className="text-secondary-text [&>*]:p-0"
-            appendRight={<Icon name={icons[Number(isUnfolded)]} width="16" height="16" />}
-            text={labels[Number(isUnfolded)]}
-            onClick={onToggle}
-          />
-        ) : null}
-        <LinkButton version="transparent" className="text-secondary-text [&>*]:p-0" onClick={reset}>
-          {renderBtnInner()}
-        </LinkButton>
-      </div>
-    );
-  };
-
-const renderBtnInner = (): VNode => (
-  <div className="flex items-center">
-    Очистить фильтр
-    <Icon name="CloseIcon" width="16" height="16" className="ml-2xs" />
-  </div>
-);