pragmate-ui/chips/chips.amd.js

An advanced, on-demand React UI library optimized for BeyondJS. Pragmate UI provides modular, responsive, and accessible components with a focus on efficient bundle sizes and a streamlined development process.

define(["exports", "module", "@beyond-js/kernel/bundle", "@beyond-js/kernel/styles", "react", "pragmate-ui/ripple", "tippy.js", "pragmate-ui/icons", "pragmate-ui/base"], function (_exports, _amd_module, dependency_0, dependency_1, dependency_2, dependency_3, dependency_4, dependency_5, dependency_6) {
  "use strict";

  Object.defineProperty(_exports, "__esModule", {
    value: true
  });
  _exports.hmr = _exports.__beyond_pkg = _exports.Chips = _exports.Chip = void 0;
  const {
    Bundle: __Bundle
  } = dependency_0;
  const __pkg = new __Bundle({
    "module": {
      "vspecifier": "pragmate-ui@1.0.1/chips"
    },
    "type": "code"
  }, _amd_module.uri).package();
  ;
  __pkg.dependencies.update([['@beyond-js/kernel/styles', dependency_1], ['react', dependency_2], ['pragmate-ui/ripple', dependency_3], ['tippy.js', dependency_4], ['pragmate-ui/icons', dependency_5], ['pragmate-ui/base', dependency_6]]);
  brequire('@beyond-js/kernel/styles').styles.register('pragmate-ui@1.0.1/chips');
  const ims = new Map();

  /**********************
  INTERNAL MODULE: ./chip
  **********************/

  ims.set('./chip', {
    hash: 4064505056,
    creator: function (require, exports) {
      "use strict";

      Object.defineProperty(exports, "__esModule", {
        value: true
      });
      exports.Chip = Chip;
      var _react = require("react");
      var _ripple = require("pragmate-ui/ripple");
      var _tippy = require("tippy.js");
      var _icons = require("pragmate-ui/icons");
      /*bundle*/
      function Chip(props) {
        const {
          type,
          title,
          children,
          icon
        } = props;
        const properties = {
          ...props
        };
        const ref = _react.default.useRef(null);
        ['children', 'type', 'className', 'variant'].forEach(key => delete properties[key]);
        _react.default.useEffect(() => {
          if (properties.onClick) {
            const ripple = new _ripple.RippleEffect();
            ripple.addRippleEffect(ref.current);
          }
          if (title) (0, _tippy.default)(ref.current);
        }, [properties.onClick, title]);
        if (title) properties['data-tippy-content'] = title;
        const variant = props.variant || props.type || 'default';
        let cls = `pui-chip pui-chip--${variant}`;
        if (properties.onClick) {
          cls += ` is-clickable`;
        }
        return _react.default.createElement("span", {
          ref: ref,
          className: cls,
          ...properties
        }, children, icon && _react.default.createElement(_icons.Icon, {
          icon: icon
        }));
      }
    }
  });

  /***********************
  INTERNAL MODULE: ./index
  ***********************/

  ims.set('./index', {
    hash: 3044580695,
    creator: function (require, exports) {
      "use strict";

      Object.defineProperty(exports, "__esModule", {
        value: true
      });
      exports.Chips = Chips;
      var _react = require("react");
      /*bundle*/
      function Chips(props) {
        const {
          children
        } = props;
        const properties = {
          ...props
        };
        ['items', 'type', 'variant'].forEach(key => delete properties[key]);
        // const cls = `${props.type ? `pui-chip__container--${props.type}` : ''}`;
        const variant = props.variant || props.type || 'default';
        const cls = `pui-chip__container pui-chip__container--${variant}`;
        properties.className = `pui-chip__container${properties.className ? ` ${properties.className}` : ''} ${cls}`;
        return _react.default.createElement("div", {
          ...properties
        }, _react.default.createElement("div", {
          className: 'content-chip'
        }, children));
      }
    }
  });

  /***********************
  INTERNAL MODULE: ./types
  ***********************/

  ims.set('./types', {
    hash: 710310839,
    creator: function (require, exports) {
      "use strict";

      Object.defineProperty(exports, "__esModule", {
        value: true
      });
    }
  });
  __pkg.exports.descriptor = [{
    "im": "./chip",
    "from": "Chip",
    "name": "Chip"
  }, {
    "im": "./index",
    "from": "Chips",
    "name": "Chips"
  }];
  let Chip = _exports.Chip = void 0,
    Chips = _exports.Chips = void 0;

  // Module exports
  __pkg.exports.process = function ({
    require,
    prop,
    value
  }) {
    (require || prop === 'Chip') && (_exports.Chip = Chip = require ? require('./chip').Chip : value);
    (require || prop === 'Chips') && (_exports.Chips = Chips = require ? require('./index').Chips : value);
  };
  const __beyond_pkg = _exports.__beyond_pkg = __pkg;
  const hmr = _exports.hmr = new function () {
    this.on = (event, listener) => void 0;
    this.off = (event, listener) => void 0;
  }();
  __pkg.initialise(ims);
});
//# sourceMappingURL=chips.amd.js.map