@scaleflex/ui-tw 0.0.2 → 0.0.5

package/core/radio-group/radio-group.component.js

@@ -1,48 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["label", "radioProps", "readOnly", "disabled", "radioStyles", "labelStyles", "onChange", "size", "checked", "labelReverseOrder", "ref"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import React from 'react';
-import { cn } from '../../utils/functions/shadcn-utils';
-import Radio, { RadioSize } from '../radio';
-var RadioGroup = function RadioGroup(_ref) {
-  var label = _ref.label,
-    radioProps = _ref.radioProps,
-    readOnly = _ref.readOnly,
-    disabled = _ref.disabled,
-    radioStyles = _ref.radioStyles,
-    labelStyles = _ref.labelStyles,
-    onChange = _ref.onChange,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? RadioSize.Sm : _ref$size,
-    _ref$checked = _ref.checked,
-    checked = _ref$checked === void 0 ? false : _ref$checked,
-    _ref$labelReverseOrde = _ref.labelReverseOrder,
-    labelReverseOrder = _ref$labelReverseOrde === void 0 ? false : _ref$labelReverseOrde,
-    ref = _ref.ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var cursorStyleClasses = disabled ? 'cursor-default' : 'cursor-pointer';
-  var labelClasses = cn("flex items-center gap-2 ".concat(disabled ? 'text-textplaceholder' : 'text-textprimary'), cursorStyleClasses);
-  var labelTextClasses = "".concat(labelReverseOrder ? 'order-2' : '');
-  var radioGroupWraperClasses = cn('relative box-content inline-flex items-center', cursorStyleClasses);
-  return /*#__PURE__*/React.createElement("span", _extends({
-    className: radioGroupWraperClasses,
-    ref: ref
-  }, rest), /*#__PURE__*/React.createElement("label", {
-    className: labelClasses,
-    style: _objectSpread({}, labelStyles)
-  }, /*#__PURE__*/React.createElement("span", {
-    className: labelTextClasses
-  }, label), /*#__PURE__*/React.createElement(Radio, {
-    radioProps: radioProps,
-    readOnly: readOnly,
-    disabled: disabled,
-    checked: checked,
-    onChange: onChange,
-    size: size,
-    style: _objectSpread({}, radioStyles)
-  })));
-};
-export default RadioGroup;

package/core/radio-group/radio-group.props.d.ts

@@ -1,15 +0,0 @@
-import { Ref } from 'react';
-import { RadioSizeType } from '../radio/radio.props';
-export interface RadioGroupProps extends React.HTMLAttributes<HTMLLabelElement> {
-    label?: React.ReactNode;
-    radioProps?: React.InputHTMLAttributes<HTMLInputElement>;
-    radioStyles?: object;
-    labelStyles?: object;
-    readOnly?: boolean;
-    disabled?: boolean;
-    labelReverseOrder?: boolean;
-    checked?: boolean;
-    size?: RadioSizeType;
-    onChange?: (event: any) => void;
-    ref?: Ref<HTMLLabelElement>;
-}

package/core/radio-group/radio-group.props.js

@@ -1 +0,0 @@
-export {};

package/core/switcher/index.d.ts

@@ -1,3 +0,0 @@
-export { default } from './switcher.component';
-export type { SwitcherProps } from './switcher.props';
-export * from './switcher-size';

package/core/switcher/index.js

@@ -1,2 +0,0 @@
-export { default } from './switcher.component';
-export * from './switcher-size';

package/core/switcher/switcher-size.d.ts

@@ -1,5 +0,0 @@
-export declare const SwitcherSize: {
-    readonly Sm: "sm";
-    readonly Md: "md";
-    readonly Lg: "lg";
-};

package/core/switcher/switcher.component.d.ts

@@ -1,3 +0,0 @@
-import type { SwitcherProps } from './switcher.props';
-declare const Switcher: ({ size, checked, onChange, SwitcherPropsData, switcherProps, readOnly, disabled, children, ref, ...rest }: SwitcherProps) => JSX.Element;
-export default Switcher;

package/core/switcher/switcher.component.js

@@ -1,54 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["size", "checked", "onChange", "SwitcherPropsData", "switcherProps", "readOnly", "disabled", "children", "ref"];
-import { cn } from '@scaleflex/ui-tw/utils/functions/shadcn-utils';
-import React from 'react';
-import { ignoreEvent } from '../../utils/functions';
-import { SwitcherSize } from './switcher-size';
-var Switcher = function Switcher(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? SwitcherSize.Sm : _ref$size,
-    _ref$checked = _ref.checked,
-    checked = _ref$checked === void 0 ? false : _ref$checked,
-    onChange = _ref.onChange,
-    SwitcherPropsData = _ref.SwitcherPropsData,
-    switcherProps = _ref.switcherProps,
-    readOnly = _ref.readOnly,
-    disabled = _ref.disabled,
-    children = _ref.children,
-    ref = _ref.ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var cursorStyleClasses = disabled ? 'cursor-default' : 'cursor-pointer';
-  var switcherWrapperClasses = "switcher-wrapper relative inline-flex ".concat(cursorStyleClasses);
-  var switcherSize = size === SwitcherSize.Lg ? 'w-15 h-7.5' : size === SwitcherSize.Md ? 'w-10 h-5' : size === SwitcherSize.Sm ? 'w-8 h-4' : 'w-8 h-4';
-  var switcherIconSize = size === SwitcherSize.Lg ? 'before:w-6 before:h-6' : size === SwitcherSize.Md ? 'before:w-4 before:h-4' : size === SwitcherSize.Sm ? 'before:w-3 before:h-3' : 'before:w-3 before:h-3';
-  var inputClasses = cn('peer opacity-0 absolute z-50 ', cursorStyleClasses, switcherSize);
-  var switcherIconClasses = cn('before:content-[""] before:absolute before:rounded-3xl before:top-1/2 before:-translate-y-1/2 peer-not-checked:before:translate-x-1/2', // `${size === SwitcherSize.Lg ? 'before:left-0.75' : 'before:left-0.5'}`,
-  // `${size === SwitcherSize.Lg ? 'peer-not-checked:before:left-0.75 peer-checked:before:right-0.75' : 'peer-not-checked:before:left-0.5 peer-checked:before:right-0.5'}`,
-  "".concat(size === SwitcherSize.Lg ? 'peer-not-checked:before:right-3/4 peer-checked:before:right-0.75' : ''), "".concat(size === SwitcherSize.Md ? 'peer-not-checked:before:right-3/4 peer-checked:before:right-0.5' : ''), "".concat(size === SwitcherSize.Sm ? 'peer-not-checked:before:right-3/4 peer-checked:before:right-0.5' : ''), "".concat(disabled ? 'before:bg-background-grey' : 'before:bg-icons-muted'), 'peer-checked:before:bg-background-stateless', 'before:transition-[right,opacity] before:duration-[300ms,500ms] before:ease-[ease,ease] before:delay-[0s,0s]', switcherIconSize);
-  var switcherIconInnerSize = size === SwitcherSize.Lg ? 'after:w-2 after:h-2' : size === SwitcherSize.Md ? 'after:w-1.5 after:h-1.5' : size === SwitcherSize.Sm ? 'after:w-1 after:h-1' : 'after:w-1 after:h-1';
-  var switcherIconInnerCircleClasses = cn('after:content-[""] after:absolute after:rounded-2xl after:top-1/2 after:bg-icons-invert after:-translate-y-1/2 peer-not-checked:after:translate-x-1/2 after:opacity-0', // `${size === SwitcherSize.Lg ? 'peer-not-checked:after:left-[6px] peer-checked:after:right-[9.5px]' : ''}`,
-  // `${size === SwitcherSize.Md ? 'peer-not-checked:after:left-[3.5px] peer-checked:after:right-[6px]' : ''}`,
-  // `${size === SwitcherSize.Sm ? 'peer-not-checked:after:left-[3.5px] peer-checked:after:right-[5px]' : ''}`,
-  "".concat(size === SwitcherSize.Lg ? 'peer-not-checked:after:right-3/4 peer-checked:after:right-[9.5px]' : ''), "".concat(size === SwitcherSize.Md ? 'peer-not-checked:after:right-3/4 peer-checked:after:right-[6px]' : ''), "".concat(size === SwitcherSize.Sm ? 'peer-not-checked:after:right-3/4 peer-checked:after:right-[5px]' : ''), 'after:transition-[right,opacity] after:duration-[300ms,500ms] after:ease-[ease,ease] after:delay-[0s,0s]', "".concat(disabled ? '' : 'peer-hover:after:opacity-100'), "".concat(disabled ? 'peer-checked:bg-accent-2-8-Opacity' : 'peer-checked:bg-accent-primary'), 'peer-checked:after:bg-accent-2-8-Opacity', switcherIconInnerSize);
-  var switcherClasses = cn('switcher relative rounded-2xl', switcherSize, switcherIconClasses, switcherIconInnerCircleClasses, "".concat(disabled ? 'bg-background-active' : 'bg-background-grey'));
-  var switcherContentWrapperFontSize = size === SwitcherSize.Lg ? 'text-sm' : size === SwitcherSize.Md ? 'text-[10px]' : size === SwitcherSize.Sm ? 'text-[8px]' : 'text-sm';
-  var switcherContentMaxWidth = size === SwitcherSize.Lg ? 'max-w-6' : size === SwitcherSize.Md ? 'max-w-4' : size === SwitcherSize.Sm ? 'max-w-3' : 'max-w-3';
-  var switcherContentWrapperClasses = cn('inline-flex absolute top-1/2 -translate-y-1/2 -translate-x-1/2 duration-100 overflow-hidden', "".concat(checked ? 'left-[30%]' : 'left-[65%]'), switcherContentWrapperFontSize, switcherContentMaxWidth);
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: switcherWrapperClasses,
-    ref: ref
-  }, SwitcherPropsData, rest), /*#__PURE__*/React.createElement("input", _extends({
-    checked: checked,
-    type: "checkbox",
-    className: inputClasses,
-    onChange: readOnly || disabled ? ignoreEvent : onChange,
-    readOnly: readOnly,
-    disabled: disabled
-  }, switcherProps)), /*#__PURE__*/React.createElement("div", {
-    className: switcherClasses
-  }, children && /*#__PURE__*/React.createElement("span", {
-    className: switcherContentWrapperClasses
-  }, children)));
-};
-export default Switcher;

package/core/switcher/switcher.props.d.ts

@@ -1,14 +0,0 @@
-import React, { ChangeEvent, Ref } from 'react';
-import { Values } from '../../utils/types';
-import { SwitcherSize } from './switcher-size';
-export type SwitcherSizeType = Values<typeof SwitcherSize>;
-export interface SwitcherProps extends React.HTMLAttributes<HTMLDivElement> {
-    checked?: boolean;
-    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
-    switcherProps?: Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>;
-    SwitcherPropsData?: React.HTMLAttributes<HTMLDivElement>;
-    readOnly?: boolean;
-    disabled?: boolean;
-    size?: SwitcherSizeType;
-    ref?: Ref<HTMLDivElement>;
-}

package/core/switcher/switcher.props.js

@@ -1 +0,0 @@
-export {};

package/core/switcher/switcher.utils.d.ts

@@ -1,4 +0,0 @@
-import { SwitcherSizeType } from './switcher.props';
-export declare const getSwitcherSize: (sizeName?: SwitcherSizeType) => number;
-export declare const getSwitcherFont: (sizeName?: SwitcherSizeType) => number;
-export declare const getSwitcherIconSize: (sizeName?: SwitcherSizeType) => number;

package/core/switcher/switcher.utils.js

@@ -1,37 +0,0 @@
-import { SwitcherSize } from './switcher-size';
-export var getSwitcherSize = function getSwitcherSize(sizeName) {
-  switch (sizeName) {
-    case SwitcherSize.Lg:
-      return 30;
-    case SwitcherSize.Md:
-      return 20;
-    case SwitcherSize.Sm:
-      return 16;
-    default:
-      return 16;
-  }
-};
-export var getSwitcherFont = function getSwitcherFont(sizeName) {
-  switch (sizeName) {
-    case SwitcherSize.Lg:
-      return 14;
-    case SwitcherSize.Md:
-      return 10;
-    case SwitcherSize.Sm:
-      return 8;
-    default:
-      return 14;
-  }
-};
-export var getSwitcherIconSize = function getSwitcherIconSize(sizeName) {
-  switch (sizeName) {
-    case SwitcherSize.Lg:
-      return 24;
-    case SwitcherSize.Md:
-      return 16;
-    case SwitcherSize.Sm:
-      return 12;
-    default:
-      return 12;
-  }
-};

package/core/switcher-group/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './switcher-group.component';
-export type { SwitcherGroupProps } from './switcher-group.props';

package/core/switcher-group/index.js

@@ -1 +0,0 @@
-export { default } from './switcher-group.component';

package/core/switcher-group/switcher-group.component.d.ts

@@ -1,3 +0,0 @@
-import type { SwitcherGroupProps } from './switcher-group.props';
-declare const SwitcherGroup: ({ size, label, switcherProps, SwitcherProps, checked, onChange, readOnly, disabled, ref, ...rest }: SwitcherGroupProps) => JSX.Element;
-export default SwitcherGroup;

package/core/switcher-group/switcher-group.component.js

@@ -1,41 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["size", "label", "switcherProps", "SwitcherProps", "checked", "onChange", "readOnly", "disabled", "ref"];
-import { cn } from '@scaleflex/ui-tw/utils/functions/shadcn-utils';
-import React from 'react';
-import Switcher from '../switcher';
-import { SwitcherSize } from '../switcher/switcher-size';
-var SwitcherGroup = function SwitcherGroup(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? SwitcherSize.Sm : _ref$size,
-    label = _ref.label,
-    switcherProps = _ref.switcherProps,
-    SwitcherProps = _ref.SwitcherProps,
-    _ref$checked = _ref.checked,
-    checked = _ref$checked === void 0 ? false : _ref$checked,
-    onChange = _ref.onChange,
-    readOnly = _ref.readOnly,
-    disabled = _ref.disabled,
-    ref = _ref.ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var cursorStyleClasses = disabled ? 'cursor-default' : 'cursor-pointer';
-  var switcherGroupLabelClasses = cn('relative inline-flex items-center', cursorStyleClasses);
-  var switcherGroupLabelTextClasses = cn('flex items-center ml-2', "".concat(disabled ? 'text-icons-muted' : 'text-textprimary'),
-  // TODO: add styles from ${fontSizeSwitcherMixin[size]}
-  cursorStyleClasses);
-  return /*#__PURE__*/React.createElement("label", _extends({
-    className: switcherGroupLabelClasses,
-    ref: ref
-  }, rest), /*#__PURE__*/React.createElement(Switcher, {
-    size: size,
-    SwitcherPropsData: SwitcherProps,
-    switcherProps: switcherProps,
-    readOnly: readOnly,
-    disabled: disabled,
-    onChange: onChange,
-    checked: checked
-  }), /*#__PURE__*/React.createElement("span", {
-    className: switcherGroupLabelTextClasses
-  }, label));
-};
-export default SwitcherGroup;

package/core/switcher-group/switcher-group.props.d.ts

@@ -1,13 +0,0 @@
-import { ChangeEvent, Ref } from 'react';
-import { SwitcherSizeType } from '../switcher/switcher.props';
-export interface SwitcherGroupProps extends Omit<React.HTMLAttributes<HTMLLabelElement>, 'onChange'> {
-    label?: string;
-    switcherProps?: Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>;
-    SwitcherProps?: React.HTMLAttributes<HTMLDivElement>;
-    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
-    readOnly?: boolean;
-    disabled?: boolean;
-    checked?: boolean;
-    size?: SwitcherSizeType;
-    ref?: Ref<HTMLLabelElement>;
-}

package/core/switcher-group/switcher-group.props.js

@@ -1 +0,0 @@
-export {};

package/core/tab/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './tab.component';
-export type { TabProps } from './tab.props';

package/core/tab/index.js

@@ -1 +0,0 @@
-export { default } from './tab.component';

package/core/tab/tab.component.d.ts

@@ -1,6 +0,0 @@
-import type { TabProps } from './tab.props';
-declare const Tab: {
-    ({ icon, label, active, disabled, notification, className, size, ref, ...rest }: TabProps): JSX.Element;
-    displayName: string;
-};
-export default Tab;

package/core/tab/tab.component.js

@@ -1,52 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["icon", "label", "active", "disabled", "notification", "className", "size", "ref"];
-import { cn } from '@scaleflex/ui-tw/utils/functions/shadcn-utils';
-import React from 'react';
-import { Size } from './types';
-var Tab = function Tab(_ref) {
-  var _ref$icon = _ref.icon,
-    icon = _ref$icon === void 0 ? false : _ref$icon,
-    label = _ref.label,
-    active = _ref.active,
-    disabled = _ref.disabled,
-    notification = _ref.notification,
-    className = _ref.className,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? Size.Md : _ref$size,
-    ref = _ref.ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var transitionClasses = 'transition-all duration-100 ease-out';
-  var fontClasses = '';
-  var svgSizeClasses = '';
-  if (size === Size.Lg) {
-    fontClasses = 'text-lg';
-    svgSizeClasses = '[&_svg]:h-5 [&_svg]:w-5';
-  }
-  if (size === Size.Md) {
-    fontClasses = 'text-base';
-    svgSizeClasses = '[&_svg]:h-4 [&_svg]:w-4';
-  }
-  if (size === Size.Sm) {
-    fontClasses = 'text-sm';
-    svgSizeClasses = '[&_svg]:h-3.5 [&_svg]:w-3.5';
-  }
-  var tabClasses = cn(className, 'group/tab relative inline-flex items-center text-center py-2', disabled ? 'text-icons-muted' : 'text-textprimary', active ? 'active text-primary-active' : '', !disabled ? 'cursor-pointer hover:text-primary-hover active:text-primary-active hover:border-b-2 hover:border-accent-1-8-Opacity active:border-b-2 active:border-primary-active' : '', transitionClasses, fontClasses);
-  var groupChildrenColorClasses = !disabled ? 'group-hover/tab:text-primary-hover group-active/tab:text-primary-active' : '';
-  var iconClasses = "".concat(disabled ? 'text-icons-muted' : active ? 'text-accent-primary' : 'text-icons-primary', " ").concat(groupChildrenColorClasses, " ").concat(transitionClasses, " ").concat(fontClasses, " ").concat(svgSizeClasses);
-  return /*#__PURE__*/React.createElement("div", _extends({
-    ref: ref
-  }, rest, {
-    className: tabClasses
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "relative"
-  }, icon && /*#__PURE__*/React.createElement("div", {
-    className: iconClasses /*size={size}*/
-  }, icon), notification && !disabled && /*#__PURE__*/React.createElement("div", {
-    className: "bg-icons-free absolute -top-0.5 -right-1 box-content h-1.5 w-1.5 rounded-full border-1 border-solid border-white group-active/tab:hidden ".concat(active ? 'hidden' : '')
-  })), label && /*#__PURE__*/React.createElement("div", {
-    className: "ml-2 ".concat(transitionClasses, " ").concat(active ? 'text-accent-primary' : '')
-  }, label));
-};
-Tab.displayName = 'Tab';
-export default Tab;

package/core/tab/tab.props.d.ts

@@ -1,15 +0,0 @@
-import { Ref } from 'react';
-import type { Values } from '../../utils/types';
-import { Size } from './types';
-export type TabSizeType = Values<typeof Size>;
-export interface TabProps extends React.HTMLAttributes<HTMLDivElement> {
-    size?: TabSizeType;
-    icon?: React.ReactNode;
-    label?: React.ReactNode;
-    badge?: React.ReactNode;
-    value?: string | number;
-    active?: boolean;
-    notification?: string;
-    disabled?: boolean;
-    ref?: Ref<HTMLDivElement>;
-}

package/core/tab/tab.props.js

@@ -1 +0,0 @@
-export {};

package/core/tab/types/index.d.ts

@@ -1 +0,0 @@
-export * from './size';

package/core/tab/types/index.js

@@ -1 +0,0 @@
-export * from './size';

package/core/tab/types/size.d.ts

@@ -1,5 +0,0 @@
-export declare const Size: {
-    readonly Sm: "sm";
-    readonly Md: "md";
-    readonly Lg: "lg";
-};

package/core/tab-panel/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './tab-panel.component';
-export type { TabPanelProps } from './tab-panel.props';

package/core/tab-panel/index.js

@@ -1 +0,0 @@
-export { default } from './tab-panel.component';

package/core/tab-panel/tab-panel.component.d.ts

@@ -1,3 +0,0 @@
-import type { TabPanelProps } from './tab-panel.props';
-declare const TabPanel: ({ value, index, ref, ...rest }: TabPanelProps) => JSX.Element | null;
-export default TabPanel;

package/core/tab-panel/tab-panel.component.js

@@ -1,18 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["value", "index", "ref"];
-import React from 'react';
-var TabPanel = function TabPanel(_ref) {
-  var value = _ref.value,
-    index = _ref.index,
-    ref = _ref.ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  if (value !== index) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: "mt-4",
-    ref: ref
-  }, rest));
-};
-export default TabPanel;

package/core/tab-panel/tab-panel.props.d.ts

@@ -1,6 +0,0 @@
-export interface TabPanelProps extends React.HTMLAttributes<HTMLDivElement> {
-    value: string | number;
-    index: string | number;
-    children?: React.ReactNode;
-    ref?: React.Ref<HTMLDivElement>;
-}

package/core/tab-panel/tab-panel.props.js

@@ -1 +0,0 @@
-export {};

package/core/upload-input/index.d.ts

@@ -1,2 +0,0 @@
-export type { UploadInputProps } from './upload-input.props';
-export { default } from './upload-input.component';

package/core/upload-input/index.js

@@ -1 +0,0 @@
-export { default } from './upload-input.component';

package/core/upload-input/upload-input.component.d.ts

@@ -1,3 +0,0 @@
-import type { UploadInputProps } from './upload-input.props';
-declare const UploadInput: ({ error, buttonLabel, buttonVariant, placeholder, onChange, ref, ...rest }: UploadInputProps) => JSX.Element;
-export default UploadInput;

package/core/upload-input/upload-input.component.js

@@ -1,68 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["error", "buttonLabel", "buttonVariant", "placeholder", "onChange", "ref"];
-import { cn } from '@scaleflex/ui-tw/utils/functions/shadcn-utils';
-import React, { useState } from 'react';
-import Button, { ButtonVariant } from '../button';
-var UploadInput = function UploadInput(_ref) {
-  var error = _ref.error,
-    _ref$buttonLabel = _ref.buttonLabel,
-    buttonLabel = _ref$buttonLabel === void 0 ? 'Choose file' : _ref$buttonLabel,
-    _ref$buttonVariant = _ref.buttonVariant,
-    buttonVariant = _ref$buttonVariant === void 0 ? ButtonVariant.Primary : _ref$buttonVariant,
-    _ref$placeholder = _ref.placeholder,
-    placeholder = _ref$placeholder === void 0 ? 'No file chosen' : _ref$placeholder,
-    _onChange = _ref.onChange,
-    ref = _ref.ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    valueState = _useState2[0],
-    setValueState = _useState2[1];
-  var uploadInputWrapClasses = cn('upload-input-wrap relative border-1 border-solid w-75 flex items-center pl-2 justify-end rounded-sm overflow-hidden', 'transition-all duration-100 ease-out', 'hover:border-borders-primary-hover', 'active:border-accent-primary', "".concat(error ? 'bg-background-secondary border-error' : 'border-borders-primary-stateless'));
-  return /*#__PURE__*/React.createElement("div", {
-    className: uploadInputWrapClasses,
-    ref: ref,
-    onClick: function onClick(_ref2) {
-      var currentTarget = _ref2.currentTarget;
-      var fileInputElem = currentTarget.querySelector('input[type=file]');
-      if (fileInputElem) {
-        fileInputElem.click();
-      }
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "pointer-events-none absolute left-3 ".concat(valueState ? 'text-textprimary' : 'text-textplaceholder')
-  }, valueState ? valueState : placeholder), /*#__PURE__*/React.createElement(Button, {
-    variant: buttonVariant
-    // border left added to simulate button hover event and change it's color
-    // margin-right is to hide white gap between button and wraper div border
-    ,
-    className: "my-0 -mr-1 ml-0 rounded-tl-none rounded-bl-none border-l-230 pr-5",
-    style: {
-      borderColor: 'unset'
-    }
-  }, buttonLabel), /*#__PURE__*/React.createElement("input", _extends({
-    className: "file-input-field hidden"
-  }, rest, {
-    type: "file",
-    onChange: function onChange(event) {
-      var files = event.target.files;
-      if (files) {
-        if (files.length === 0) {
-          setValueState('');
-        } else if (files.length === 1) {
-          setValueState(files[0].name);
-        } else if (files.length > 1) {
-          setValueState("".concat(files.length, " files"));
-        } else {
-          setValueState(event.target.value);
-        }
-      }
-      if (typeof _onChange === 'function') {
-        _onChange(event);
-      }
-    }
-  })));
-};
-export default UploadInput;

package/core/upload-input/upload-input.props.d.ts

@@ -1,9 +0,0 @@
-import { ButtonVariantType } from '@scaleflex/ui-tw/core/button/button.types';
-import { HTMLAttributes, Ref } from 'react';
-export interface UploadInputProps extends HTMLAttributes<HTMLInputElement> {
-    buttonLabel?: string;
-    placeholder?: string;
-    buttonVariant?: ButtonVariantType;
-    error?: boolean;
-    ref?: Ref<HTMLInputElement>;
-}

package/core/upload-input/upload-input.props.js

@@ -1 +0,0 @@
-export {};

package/hooks/README.md

@@ -1,26 +0,0 @@
-# @scaleflex/ui-tw/hooks
-
-Batch of useful UI-related React hooks.
-
----
-
-## Usage
-
-Every hook functions is exported by default and should be used inside React components with respect to the
-[rules of hooks](https://reactjs.org/docs/hooks-rules.html).
-
-```typescript jsx
-import useMediaQuery from '@scaleflex/ui-tw/hooks/use-portal'
-
-/**
- * @example
- * <PortalComponent>
- *   <p>Portal content</p>
- * </PortalComponent>
- */
-const PortalComponent = ({ id, children }) => {
-  const target = usePortal(id)
-
-  return createPortal(children, target)
-}
-```

package/hooks/use-controlled.d.ts

@@ -1 +0,0 @@
-export default function useControlled({ controlled, default: defaultProp }: any): any;

package/hooks/use-controlled.js

@@ -1,20 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { useCallback, useRef, useState } from 'react';
-export default function useControlled(_ref) {
-  var controlled = _ref.controlled,
-    defaultProp = _ref["default"];
-  // isControlled is ignored in the hook dependency lists as it should never change.
-  var _useRef = useRef(controlled !== undefined),
-    isControlled = _useRef.current;
-  var _useState = useState(defaultProp),
-    _useState2 = _slicedToArray(_useState, 2),
-    valueState = _useState2[0],
-    setValue = _useState2[1];
-  var value = isControlled ? controlled : valueState;
-  var setValueIfUncontrolled = useCallback(function (newValue) {
-    if (!isControlled) {
-      setValue(newValue);
-    }
-  }, []);
-  return [value, setValueIfUncontrolled];
-}

package/hooks/use-debounce.d.ts

@@ -1,2 +0,0 @@
-declare function useDebounce(value: any, delay?: number): any;
-export { useDebounce };

package/hooks/use-debounce.js

@@ -1,19 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { useEffect, useState } from 'react';
-function useDebounce(value) {
-  var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 300;
-  var _useState = useState(value),
-    _useState2 = _slicedToArray(_useState, 2),
-    debouncedValue = _useState2[0],
-    setDebouncedValue = _useState2[1];
-  useEffect(function () {
-    var handler = setTimeout(function () {
-      setDebouncedValue(value);
-    }, delay);
-    return function () {
-      clearTimeout(handler);
-    };
-  }, [value]);
-  return debouncedValue;
-}
-export { useDebounce };

package/hooks/use-drag.d.ts

@@ -1,5 +0,0 @@
-declare function useDrag(onMove: any, onStart: any, onEnd: any): {
-    onMouseDown: (e: any) => void;
-    onTouchStart: (e: any) => void;
-};
-export default useDrag;