@eightshift/frontend-libs/scripts/index.js

A collection of useful frontend utility modules. powered by Eightshift

// All exports are sorted in alphabetical order.

// Components
export { AdvancedColorPicker } from './components/advanced-color-picker/advanced-color-picker';
export { AnimatedContentVisibility } from './components/animated-content-visibility/animated-content-visibility';
export { ColorSwatch } from './components/color-swatch/color-swatch';
export { AsyncSelect } from './components/custom-select/async-single-select';
export { AsyncMultiSelect } from './components/custom-select/async-multi-select';
export { BlockInserter } from './components/block-inserter/block-inserter';
export { ColorPalette } from './components/color-palette-custom/color-palette-custom';
export { ColorPicker } from './components/color-picker-component/color-picker-component';
export { Collapsable } from './components/collapsable/collapsable';
export { Control } from './components/base-control/base-control';
export { ColumnConfigSlider } from './components/custom-slider/column-config-slider';
export { Slider } from './components/custom-slider/custom-slider';
export { RangeSlider } from './components/custom-slider/custom-range-slider';
export { FancyDivider } from './components/fancy-divider/fancy-divider';
export { FileSelector, ManageFileButton } from './components/file-pickers/file-picker';
export { MediaPicker } from './components/file-pickers/media-picker';
export { IconLabel } from './components/icon-label/icon-label';
export { Toggle, IconToggle } from './components/toggle/toggle';
export { Notification } from './components/inline-notification/inline-notification';
export { LinkInput, LinkEditComponent } from './components/link-input/link-input';
export { MatrixAlignControl } from './components/matrix-align-control/matrix-align-control';
export { Menu } from './components/menu/menu';
export { MenuItem } from './components/menu/menu-item';
export { MenuSeparator } from './components/menu/menu-separator';
export { MultiSelect } from './components/custom-select/multi-select';
export { NumberPicker } from './components/number-picker/number-picker';
export { OptionSelector } from './components/option-selector/option-selector';
export { PickerPlaceholder } from './components/picker-placeholder/picker-placeholder';
export { PopoverWithTrigger } from './components/popover-with-trigger/popover-with-trigger';
export { PresetPicker } from './components/preset-picker/preset-picker';
export { ReOrderable } from './components/re-orderable/re-orderable';
export { ReOrderableItem } from './components/re-orderable/re-orderable-item';
export { Responsive } from './components/responsive/responsive';
export { ResponsiveNumberPicker } from './components/responsive-number-picker/responsive-number-picker';
export { generateResponsiveNumberPickerConfig } from './components/responsive-number-picker/auto-config';
export { ResponsiveSlider } from './components/responsive-slider/responsive-slider';
export { generateResponsiveSliderConfig } from './components/responsive-slider/auto-config';
export { generateResponsiveToggleButtonConfig } from './components/responsive-toggle-button/auto-config';
export { ResponsiveToggleButton } from './components/responsive-toggle-button/responsive-toggle-button';
export { Section } from './components/section/section';
export { Select } from './components/custom-select/single-select';
export { ServerSideRender } from './components/server-side-render/server-side-render';
export { Repeater } from './components/repeater/repeater';
export { RepeaterItem } from './components/repeater/repeater-item';
export { TileButton } from './components/tile-button/tile-button';
export { UseToggle, generateUseToggleConfig } from './components/use-toggle/use-toggle';
export { WidthOffsetRangeSlider } from './components/width-offset-range-slider/width-offset-range-slider';
export { generateWidthOffsetRangeSliderConfig } from './components/width-offset-range-slider/auto-config';

// Deprecations.
export {
	ColorPaletteCustom,
	ColorPaletteCustomLayout,
	ColorPickerComponent,
	ColorPickerType,
	CollapsableComponentUseToggle,
	CompactResponsive,
	ComponentUseToggle,
	CustomSelect,
	CustomSelectCustomOption,
	CustomSelectCustomValueDisplay,
	CustomSelectCustomMultipleValueDisplay,
	CustomSelectCustomMultipleValueDisplayContainer,
	CustomSelectCustomMultipleValueRemoveButton,
	CustomSelectCustomDropdownIndicator,
	CustomSelectStyle,
	CustomSlider,
	CustomRangeSlider,
	CustomSliderStyle,
	CustomRangeSliderStyle,
	InlineNotification,
	InlineNotificationType,
	OptionPicker,
	SimpleHorizontalSingleSelect,
	SpacingSlider,
	VisibilityToggleResponsive,
	AlignmentToolbar,
	AlignmentToolbarType,
	HeadingLevel,
	LinkToolbarButton,
	SimpleVerticalSingleSelect,
} from './components/deprecations';

// Editor
export { overrideInnerBlockAttributes, overrideInnerBlockSimpleWrapperAttributes, checkAttr, checkAttrResponsive, getAttrKey, props } from './editor/attributes';
export { getPaletteColors } from './editor/colors';
export { outputCssVariablesGlobal, outputCssVariables, hexToRgb, getUnique } from './editor/css-variables';
export { GutenbergBlock, lockIfUndefined, lockPostEditing, unlockPostEditing, getResponsiveLegacyData, generateOptionsFromValue } from './editor/editor';
export { fetchFromWpRest, wpSearchRoute, buildWpRestUrl } from './editor/fetch';
export { inserter } from './editor/inserter';
export { getOption, getOptionColors, getOptions } from './editor/options';
export { getAttributes, getExample, getFullBlockName, getFullBlockNameVariation, registerBlocks, registerVariations } from './editor/registration';
export { bem, selector, responsiveSelectors } from './editor/selectors';
export { STORE_NAME, BUILD_VERSION, setStore, setStoreGlobalWindow, setConfigFlags } from './editor/store';

// Helpers
export { getDefaultBreakpointNames } from './helpers/breakpoints';
export { cookies } from './helpers/cookies';
export { dynamicImport } from './helpers/dynamic-import';
export { luminanceFromHex, luminanceFromRgb } from './helpers/color-helpers';