@capillarytech/blaze-ui 0.1.6-alpha.31 → 0.1.6-alpha.32

package/components/CapUnifiedSelect/messages.js

@@ -1,5 +1,9 @@
-import { defineMessages } from 'react-intl';
-export default defineMessages({
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _reactIntl = require("react-intl");
+var _default = exports.default = (0, _reactIntl.defineMessages)({
   selectPlaceholder: {
     id: 'cap.unified.select.placeholder',
     defaultMessage: 'Select an option'

package/components/CapUnifiedSelect/styles.js

@@ -1,31 +1,36 @@
-import styled, { css } from 'styled-components';
-import * as styledVars from '../styled/variables';
-export const SelectWrapper = styled.div.withConfig({
+"use strict";
+
+exports.__esModule = true;
+exports.selectStyles = exports.StyledInfoIcon = exports.SelectWrapper = exports.SelectAllCheckbox = exports.SearchInputWrapper = exports.NoResultWrapper = exports.HeaderWrapper = exports.DropdownFooter = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var styledVars = _interopRequireWildcard(require("../styled/variables"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const SelectWrapper = exports.SelectWrapper = _styledComponents.default.div.withConfig({
   displayName: "SelectWrapper",
   componentId: "sc-3v7xpu-0"
 })(["display:flex;flex-direction:column;gap:8px;width:100%;&.disabled{cursor:not-allowed;}"]);
-export const HeaderWrapper = styled.div.withConfig({
+const HeaderWrapper = exports.HeaderWrapper = _styledComponents.default.div.withConfig({
   displayName: "HeaderWrapper",
   componentId: "sc-3v7xpu-1"
 })(["display:flex;align-items:center;gap:4px;&.disabled{opacity:0.5;cursor:not-allowed;}"]);
-export const DropdownFooter = styled.div.withConfig({
+const DropdownFooter = exports.DropdownFooter = _styledComponents.default.div.withConfig({
   displayName: "DropdownFooter",
   componentId: "sc-3v7xpu-2"
 })(["display:flex;justify-content:space-between;align-items:center;padding:8px;border-top:1px solid #f0f0f0;.footer-buttons{display:flex;align-items:center;gap:8px;}.total-count{color:#8c8c8c;font-size:12px;}"]);
-export const SearchInputWrapper = styled.div.withConfig({
+const SearchInputWrapper = exports.SearchInputWrapper = _styledComponents.default.div.withConfig({
   displayName: "SearchInputWrapper",
   componentId: "sc-3v7xpu-3"
 })(["padding:8px;border-bottom:1px solid #f0f0f0;"]);
-export const SelectAllCheckbox = styled.div.withConfig({
+const SelectAllCheckbox = exports.SelectAllCheckbox = _styledComponents.default.div.withConfig({
   displayName: "SelectAllCheckbox",
   componentId: "sc-3v7xpu-4"
 })(["display:flex;align-items:center;padding:8px 12px;cursor:pointer;font-weight:500;border-bottom:1px solid #f0f0f0;user-select:none;input[type=\"checkbox\"]{cursor:pointer;}"]);
-export const NoResultWrapper = styled.div.withConfig({
+const NoResultWrapper = exports.NoResultWrapper = _styledComponents.default.div.withConfig({
   displayName: "NoResultWrapper",
   componentId: "sc-3v7xpu-5"
 })(["display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#8c8c8c;font-size:14px;"]);
-export const StyledInfoIcon = styled.span.withConfig({
+const StyledInfoIcon = exports.StyledInfoIcon = _styledComponents.default.span.withConfig({
   displayName: "StyledInfoIcon",
   componentId: "sc-3v7xpu-6"
 })(["color:", ";font-size:16px;cursor:help;margin-left:4px;display:flex;align-items:center;&:hover{color:", ";}&.disabled{cursor:not-allowed;&:hover{color:", ";}}"], styledVars.CAP_G05, styledVars.CAP_G03, styledVars.CAP_G05);
-export const selectStyles = css(["&.cap-unified-select{width:100%;font-family:", ";}&.cap-unified-select-container{.ant-select-prefix{margin-left:-5px !important;font-size:14px !important;font-weight:400 !important;color:#091E42 !important;line-height:20px !important;}}"], styledVars.FONT_FAMILY);
+const selectStyles = exports.selectStyles = (0, _styledComponents.css)(["&.cap-unified-select{width:100%;font-family:", ";}&.cap-unified-select-container{.ant-select-prefix{margin-left:-5px !important;font-size:14px !important;font-weight:400 !important;color:#091E42 !important;line-height:20px !important;}}"], styledVars.FONT_FAMILY);

package/components/LocaleHoc/index.js

@@ -1,16 +1,22 @@
-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); }
-import React, { useMemo } from 'react';
-import { injectIntl } from 'react-intl';
-import enTranslation from '../translations/en';
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactIntl = require("react-intl");
+var _en = _interopRequireDefault(require("../translations/en"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const prefix = `blaze.components`;
 const LocaleHoc = (WrapperComponent, customProps) => {
   const Wrapper = props => {
     const componentName = customProps.key;
-    const translatedDefaults = enTranslation[componentName];
+    const translatedDefaults = _en.default[componentName];
     const {
       intl
     } = props;
-    const translatedProps = useMemo(() => {
+    const translatedProps = (0, _react.useMemo)(() => {
       if (!translatedDefaults) return {};
       return Object.keys(translatedDefaults).reduce((acc, key) => {
         const id = `${prefix}.${componentName}.${key}`;
@@ -26,8 +32,11 @@ const LocaleHoc = (WrapperComponent, customProps) => {
         return acc;
       }, {});
     }, [translatedDefaults, intl]);
-    return /*#__PURE__*/React.createElement(WrapperComponent, _extends({}, translatedProps, props));
+    return (0, _jsxRuntime.jsx)(WrapperComponent, {
+      ...translatedProps,
+      ...props
+    });
   };
-  return injectIntl(Wrapper);
+  return (0, _reactIntl.injectIntl)(Wrapper);
 };
-export default LocaleHoc;
+var _default = exports.default = LocaleHoc;

package/components/index.js

@@ -1,14 +1,33 @@
-// Import and export all components
-export { default as CapInput } from './CapInput';
-export { default as CapTable } from './CapTable';
-export { default as CapTestSelect } from './CapTestSelect'; // Test component for Ant Design v5 integration
+"use strict";
 
-// Export utilities
-export { default as LocaleHoc } from './LocaleHoc';
-
-// Export styled utilities
-export * as styledVars from './styled/variables';
-export { default as styled } from './styled';
-
-// Export utils
-export * from '../utils';
+exports.__esModule = true;
+var _exportNames = {
+  CapInput: true,
+  CapTable: true,
+  CapTestSelect: true,
+  LocaleHoc: true,
+  styled: true,
+  styledVars: true
+};
+exports.styledVars = exports.styled = exports.LocaleHoc = exports.CapTestSelect = exports.CapTable = exports.CapInput = void 0;
+var _CapInput = _interopRequireDefault(require("./CapInput"));
+exports.CapInput = _CapInput.default;
+var _CapTable = _interopRequireDefault(require("./CapTable"));
+exports.CapTable = _CapTable.default;
+var _CapTestSelect = _interopRequireDefault(require("./CapTestSelect"));
+exports.CapTestSelect = _CapTestSelect.default;
+var _LocaleHoc = _interopRequireDefault(require("./LocaleHoc"));
+exports.LocaleHoc = _LocaleHoc.default;
+var _styledVars = _interopRequireWildcard(require("./styled/variables"));
+exports.styledVars = _styledVars;
+var _styled = _interopRequireDefault(require("./styled"));
+exports.styled = _styled.default;
+var _utils = require("../utils");
+Object.keys(_utils).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _utils[key]) return;
+  exports[key] = _utils[key];
+});
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/components/styled/index.js

@@ -1,5 +1,14 @@
-import * as styledVars from './variables';
-export default styledVars;
+"use strict";
 
-// Re-export all variables for easier access
-export * from './variables';
+exports.__esModule = true;
+var _exportNames = {};
+exports.default = void 0;
+var styledVars = _interopRequireWildcard(require("./variables"));
+Object.keys(styledVars).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === styledVars[key]) return;
+  exports[key] = styledVars[key];
+});
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+var _default = exports.default = styledVars;

package/components/styled/variables.js

@@ -1,88 +1,70 @@
-/* Color Palette */
-//========================
+"use strict";
 
-// Primary colors
-export const CAP_PRIMARY = {
+exports.__esModule = true;
+exports.TRANSITION_ALL = exports.SPACING_32 = exports.SPACING_24 = exports.SPACING_16 = exports.SPACING_12 = exports.SPACING_08 = exports.SPACING_04 = exports.RADIUS_08 = exports.RADIUS_04 = exports.FONT_WEIGHT_REGULAR = exports.FONT_WEIGHT_MEDIUM = exports.FONT_FAMILY = exports.CAP_YELLOW02 = exports.CAP_YELLOW01 = exports.CAP_YELLOW = exports.CAP_WHITE = exports.CAP_SECONDARY = exports.CAP_RED03 = exports.CAP_RED02 = exports.CAP_RED01 = exports.CAP_RED = exports.CAP_PURPLE04 = exports.CAP_PURPLE03 = exports.CAP_PURPLE02 = exports.CAP_PURPLE01 = exports.CAP_PURPLE = exports.CAP_PRIMARY = exports.CAP_PINK = exports.CAP_PALE_GREY = exports.CAP_ORANGE02 = exports.CAP_ORANGE01 = exports.CAP_ORANGE = exports.CAP_ICON = exports.CAP_GREEN02 = exports.CAP_GREEN01 = exports.CAP_G20 = exports.CAP_G19 = exports.CAP_G18 = exports.CAP_G17 = exports.CAP_G16 = exports.CAP_G15 = exports.CAP_G14 = exports.CAP_G13 = exports.CAP_G12 = exports.CAP_G11 = exports.CAP_G10 = exports.CAP_G09 = exports.CAP_G08 = exports.CAP_G07 = exports.CAP_G06 = exports.CAP_G05 = exports.CAP_G04 = exports.CAP_G03 = exports.CAP_G02 = exports.CAP_G01 = exports.CAP_BLUE02 = exports.CAP_BLUE01 = exports.CAP_BLUE = exports.CAP_BLACK = void 0;
+const CAP_PRIMARY = exports.CAP_PRIMARY = {
   base: "#47af46",
   hover: "#1f9a1d",
   disabled: "#a1d8a0"
 };
-
-// Secondary colors
-export const CAP_SECONDARY = {
+const CAP_SECONDARY = exports.CAP_SECONDARY = {
   base: "#2466ea",
   light: 'rgba("#2466ea", 0.1)'
 };
-
-// Custom colors
-export const CAP_ORANGE = "#f87d23";
-export const CAP_ORANGE01 = "#ffe5d2";
-export const CAP_ORANGE02 = "#fa7d02";
-export const CAP_YELLOW = "#fec52e";
-export const CAP_YELLOW01 = "#e8bc25";
-export const CAP_YELLOW02 = "#f9d438";
-export const CAP_BLUE = "#23cccc";
-export const CAP_PURPLE = "#8517e5";
-export const CAP_PINK = "#e51fa3";
-export const CAP_RED = "#ea213a";
-export const CAP_ICON = "#7a869a";
-export const CAP_PALE_GREY = "#e9f0fe";
-export const CAP_BLUE01 = "#2466eb";
-export const CAP_BLUE02 = "#1d61ee";
-export const CAP_RED01 = "#e51fa3";
-export const CAP_RED02 = "#f5222d";
-export const CAP_RED03 = "#ed1b34";
-export const CAP_PURPLE01 = "#6563ff";
-export const CAP_PURPLE02 = "#a451ff";
-export const CAP_PURPLE03 = "#f2e7fe";
-export const CAP_PURPLE04 = "#d4e1fc";
-export const CAP_GREEN01 = "#6bb56b";
-export const CAP_GREEN02 = "#ecf7ec";
-
-// Grey colors
-export const CAP_G01 = "#091e42";
-export const CAP_G02 = "#253858";
-export const CAP_G03 = "#42526e";
-export const CAP_G04 = "#5e6c84";
-export const CAP_G05 = "#97a0af";
-export const CAP_G06 = "#b3bac5";
-export const CAP_G07 = "#dfe2e7";
-export const CAP_G08 = "#ebecf0";
-export const CAP_G09 = "#f4f5f7";
-export const CAP_G10 = "#fafbfc";
-export const CAP_G11 = "#7a869a";
-export const CAP_G12 = "#e8e8e8";
-export const CAP_G13 = "#ecece7";
-export const CAP_G14 = "#e9f0fd";
-export const CAP_G15 = "#efefef";
-export const CAP_G16 = "#2a2a2a";
-export const CAP_G17 = "#7F8185";
-export const CAP_G18 = "#dcdee2";
-export const CAP_G19 = "#8a9ab2";
-export const CAP_G20 = "#c2c2c2";
-export const CAP_WHITE = "#ffffff";
-export const CAP_BLACK = "#000000";
-
-/* Fonts */
-// ==============
-export const FONT_FAMILY = '"Roboto", sans-serif';
-export const FONT_WEIGHT_REGULAR = 400;
-export const FONT_WEIGHT_MEDIUM = 500;
-
-/* Spacing */
-// ==============
-export const SPACING_04 = "4px";
-export const SPACING_08 = "8px";
-export const SPACING_12 = "12px";
-export const SPACING_16 = "16px";
-export const SPACING_24 = "24px";
-export const SPACING_32 = "32px";
-
-/* Border Radius */
-// ==============
-export const RADIUS_04 = "4px";
-export const RADIUS_08 = "8px";
-
-/* Transition */
-// ==============
-export const TRANSITION_ALL = "all 0.3s ease";
+const CAP_ORANGE = exports.CAP_ORANGE = "#f87d23";
+const CAP_ORANGE01 = exports.CAP_ORANGE01 = "#ffe5d2";
+const CAP_ORANGE02 = exports.CAP_ORANGE02 = "#fa7d02";
+const CAP_YELLOW = exports.CAP_YELLOW = "#fec52e";
+const CAP_YELLOW01 = exports.CAP_YELLOW01 = "#e8bc25";
+const CAP_YELLOW02 = exports.CAP_YELLOW02 = "#f9d438";
+const CAP_BLUE = exports.CAP_BLUE = "#23cccc";
+const CAP_PURPLE = exports.CAP_PURPLE = "#8517e5";
+const CAP_PINK = exports.CAP_PINK = "#e51fa3";
+const CAP_RED = exports.CAP_RED = "#ea213a";
+const CAP_ICON = exports.CAP_ICON = "#7a869a";
+const CAP_PALE_GREY = exports.CAP_PALE_GREY = "#e9f0fe";
+const CAP_BLUE01 = exports.CAP_BLUE01 = "#2466eb";
+const CAP_BLUE02 = exports.CAP_BLUE02 = "#1d61ee";
+const CAP_RED01 = exports.CAP_RED01 = "#e51fa3";
+const CAP_RED02 = exports.CAP_RED02 = "#f5222d";
+const CAP_RED03 = exports.CAP_RED03 = "#ed1b34";
+const CAP_PURPLE01 = exports.CAP_PURPLE01 = "#6563ff";
+const CAP_PURPLE02 = exports.CAP_PURPLE02 = "#a451ff";
+const CAP_PURPLE03 = exports.CAP_PURPLE03 = "#f2e7fe";
+const CAP_PURPLE04 = exports.CAP_PURPLE04 = "#d4e1fc";
+const CAP_GREEN01 = exports.CAP_GREEN01 = "#6bb56b";
+const CAP_GREEN02 = exports.CAP_GREEN02 = "#ecf7ec";
+const CAP_G01 = exports.CAP_G01 = "#091e42";
+const CAP_G02 = exports.CAP_G02 = "#253858";
+const CAP_G03 = exports.CAP_G03 = "#42526e";
+const CAP_G04 = exports.CAP_G04 = "#5e6c84";
+const CAP_G05 = exports.CAP_G05 = "#97a0af";
+const CAP_G06 = exports.CAP_G06 = "#b3bac5";
+const CAP_G07 = exports.CAP_G07 = "#dfe2e7";
+const CAP_G08 = exports.CAP_G08 = "#ebecf0";
+const CAP_G09 = exports.CAP_G09 = "#f4f5f7";
+const CAP_G10 = exports.CAP_G10 = "#fafbfc";
+const CAP_G11 = exports.CAP_G11 = "#7a869a";
+const CAP_G12 = exports.CAP_G12 = "#e8e8e8";
+const CAP_G13 = exports.CAP_G13 = "#ecece7";
+const CAP_G14 = exports.CAP_G14 = "#e9f0fd";
+const CAP_G15 = exports.CAP_G15 = "#efefef";
+const CAP_G16 = exports.CAP_G16 = "#2a2a2a";
+const CAP_G17 = exports.CAP_G17 = "#7F8185";
+const CAP_G18 = exports.CAP_G18 = "#dcdee2";
+const CAP_G19 = exports.CAP_G19 = "#8a9ab2";
+const CAP_G20 = exports.CAP_G20 = "#c2c2c2";
+const CAP_WHITE = exports.CAP_WHITE = "#ffffff";
+const CAP_BLACK = exports.CAP_BLACK = "#000000";
+const FONT_FAMILY = exports.FONT_FAMILY = '"Roboto", sans-serif';
+const FONT_WEIGHT_REGULAR = exports.FONT_WEIGHT_REGULAR = 400;
+const FONT_WEIGHT_MEDIUM = exports.FONT_WEIGHT_MEDIUM = 500;
+const SPACING_04 = exports.SPACING_04 = "4px";
+const SPACING_08 = exports.SPACING_08 = "8px";
+const SPACING_12 = exports.SPACING_12 = "12px";
+const SPACING_16 = exports.SPACING_16 = "16px";
+const SPACING_24 = exports.SPACING_24 = "24px";
+const SPACING_32 = exports.SPACING_32 = "32px";
+const RADIUS_04 = exports.RADIUS_04 = "4px";
+const RADIUS_08 = exports.RADIUS_08 = "8px";
+const TRANSITION_ALL = exports.TRANSITION_ALL = "all 0.3s ease";

package/components/translations/en.js

@@ -1,4 +1,8 @@
-export default {
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = exports.default = {
   CapMultiSelect: {
     noResultsFoundText: "No results found",
     selectText: "Select",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/blaze-ui",
   "author": "Capillary Technologies",
-  "version": "0.1.6-alpha.31",
+  "version": "0.1.6-alpha.32",
   "description": "Capillary UI component library with Ant Design v5",
   "main": "./components/index.js",
   "sideEffects": [

package/utils/index.js

@@ -1 +1,7 @@
-export { default as withStyles } from './withStyles';
+"use strict";
+
+exports.__esModule = true;
+exports.withStyles = void 0;
+var _withStyles = _interopRequireDefault(require("./withStyles"));
+exports.withStyles = _withStyles.default;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/utils/withStyles.js

@@ -1,23 +1,15 @@
-import styled from 'styled-components';
+"use strict";
 
-/**
- * Enhances a React component with additional styles using styled-components.
- * @param {React.ComponentType} WrappedComponent - The React component to enhance.
- * @param {TemplateStringsArray} styles - CSS styles as a TemplateStringsArray.
- * @returns {React.ComponentType} Returns the enhanced styled component.
- */
+exports.__esModule = true;
+exports.default = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const withStyledComponent = (WrappedComponent, styles) => {
-  /**
-   * A styled component generated by combining WrappedComponent with additional styles.
-   * @type {React.ComponentType}
-   */
-  const StyledComponent = styled(WrappedComponent).withConfig({
+  const StyledComponent = (0, _styledComponents.default)(WrappedComponent).withConfig({
     displayName: "StyledComponent",
     componentId: "sc-ujcdm3-0"
   })(["", ";"], styles);
-
-  // Set default props from the original component to the styled component
   StyledComponent.defaultProps = WrappedComponent.defaultProps;
   return StyledComponent;
 };
-export default withStyledComponent;
+var _default = exports.default = withStyledComponent;