trepur_components 0.2.4 → 0.2.7

package/dist/lib/utils/controls.js

@@ -1,505 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.videoOptions = exports.starOptions = exports.navThirdRow = exports.navRowTwoOfTwo = exports.navRowOneOfTwo = exports.navMobileItems = exports.imageOptions = exports.iconOptions = exports.columnOptions = exports.buttonOptions = void 0;
-
-var _Image = _interopRequireDefault(require("../components/Atoms/Image"));
-
-var _Profile = _interopRequireDefault(require("../components/Organisms/Profile"));
-
-var _Search = _interopRequireDefault(require("../components/Organisms/Search"));
-
-var _NavItem = _interopRequireDefault(require("../components/Atoms/NavItem"));
-
-var _Collapsible = _interopRequireDefault(require("../components/Atoms/Collapsible"));
-
-var _user = _interopRequireDefault(require("../Assets/Images/user.jpeg"));
-
-var _logoWhite = _interopRequireDefault(require("../Assets/Images/logoWhite.png"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const buttonTypeOptions = ['external', 'internal', 'social'];
-const buttonDesignOptions = ['standard', 'slide'];
-const navLinks = [{
-  name: 'link 1',
-  reference: '/'
-}, {
-  name: 'link 2',
-  reference: '/'
-}, {
-  name: 'link n-1',
-  reference: '/'
-}, {
-  name: 'link n',
-  reference: '/'
-}];
-const navRowOneOfTwo = [{
-  columnClasses: 'xs:hidden md:inline-flex',
-  classNames: 'pt-2 mx-auto',
-  smColumnWidth: 5,
-  mdColumnWidth: 5,
-  lgColumnWidth: 5,
-  component: null
-}, {
-  classNames: 'mx-auto h-full',
-  smColumnWidth: 2,
-  mdColumnWidth: 2,
-  lgColumnWidth: 6,
-  component: /*#__PURE__*/React.createElement(_Image.default, {
-    classNames: "mx-auto",
-    height: "16",
-    width: "auto",
-    image: _logoWhite.default,
-    altText: "Logo"
-  })
-}, {
-  columnClasses: 'lg:inline-flex hidden',
-  classNames: '',
-  mdColumnWidth: 1,
-  lgColumnWidth: 3,
-  component: null
-}, {
-  classNames: 'pt-3',
-  smColumnWidth: 3,
-  mdColumnWidth: 3,
-  lgColumnWidth: 2,
-  component: /*#__PURE__*/React.createElement(_Search.default, {
-    placeholder: "search"
-  })
-}, {
-  classNames: 'h-full pt-2 mx-auto pr-4 ',
-  smColumnWidth: 2,
-  mdColumnWidth: 1,
-  lgColumnWidth: 1,
-  component: /*#__PURE__*/React.createElement(_Profile.default, {
-    imageHeight: "12",
-    imageWidth: "auto",
-    profileLinks: navLinks,
-    userImage: _user.default,
-    rounded: true
-  })
-}];
-exports.navRowOneOfTwo = navRowOneOfTwo;
-const navRowTwoOfTwo = [{
-  columnClasses: 'hidden',
-  classNames: '',
-  component: null
-}, {
-  classNames: '',
-  smColumnWidth: 12,
-  mdColumnWidth: 12,
-  lgColumnWidth: 12,
-  component: /*#__PURE__*/React.createElement("ul", {
-    id: "nav-list",
-    className: "flex justify-center items-center pt-5"
-  }, navLinks && navLinks.map(link => {
-    return /*#__PURE__*/React.createElement(_NavItem.default, {
-      name: link.name,
-      url: link.reference,
-      borderColor: "black",
-      textColor: "black",
-      bgColor: "",
-      hoverBorderColor: "blue",
-      hoverTextColor: "blue",
-      hoverBgColor: "white",
-      bordered: true,
-      rounded: true
-    });
-  }))
-}, {
-  columnClasses: 'hidden',
-  classNames: '',
-  component: null
-}];
-exports.navRowTwoOfTwo = navRowTwoOfTwo;
-const navMobileItems = [{
-  classNames: 'pt-3',
-  component: /*#__PURE__*/React.createElement(_Search.default, {
-    placeholder: "search"
-  })
-}, {
-  classNames: '',
-  component: /*#__PURE__*/React.createElement(_Profile.default, {
-    imageHeight: "12",
-    imageWidth: "auto",
-    profileLinks: navLinks,
-    userImage: _user.default,
-    rounded: true
-  })
-}, {
-  classNames: '',
-  component: /*#__PURE__*/React.createElement("ul", {
-    id: "nav-list",
-    className: ""
-  }, navLinks && navLinks.map(link => {
-    return /*#__PURE__*/React.createElement(_NavItem.default, {
-      name: link.name,
-      url: link.reference,
-      bgColor: "#38B6FF",
-      textColor: "white",
-      hoverTextColor: "#38B6FF",
-      hoverBgColor: "white",
-      rounded: true
-    });
-  }))
-}, {
-  classNames: '',
-  component: /*#__PURE__*/React.createElement("ul", {
-    id: "nav-list",
-    className: ""
-  }, navLinks && navLinks.map(link => {
-    return /*#__PURE__*/React.createElement(_Collapsible.default, {
-      title: "Inspiration",
-      content: "Shop By Color",
-      borderBottom: true,
-      textColor: "white",
-      bgColor: "black",
-      hoverBgColor: "white",
-      hoverTextColor: "black"
-    });
-  }))
-}];
-exports.navMobileItems = navMobileItems;
-const navThirdRow = [{
-  smColumnWidth: 6,
-  mdColumnWidth: 4,
-  lgColumnWidth: 4,
-  component: /*#__PURE__*/React.createElement(_Image.default, {
-    classNames: "mx-auto h-full",
-    height: "16",
-    width: "auto",
-    image: _logoWhite.default,
-    altText: "Logo"
-  })
-}, {
-  smColumnWidth: 0,
-  mdColumnWidth: 4,
-  lgColumnWidth: 4,
-  component: null
-}, {
-  smColumnWidth: 6,
-  mdColumnWidth: 4,
-  lgColumnWidth: 4,
-  component: /*#__PURE__*/React.createElement(_Image.default, {
-    classNames: "mx-auto h-full",
-    height: "16",
-    width: "auto",
-    image: _logoWhite.default,
-    altText: "Logo"
-  })
-}];
-exports.navThirdRow = navThirdRow;
-const buttonOptions = {
-  buttonDesign: {
-    description: '',
-    control: 'select',
-    options: buttonDesignOptions,
-    table: {
-      category: 'Button'
-    }
-  },
-  buttonBgColor: {
-    description: '',
-    control: 'color',
-    table: {
-      category: 'Button',
-      subcategory: 'Color'
-    }
-  },
-  buttonTextColor: {
-    description: '',
-    control: 'color',
-    table: {
-      category: 'Button',
-      subcategory: 'Color'
-    }
-  },
-  buttonBorderColor: {
-    description: '',
-    control: 'color',
-    table: {
-      category: 'Button',
-      subcategory: 'Color'
-    }
-  },
-  hoverButtonBorderColor: {
-    description: '',
-    control: 'color',
-    table: {
-      category: 'Hover Button',
-      subcategory: 'Color'
-    }
-  },
-  hoverButtonBgColor: {
-    description: '',
-    control: 'color',
-    table: {
-      category: 'Hover Button',
-      subcategory: 'Color'
-    }
-  },
-  hoverButtonTextColor: {
-    description: '',
-    control: 'color',
-    table: {
-      category: 'Hover Button',
-      subcategory: 'Color'
-    }
-  },
-  buttonType: {
-    description: '',
-    control: 'select',
-    options: buttonTypeOptions,
-    table: {
-      category: 'Button'
-    }
-  },
-  hasCta: {
-    description: '',
-    control: 'text',
-    table: {
-      category: 'Button'
-    }
-  },
-  ctaText: {
-    description: '',
-    control: 'text',
-    table: {
-      category: 'Button'
-    }
-  },
-  onClick: {
-    description: 'Function',
-    table: {
-      description: 'test',
-      category: 'Events'
-    }
-  },
-  url: {
-    description: '',
-    table: {
-      description: 'text',
-      category: 'Button'
-    }
-  },
-  buttonCenterIcon: {
-    description: '',
-    table: {
-      description: 'text',
-      category: 'Button',
-      subcategory: 'Icon'
-    }
-  },
-  buttonLeftIcon: {
-    description: '',
-    table: {
-      description: 'text',
-      category: 'Button',
-      subcategory: 'Icon'
-    }
-  },
-  buttonRightIcon: {
-    description: '',
-    table: {
-      description: 'text',
-      category: 'Button',
-      subcategory: 'Icon'
-    }
-  }
-};
-exports.buttonOptions = buttonOptions;
-const videoOptions = {
-  width: {
-    description: '',
-    control: 'number',
-    table: {
-      category: 'Video'
-    }
-  },
-  height: {
-    description: '',
-    control: 'number',
-    table: {
-      category: 'Video'
-    }
-  },
-  withControls: {
-    description: '',
-    control: 'boolean',
-    table: {
-      category: 'Video'
-    }
-  },
-  withPoster: {
-    description: '',
-    control: 'boolean',
-    table: {
-      category: 'Video'
-    }
-  },
-  autoPlay: {
-    description: '',
-    control: 'boolean',
-    table: {
-      category: 'Video'
-    }
-  },
-  muted: {
-    description: '',
-    control: 'boolean',
-    table: {
-      category: 'Video'
-    }
-  },
-  poster: {
-    description: '',
-    control: 'text',
-    table: {
-      category: 'Video'
-    }
-  },
-  ogvFile: {
-    description: '',
-    control: 'text',
-    table: {
-      category: 'Video'
-    }
-  },
-  mp4File: {
-    description: '',
-    control: 'text',
-    table: {
-      category: 'Video'
-    }
-  }
-};
-exports.videoOptions = videoOptions;
-const iconOptions = {
-  type: {
-    description: 'The name of the icon you wish to use',
-    control: 'text',
-    table: {
-      category: 'Icon'
-    }
-  },
-  size: {
-    description: 'An integer between 1 and 5 to dictage the magnification of the icon',
-    control: 'number',
-    table: {
-      category: 'Icon'
-    }
-  }
-};
-exports.iconOptions = iconOptions;
-const columnOptions = {
-  sm: {
-    description: '',
-    control: {
-      type: 'number',
-      min: 1,
-      max: 12,
-      step: 1
-    },
-    table: {
-      category: 'Column'
-    }
-  },
-  md: {
-    description: '',
-    control: {
-      type: 'number',
-      min: 1,
-      max: 12,
-      step: 1
-    },
-    table: {
-      category: 'Column'
-    }
-  },
-  lg: {
-    description: '',
-    control: {
-      type: 'number',
-      min: 1,
-      max: 12,
-      step: 1
-    },
-    table: {
-      category: 'Column'
-    }
-  },
-  xl: {
-    description: '',
-    control: {
-      type: 'number',
-      min: 1,
-      max: 12,
-      step: 1
-    },
-    table: {
-      category: 'Column'
-    }
-  }
-};
-exports.columnOptions = columnOptions;
-const imageOptions = {
-  width: {
-    description: '',
-    control: 'number',
-    table: {
-      category: 'Image'
-    }
-  },
-  height: {
-    description: '',
-    control: 'number',
-    table: {
-      category: 'Image'
-    }
-  },
-  image: {
-    description: '',
-    control: 'text',
-    table: {
-      category: 'Image'
-    }
-  },
-  altText: {
-    description: '',
-    control: 'text',
-    table: {
-      category: 'Image'
-    }
-  }
-};
-exports.imageOptions = imageOptions;
-const starOptions = {
-  size: {
-    description: 'An integer between 1 and 5 to dictate the magnification of the icon',
-    control: {
-      type: 'number',
-      min: 1,
-      max: 5,
-      step: 1
-    },
-    table: {
-      category: ''
-    }
-  },
-  stars: {
-    description: 'An integer between 1 and 5 to dictate the number of gold stars',
-    control: {
-      type: 'number',
-      min: 1,
-      max: 5,
-      step: 1
-    },
-    table: {
-      category: ''
-    }
-  }
-};
-exports.starOptions = starOptions;