react-jupiter 6.0.0-beta.1 → 6.0.0-beta.10

package/dist/components/button/__snapshots__/index.test.js.snap

@@ -1,489 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Button(snapshot testing) Button sizes 1`] = `
-<button
-  class="sc-jTzLTM bPiCCv"
-  data-styletype="primary"
-  data-test="button"
-  type="submit"
->
-  <span
-    class="sc-htoDjs hoSuqg"
-    data-test="span"
-  >
-    my small button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) Button sizes 2`] = `
-<button
-  class="sc-jTzLTM fAtMAU"
-  data-styletype="primary"
-  data-test="button"
-  type="submit"
->
-  <span
-    class="sc-htoDjs hCbsRl"
-    data-test="span"
-  >
-    my default size(md) button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) Button sizes 3`] = `
-<button
-  class="sc-jTzLTM ePFeCJ"
-  data-styletype="primary"
-  data-test="button"
-  type="submit"
->
-  <span
-    class="sc-htoDjs edVoHP"
-    data-test="span"
-  >
-    my large button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) Button-default 1`] = `
-<button
-  class="sc-jTzLTM fAtMAU"
-  data-styletype="primary"
-  data-test="button"
-  type="submit"
->
-  <span
-    class="sc-htoDjs hCbsRl"
-    data-test="span"
-  >
-    my simple button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) blue Buttons 1`] = `
-<button
-  class="sc-jTzLTM jtxzEe"
-  data-styletype="primary"
-  data-test="button"
-  type="submit"
->
-  <span
-    class="sc-htoDjs hCbsRl"
-    data-test="span"
-  >
-    my primary button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) blue Buttons 2`] = `
-<button
-  class="sc-jTzLTM jtxzEe"
-  data-styletype="secondary"
-  data-test="button"
-  type="submit"
->
-  <span
-    class="sc-htoDjs fpPlvV"
-    data-test="span"
-  >
-    my secoundrry button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) blue Buttons 3`] = `
-<button
-  class="sc-jTzLTM jtxzEe"
-  data-styletype="tertiary"
-  data-test="button"
-  type="submit"
->
-  <span
-    class="sc-htoDjs hwgZet"
-    data-test="span"
-  >
-    my tertiary button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) darkblue Buttons(default) 1`] = `
-<button
-  class="sc-jTzLTM ddcniZ"
-  data-styletype="primary"
-  data-test="button"
-  type="submit"
->
-  <span
-    class="sc-htoDjs hCbsRl"
-    data-test="span"
-  >
-    my primary button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) darkblue Buttons(default) 2`] = `
-<button
-  class="sc-jTzLTM ddcniZ"
-  data-styletype="secondary"
-  data-test="button"
-  type="submit"
->
-  <span
-    class="sc-htoDjs enMAUV"
-    data-test="span"
-  >
-    my secoundrry button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) darkblue Buttons(default) 3`] = `
-<button
-  class="sc-jTzLTM ddcniZ"
-  data-styletype="tertiary"
-  data-test="button"
-  type="submit"
->
-  <span
-    class="sc-htoDjs hwgZet"
-    data-test="span"
-  >
-    my tertiary button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) darkblue Buttons(default) 4`] = `
-<button
-  class="sc-jTzLTM fAtMAU"
-  data-styletype="primary"
-  data-test="button"
-  type="submit"
->
-  <span
-    class="sc-htoDjs hCbsRl"
-    data-test="span"
-  >
-    my primary button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) darkblue Buttons(default) 5`] = `
-<button
-  class="sc-jTzLTM fAtMAU"
-  data-styletype="secondary"
-  data-test="button"
-  type="submit"
->
-  <span
-    class="sc-htoDjs hwgZet"
-    data-test="span"
-  >
-    my secoundrry button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) darkblue Buttons(default) 6`] = `
-<button
-  class="sc-jTzLTM fAtMAU"
-  data-styletype="tertiary"
-  data-test="button"
-  type="submit"
->
-  <span
-    class="sc-htoDjs hwgZet"
-    data-test="span"
-  >
-    my tertiary button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) disabled Buttons 1`] = `
-<button
-  class="sc-jTzLTM kxGMqg"
-  data-styletype="primary"
-  data-test="button"
-  disabled=""
-  type="submit"
->
-  <i
-    class="sc-VigVT kHRZAv jupiter-icon new-icon-watch-later sc-fjdhpX fIxiFv"
-    data-test="icon"
-  />
-  <span
-    class="sc-htoDjs hCbsRl"
-    data-test="span"
-  >
-    my blue iconic disabled primary button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) disabled Buttons 2`] = `
-<button
-  class="sc-jTzLTM TOQck"
-  data-styletype="secondary"
-  data-test="button"
-  disabled=""
-  type="submit"
->
-  <span
-    class="sc-htoDjs jNBVeN"
-    data-test="span"
-  >
-    my red disabled secoundrry button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) disabled Buttons 3`] = `
-<button
-  class="sc-jTzLTM geuVEN"
-  data-styletype="tertiary"
-  data-test="button"
-  disabled=""
-  type="submit"
->
-  <span
-    class="sc-htoDjs hwgZet"
-    data-test="span"
-  >
-    my disabled tertiary button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) disabled Buttons 4`] = `
-<button
-  class="sc-jTzLTM geuVEN"
-  data-styletype="primary"
-  data-test="button"
-  disabled=""
-  type="submit"
->
-  <span
-    class="sc-htoDjs hCbsRl"
-    data-test="span"
-  >
-    my disabled primary linked-button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) full-width button 1`] = `
-<button
-  class="sc-jTzLTM aBDOI"
-  data-styletype="primary"
-  data-test="button"
-  type="submit"
->
-  <span
-    class="sc-htoDjs hCbsRl"
-    data-test="span"
-  >
-    my wide button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) green Buttons 1`] = `
-<button
-  class="sc-jTzLTM cAptOh"
-  data-styletype="primary"
-  data-test="button"
-  type="submit"
->
-  <span
-    class="sc-htoDjs hCbsRl"
-    data-test="span"
-  >
-    my primary button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) green Buttons 2`] = `
-<button
-  class="sc-jTzLTM cAptOh"
-  data-styletype="secondary"
-  data-test="button"
-  type="submit"
->
-  <span
-    class="sc-htoDjs eOHBQj"
-    data-test="span"
-  >
-    my secoundrry button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) green Buttons 3`] = `
-<button
-  class="sc-jTzLTM cAptOh"
-  data-styletype="tertiary"
-  data-test="button"
-  type="submit"
->
-  <span
-    class="sc-htoDjs hwgZet"
-    data-test="span"
-  >
-    my tertiary button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) linked Buttons 1`] = `
-<a
-  class="sc-jzJRlG hZewTx"
-  href="/avatar"
-  target="_self"
->
-  <button
-    class="sc-jTzLTM fAtMAU"
-    data-styletype="primary"
-    data-test="button"
-    type="submit"
-  >
-    <span
-      class="sc-htoDjs hCbsRl"
-      data-test="span"
-    >
-      my simplest linked button
-    </span>
-  </button>
-</a>
-`;
-
-exports[`Button(snapshot testing) linked Buttons 2`] = `
-<a
-  class="sc-jzJRlG hZewTx"
-  href="https://sciencebusiness.net/categories/dfgdfg"
-  target="_blank"
->
-  <button
-    class="sc-jTzLTM fAtMAU"
-    data-styletype="secondary"
-    data-test="button"
-    type="submit"
-  >
-    <i
-      class="sc-VigVT lppHbR jupiter-icon new-icon-watch-later sc-fjdhpX fIxiFv"
-      data-test="icon"
-    />
-    <span
-      class="sc-htoDjs hwgZet"
-      data-test="span"
-    >
-      my secoundrry external-linked button
-    </span>
-  </button>
-</a>
-`;
-
-exports[`Button(snapshot testing) red Buttons 1`] = `
-<button
-  class="sc-jTzLTM bUvQjd"
-  data-styletype="primary"
-  data-test="button"
-  type="submit"
->
-  <span
-    class="sc-htoDjs hCbsRl"
-    data-test="span"
-  >
-    my primary button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) red Buttons 2`] = `
-<button
-  class="sc-jTzLTM bUvQjd"
-  data-styletype="secondary"
-  data-test="button"
-  type="submit"
->
-  <span
-    class="sc-htoDjs jNBVeN"
-    data-test="span"
-  >
-    my secoundrry button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) red Buttons 3`] = `
-<button
-  class="sc-jTzLTM bUvQjd"
-  data-styletype="tertiary"
-  data-test="button"
-  type="submit"
->
-  <span
-    class="sc-htoDjs hwgZet"
-    data-test="span"
-  >
-    my tertiary button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) yellow Buttons 1`] = `
-<button
-  class="sc-jTzLTM gZYzwA"
-  data-styletype="primary"
-  data-test="button"
-  type="submit"
->
-  <span
-    class="sc-htoDjs hCbsRl"
-    data-test="span"
-  >
-    my primary button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) yellow Buttons 2`] = `
-<button
-  class="sc-jTzLTM gZYzwA"
-  data-styletype="secondary"
-  data-test="button"
-  type="submit"
->
-  <span
-    class="sc-htoDjs cBpZXc"
-    data-test="span"
-  >
-    my secoundrry button
-  </span>
-</button>
-`;
-
-exports[`Button(snapshot testing) yellow Buttons 3`] = `
-<button
-  class="sc-jTzLTM gZYzwA"
-  data-styletype="tertiary"
-  data-test="button"
-  type="submit"
->
-  <span
-    class="sc-htoDjs hwgZet"
-    data-test="span"
-  >
-    my tertiary button
-  </span>
-</button>
-`;

package/dist/components/button/index.js

@@ -1,209 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-var _tailwindMerge = require("tailwind-merge");
-var _icon = _interopRequireDefault(require("../icon"));
-var _theme = require("./theme");function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}function _extends() {return _extends = Object.assign ? Object.assign.bind() : function (n) {for (var e = 1; e < arguments.length; e++) {var t = arguments[e];for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);}return n;}, _extends.apply(null, arguments);}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-const base = 'inline-flex items-center justify-center border box-border rounded font-semibold transition-all duration-250 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed active:scale-[0.98]';
-
-// Style type templates
-const getStyleClasses = (styleType, color) => {
-  const colorClasses = {
-    darkBlue: {
-      primary: 'bg-main border-main text-white hover:bg-secondary active:bg-opacity-80 focus-visible:ring-main',
-      secondary: 'bg-transparent border-main text-main hover:bg-opacity-10 active:bg-opacity-20 focus-visible:ring-main',
-      tertiary: 'bg-transparent border-transparent text-main hover:bg-opacity-10 active:bg-opacity-20 focus-visible:ring-main'
-    },
-    red: {
-      primary: 'bg-red-600 border-red-600 text-white hover:bg-red-700 active:bg-red-800 focus-visible:ring-red-600',
-      secondary: 'bg-transparent border-red-600 text-red-600 hover:bg-red-50 active:bg-red-100 focus-visible:ring-red-600',
-      tertiary: 'bg-transparent border-transparent text-red-600 hover:bg-red-50 active:bg-red-100 focus-visible:ring-red-600'
-    },
-    green: {
-      primary: 'bg-green-600 border-green-600 text-white hover:bg-green-700 active:bg-green-800 focus-visible:ring-green-600',
-      secondary: 'bg-transparent border-green-600 text-green-600 hover:bg-green-50 active:bg-green-100 focus-visible:ring-green-600',
-      tertiary: 'bg-transparent border-transparent text-green-600 hover:bg-green-50 active:bg-green-100 focus-visible:ring-green-600'
-    },
-    yellow: {
-      primary: 'bg-yellow-600 border-yellow-600 text-white hover:bg-yellow-700 active:bg-yellow-800 focus-visible:ring-yellow-600',
-      secondary: 'bg-transparent border-yellow-600 text-yellow-600 hover:bg-yellow-50 active:bg-yellow-100 focus-visible:ring-yellow-600',
-      tertiary: 'bg-transparent border-transparent text-yellow-600 hover:bg-yellow-50 active:bg-yellow-100 focus-visible:ring-yellow-600'
-    },
-    blue: {
-      primary: 'bg-sky-600 border-sky-600 text-white hover:bg-sky-700 active:bg-sky-800 focus-visible:ring-sky-600',
-      secondary: 'bg-transparent border-sky-600 text-sky-600 hover:bg-sky-50 active:bg-sky-100 focus-visible:ring-sky-600',
-      tertiary: 'bg-transparent border-transparent text-sky-600 hover:bg-sky-50 active:bg-sky-100 focus-visible:ring-sky-600'
-    },
-    gray: {
-      primary: 'bg-gray-600 border-gray-600 text-white hover:bg-gray-700 active:bg-gray-800 focus-visible:ring-gray-600',
-      secondary: 'bg-transparent border-gray-600 text-gray-600 hover:bg-gray-50 active:bg-gray-100 focus-visible:ring-gray-600',
-      tertiary: 'bg-transparent border-transparent text-gray-600 hover:bg-gray-50 active:bg-gray-100 focus-visible:ring-gray-600'
-    }
-  };
-
-  return colorClasses[color]?.[styleType] || colorClasses.darkBlue.primary;
-};
-
-// Color mapping
-const colorToVariant = {
-  red: 'danger',
-  blue: 'blue',
-  green: 'primary',
-  yellow: 'warning',
-  darkBlue: 'primary',
-  gray: 'gray'
-};
-
-// Map old icon names to Heroicons
-const iconMap = {
-  'warning': 'ExclamationTriangleIcon',
-  'arrow-down-on-square': 'ArrowDownTrayIcon',
-  'bell-alert': 'BellAlertIcon',
-  'help': 'QuestionMarkCircleIcon',
-  'watch-later': 'ClockIcon',
-  'loading': 'ArrowPathIcon'
-};
-
-const iconSizeMap = {
-  xs: 'sm',
-  sm: 'sm',
-  md: 'md',
-  lg: 'lg'
-};
-
-const Button = (_ref) =>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-{let { // Old API props
-    styleType = 'primary', mainColor = 'darkBlue', size = 'md', icon = null, iconPosition = 'left', wide = false, disabled = false, type = 'button', linkTo = null, renderLink = null, // New API props
-    variant, htmlType, isLoading = false, loadingText = 'صبر کنید...', linkTarget = '_self', children, className = '', onClick, 'aria-label': ariaLabel, ...rest } = _ref;const mappedVariant = variant || (mainColor ? colorToVariant[mainColor] : styleType);const mappedHtmlType = htmlType || (type === 'anchor' ? undefined : type);
-  const isDisabled = disabled || isLoading;
-  const isIconOnly = icon && !children;
-
-  const styleClasses = getStyleClasses(styleType, mainColor);
-
-  const mergedClasses = (0, _tailwindMerge.twMerge)(
-    base,
-    _theme.sizes[size],
-    styleClasses,
-    wide ? 'w-full' : '',
-    isIconOnly ? 'p-2' : '',
-    className
-  );
-
-  const buttonContent = /*#__PURE__*/
-  _react.default.createElement(_react.default.Fragment, null,
-  isLoading && /*#__PURE__*/
-  _react.default.createElement(_icon.default, {
-    name: "loading",
-    size: iconSizeMap[size],
-    className: "animate-spin mr-2" }
-  ),
-
-  !isLoading && icon && iconPosition === 'left' && /*#__PURE__*/
-  _react.default.createElement(_icon.default, {
-    name: icon,
-    size: iconSizeMap[size],
-    className: children ? 'mr-2' : '' }
-  ),
-
-  isLoading ? loadingText : children,
-  !isLoading && icon && iconPosition === 'right' && /*#__PURE__*/
-  _react.default.createElement(_icon.default, {
-    name: icon,
-    size: iconSizeMap[size],
-    className: children ? 'ml-2' : '' }
-  )
-
-  );
-
-
-  const commonButtonProps = {
-    type: linkTo || renderLink ? undefined : mappedHtmlType,
-    className: mergedClasses,
-    disabled: isDisabled,
-    onClick: !isDisabled ? onClick : undefined,
-    'aria-disabled': isDisabled,
-    'aria-busy': isLoading,
-    'aria-label': isIconOnly ? ariaLabel || icon : undefined,
-    ...rest
-  };
-
-  if (!isDisabled && renderLink) {
-    return renderLink(/*#__PURE__*/
-      _react.default.createElement("button", _extends({}, commonButtonProps, { type: "button" }),
-      buttonContent
-      )
-    );
-  }
-
-  if (!isDisabled && linkTo) {
-    return (/*#__PURE__*/
-      _react.default.createElement("a", _extends({
-        href: linkTo,
-        target: linkTarget,
-        className: mergedClasses,
-        role: "button",
-        "aria-disabled": isDisabled,
-        "aria-busy": isLoading,
-        "aria-label": isIconOnly ? ariaLabel || icon : undefined },
-      rest),
-
-      buttonContent
-      ));
-
-  }
-
-  return (/*#__PURE__*/
-    _react.default.createElement("button", commonButtonProps,
-    buttonContent
-    ));
-
-};var _default = exports.default =
-
-Button;